{"version":3,"sources":["webpack:///./src/views/training/Game_mental_rotation.vue?dcf9","webpack:///./src/views/training/Game_mental_rotation.vue","webpack:///src/views/training/Game_mental_rotation.vue","webpack:///./src/views/training/Game_mental_rotation.vue?4778","webpack:///./src/views/training/Game_mental_rotation.vue?0e82"],"names":["render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","_v","_s","info","GameName","Guideline","on","$event","startTest","staticStyle","attrs","dialogVisible","ref","pageShowStatus","class","currentItem","isReverse","style","rotate","letter","keyDown","pageFeedbackStatus","justAverageTime","againstAverageTime","_e","staticRenderFns","data","setIntervalTime","onKeyStatus","responderStatus","isKey","startTime","endTime","reportID","publishID","startTimeDate","endTimeDate","practiceCount","officialCount","recordPracticeNum","testStatus","randomIndex","result","resetRotateList","rotateList","ResultID1","TestNum1","TestNum2","Url1","Url2","mounted","getApi","methods","mySignOutGame","window","android","getTitle","location","reload","rand","min","max","Math","round","random","formatDate","date","Date","YY","getFullYear","MM","getMonth","DD","getDate","hh","getHours","mm","getMinutes","ss","getSeconds","getMilliseconds","getUrlParam","reg","RegExp","r","search","substr","match","decodeURIComponent","ISFj","that","obj","getTime","Result","ReactionTime","push","GameID","ReportID","PublishID","StartTime","No1","length","LetterType","RotationAngle","EndTime","status","commentsPoint","gameFun","onKeyFun","setTimeout","time","list","gamePublicFun","timer","setInterval","leaveOutFun","clearInterval","resultHtml","reactionTimeHtml","endTile","$alert","confirmButtonText","dangerouslyUseHTMLString","callback","action","resultFun","submitData","splice","document","onkeyup","e","el","event","arguments","callee","caller","key","justAverageNum","againstAverageNum","i","toFixed","alert","component"],"mappings":"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","file":"js/chunk-522c330a.2a23c8c5.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game_mental_rotation.vue?vue&type=style&index=0&id=b8202dbe&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Game_a_type\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"yj-view\"},[_c('div',{staticClass:\"right\"},[_c('h2',[_vm._v(_vm._s(_vm.info.GameName))]),_c('label',[_vm._v(\"训练描述:\")]),_c('p',[_vm._v(_vm._s(_vm.info.Guideline))]),_c('div',{staticClass:\"btn-group\"},[_c('div',{staticClass:\"btn-left\"},[_c('button',{staticClass:\"yj-btn\",on:{\"click\":function($event){return _vm.startTest(0)}}},[_vm._v(\"练习\")]),_c('button',{staticClass:\"yj-btn\",on:{\"click\":function($event){return _vm.startTest(1)}}},[_vm._v(\"正式\")])])])])]),_c('el-dialog',{staticClass:\"bg-black\",staticStyle:{\"display\":\"none\"},attrs:{\"show-close\":false,\"fullscreen\":true,\"title\":\"\",\"visible\":_vm.dialogVisible},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('div',{ref:\"stage\",staticClass:\"stage\",attrs:{\"id\":\"stage\"}},[(_vm.pageShowStatus === 0)?_c('div',{staticClass:\"text-center text-white ready-dot\"},[_vm._v(\"+\")]):(_vm.pageShowStatus === 1)?_c('div',{staticClass:\"d-flex flex-column justify-content-center\",staticStyle:{\"height\":\"100%\",\"overflow\":\"hidden\"}},[_c('div',{staticClass:\"text-center ptb-5 text-white\",class:_vm.currentItem.isReverse === 1 ? 'reverse' : '',staticStyle:{\"font-size\":\"100px\"}},[_c('div',{style:('transform: rotate(' + _vm.currentItem.rotate + 'deg)')},[_vm._v(_vm._s(_vm.letter))])]),_c('div',{staticClass:\"text-center ptb-5 text-white\",staticStyle:{\"text-align\":\"center\"}},[_c('button',{staticClass:\"yj-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.keyDown('f')}}},[_vm._v(\"F \")]),_c('button',{staticClass:\"yj-btn\",staticStyle:{\"margin-left\":\"50px\"},attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.keyDown('j')}}},[_vm._v(\"J \")])])]):_c('div',{staticClass:\"d-flex flex-column justify-content-center text-center text-white\",staticStyle:{\"font-size\":\"30px\",\"height\":\"100%\"}},[(_vm.pageFeedbackStatus === 1)?_c('div',[_c('p',[_vm._v(\"您本次实验正的R的平均反应时为：\"+_vm._s(_vm.justAverageTime)+\"ms\")]),_c('p',{staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"负的R平均反应时为：\"+_vm._s(_vm.againstAverageTime)+\"ms\")]),_c('p',{staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"谢谢您的参与！\")])]):_vm._e()])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template style=\"\">\r\n  <div class=\"Game_a_type\">\r\n\r\n    <div class=\"yj-view\" v-loading=\"loading\">\r\n        <!-- <div class=\"left\">\r\n            <img src=\"../images/表象心理旋转.png\" alt=\"\" width=\"380\" height=\"230\">\r\n        </div> -->\r\n        <div class=\"right\">\r\n          <h2>{{ info.GameName }}</h2>\r\n          <label>训练描述:</label>\r\n          <p>{{ info.Guideline }}</p>\r\n          <div class=\"btn-group\">\r\n            <div class=\"btn-left\">\r\n                <button @click=\"startTest(0)\" class=\"yj-btn\">练习</button>\r\n                <button @click=\"startTest(1)\" class=\"yj-btn\">正式</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    </div>\r\n    <el-dialog style=\"display: none;\" :show-close=\"false\" class=\"bg-black\" :fullscreen=\"true\" title=\"\" :visible.sync=\"dialogVisible\">\r\n        <div class=\"stage\" id=\"stage\" ref=\"stage\">\r\n            <div class=\"text-center text-white ready-dot\" v-if=\"pageShowStatus === 0\">+</div>\r\n            <div v-else-if=\"pageShowStatus === 1\" class=\"d-flex flex-column justify-content-center\" style=\"height: 100%;overflow: hidden;\">\r\n              <div style=\"font-size: 100px;\" class=\"text-center ptb-5 text-white\" :class=\"currentItem.isReverse === 1 ? 'reverse' : ''\">\r\n                <div :style=\"'transform: rotate(' + currentItem.rotate + 'deg)'\">{{ letter }}</div>\r\n              </div>\r\n              <div style=\"text-align:center\" class=\"text-center ptb-5 text-white \">\r\n                <button type=\"button\" class=\"yj-btn\" @click=\"keyDown('f')\">F </button>\r\n                <button style=\"margin-left:50px\" @click=\"keyDown('j')\" type=\"button\" class=\"yj-btn\">J </button>\r\n              </div>\r\n            </div>\r\n            <div v-else style=\"font-size: 30px;height: 100%;\" class=\"d-flex flex-column justify-content-center text-center text-white\">\r\n              <div v-if=\"pageFeedbackStatus === 1\">\r\n                <p>您本次实验正的R的平均反应时为：{{ justAverageTime }}ms</p>\r\n                <p style=\"font-size: 20px;\">负的R平均反应时为：{{ againstAverageTime }}ms</p>\r\n                <p style=\"font-size: 20px;\">谢谢您的参与！</p>\r\n              </div>\r\n            </div>\r\n        </div>\r\n    </el-dialog>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      letter: 'R',//呈现字母\r\n      setIntervalTime: 1,//呈现时间(秒)\r\n      onKeyStatus: true,//按键状态 true:可按 false:不可按\r\n      responderStatus: true,//答题状态 true:抢答 false:正常答题\r\n      isKey: 0,//是否按键 0:没按 1:按\r\n      startTime: 0,//开始时间戳\r\n      endTime: 0,//结束时间戳\r\n      reportID: \"\",//游戏编号\r\n      publishID: \"\",//发布编号\r\n      startTimeDate: '',//开始日期时间\r\n      endTimeDate: '',//结束日期时间\r\n      practiceCount: 0,//练习测试次数\r\n      officialCount: 0,//正式测试次数\r\n      recordPracticeNum: 0,//练习页面数 用于判断是否到反馈页，如果到了反馈页后从注释点页面继续开始呈现页面\r\n      testStatus: 0,//测试状态 0:测试 1:正式\r\n      pageShowStatus: 0,//页面内容显示状态 0:注释点 1:游戏页 2:结果\r\n      pageFeedbackStatus: 0,//反馈空屏状态\r\n      randomIndex: 0,//随机下标\r\n      justAverageTime: 0,//正的R平均反应时(不算错误与抢答)\r\n      againstAverageTime: 0,//反的R平均反应时(不算错误与抢答)\r\n      result: [],//结果\r\n      currentItem: {},//当前显示对象\r\n      resetRotateList: [],//重置旋转列表\r\n      rotateList: [//旋转列表 rotate:旋转角度 isReverse:正反( 0是正 1是反)\r\n        //0°正\r\n        {\r\n          rotate: 0,\r\n          isReverse: 0\r\n        },\r\n\r\n        //0°反\r\n        {\r\n          rotate: 0,\r\n          isReverse: 1\r\n        },\r\n\r\n        //正60°\r\n        {\r\n          rotate: 60,\r\n          isReverse: 0\r\n        },\r\n\r\n        //反60°\r\n        {\r\n          rotate: 60,\r\n          isReverse: 1\r\n        },\r\n\r\n        //正120°\r\n        {\r\n          rotate: 120,\r\n          isReverse: 0\r\n        },\r\n\r\n        //反120°\r\n        {\r\n          rotate: 120,\r\n          isReverse: 1\r\n        },\r\n\r\n        //正180°\r\n        {\r\n          rotate: 180,\r\n          isReverse: 0\r\n        },\r\n\r\n        //反180°\r\n        {\r\n          rotate: 180,\r\n          isReverse: 1\r\n        },\r\n\r\n        //正240°\r\n        {\r\n          rotate: 240,\r\n          isReverse: 0\r\n        },\r\n\r\n        //反240°\r\n        {\r\n          rotate: 240,\r\n          isReverse: 1\r\n        },\r\n\r\n        //正300°\r\n        {\r\n          rotate: 300,\r\n          isReverse: 0\r\n        },\r\n\r\n        //反300°\r\n        {\r\n          rotate: 300,\r\n          isReverse: 1\r\n        }\r\n      ],\r\n      loading: false,\r\n      info: { GameName: \"表象的心理旋转\", Guideline: \"欢迎您参加本次实验，屏幕中央会呈现正着的R或者反着的R。有的字母会旋转后呈现，您需要判断字母R是正的还是反的，正的按f键，反的按j键。请将左手食指悬放在f键上方，右手食指悬放在j键上方。每一次结束后请立即准备下一次反应。抢答按错误记录。\", ResultID1: null, TestNum1: 5, TestNum2: 24, Url1: \"http://172.16.0.110:8003\", Url2: \"http://172.16.0.110:9004\" },\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getApi();\r\n  },\r\n  methods: {\r\n    mySignOutGame(){\r\n      if (!!window.android) window.android.getTitle(\"\");\r\n      location.reload();\r\n    },\r\n    rand(min, max) {\r\n      return Math.round(Math.random() * (max - min) + min);\r\n    },\r\n    formatDate(date) {\r\n      var date = new Date(date);\r\n      var YY = date.getFullYear() + '-';\r\n      var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';\r\n      var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());\r\n      var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';\r\n      var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';\r\n      var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());\r\n      var fff = date.getMilliseconds() >= 100 ? date.getMilliseconds() : date.getMilliseconds() >= 10 ? '0' + date.getMilliseconds() : '00' + date.getMilliseconds();\r\n      return YY + MM + DD + \" \" + hh + mm + ss;\r\n    },\r\n    getUrlParam(name) {\r\n      var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\"); //\r\n      var r = window.location.search.substr(1).match(reg); //\r\n      if (r != null) return decodeURIComponent(r[2]);\r\n      return null; //\r\n    },\r\n    // 获取初始数据\r\n    getApi() {\r\n        this.loading = false;\r\n        this.practiceCount = 5;\r\n        this.officialCount = 24;\r\n        this.reportID = this.getUrlParam('UserID');//游戏编号\r\n        this.publishID = this.getUrlParam('PublishID');//发布编号\r\n    },\r\n    keyDown(ISFj) {\r\n      let that = this;\r\n      that.onKeyStatus = false;\r\n      that.isKey = 1;\r\n      let obj = {};\r\n      that.endTime = new Date().getTime();\r\n      //抢答\r\n      if (that.responderStatus) {\r\n        obj.Result = '错误';\r\n        obj.ReactionTime = 0;\r\n        that.result.push(obj);\r\n        return false\r\n      }\r\n      //正常答题\r\n      obj.GameID = 'YJ-15';//游戏编号\r\n      obj.ReportID = that.reportID;//报告编号\r\n      obj.PublishID = that.publishID;//发布编号\r\n      obj.StartTime = that.startTimeDate;//开始时间\r\n      obj.No1 = that.result.length + 1;//序号\r\n      obj.LetterType = that.resetRotateList[that.resetRotateList.length - 1].isReverse === 0 ? '正' : '反';//字母类型\r\n      obj.RotationAngle = that.resetRotateList[that.resetRotateList.length - 1].rotate === 0 ? '0°' : that.resetRotateList[that.resetRotateList.length - 1].rotate === 60 ? '60°' : that.resetRotateList[that.resetRotateList.length - 1].rotate === 120 ? '120°' : that.resetRotateList[that.resetRotateList.length - 1].rotate === 180 ? '180°' : that.resetRotateList[that.resetRotateList.length - 1].rotate === 240 ? '240°' : '300°';//旋转角度\r\n      obj.EndTime = this.formatDate(that.endTime);//结束时间\r\n      if (that.result.length + 1 == 1) {\r\n        obj.ReportID = obj.ReportID + \"_\" + that.publishID;\r\n      }\r\n      if (that.responderStatus === false) {\r\n        const result = (ISFj === 'f' && that.resetRotateList[that.resetRotateList.length - 1].isReverse === 0) ? '正确' : (ISFj === 'j' && that.resetRotateList[that.resetRotateList.length - 1].isReverse === 1) ? '正确' : '错误';\r\n        obj.Result = result;\r\n        obj.ReactionTime = result === '正确' ? that.endTime - that.startTime : 0;\r\n        that.result.push(obj);\r\n      }\r\n    },\r\n    //测试开始\r\n    startTest: function (status) {\r\n      this.dialogVisible = true;\r\n      this.testStatus = status;\r\n      if (status === 0) this.commentsPoint();//练习\r\n      if (status === 1) { this.pageShowStatus = 1; this.onKeyStatus = true; this.responderStatus = false; this.gameFun(); }//正式\r\n      this.onKeyFun();\r\n    },\r\n    //注视点界面消失\r\n    commentsPoint() {\r\n      let that = this;\r\n      that.onKeyStatus = true;\r\n      that.responderStatus = true;\r\n      that.startTime = new Date().getTime();\r\n      that.startTimeDate = this.formatDate(this.startTime);\r\n      setTimeout(function () {\r\n        that.pageShowStatus = 1;\r\n        that.recordPracticeNum += 1;\r\n        that.responderStatus = false;\r\n        that.gameFun();\r\n      }, 1000)\r\n    },\r\n    //测试游戏逻辑函数\r\n    gameFun() {\r\n      let time = this.setIntervalTime;//字母呈现秒数\r\n      let list = [];\r\n      this.gamePublicFun();\r\n      let timer = setInterval(() => {\r\n      time--;\r\n        if (time === 0) {\r\n          this.onKeyStatus = false;\r\n          this.recordPracticeNum += 1;\r\n          //练习测试与正式测试测试次数\r\n          if (this.testStatus === 0) this.practiceCount--;\r\n          if (this.testStatus === 1) this.officialCount--;\r\n          //判断正式是否按键\r\n          if (this.testStatus === 1 && this.isKey === 0) this.leaveOutFun();\r\n          if (this.testStatus === 1 && this.isKey === 1) this.isKey = 0;\r\n          //判断正式如果完成了1轮12次后，切换下一轮、初始化数据,正式一共2轮24次\r\n          if (this.testStatus === 1 && this.resetRotateList.length === 12) {\r\n            list = this.resetRotateList;\r\n            this.rotateList = list;\r\n            this.resetRotateList = [];\r\n          }\r\n          //判断如果是练习并且练习页面数2时，从注释点页面开始呈现页面\r\n          if (this.testStatus === 0 && this.recordPracticeNum === 2 && this.practiceCount >= 0) {\r\n            clearInterval(timer);\r\n            //判断是否按键\r\n            if (this.isKey === 0) {this.leaveOutFun();}\r\n            const resultHtml = this.result[this.result.length - 1].Result === '正确' ? '<span style=\"color: blue;\">' + this.result[this.result.length - 1].Result + '</span>' : '<span style=\"color: red;\">' + this.result[this.result.length - 1].Result + '</span>';\r\n            const reactionTimeHtml = this.result[this.result.length - 1].ReactionTime !== 0 ? '<br/><p>' + '反应时为：' + this.result[this.result.length - 1].ReactionTime + 'ms' + '</p>' : '';\r\n            let endTile = '本次结果';\r\n            if (this.practiceCount === 0) endTile += '(练习结束)';\r\n            this.$alert('本次反应结果为：' + resultHtml + ' !' + reactionTimeHtml, endTile, {\r\n              confirmButtonText: '确定',\r\n              dangerouslyUseHTMLString: true,\r\n              callback: action => {\r\n                if (this.practiceCount !== 0) {\r\n                  this.recordPracticeNum = 0;\r\n                  this.pageShowStatus = 0;\r\n                  this.result = [];\r\n                  this.isKey = 0;\r\n                  this.commentsPoint();\r\n                } else {\r\n                  mySignOutGame();\r\n                }\r\n              }\r\n            });\r\n            return false\r\n          }\r\n          //正式练习次数达到后结束游戏\r\n          if (this.testStatus === 1 && this.officialCount === 0) {\r\n            clearInterval(timer);\r\n            this.resultFun();\r\n            this.submitData();\r\n          } else {\r\n            this.onKeyStatus = true;\r\n            this.responderStatus = false;\r\n            this.gamePublicFun();\r\n            time = this.setIntervalTime;\r\n          }\r\n        }\r\n      }, 1000);\r\n    },\r\n    //游戏共用函数\r\n    gamePublicFun(){\r\n      this.startTime = new Date().getTime();\r\n      this.startTimeDate = this.formatDate(this.startTime);\r\n      this.randomIndex = this.rand(0, this.rotateList.length - 1);\r\n      this.currentItem = this.rotateList[this.randomIndex];\r\n      this.resetRotateList.push(this.currentItem);\r\n      this.rotateList.splice(this.randomIndex, 1);\r\n    },\r\n    //遗漏\r\n    leaveOutFun() {\r\n      let obj = {};\r\n      this.endTime = new Date().getTime();\r\n      obj.GameID = 'YJ-15';//游戏编号\r\n      obj.ReportID = this.reportID;//报告编号\r\n      obj.PublishID = this.publishID;//发布编号\r\n      obj.StartTime = this.startTimeDate;//开始时间\r\n      obj.No1 = this.result.length + 1; //序号\r\n      obj.LetterType = this.resetRotateList[this.resetRotateList.length - 1].isReverse === 0 ? '正' : '反'; //字母类型\r\n      obj.RotationAngle = this.resetRotateList[this.resetRotateList.length - 1].rotate === 0 ? '0°' : this.resetRotateList[this.resetRotateList.length - 1].rotate === 60 ? '60°' : this.resetRotateList[this.resetRotateList.length - 1].rotate === 120 ? '120°' : this.resetRotateList[this.resetRotateList.length - 1].rotate === 180 ? '180°' : this.resetRotateList[this.resetRotateList.length - 1].rotate === 240 ? '240°' : '300°';//旋转角度\r\n      obj.ReactionTime = 0;//反应时（毫秒）\r\n      obj.EndTime = this.formatDate(this.endTime);//结束时间\r\n      obj.Result = '未反应';//结果\r\n      if (this.result.length + 1 == 1) {\r\n        obj.ReportID = obj.ReportID + \"_\" + this.publishID;\r\n      }\r\n      this.result.push(obj);\r\n    },\r\n    /**监听键盘*f:正j:反*/\r\n    onKeyFun() {\r\n      let that = this;\r\n      document.onkeyup = function (e) {\r\n        let el = e || event || window.event || arguments.callee.caller.arguments[0];\r\n        if ((el.key === 'f' && that.onKeyStatus) || (el.key === 'j' && that.onKeyStatus)) {\r\n          that.keyDown(el.key);\r\n        }\r\n      };\r\n    },\r\n    //结果(计算正反平均反应时)\r\n    resultFun() {\r\n      let justAverageTime = 0;//正字反应时\r\n      let justAverageNum = 0;//正字个数\r\n      let againstAverageTime = 0;//反字反应时\r\n      let againstAverageNum = 0;//反字个数\r\n      for (let i = 0; i < this.result.length; i++) {\r\n        //正的平均反应时\r\n        if (this.result[i].LetterType === '正' && this.result[i].Result === '正确') {\r\n          justAverageTime += this.result[i].ReactionTime;\r\n          justAverageNum += 1;\r\n        }\r\n        //反的平均反应时\r\n        if (this.result[i].LetterType === '反' && this.result[i].Result === '正确') {\r\n          againstAverageTime += this.result[i].ReactionTime;\r\n          againstAverageNum += 1;\r\n        }\r\n      }\r\n      this.justAverageTime = justAverageTime / justAverageNum > 0 ? (justAverageTime / justAverageNum).toFixed(2) : 0;\r\n      this.againstAverageTime = againstAverageTime / againstAverageNum > 0 ? (againstAverageTime / againstAverageNum).toFixed(2) : 0;\r\n    },\r\n    //数据保存\r\n    submitData() { \r\n      alert(\"提交函数\")\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style>\r\n  .Game_a_type{width: 100%;height: 100%;}\r\n  .reverse {transform: rotateY(180deg);}\r\n  .el-dialog.is-fullscreen {background-color: #f5c0c0;}\r\n  .button {width: 100px;height: 50px;line-height: 50px;border: 1px solid transparent;padding: 0 18px;background-color: #009688;color: #fff;white-space: nowrap;text-align: center;font-size: 15px;border-radius: 2px;cursor: pointer;}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game_mental_rotation.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game_mental_rotation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Game_mental_rotation.vue?vue&type=template&id=b8202dbe&style=true\"\nimport script from \"./Game_mental_rotation.vue?vue&type=script&lang=js\"\nexport * from \"./Game_mental_rotation.vue?vue&type=script&lang=js\"\nimport style0 from \"./Game_mental_rotation.vue?vue&type=style&index=0&id=b8202dbe&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}