{"version":3,"sources":["webpack:///./src/page/index/text.vue?ec12","webpack:///src/page/index/text.vue","webpack:///./src/page/index/text.vue?1c67","webpack:///./src/page/index/text.vue","webpack:///./src/page/index/text.vue?433d","webpack:///./src/page/index/text.vue?a605","webpack:///./src/page/index/text.vue?da42"],"names":["render","_obj","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","$style","previewBox","isPreview","_l","item","key","id","draggableSlot","$$slot","draggableItem","attrs","slot","componentViewName","tag","componentValue","staticRenderFns","injectStyles","context","locals","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WACb,IAAIC,EACAC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOT,EAAW,QAAEU,WAAW,YAAYC,YAAY,cAAcC,OAAQb,EAAO,GAAIA,EAAKC,EAAIa,OAAOC,YAAcd,EAAIe,UAAWhB,IAAQC,EAAIgB,GAAIhB,EAAqB,mBAAE,SAASiB,GACrT,IAAIlB,EACJ,OAAOK,EAAG,MAAM,CAACc,IAAID,EAAKE,GAAGP,OAAQb,EAAO,CACzCqB,cAAeH,EAAKI,OACpBC,eAAgBL,EAAKI,QACnBtB,EAAM,iBAAoBkB,EAAW,QAAMA,EAAKI,OAAQtB,GAAOwB,MAAM,CAAC,KAAON,EAAKI,QAAU,WAAWG,KAAKP,EAAKI,QAAU,WAAW,CAACjB,EAAG,oBAAoB,CAACmB,MAAM,CAAC,cAAcN,EAAK,aAAajB,EAAIe,YAAY,CAACX,EAAGa,EAAKQ,kBAAkB,CAACC,IAAI,YAAYH,MAAM,CAAC,KAAO,gBAAgB,YAAYN,EAAKU,gBAAgBH,KAAK,mBAAmB,IAAI,MAAK,IACnWI,EAAkB,G,sLCyBtB,yBAGA,GACA,cACA,4CACA,GADA,IAEA,2BAEA,KANA,WAOA,OACA,WACA,aACA,mBACA,UACA,qBACA,2BACA,2BACA,iBAIA,UACA,YADA,WAEA,OACA,cACA,4BACA,wBACA,6BACA,4BACA,2BACA,UACA,mBAMA,mBAhBA,WAiBA,0FAIA,kBArBA,WAqBA,MAEA,OADA,gEACA,+DAIA,uBA3BA,WA4BA,oDAIA,OAHA,8CACA,yBACA,EACA,IACA,MAIA,UAxDA,WA0DA,+DAEA,QA5DA,WA6DA,sBACA,wCACA,0CAGA,SACA,eADA,WACA,gKAEA,sDACA,+BACA,mCAEA,uBACA,oBAGA,OAFA,mCACA,eAGA,wBAGA,4BACA,gBAhBA,gDCvG6V,I,oCCS7V,SAASC,EAAcC,GAErB7B,KAAK,UAAa,aAAO8B,QAAU,aAMrC,IAAIC,EAAY,eACd,EACAlC,EACA8B,GACA,EACAC,EACA,KACA,MAIa,aAAAG,E,6CC5Bf,W,qBCCAC,EAAOC,QAAU,CAAC,WAAa,wBAAwB,SAAW,sBAAsB,UAAY,uBAAuB,UAAY,uBAAuB,aAAe,0BAA0B,WAAa,wBAAwB,SAAW,sBAAsB,YAAc,yBAAyB,OAAS,oBAAoB,SAAW,sBAAsB,kBAAoB,+BAA+B,MAAQ,mBAAmB,SAAW,sBAAsB,kBAAoB,+BAA+B,WAAW,wB,kCCD/hB,oE","file":"static/js/chunk-2d9e7f14.060528a6.js","sourcesContent":["var render = function () {\nvar _obj;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"customindex\",class:( _obj = {}, _obj[_vm.$style.previewBox] = _vm.isPreview, _obj )},_vm._l((_vm.trueComponentList),function(item){\nvar _obj;\nreturn _c('div',{key:item.id,class:( _obj = {\n\t\t\tdraggableSlot: item.$$slot,\n\t\t\tdraggableItem: !item.$$slot\n\t\t}, _obj[(\"draggableSlot_\" + (item.$$slot))] = item.$$slot, _obj ),attrs:{\"slot\":item.$$slot || 'default'},slot:item.$$slot || 'default'},[_c('ViewComponentWrap',{attrs:{\"editor-item\":item,\"is-preview\":_vm.isPreview}},[_c(item.componentViewName,{tag:\"component\",attrs:{\"slot\":\"componentView\",\"form-data\":item.componentValue},slot:\"componentView\"})],1)],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\r\n\t<div v-loading=\"loading\" class=\"customindex\" :class=\"{[$style.previewBox]: isPreview}\">\r\n\t\t<div v-for=\"item in trueComponentList\" :key=\"item.id\" :slot=\"item.$$slot || 'default' \"\r\n\t\t\t:class=\"{\r\n\t\t\t\tdraggableSlot: item.$$slot,\r\n\t\t\t\tdraggableItem: !item.$$slot,\r\n\t\t\t\t[`draggableSlot_${item.$$slot}`]: item.$$slot\r\n\t\t\t}\">\r\n\t\t\t<ViewComponentWrap :editor-item=\"item\" :is-preview=\"isPreview\" >\r\n\t\t\t\t<component :is=\"item.componentViewName\" slot=\"componentView\" :form-data=\"item.componentValue\"> </component>\r\n\t\t\t</ViewComponentWrap>\r\n\t\t</div>\r\n\t\t\t\t\t\t\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport Draggable from 'vuedraggable';\r\n\timport VueElementForm, { schemaValidate\t} from '@lljj/vue-json-schema-form';\r\n\r\n\timport ViewComponentWrap from '../edit/editor/components/ViewComponentWrap.vue';\r\n\r\n\timport {vm2Api,api2VmToolItem} from '../edit/editor/data.js';\r\n\r\n\timport configTools from '../edit/editor/config/tools.js';\r\n\timport configDefaultItems from '../edit/editor/config/defaultItems';\r\n\r\n\timport {getComponentsAndInitToolsConfig} from '../edit/editor/common/utils';\r\n\timport {generateEditorItem} from '../edit/editor/common/editorData';\r\n\r\n\t\r\n\t// 工具栏配置的组件\r\n\tconst components = getComponentsAndInitToolsConfig(configTools);\r\n\r\n\r\n\texport default {\r\n\t\tname: 'Editor',\r\n\t\tcomponents: {\r\n\t\t\t...components,\r\n\t\t\tViewComponentWrap\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tloading: false,\r\n\t\t\t\tisPreview: true,\r\n\t\t\t\tconfigTools,\r\n\t\t\t\tscale: 100,\r\n\t\t\t\teditComponentList: [],\r\n\t\t\t\teditHeaderComponentList: [], // 兼容header slot ，插件内部实现导致必须分割多分数据\r\n\t\t\t\teditFooterComponentList: [], // 兼容footer slot ，插件内部实现导致必须分割多分数据\r\n\t\t\t\tshowToolBar: true,\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tcomputed: {\r\n\t\t\tdragOptions() {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tanimation: 300,\r\n\t\t\t\t\tgroup: 'listComponentsGroup',\r\n\t\t\t\t\tdisabled: this.isPreview,\r\n\t\t\t\t\tghostClass: this.$style.ghost,\r\n\t\t\t\t\tfilter: this.$style.disabled,\r\n\t\t\t\t\tdraggable: '.draggableItem',\r\n\t\t\t\t\ttag: 'div',\r\n\t\t\t\t\tswapThreshold: 0.3,\r\n\t\t\t\t\t// forceFallback: true\r\n\t\t\t\t\t// fallbackTolerance: 0\r\n\t\t\t\t};\r\n\t\t\t},\r\n\t\t\t// 头部、中间、底部各个list集合\r\n\t\t\tcomponentListGroup() {\r\n\t\t\t\treturn [this.editHeaderComponentList, this.editComponentList, this.editFooterComponentList];\r\n\t\t\t},\r\n\r\n\t\t\t// 真实使用的组件 - 包含顶部、底部、不可拖动的模块平铺\r\n\t\t\ttrueComponentList() {\r\n\t\t\t\tconsole.log('this.componentListGroup', this.componentListGroup)\r\n\t\t\t\treturn [].concat(...this.componentListGroup);\r\n\t\t\t},\r\n\r\n\t\t\t// 计算出各个模块当前的使用数量\r\n\t\t\tcurrentUseComponentNum() {\r\n\t\t\t\treturn this.trueComponentList.reduce((preVal, curVal) => {\r\n\t\t\t\t\tpreVal[curVal.componentViewName] = preVal[curVal.componentViewName] ?\r\n\t\t\t\t\t\t(preVal[curVal.componentViewName] + 1) :\r\n\t\t\t\t\t\t1;\r\n\t\t\t\t\treturn preVal;\r\n\t\t\t\t}, {});\r\n\t\t\t}\r\n\t\t},\r\n\t\t\r\n\t\tdestroyed() {\r\n\t\t\t\r\n\t\t\twindow.document.body.classList.remove('page-decorate-design');\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tthis.initEditorData();\r\n\t\t\tlet trueComponentList=sessionStorage.getItem('ComponentList')\r\n\t\t\tconsole.log('configDefaultItems',configDefaultItems)\r\n\t\t},\r\n\t\t\r\n\t\tmethods: {\r\n\t\t\tasync initEditorData() {\r\n\t\t\t\t// 使用默认值\r\n\t\t\t\tlet ComponentList=JSON.parse(sessionStorage.getItem('ComponentList'))\r\n\t\t\t\tconsole.log('ComponentList',ComponentList)\r\n\t\t\t\tconst dataList = api2VmToolItem(configTools, ComponentList||configDefaultItems);\r\n\t\t\t\t// 重新插入数据\r\n\t\t\t\tdataList.forEach((toolItemData) => {\r\n\t\t\t\t\tif (!toolItemData.componentPack) {\r\n\t\t\t\t\t\tconsole.warn('存在一条异常数据，请检查：');\r\n\t\t\t\t\t\tconsole.log(dataList);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tconst editorData = generateEditorItem(toolItemData);\r\n\t\t\t\t\t\r\n\t\t\t\t\t// 模拟拖入组件插入数据\r\n\t\t\t\t\tthis.editComponentList.push(editorData);\r\n\t\t\t\t\tif (editorData.additional) {\r\n\t\t\t\t\t\t// 新加的元素处理特殊配置信息\r\n\t\t\t\t\t\t// this.additionalStrategy(editorData.additional, editorData);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\t\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style>\r\n\t.customindex .text_container_1tyH_{height: auto;}\r\n\t.customindex .text_hasTools_3wZcK{padding-left: 0;}\r\n\t.customindex .text_contentBox_3xpar{width: auto;}\r\n\t.customindex .ViewComponentWrap_viewBox_3Rldo{cursor: auto}\r\n\t.flip-list-move {transition: transform 0.3s}\r\n\t.no-move {transition: transform 0s;}\r\n</style>\r\n<style module>\r\n\t@import '../edit/demo-common/css/variable.css';\r\n\r\n\t:root {\r\n\t\t--site-top-height: 80px;\r\n\t\t--tool-bar-width: 260px;\r\n\t\t/* --drag-area-width: 1900px; */\r\n\t}\r\n\r\n\t/*预览模式 同步样式重置*/\r\n\t.previewBox {\r\n\r\n\t\t.toolsBar,\r\n\t\t.leftCaret {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.container {\r\n\t\t\theight: 100vh;\r\n\t\t\tpadding-left: 0;\r\n\t\t}\r\n\r\n\t\t.dragAreaWrap {\r\n\t\t\toverflow-x: hidden;\r\n\t\t}\r\n\r\n\t\t.contentBox, .dragAreaWrap {width: auto;}\r\n\r\n\t\t/* :global {\r\n\t\t\t.vueEditor_viewComponentBox {\r\n\t\t\t\tmargin-left: 50%;\r\n\t\t\t\ttransform: translate(-50%, 0);\r\n\t\t\t\tcursor: auto;\r\n\t\t\t\tbox-shadow: none;\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\tcontent: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} */\r\n\t}\r\n\r\n\t.container {\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding-left: 0;\r\n\t\theight: calc(100vh - var(--site-top-height));\r\n\t\ttransition: 0.2s ease;\r\n\t}\r\n\r\n\t.hasTools {\r\n\t\tpadding-left: var(--tool-bar-width);\r\n\r\n\t\t:global .el-icon-caret-right {\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t}\r\n\t}\r\n\r\n\t/*tools*/\r\n\t.leftCaret {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcursor: pointer;\r\n\t\tposition: absolute;\r\n\t\twidth: 18px;\r\n\t\theight: 50px;\r\n\t\tbackground: var(--color-white);\r\n\t\ttop: 50%;\r\n\t\tmargin-top: -25px;\r\n\t\tbox-shadow: 0 0 4px 0 color(var(--color-black) a(0.1));\r\n\t\ttransition: all ease 0.3s;\r\n\t\tborder-radius: 0 10px 10px 0;\r\n\t\tz-index: 9;\r\n\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: 0 0 4px 0 color(var(--color-black) a(0.2));\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t.toolsBar {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tbackground: var(--color-white);\r\n\t\twidth: var(--tool-bar-width);\r\n\t\toverflow: auto;\r\n\t\tbox-shadow: 0 0 4px 0 color(var(--color-black) a(0.2));\r\n\t\tz-index: 2;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 0;\r\n\t\t\theight: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/*content area*/\r\n\t.contentWrap {\r\n\t\tposition: relative;\r\n\t\toverflow: auto;\r\n\t\theight: 100%;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 6px;\r\n\t\t\theight: 10px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\tbackground-color: var(--background-color-base);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbackground-color: var(--color-text-placeholder);\r\n\t\t}\r\n\t}\r\n\r\n\t.contentBox {\r\n\t\tposition: relative;\r\n\t\t/* width: 2000px; */\r\n\t\tmin-height: 100%;\r\n\t}\r\n\r\n\t.dragAreaWrap {\r\n\t\ttransform-origin: top left;\r\n\t\tposition: relative;\r\n\t\twidth: var(--drag-area-width);\r\n\t\tmargin: 0 20px 0;\r\n\t\toverflow: auto;\r\n\t}\r\n\r\n\t.tipBox {\r\n\t\tpointer-events: none;\r\n\t\ttop: 20px;\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tmargin: 30vh 0;\r\n\r\n\t\tp {\r\n\t\t\tmargin: 20px 0;\r\n\t\t\tfont-size: 16px;\r\n\t\t}\r\n\t}\r\n\r\n\t.dragArea {\r\n\t\t/* min-height: calc(100vh - var(--site-top-height) - 50px); */\r\n\t\tmin-height: calc(100vh + 100px);\r\n\t\tbackground-color: #f5f5f5;\r\n\t\tpadding: 5px 0;\r\n\r\n\t\t:global {\r\n\t\t\t.draggableToolItem {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 100%;\r\n\r\n\t\t\t\t&:local {\r\n\t\t\t\t\t&.ghost {\r\n\t\t\t\t\t\tbackground-color: color(var(--color-primary) a(0.4)) !important;\r\n\t\t\t\t\t\tbox-shadow: 0 3px 14px 3px color(var(--color-primary) a(0.6)), 0 10px 10px 1px color(var(--color-primary) a(0.5));\r\n\t\t\t\t\t\theight: 120px !important;\r\n\t\t\t\t\t\tpadding: 20px;\r\n\r\n\t\t\t\t\t\t&>div {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\tline-height: 24px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.emptyBox {\r\n\t\t\t\tmin-height: 350px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t.viewEmpty_IconBox {\r\n\t\t\t\tcolor: color(var(--checkbox-color) a(0.7));\r\n\t\t\t\tfont-size: 50px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\r\n\t\t\t.el-image {\r\n\t\t\t\tvertical-align: top;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.ghost {\r\n\t\topacity: 0.5;\r\n\t}\r\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/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!./text.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/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!./text.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./text.vue?vue&type=template&id=0e32549e&\"\nimport script from \"./text.vue?vue&type=script&lang=js&\"\nexport * from \"./text.vue?vue&type=script&lang=js&\"\nimport style0 from \"./text.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./text.vue?vue&type=style&index=1&module=true&lang=css&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style1.locals || style1)\n\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  injectStyles,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./text.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"previewBox\":\"text_previewBox_12i63\",\"toolsBar\":\"text_toolsBar_Np8Ks\",\"leftCaret\":\"text_leftCaret_31eli\",\"container\":\"text_container_1tyH_\",\"dragAreaWrap\":\"text_dragAreaWrap_2PxYk\",\"contentBox\":\"text_contentBox_3xpar\",\"hasTools\":\"text_hasTools_3wZcK\",\"contentWrap\":\"text_contentWrap_lJPkf\",\"tipBox\":\"text_tipBox_1K-oy\",\"dragArea\":\"text_dragArea_Hsdwn\",\"draggableToolItem\":\"text_draggableToolItem_SOOnP\",\"ghost\":\"text_ghost_2XrT9\",\"emptyBox\":\"text_emptyBox_1VAty\",\"viewEmpty_IconBox\":\"text_viewEmpty_IconBox_36frw\",\"el-image\":\"text_el-image_3BCYg\"};","export { default } from  \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-0-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-0-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./text.vue?vue&type=style&index=1&module=true&lang=css&\"; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-0-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-0-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./text.vue?vue&type=style&index=1&module=true&lang=css&\""],"sourceRoot":""}