{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/components-demo/markdown.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/components-demo/markdown.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754408228132},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBNYXJrZG93bkVkaXRvciBmcm9tICdAL2NvbXBvbmVudHMvTWFya2Rvd25FZGl0b3InOwp2YXIgY29udGVudCA9ICJcbioqVGhpcyBpcyB0ZXN0KipcblxuKiB2dWVcbiogZWxlbWVudFxuKiB3ZWJwYWNrXG5cbiI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnTWFya2Rvd25EZW1vJywKICBjb21wb25lbnRzOiB7CiAgICBNYXJrZG93bkVkaXRvcjogTWFya2Rvd25FZGl0b3IKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBjb250ZW50MTogY29udGVudCwKICAgICAgY29udGVudDI6IGNvbnRlbnQsCiAgICAgIGNvbnRlbnQzOiBjb250ZW50LAogICAgICBjb250ZW50NDogY29udGVudCwKICAgICAgaHRtbDogJycsCiAgICAgIGxhbmd1YWdlVHlwZUxpc3Q6IHsKICAgICAgICAnZW4nOiAnZW5fVVMnLAogICAgICAgICd6aCc6ICd6aF9DTicsCiAgICAgICAgJ2VzJzogJ2VzX0VTJwogICAgICB9CiAgICB9OwogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGxhbmd1YWdlOiBmdW5jdGlvbiBsYW5ndWFnZSgpIHsKICAgICAgcmV0dXJuIHRoaXMubGFuZ3VhZ2VUeXBlTGlzdFt0aGlzLiRzdG9yZS5nZXR0ZXJzLmxhbmd1YWdlXTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGdldEh0bWw6IGZ1bmN0aW9uIGdldEh0bWwoKSB7CiAgICAgIHRoaXMuaHRtbCA9IHRoaXMuJHJlZnMubWFya2Rvd25FZGl0b3IuZ2V0SHRtbCgpOwogICAgICBjb25zb2xlLmxvZyh0aGlzLmh0bWwpOwogICAgfQogIH0KfTs="},{"version":3,"names":["MarkdownEditor","content","name","components","data","content1","content2","content3","content4","html","languageTypeList","computed","language","$store","getters","methods","getHtml","$refs","markdownEditor","console","log"],"sources":["src/views/components-demo/markdown.vue"],"sourcesContent":["<template>\n  <div class=\"components-container\">\n    <aside>Markdown is based on\n      <a href=\"https://github.com/nhnent/tui.editor\" target=\"_blank\">tui.editor</a> ，simply wrapped with Vue.\n      <a\n        target=\"_blank\"\n        href=\"https://panjiachen.github.io/vue-element-admin-site/feature/component/markdown-editor.html\"\n      >\n        Documentation </a>\n    </aside>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        Basic:\n      </el-tag>\n      <markdown-editor v-model=\"content1\" height=\"300px\" />\n    </div>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        Markdown Mode:\n      </el-tag>\n      <markdown-editor ref=\"markdownEditor\" v-model=\"content2\" :options=\"{hideModeSwitch:true,previewStyle:'tab'}\" height=\"200px\" />\n    </div>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        Customize Toolbar:\n      </el-tag>\n      <markdown-editor v-model=\"content3\" :options=\"{ toolbarItems: ['heading','bold','italic']}\" />\n    </div>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        I18n:\n      </el-tag>\n      <el-alert\n        :closable=\"false\"\n        title=\"You can change the language of the admin system to see the effect\"\n        type=\"success\"\n      />\n      <markdown-editor ref=\"markdownEditor\" v-model=\"content4\" :language=\"language\" height=\"300px\" />\n    </div>\n\n    <el-button style=\"margin-top:80px;\" type=\"primary\" icon=\"el-icon-document\" @click=\"getHtml\">\n      Get HTML\n    </el-button>\n    <div v-html=\"html\" />\n  </div>\n</template>\n\n<script>\nimport MarkdownEditor from '@/components/MarkdownEditor'\n\nconst content = `\n**This is test**\n\n* vue\n* element\n* webpack\n\n`\nexport default {\n  name: 'MarkdownDemo',\n  components: { MarkdownEditor },\n  data() {\n    return {\n      content1: content,\n      content2: content,\n      content3: content,\n      content4: content,\n      html: '',\n      languageTypeList: {\n        'en': 'en_US',\n        'zh': 'zh_CN',\n        'es': 'es_ES'\n      }\n    }\n  },\n  computed: {\n    language() {\n      return this.languageTypeList[this.$store.getters.language]\n    }\n  },\n  methods: {\n    getHtml() {\n      this.html = this.$refs.markdownEditor.getHtml()\n      console.log(this.html)\n    }\n  }\n}\n</script>\n\n<style scoped>\n.editor-container{\n  margin-bottom: 30px;\n}\n.tag-title{\n  margin-bottom: 5px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,OAAAA,cAAA;AAEA,IAAAC,OAAA,0DAOA;AACA;EACAC,IAAA;EACAC,UAAA;IAAAH,cAAA,EAAAA;EAAA;EACAI,IAAA,WAAAA,KAAA;IACA;MACAC,QAAA,EAAAJ,OAAA;MACAK,QAAA,EAAAL,OAAA;MACAM,QAAA,EAAAN,OAAA;MACAO,QAAA,EAAAP,OAAA;MACAQ,IAAA;MACAC,gBAAA;QACA;QACA;QACA;MACA;IACA;EACA;EACAC,QAAA;IACAC,QAAA,WAAAA,SAAA;MACA,YAAAF,gBAAA,MAAAG,MAAA,CAAAC,OAAA,CAAAF,QAAA;IACA;EACA;EACAG,OAAA;IACAC,OAAA,WAAAA,QAAA;MACA,KAAAP,IAAA,QAAAQ,KAAA,CAAAC,cAAA,CAAAF,OAAA;MACAG,OAAA,CAAAC,GAAA,MAAAX,IAAA;IACA;EACA;AACA","ignoreList":[]}]}