{"version":3,"sources":["webpack:///./src/views/center/components/eSelect.vue?b6e8","webpack:///./src/views/center/components/wordBookModal.vue?f064","webpack:///./src/views/center/components/eSelect.vue","webpack:///src/views/center/components/eSelect.vue","webpack:///./src/views/center/components/eSelect.vue?efa7","webpack:///./src/views/center/components/wordBookModal.vue","webpack:///src/views/center/components/wordBookModal.vue","webpack:///./src/views/center/components/wordBookModal.vue?3a3c","webpack:///./src/views/center/components/wordBookModal.vue?3cb6"],"names":["render","staticRenderFns","extends","name","computed","iconClass","component","_vm","this","_c","_self","visible","staticClass","show","_e","class","anim","on","$event","$emit","_v","_s","title","attrs","isDisabled","formModal","dictType","model","value","callback","$$v","$set","expression","_l","dictOptions","item","i","key","label","mode","input","word","target","currentTarget","stopPropagation","inputChange","apply","arguments","tipStatus","style","tipInfo","bgc","tip","note","confirm","editStatus","hidePrompt","noPrompt","has","noHas","empty","components","ESelect","props","record","type","default","watch","handler","immediate","data","tipMap","TIP_TYPE","methods","findWordApi","res","window","message","method","params","sessionStorage"],"mappings":"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,CAACF,EAAIa,GAAG,yBAAyBX,EAAG,MAAM,CAACG,YAAY,MAAMK,GAAG,CAAC,MAAQV,EAAIkD,WAAW,CAAClD,EAAIa,GAAG,cAAcb,EAAIO,OAAOP,EAAIO,MAEnqFb,EAAkB,G,4DCoFtB,GACAyD,MACAC,QACAC,SAGe,GACfzD,qBACA0D,YACAC,gBAEAC,OACAC,QACAC,YACAC,mBAAA,WAEAvD,SACAsD,aACAC,YAEA3B,MACA0B,YACAC,mBAGA9D,UACAoB,sBACA,0BAEA0B,mBACA,yDAGAK,sBACA,qDAGAY,OACAxD,SACAyD,oBACA,MACA,uBACA,WACA,8BACA,iBACA,aACA,6EACA,kCAGAC,eAYAC,gBAAA,MACA,OACAhD,WACAG,WACAC,SACA,iEACAe,QACAY,SAEAnB,aACA,CACAN,MACA,iEACAU,cAEA,CACAV,oDACAU,cAEA,CACAV,wCACAU,cAEA,CACAV,MACA,uEACAU,mBAIAU,kBACAuB,8BACAC,mBAAA,OACApB,0CACAD,kBACA,iBACAqB,qBAAA,OACApB,6BACAD,kBACA,iBACAqB,oBAAA,OACApB,+BACAD,eACA,GAGAtC,UAGA4D,SACAjC,kBAAA,WACA,yBACA,MAEA,YADA,wBAGAkC,8BAEA,qBACA,oBACA,uBAEA,OACA,kBACA,6CACA,aACAC,SAMA9B,uBACA,oBAOA+B,yDANA,eACAC,qBACAZ,kBAMAX,mBAAA,WACA,wBAIA,OACAD,yBACAZ,0BAEA,sBACA,oCACAqC,EACA,kBACAC,GACA,WACA,mDACA,uCAIA,OAHA,4DACA,kCACA,cAGA,kBApBA,6BAwBAvB,sBACA,aACA,iCAEAC,oBACA,kBAEAuB,sDCvQqX,I,wBCQjX1E,EAAY,eACd,EACAN,EACAC,GACA,EACA,KACA,WACA,MAIa,OAAAK,E","file":"js/chunk-92653436.03bd138a.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./eSelect.vue?vue&type=style&index=0&id=d33adc5c&prod&scoped=true&lang=less&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./wordBookModal.vue?vue&type=style&index=0&id=4a472048&prod&lang=less&scoped=true&\"","var render, staticRenderFns\nimport script from \"./eSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./eSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./eSelect.vue?vue&type=style&index=0&id=d33adc5c&prod&scoped=true&lang=less&\"\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  \"d33adc5c\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport { Select } from \"element-ui\";\n\nexport default {\n  extends: Select,\n  name: \"eSelect\",\n  computed: {\n    iconClass() {\n      return this.remote && this.filterable\n        ? \"\"\n        : this.visible\n        ? \"caret-top is-reverse\"\n        : \"caret-top\";\n    }\n  }\n};\n</script>\n<style scoped lang=\"less\">\n/deep/.el-select__caret {\n  color: #000 !important;\n}\n</style>\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!./eSelect.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!./eSelect.vue?vue&type=script&lang=js&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visible)?_c('div',{staticClass:\"word-book-modal-swapper\"},[_c('div',{staticClass:\"mask\"}),(!_vm.show)?_c('div',{staticClass:\"wm-content\",class:{ anim: _vm.visible }},[_c('i',{staticClass:\"el-icon-close\",on:{\"click\":function($event){return _vm.$emit('update:visible', false)}}}),_c('h4',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"search-bar\"},[_c('e-select',{staticClass:\"select\",attrs:{\"placeholder\":\"请选择词典\",\"disabled\":_vm.isDisabled},on:{\"change\":function($event){return _vm.$emit('changeDict', _vm.formModal.dictType)}},model:{value:(_vm.formModal.dictType),callback:function ($$v) {_vm.$set(_vm.formModal, \"dictType\", $$v)},expression:\"formModal.dictType\"}},_vm._l((_vm.dictOptions),function(item,i){return _c('el-option',{key:i,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('div',{staticClass:\"input-box\"},[_c('el-input',{staticClass:\"input\",attrs:{\"disabled\":_vm.isDisabled || _vm.mode === 'edit',\"suffix-icon\":\"el-icon-search\",\"placeholder\":\"请输入想要搜索的单词\"},on:{\"input\":_vm.input},model:{value:(_vm.formModal.word),callback:function ($$v) {_vm.$set(_vm.formModal, \"word\", $$v)},expression:\"formModal.word\"}}),_c('div',{staticClass:\"btn-mask\",on:{\"click\":function($event){if($event.target !== $event.currentTarget)return null;$event.stopPropagation();return _vm.inputChange.apply(null, arguments)}}}),(_vm.mode === 'create')?_c('div',{staticClass:\"tip\",class:{ 'empty-tip-pos': _vm.tipStatus === 3 },style:({ 'background-color': _vm.tipInfo.bgc })},[_vm._v(\" \"+_vm._s(_vm.tipInfo.tip)+\" \")]):_vm._e()],1)],1),_c('div',{staticClass:\"note-box\"},[_c('el-input',{attrs:{\"type\":\"textarea\",\"disabled\":_vm.isDisabled,\"placeholder\":\"输入笔记内容，方便更好的理解单词，便于复习（2000字以内）\",\"maxlength\":\"2000\",\"resize\":\"none\",\"show-word-limit\":\"\"},model:{value:(_vm.formModal.note),callback:function ($$v) {_vm.$set(_vm.formModal, \"note\", $$v)},expression:\"formModal.note\"}})],1),(_vm.mode !== 'view')?_c('div',{staticClass:\"btn-box\"},[_c('el-button',{staticClass:\"cancel\",attrs:{\"size\":\"medium\"},on:{\"click\":function($event){return _vm.$emit('update:visible', false)}}},[_vm._v(\" 取消 \")]),_c('el-button',{staticClass:\"confirm\",attrs:{\"type\":\"primary\",\"size\":\"medium\"},on:{\"click\":_vm.confirm}},[_vm._v(_vm._s(_vm.editStatus ? \"加入单词本\" : \"保存\"))])],1):_vm._e()]):_vm._e(),(_vm.show)?_c('div',{staticClass:\"success-box\"},[_c('div',{staticClass:\"content\",class:{ anim: _vm.visible }},[_c('i',{staticClass:\"el-icon-close\",on:{\"click\":_vm.hidePrompt}}),_c('h4',[_vm._v(_vm._s(_vm.mode === \"create\" ? \"添加\" : \"编辑\")+\"成功\")]),_c('p',[_vm._v(\"可在 做题记录->单词本 中查看此单词\")]),_c('div',{staticClass:\"btn\",on:{\"click\":_vm.noPrompt}},[_vm._v(\"不再提示\")])])]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"word-book-modal-swapper\" v-if=\"visible\">\n    <div class=\"mask\"></div>\n    <div class=\"wm-content\" :class=\"{ anim: visible }\" v-if=\"!show\">\n      <i class=\"el-icon-close\" @click=\"$emit('update:visible', false)\"></i>\n      <h4 class=\"title\">{{ title }}</h4>\n      <div class=\"search-bar\">\n        <e-select\n          class=\"select\"\n          v-model=\"formModal.dictType\"\n          placeholder=\"请选择词典\"\n          @change=\"$emit('changeDict', formModal.dictType)\"\n          :disabled=\"isDisabled\"\n        >\n          <el-option\n            v-for=\"(item, i) in dictOptions\"\n            :key=\"i\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n          >\n          </el-option>\n        </e-select>\n        <div class=\"input-box\">\n          <el-input\n            class=\"input\"\n            :disabled=\"isDisabled || mode === 'edit'\"\n            v-model=\"formModal.word\"\n            suffix-icon=\"el-icon-search\"\n            placeholder=\"请输入想要搜索的单词\"\n            @input=\"input\"\n          />\n          <div class=\"btn-mask\" @click.self.stop=\"inputChange\"></div>\n          <div\n            v-if=\"mode === 'create'\"\n            class=\"tip\"\n            :class=\"{ 'empty-tip-pos': tipStatus === 3 }\"\n            :style=\"{ 'background-color': tipInfo.bgc }\"\n          >\n            {{ tipInfo.tip }}\n          </div>\n        </div>\n      </div>\n      <div class=\"note-box\">\n        <el-input\n          type=\"textarea\"\n          :disabled=\"isDisabled\"\n          placeholder=\"输入笔记内容，方便更好的理解单词，便于复习（2000字以内）\"\n          maxlength=\"2000\"\n          resize=\"none\"\n          v-model=\"formModal.note\"\n          show-word-limit\n        />\n      </div>\n      <div class=\"btn-box\" v-if=\"mode !== 'view'\">\n        <el-button\n          class=\"cancel\"\n          size=\"medium\"\n          @click=\"$emit('update:visible', false)\"\n        >\n          取消\n        </el-button>\n        <el-button\n          type=\"primary\"\n          class=\"confirm\"\n          size=\"medium\"\n          @click=\"confirm\"\n          >{{ editStatus ? \"加入单词本\" : \"保存\" }}</el-button\n        >\n      </div>\n    </div>\n\n    <div class=\"success-box\" v-if=\"show\">\n      <div class=\"content\" :class=\"{ anim: visible }\">\n        <i class=\"el-icon-close\" @click=\"hidePrompt\"></i>\n        <h4>{{ mode === \"create\" ? \"添加\" : \"编辑\" }}成功</h4>\n        <p>可在 做题记录->单词本 中查看此单词</p>\n        <div class=\"btn\" @click=\"noPrompt\">不再提示</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ESelect from \"@/views/center/components/eSelect.vue\";\nimport { addWordApi, editWordApi, findWordApi } from \"@/api/center\";\n\nconst TIP_TYPE = {\n  has: 1,\n  noHas: 2,\n  empty: 3\n};\n\nexport default {\n  name: \"wordBookModal\",\n  components: {\n    ESelect\n  },\n  props: {\n    record: {\n      type: Object,\n      default: () => ({})\n    },\n    visible: {\n      type: Boolean,\n      default: false\n    },\n    mode: {\n      type: String,\n      default: \"create\" // create, edit. view\n    }\n  },\n  computed: {\n    isDisabled() {\n      return this.mode === \"view\";\n    },\n    tipInfo() {\n      return this.tipMap[this.tipStatus](this.formModal.word);\n    },\n    //  操作状态\n    editStatus() {\n      return this.mode === \"create\" && this.tipStatus !== TIP_TYPE.has;\n    }\n  },\n  watch: {\n    visible: {\n      handler(val) {\n        if (val) {\n          if (!this.record) return;\n          this.title =\n            this.$route.name === \"WordBook\"\n              ? this.record.word\n              : \"搜索单词/加入单词本\";\n          this.formModal = { ...this.formModal, ...this.record };\n          this.input(this.formModal.word);\n        }\n      },\n      immediate: true\n    }\n    // record: {\n    //   handler(val) {\n    //     if (!val) return;\n    //     this.title = val.word;\n    //     this.formModal = { ...this.formModal, ...val };\n    //     this.input(this.formModal.word);\n    //   },\n    //   immediate: true\n    // }\n  },\n  data() {\n    return {\n      title: \"单词\",\n      formModal: {\n        dictType:\n          \"https://www.oxfordlearnersdictionaries.com/definition/english/\",\n        word: \"\",\n        note: \"\"\n      },\n      dictOptions: [\n        {\n          value:\n            \"https://www.oxfordlearnersdictionaries.com/definition/english/\",\n          label: \"牛津词典\"\n        },\n        {\n          value: \"https://www.youdao.com/result?lang=en&word=\",\n          label: \"有道词典\"\n        },\n        {\n          value: \"https://fanyi.baidu.com/#en/zh/\",\n          label: \"百度翻译\"\n        },\n        {\n          value:\n            \"https://translate.google.com.hk/?sl=auto&tl=zh-TW&op=translate&text=\",\n          label: \"Google翻译\"\n        }\n      ],\n\n      tipStatus: TIP_TYPE.empty,\n      tipMap: {\n        [TIP_TYPE.has]: word => ({\n          tip: `单词${word}已加入过单词本，已为你展示过往的单词笔记`,\n          bgc: \"#FF3E3E\"\n        }),\n        [TIP_TYPE.noHas]: word => ({\n          tip: `单词${word}未加入过单词本`,\n          bgc: \"#29D087\"\n        }),\n        [TIP_TYPE.empty]: () => ({\n          tip: `输入单词后点击搜索将跳转至目标平台的搜索结果页面`,\n          bgc: \"#999\"\n        })\n      },\n\n      show: false\n    };\n  },\n  methods: {\n    input(val) {\n      if (this.mode === \"create\") {\n        if (!val) {\n          this.tipStatus = TIP_TYPE.empty;\n          return;\n        }\n        findWordApi(val, res => {\n          //  判断res是否是数组\n          if (res instanceof Array) {\n            this.tipStatus = TIP_TYPE.noHas;\n            this.formModal.id = undefined;\n          }\n          if (res.id) {\n            this.tipStatus = TIP_TYPE.has;\n            this.formModal = {\n              ...this.formModal,\n              ...res\n            };\n          }\n        });\n      }\n    },\n    inputChange() {\n      if (!this.formModal.word) {\n        this.$message({\n          message: \"请输入想要搜索的单词\",\n          type: \"warning\"\n        });\n        return;\n      }\n      window.open(this.formModal.dictType + this.formModal.word);\n    },\n    confirm() {\n      if (!this.formModal.word) {\n        this.$message.info(\"请输入单词\");\n        return;\n      }\n      let params = {\n        note: this.formModal.note,\n        word: this.formModal.word\n      }\n      if(!params.note) delete params.note\n      const method = this.editStatus ? addWordApi : editWordApi;\n      method(\n        this.formModal.id,\n        params,\n        () => {\n          const isNotShow = sessionStorage.getItem(\"addWordPropNotShow\");\n          if (isNotShow === \"yes\" || this.$route.name !== \"report\") {\n            this.$message.success(`${this.editStatus ? \"添加\" : \"保存\"}成功！`);\n            this.$emit(\"update:visible\", false);\n            this.$emit(\"ok\");\n            return;\n          }\n          this.show = true;\n        }\n      );\n    },\n    hidePrompt() {\n      this.show = false;\n      this.$emit(\"update:visible\", false);\n    },\n    noPrompt() {\n      this.hidePrompt();\n      //  本地缓存\n      sessionStorage.setItem(\"addWordPropNotShow\", \"yes\");\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.word-book-modal-swapper {\n  position: fixed;\n  top: 0%;\n  left: 0;\n  right: 0;\n  margin: auto;\n  z-index: 999;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n\n  .mask {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    z-index: -1;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .wm-content {\n    position: relative;\n    width: 600px;\n    height: 558px;\n    padding: 20px;\n    margin: auto;\n    background: #ffffff;\n    border-radius: 12px;\n\n    /deep/ .el-input__suffix {\n      right: 10px;\n    }\n\n    /deep/ .el-input__inner {\n      color: #2f2f2f !important;\n      border-color: transparent;\n      caret-color: #2f2f2f !important;\n      background: rgba(245, 247, 250, 1);\n    }\n\n    /deep/ .el-input__inner:focus {\n      border-color: #29d087;\n    }\n\n    .el-icon-close {\n      position: absolute;\n      right: 15px;\n      top: 15px;\n      font-size: 20px;\n      font-weight: bold;\n      cursor: pointer;\n      .hover-scale;\n    }\n\n    .title {\n      font-size: 22px;\n      text-align: left;\n    }\n\n    .search-bar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-top: 20px;\n\n      .select {\n        width: 152px;\n        height: 40px;\n        margin-right: 10px;\n        background: #f5f7fa;\n        border-radius: 8px;\n      }\n\n      .input-box {\n        position: relative;\n        flex: 1;\n\n        .input {\n          height: 40px;\n          background: #f5f7fa;\n          border-radius: 8px;\n\n          /deep/.el-input__icon {\n            color: #000;\n            font-size: 16px;\n            font-weight: bolder;\n          }\n        }\n\n        .btn-mask {\n          position: absolute;\n          right: 0;\n          top: 0;\n          width: 40px;\n          height: 40px;\n          cursor: pointer;\n          overflow: hidden;\n        }\n\n        .empty-tip-pos {\n          left: auto !important;\n          right: 2px !important;\n          &:after {\n            left: auto !important;\n            right: 10px !important;\n          }\n        }\n        .tip {\n          position: absolute;\n          top: -20px;\n          left: 20px;\n          height: 24px;\n          line-height: 24px;\n          padding: 0 8px;\n          font-size: 12px;\n          color: #fff;\n          border-radius: 4px;\n          transition: all 0.3s;\n\n          &:after {\n            content: \" \";\n            display: block;\n            position: absolute;\n            background: inherit !important;\n            width: 8px;\n            height: 8px;\n            border-radius: 2px;\n            transform: rotate(45deg);\n            bottom: -3px;\n            left: 10px;\n            z-index: 0;\n          }\n        }\n      }\n    }\n\n    .note-box {\n      height: 360px;\n      margin-top: 10px;\n\n      /deep/.el-textarea__inner {\n        height: 360px;\n        border-color: transparent;\n        caret-color: #2f2f2f !important;\n        color: #2f2f2f !important;\n        background: #f5f7fa;\n        border-radius: 8px;\n      }\n\n      /deep/ .el-textarea__inner:focus {\n        border-color: #29d087;\n      }\n\n      /deep/.el-input__count {\n        background-color: #f5f7fa;\n      }\n    }\n\n    .btn-box {\n      display: flex;\n      justify-content: center;\n      margin-top: 20px;\n\n      .cancel {\n        width: 100px;\n        height: 38px;\n        border-radius: 20px;\n        color: #29d087;\n        border: 1px solid #29d087;\n      }\n\n      .confirm {\n        display: flex;\n        justify-content: center;\n        width: 100px;\n        height: 38px;\n        color: #fff;\n        background: #29d087;\n        border-radius: 20px;\n      }\n    }\n  }\n\n  .success-box {\n    position: fixed;\n    top: 20%;\n    left: 0;\n    right: 0;\n\n    .content {\n      position: relative;\n      margin: auto;\n      z-index: 99;\n      width: 360px;\n      height: 156px;\n      padding: 20px;\n      background: #ffffff;\n      text-align: center;\n      border-radius: 12px;\n\n      > h4 {\n        font-size: 20px;\n      }\n\n      > p {\n        font-size: 14px;\n        color: rgba(0, 0, 0, 0.6);\n      }\n\n      .btn {\n        width: 116px;\n        height: 34px;\n        background: #eeeeee;\n        border-radius: 34px;\n        color: rgba(0, 0, 0, 0.7);\n        font-size: 14px;\n        .hover;\n      }\n\n      .el-icon-close {\n        position: absolute;\n        right: 15px;\n        top: 15px;\n        font-size: 20px;\n        font-weight: bold;\n        cursor: pointer;\n        .hover-scale;\n      }\n    }\n  }\n}\n\n</style>\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!./wordBookModal.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!./wordBookModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./wordBookModal.vue?vue&type=template&id=4a472048&scoped=true&\"\nimport script from \"./wordBookModal.vue?vue&type=script&lang=js&\"\nexport * from \"./wordBookModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./wordBookModal.vue?vue&type=style&index=0&id=4a472048&prod&lang=less&scoped=true&\"\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  \"4a472048\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}