{"version":3,"sources":["webpack:///./src/views/marketing-content/marketing-data/components/article-tab/reprint-all-article/index.vue?a604","webpack:///src/views/marketing-content/marketing-data/components/article-tab/reprint-all-article/index.vue","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/reprint-all-article/index.vue?ff69","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/reprint-all-article/index.vue","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/reprint-all-article/index.vue?8582"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","rules","dialogData","_v","model","value","callback","$$v","$set","expression","staticStyle","previewDisabled","on","preview","slot","_s","title","length","$env","VUE_APP_ALI_OSS_BUCKET","onImageUpload","directives","name","rawName","cover","nativeOn","$event","stopPropagation","key","goBack","loading","checkFormData","staticRenderFns","components","tagRules","data","checkRules","state","Error","imagesLoading","url","context","summary","show","canPreview","watch","handler","deep","activated","$route","query","id","getInitData","deactivated","setFormText","$destroy","methods","checkUrl","$message","type","message","showClose","res","uploadSuccess","result","$refs","clearValidate","$confirm","confirmButtonText","cancelButtonText","history","go","articleForm","validate","valid","hanldeArticle","updateReprintArticle","addReprintArticle","confirm","checkDialogData","cancel","window","open","component"],"mappings":"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","file":"js/chunk-360fae34.0f2239e5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reprint-article\"},[_c('div',{staticClass:\"content\"},[_c('mk-form',{ref:\"articleForm\",staticClass:\"form\",attrs:{\"rules\":_vm.rules,\"model\":_vm.dialogData}},[_c('div',{staticClass:\"form-title\"},[_c('span'),_vm._v(\"\\n        获取文章\\n      \")]),_c('mk-form-item',{staticClass:\"mk-form-item-get-url\",attrs:{\"label\":\"获取文章：\",\"prop\":\"url\",\"label-width\":\"100px\"}},[_c('div',{staticClass:\"form-url\"},[_c('mk-input',{staticClass:\"title-input\",attrs:{\"width\":\"320\",\"placeholder\":\"请粘贴文章或内容的链接\",\"clearable\":\"\"},model:{value:(_vm.dialogData.url),callback:function ($$v) {_vm.$set(_vm.dialogData, \"url\", $$v)},expression:\"dialogData.url\"}}),_c('mk-button-biz',{staticStyle:{\"margin-left\":\"15px\"},attrs:{\"type\":\"text\",\"disabled\":_vm.previewDisabled},on:{\"click\":_vm.preview}},[_vm._v(\"\\n            预览\\n          \")])],1),_c('div',{staticClass:\"tips\"},[_vm._v(\"\\n          支持转载任意链接的内容，用户点击后可跳转到对应链接，并记录用户的访问行为\\n        \")])]),_c('div',{staticClass:\"form-title setting\"},[_c('span'),_vm._v(\"\\n        文章设置\\n      \")]),_c('mk-form-item',{staticClass:\"mk-form-item-title\",attrs:{\"label\":\"文章标题：\",\"prop\":\"title\",\"label-width\":\"100px\"}},[_c('mk-input',{staticClass:\"title-input\",attrs:{\"width\":\"320\",\"placeholder\":\"输入文章标题\",\"maxlength\":\"30\"},model:{value:(_vm.dialogData.title),callback:function ($$v) {_vm.$set(_vm.dialogData, \"title\", $$v)},expression:\"dialogData.title\"}},[_c('div',{attrs:{\"slot\":\"suffix\"},slot:\"suffix\"},[_c('span',[_vm._v(_vm._s(_vm.dialogData.title.length))]),_c('span',[_vm._v(\"/30\")])])])],1),_c('mk-form-item',{ref:\"cover\",staticClass:\"mk-form-item-cover\",attrs:{\"label\":\"封面图片：\",\"prop\":\"cover\",\"label-width\":\"100px\"}},[_c('mk-upload-oss-biz',{attrs:{\"bucket\":this.$env.VUE_APP_ALI_OSS_BUCKET,\"limit-size\":2,\"accept\":\".jpg,.png\"},on:{\"on-upload\":_vm.onImageUpload}},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.imagesLoading),expression:\"imagesLoading\"}],staticClass:\"upload-cover\"},[(_vm.dialogData.cover)?_c('div',{staticClass:\"cover-div\"},[_c('mk-image',{staticClass:\"cover-img\",attrs:{\"src\":_vm.dialogData.cover,\"fit\":\"cover\",\"alt\":\"cover\"}}),_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"guanbihuojingshihuocuowu\"},nativeOn:{\"click\":function($event){$event.stopPropagation();_vm.dialogData.cover=''}}})],1):_c('mk-iconfont',{staticClass:\"plus-icon\",attrs:{\"icon-class\":\"xinzeng\"}})],1)]),_c('div',{staticClass:\"tips\"},[_vm._v(\"\\n          只能上传jpg/png文件，不超过2M\\n        \")])],1),_c('mk-form-item',{staticClass:\"mk-form-item-summary\",attrs:{\"label\":\"文章摘要：\",\"label-width\":\"100px\",\"prop\":\"summary\"}},[_c('mk-input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"可简要介绍文章的内容\",\"maxlength\":\"50\",\"width\":\"370\",\"height\":\"120\",\"show-word-limit\":\"\"},model:{value:(_vm.dialogData.summary),callback:function ($$v) {_vm.$set(_vm.dialogData, \"summary\", $$v)},expression:\"dialogData.summary\"}})],1),_c('mk-form-item',{staticClass:\"mk-form-item-tag-rules\",attrs:{\"label\":\"打标签规则：\",\"label-width\":\"100px\"}},[_c('tag-rules',{key:_vm.dialogData.key,ref:\"tagRules\",attrs:{\"rules-data\":_vm.dialogData,\"type\":\"article\",\"is-all-reprint\":\"\"},model:{value:(_vm.dialogData.rules),callback:function ($$v) {_vm.$set(_vm.dialogData, \"rules\", $$v)},expression:\"dialogData.rules\"}})],1)],1)],1),_c('div',{staticClass:\"handle\"},[_c('mk-button-biz',{attrs:{\"width\":\"64px\",\"height\":\"32px\"},on:{\"click\":_vm.goBack}},[_vm._v(\"\\n      返回\\n    \")]),_c('mk-button-biz',{attrs:{\"loading\":_vm.loading,\"width\":\"64px\",\"height\":\"32px\",\"type\":\"primary\"},on:{\"click\":_vm.checkFormData}},[_vm._v(\"\\n      提交\\n    \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\n * @Author: zhouwei\n * @Date: 2019-03-08 18:11:42\n * @Last Modified by: zhouwei\n * @Last Modified time: 2020-06-17 15:00:06\n * @Desc: 新增、编辑转载文章弹窗\n*/\n<template>\n  <div class=\"reprint-article\">\n    <div class=\"content\">\n      <mk-form\n        ref=\"articleForm\"\n        class=\"form\"\n        :rules=\"rules\"\n        :model=\"dialogData\"\n      >\n        <div class=\"form-title\">\n          <span></span>\n          获取文章\n        </div>\n        <mk-form-item\n          label=\"获取文章：\"\n          prop=\"url\"\n          label-width=\"100px\"\n          class=\"mk-form-item-get-url\"\n        >\n          <div class=\"form-url\">\n            <mk-input\n              v-model=\"dialogData.url\"\n              width=\"320\"\n              placeholder=\"请粘贴文章或内容的链接\"\n              class=\"title-input\"\n              clearable\n            >\n            </mk-input>\n            <mk-button-biz\n              type=\"text\"\n              style=\"margin-left:15px;\"\n              :disabled=\"previewDisabled\"\n              @click=\"preview\"\n            >\n              预览\n            </mk-button-biz>\n          </div>\n          <div class=\"tips\">\n            支持转载任意链接的内容，用户点击后可跳转到对应链接，并记录用户的访问行为\n          </div>\n        </mk-form-item>\n        <div class=\"form-title setting\">\n          <span></span>\n          文章设置\n        </div>\n        <mk-form-item\n          label=\"文章标题：\"\n          prop=\"title\"\n          label-width=\"100px\"\n          class=\"mk-form-item-title\"\n        >\n          <mk-input\n            v-model=\"dialogData.title\"\n            width=\"320\"\n            placeholder=\"输入文章标题\"\n            maxlength=\"30\"\n            class=\"title-input\"\n          >\n            <div slot=\"suffix\">\n              <span>{{ dialogData.title.length }}</span>\n              <span>/30</span>\n            </div>\n          </mk-input>\n        </mk-form-item>\n        <mk-form-item\n          ref=\"cover\"\n          label=\"封面图片：\"\n          prop=\"cover\"\n          label-width=\"100px\"\n          class=\"mk-form-item-cover\"\n        >\n          <mk-upload-oss-biz\n            :bucket=\"this.$env.VUE_APP_ALI_OSS_BUCKET\"\n            :limit-size=\"2\"\n            accept=\".jpg,.png\"\n            @on-upload=\"onImageUpload\"\n          >\n            <div\n              v-loading=\"imagesLoading\"\n              class=\"upload-cover\"\n            >\n              <div\n                v-if=\"dialogData.cover\"\n                class=\"cover-div\"\n              >\n                <mk-image\n                  :src=\"dialogData.cover\"\n                  fit=\"cover\"\n                  class=\"cover-img\"\n                  alt=\"cover\"\n                />\n                <mk-iconfont\n                  icon-class=\"guanbihuojingshihuocuowu\"\n                  class=\"icon\"\n                  @click.native.stop=\"dialogData.cover=''\"\n                />\n              </div>\n\n              <mk-iconfont\n                v-else\n                icon-class=\"xinzeng\"\n                class=\"plus-icon\"\n              />\n            </div>\n          </mk-upload-oss-biz>\n          <div class=\"tips\">\n            只能上传jpg/png文件，不超过2M\n          </div>\n        </mk-form-item>\n        <mk-form-item\n          label=\"文章摘要：\"\n          label-width=\"100px\"\n          prop=\"summary\"\n          class=\"mk-form-item-summary\"\n        >\n          <mk-input\n            v-model=\"dialogData.summary\"\n            type=\"textarea\"\n            placeholder=\"可简要介绍文章的内容\"\n            maxlength=\"50\"\n            width=\"370\"\n            height=\"120\"\n            show-word-limit\n          ></mk-input>\n        </mk-form-item>\n        <mk-form-item\n          label=\"打标签规则：\"\n          label-width=\"100px\"\n          class=\"mk-form-item-tag-rules\"\n        >\n          <tag-rules\n            ref=\"tagRules\"\n            :key=\"dialogData.key\"\n            v-model=\"dialogData.rules\"\n            :rules-data=\"dialogData\"\n            type=\"article\"\n            is-all-reprint\n          />\n        </mk-form-item>\n      </mk-form>\n    </div>\n    <div class=\"handle\">\n      <mk-button-biz\n        width=\"64px\"\n        height=\"32px\"\n        @click=\"goBack\"\n      >\n        返回\n      </mk-button-biz>\n      <mk-button-biz\n        :loading=\"loading\"\n        width=\"64px\"\n        height=\"32px\"\n        type=\"primary\"\n        @click=\"checkFormData\"\n      >\n        提交\n      </mk-button-biz>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapMutations } from 'vuex'\nimport tagRules from '@components/tag-rules'\nimport { MKMATERIALSVC } from '@api'\nexport default {\n  components: {\n    tagRules\n  },\n  data () {\n    var checkRules = (rule, value, callback) => {\n      if (!value) {\n        return callback(new Error('请粘贴文章或内容的链接'))\n      } else {\n        let reg = /(http:\\/\\/|https:\\/\\/)((\\w|=|\\?|\\.|\\/|&|-)+)/g\n        let objExp = new RegExp(reg)\n        let state = objExp.test(this.dialogData.url)\n        //判断是否是来自微信QQ文章\n        // let wxReg = /weixin.qq/g\n        // let wxExp = new RegExp(wxReg)\n        // let isWXQQ = wxExp.test(this.dialogData.url)\n        if (state) {\n          return callback()\n        } else {\n          return callback(new Error('请输入正确的网址'))\n        }\n      }\n    }\n    return {\n      loading: false,\n\n      imagesLoading: false,\n\n      rules: {\n        url: [\n          {\n            validator: checkRules,\n            required: true,\n            // message: '请粘贴文章或内容的链接',\n            trigger: 'blur'\n          }\n        ],\n        title: [\n          { required: true, message: '请输入文章标题', trigger: 'blur' }\n        ],\n        cover: [\n          { required: true, message: '请上传封面图片', trigger: 'change' }\n        ]\n      },\n      dialogData: {\n        title: '',\n        url: '',\n        cover: '',\n        rules: [],\n        context: '',\n        summary: ''\n      },\n      show: false,\n      canPreview: false,\n      previewDisabled: true\n    }\n  },\n  watch: {\n    dialogData: {\n      handler (val) {\n        let reg = /(http:\\/\\/|https:\\/\\/)((\\w|=|\\?|\\.|\\/|&|-)+)/g\n        let objExp = new RegExp(reg)\n        let state = objExp.test(this.dialogData.url)\n        if (state) {\n          this.previewDisabled = false\n        } else {\n          this.previewDisabled = true\n        }\n      },\n      deep: true\n    }\n  },\n  activated () {\n    if (this.$route.query.id) {\n      this.getInitData()\n    }\n  },\n  deactivated () {\n    this.setFormText('')\n    this.loading = false\n    this.imagesLoading = false\n    this.dialogData = {\n      title: '',\n      url: '',\n      cover: '',\n      rules: [],\n      context: '',\n      summary: ''\n    }\n    this.show = false\n    this.canPreview = false\n    this.previewDisabled = true\n    this.$destroy()\n  },\n  methods: {\n    ...mapMutations('system', {\n      setFormText: 'SET_FORMTEXT'\n    }),\n    checkUrl () {\n      if (this.dialogData.url) {\n        let reg = /(http:\\/\\/|https:\\/\\/)((\\w|=|\\?|\\.|\\/|&|-)+)/g\n        let objExp = new RegExp(reg)\n        let state = objExp.test(this.dialogData.url)\n        if (!state) {\n          this.$message({\n            type: 'error',\n            message: '请输入正确的网址链接',\n            showClose: true\n          })\n        }\n        return state\n      } else {\n        return false\n      }\n    },\n    async getInitData () {\n      // 初始化数据\n      const res = await MKMATERIALSVC.ArticleApi.articleFindOneGet({\n        _id: this.$route.query.id\n      })\n      if (res.success) {\n        let data = res.data\n        this.dialogData.url = data.originalUrl\n        this.dialogData.title = data.title\n        this.dialogData.cover = data.cover\n        this.dialogData.context = data.context\n        this.dialogData.summary = data.summary\n        this.dialogData.rules = []\n        this.dialogData.key = Number(new Date().getTime())\n        this.setFormText(' —— ' + data.title)\n\n        const { rules } = data\n\n        this.dialogData.rules = rules\n      }\n    },\n\n    /**\n     * * 图片上传事件\n     */\n    onImageUpload (res) {\n      if (res.type === 'success') {\n        this.imagesLoading = false\n        this.uploadSuccess(res)\n      } else if (res.type === 'fail') {\n        this.imagesLoading = false\n      } else if (['before', 'progress'].includes(res.type)) {\n        this.imagesLoading = true\n      }\n    },\n\n    /**\n     * * 图片上传成功\n     */\n    uploadSuccess (res) {\n      this.dialogData.cover = res.result.url\n      this.$refs.cover.clearValidate()\n    },\n    /**\n     * * 返回事件\n     */\n    goBack () {\n      this.$confirm('内容将不会被保存', '', {\n        confirmButtonText: '确认',\n        cancelButtonText: '取消',\n        type: 'none'\n      }).then(() => {\n        history.go(-1)\n      })\n    },\n    checkFormData () {\n      this.$refs.articleForm.validate((valid) => {\n        if (valid) {\n          if (this.$refs.tagRules.doCheck()) {\n            this.hanldeArticle()\n          }\n        }\n      })\n    },\n    hanldeArticle () {\n      if (this.$route.query.id) {\n        this.updateReprintArticle()\n      } else {\n        this.addReprintArticle()\n      }\n    },\n    confirm () {\n      if (this.checkUrl() && this.checkDialogData()) {\n        this.addReprintArticle()\n      }\n    },\n    cancel () {\n      this.show = false\n      this.canPreview = false\n    },\n    checkDialogData () {\n      if (this.dialogData.url) {\n        if (this.dialogData.cover) {\n          return true\n        } else {\n          this.$message({\n            type: 'error',\n            message: '请上传文章封面',\n            showClose: true\n          })\n        }\n      } else {\n        this.$message({\n          type: 'error',\n          message: '请粘贴微信公众号文章地址',\n          showClose: true\n        })\n      }\n      return false\n    },\n    async updateReprintArticle () {\n      this.loading = true\n      const res = await MKMATERIALSVC.ArticleApi.articleUpdatePost({\n        _id: this.$route.query.id,\n        context: this.dialogData.context,\n        cover: this.dialogData.cover,\n        originalUrl: this.dialogData.url,\n        sourceType: 4,\n        title: this.dialogData.title,\n        rules: this.dialogData.rules,\n        summary: this.dialogData.summary\n      })\n      if (res.success) {\n        this.loading = false\n        this.$message({\n          type: 'success',\n          message: '更新成功',\n          showClose: true\n        })\n        this.$router.go(-1)\n      }\n    },\n    async addReprintArticle () {\n      // 添加转载文章\n      this.loading = true\n      const res = await MKMATERIALSVC.ArticleApi.articleCreatePost({\n        context: this.dialogData.context,\n        cover: this.dialogData.cover,\n        originalUrl: this.dialogData.url,\n        sourceType: 4,\n        title: this.dialogData.title,\n        rules: this.dialogData.rules,\n        summary: this.dialogData.summary\n      })\n      if (res.success) {\n        this.loading = false\n        this.$message({\n          type: 'success',\n          message: '新增成功',\n          showClose: true\n        })\n        this.$router.go(-1)\n      }\n    },\n    preview () {\n      if (this.checkUrl()) {\n        window.open(this.dialogData.url)\n      }\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.reprint-article {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n\n  /deep/ .el-form-item__label {\n    color: #262626;\n    font-size: 13px;\n  }\n\n  /deep/ .upload-cover {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 60px;\n    height: 60px;\n    background-color: #fafafa;\n    border-radius: 4px;\n    border: 1px dashed #d4d4d4;\n\n    .cover-div {\n      position: relative;\n      width: 60px;\n      height: 60px;\n\n      .cover-img {\n        width: 100%;\n        height: 100%;\n      }\n\n      .icon {\n        display: none;\n        position: absolute;\n        top: 0;\n        right: 0;\n        color: #f5222d;\n      }\n\n      &:hover {\n        .icon {\n          display: block;\n        }\n      }\n    }\n\n    .plus-icon {\n      font-size: 27px;\n    }\n  }\n\n  .content {\n    width: calc(100% - 60px);\n    margin: 0 auto;\n    height: 100%;\n    overflow-y: auto;\n\n    .form {\n      margin: 32px 0;\n\n      .form-title {\n        display: flex;\n        font-size: 14px;\n        color: #262626;\n        font-weight: 500;\n        margin-bottom: 16px;\n\n        span {\n          display: block;\n          width: 4px;\n          height: 16px;\n          background-color: #009cff;\n          border-radius: 1px;\n          margin-right: 8px;\n        }\n      }\n\n      .form-title.setting {\n        margin-top: 48px;\n      }\n\n      .tips {\n        width: 320px;\n        font-size: 12px;\n        color: #888;\n        line-height: 17px;\n        margin-top: 8px;\n      }\n\n      .show-url {\n        color: #009cff;\n        font-size: 12px;\n        line-height: 17px;\n        margin-top: 8px;\n        cursor: pointer;\n      }\n\n      .tips-rules {\n        color: #8c8c8c;\n        font-size: 12px;\n        line-height: 20px;\n        display: block;\n        width: 396px;\n        margin-top: 10px;\n      }\n\n      .live-code {\n        margin-top: 10px;\n\n        .switch,\n        .select {\n          display: block;\n        }\n\n        span {\n          display: block;\n          color: #888;\n          font-size: 12px;\n        }\n      }\n    }\n  }\n\n  .handle {\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 -2px 4px 0 rgba(5, 49, 38, 0.05);\n  }\n\n  .mk-form-item-title {\n    margin-top: -4px;\n  }\n\n  .mk-form-item-cover {\n    margin-top: -4px;\n  }\n\n  .mk-form-item-tag-rules {\n    margin-top: -12px;\n\n    /deep/ .tag-tip {\n      margin-bottom: 16px;\n    }\n  }\n\n  .mk-form-item-live-code {\n    margin-top: -24px;\n  }\n\n  .mk-form-item-summary {\n    margin-top: -2px;\n  }\n\n  /deep/ .icon-mk-xinzeng {\n    color: #d4d4d4 !important;\n  }\n\n  /deep/ .el-textarea {\n    .el-input__count {\n      background-color: transparent;\n      line-height: 18px !important;\n    }\n  }\n\n  /deep/ .title-input {\n    input {\n      padding-right: 44px;\n    }\n\n    .el-input__suffix {\n      span {\n        color: #909399;\n        background: #fff;\n        font-size: 12px;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=447ab844&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=447ab844&lang=scss&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  \"447ab844\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=447ab844&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=447ab844&lang=scss&scoped=true&\""],"sourceRoot":""}