@zscreate/form-component 1.1.312 → 1.1.313

package/dist/form-component.css

@@ -3459,46 +3459,46 @@ span.CodeMirror-selectedtext { background: none; }
   align-items: center;
 }
 
-.t-border[data-v-209d137c] {
+.t-border[data-v-0c12552e] {
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
 }
-[data-v-209d137c] * {
+[data-v-0c12552e] * {
   font-size: var(--paperFontSize);
 }
-[data-v-209d137c] .custom_form_item {
+[data-v-0c12552e] .custom_form_item {
   height: -moz-fit-content;
   height: fit-content;
 }
-.save-pdf[data-v-209d137c] .ant-input {
+.save-pdf[data-v-0c12552e] .ant-input {
   border: none !important;
 }
-.save-pdf[data-v-209d137c] .ant-select-selection {
+.save-pdf[data-v-0c12552e] .ant-select-selection {
   border: none !important;
 }
-.save-pdf[data-v-209d137c] .ant-select-arrow svg {
+.save-pdf[data-v-0c12552e] .ant-select-arrow svg {
   display: none;
 }
-.save-pdf[data-v-209d137c] .ant-upload.ant-upload-select-picture-card {
+.save-pdf[data-v-0c12552e] .ant-upload.ant-upload-select-picture-card {
   display: none;
 }
-.save-pdf[data-v-209d137c] .anticon svg {
+.save-pdf[data-v-0c12552e] .anticon svg {
   display: none;
 }
-.save-pdf[data-v-209d137c] .ant-time-picker-input {
+.save-pdf[data-v-0c12552e] .ant-time-picker-input {
   border: none !important;
 }
-.save-pdf[data-v-209d137c] .ant-upload.ant-upload-select {
+.save-pdf[data-v-0c12552e] .ant-upload.ant-upload-select {
   display: none;
 }
 /**打印非固定高度标签 高度不确定bug**/
-.computed-wrap[data-v-209d137c] {
+.computed-wrap[data-v-0c12552e] {
   background: #f5f5f5;
 }
-.computed-wrap .item[data-v-209d137c] {
+.computed-wrap .item[data-v-0c12552e] {
   display: flex;
 }
-.computed-wrap .item > div[data-v-209d137c] {
+.computed-wrap .item > div[data-v-0c12552e] {
   height: 35px;
   line-height: 35px;
   flex: 1;
@@ -3506,129 +3506,129 @@ span.CodeMirror-selectedtext { background: none; }
   border-bottom: 1px solid #000;
   text-align: center;
 }
-.computed-wrap .item > div + div[data-v-209d137c] {
+.computed-wrap .item > div + div[data-v-0c12552e] {
   flex: 2;
 }
-.layout .paper[data-v-209d137c] {
+.layout .paper[data-v-0c12552e] {
   position: relative;
 }
-.layout .paper .form-title[data-v-209d137c] {
+.layout .paper .form-title[data-v-0c12552e] {
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   height: 40px;
 }
-.row-item[data-v-209d137c] {
+.row-item[data-v-0c12552e] {
   height: -moz-fit-content;
   height: fit-content;
   /**打印非固定高度标签 高度不确定bug**/
 }
-.no-row-item[data-v-209d137c] {
+.no-row-item[data-v-0c12552e] {
   border-right: none;
   border-bottom: none;
 }
 /****page边框内的 ***/
-.page-border[data-v-209d137c] {
+.page-border[data-v-0c12552e] {
   background: #fff;
   box-sizing: border-box;
 }
-.page-border .row-item[data-v-209d137c]:first-child {
+.page-border .row-item[data-v-0c12552e]:first-child {
   border-top: 1px solid #000;
 }
-.page-border .row-item[data-v-209d137c] {
+.page-border .row-item[data-v-0c12552e] {
   border-left: 1px solid #000;
 }
-.page-border .item-bottom[data-v-209d137c] {
+.page-border .item-bottom[data-v-0c12552e] {
   border-bottom: 1px solid #000;
 }
-.page-border .row-item[data-v-209d137c]:not(:last-child) {
+.page-border .row-item[data-v-0c12552e]:not(:last-child) {
   position: relative;
 }
-.page-border li.sortable-chosen[data-v-209d137c] {
+.page-border li.sortable-chosen[data-v-0c12552e] {
   height: 2px !important;
   overflow: hidden !important;
   background: red !important;
 }
-.page-border .ant-time-picker-panel[data-v-209d137c] {
+.page-border .ant-time-picker-panel[data-v-0c12552e] {
   z-index: 200000 !important;
 }
-.page-border .ant-calendar-picker-container[data-v-209d137c] {
+.page-border .ant-calendar-picker-container[data-v-0c12552e] {
   z-index: 200000 !important;
 }
-[data-v-209d137c] .ant-time-picker-panel {
+[data-v-0c12552e] .ant-time-picker-panel {
   z-index: 9999 !important;
 }
-.ant-calendar-picker-container[data-v-209d137c] {
+.ant-calendar-picker-container[data-v-0c12552e] {
   z-index: 200000 !important;
 }
-[data-v-209d137c] .ant-form-item-children {
+[data-v-0c12552e] .ant-form-item-children {
   display: block;
 }
-[data-v-209d137c] .ant-form-item {
+[data-v-0c12552e] .ant-form-item {
   width: 100%;
   height: 100%;
   margin-bottom: 0;
   display: flex;
 }
-[data-v-209d137c] .ant-form-item .is_required::before {
+[data-v-0c12552e] .ant-form-item .is_required::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-[data-v-209d137c] .ant-form-item .ant-form-item-label {
+[data-v-0c12552e] .ant-form-item .ant-form-item-label {
   border-right: 1px solid #000;
 }
-[data-v-209d137c] .ant-form-item .ant-form-item-label label {
+[data-v-0c12552e] .ant-form-item .ant-form-item-label label {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-[data-v-209d137c] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
+[data-v-0c12552e] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
   display: none;
 }
-[data-v-209d137c] .ant-form-item .ant-form-item-control-wrapper {
+[data-v-0c12552e] .ant-form-item .ant-form-item-control-wrapper {
   display: flex;
   align-items: center;
   text-align: left;
 }
-[data-v-209d137c] .ant-form-item .ant-form-item-control {
+[data-v-0c12552e] .ant-form-item .ant-form-item-control {
   width: 98%;
   margin: 0 auto;
 }
-[data-v-209d137c] .ant-form-item .is_required::before {
+[data-v-0c12552e] .ant-form-item .is_required::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-.row-table[data-v-209d137c] {
+.row-table[data-v-0c12552e] {
   display: flex;
 }
-.row-table[data-v-209d137c] .ant-spin-container,
-.row-table[data-v-209d137c] {
+.row-table[data-v-0c12552e] .ant-spin-container,
+.row-table[data-v-0c12552e] {
   display: flex;
   width: 100%;
 }
-.row-table[data-v-209d137c] .ant-spin-container .table-left,
-.row-table .table-left[data-v-209d137c] {
+.row-table[data-v-0c12552e] .ant-spin-container .table-left,
+.row-table .table-left[data-v-0c12552e] {
   width: 100px;
   text-align: center;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
   position: relative;
 }
-.row-table[data-v-209d137c] .ant-spin-container .table-left p,
-.row-table .table-left p[data-v-209d137c] {
+.row-table[data-v-0c12552e] .ant-spin-container .table-left p,
+.row-table .table-left p[data-v-0c12552e] {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.row-table[data-v-209d137c] .ant-spin-container .table-right,
-.row-table .table-right[data-v-209d137c] {
+.row-table[data-v-0c12552e] .ant-spin-container .table-right,
+.row-table .table-right[data-v-0c12552e] {
   flex: 1;
 }
-.table-content[data-v-209d137c] {
+.table-content[data-v-0c12552e] {
   width: 100%;
   height: 40px;
   line-height: 40px;
@@ -3637,11 +3637,11 @@ span.CodeMirror-selectedtext { background: none; }
   border-bottom: 1px solid #333;
   border-right: 1px solid #333;
 }
-.sub-table-col[data-v-209d137c] {
+.sub-table-col[data-v-0c12552e] {
   display: flex;
   box-sizing: border-box;
 }
-.sub-table-col > span[data-v-209d137c] {
+.sub-table-col > span[data-v-0c12552e] {
   flex: 2;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
@@ -3649,22 +3649,22 @@ span.CodeMirror-selectedtext { background: none; }
   line-height: 40px;
   text-align: center;
 }
-.sub-table-col > .last-one[data-v-209d137c] {
+.sub-table-col > .last-one[data-v-0c12552e] {
   width: 87px;
   flex: 0 0 87px;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
 }
-.sub-table-col-no-border > span[data-v-209d137c] {
+.sub-table-col-no-border > span[data-v-0c12552e] {
   border: none;
   height: auto;
   width: 0;
 }
-.sub-table-col-no-border > .sub-table-title[data-v-209d137c]:last-child,
-.sub-table-col-no-border > .sub-table-item[data-v-209d137c]:last-child {
+.sub-table-col-no-border > .sub-table-title[data-v-0c12552e]:last-child,
+.sub-table-col-no-border > .sub-table-item[data-v-0c12552e]:last-child {
   border-right: none !important;
 }
-.sub-table-col-no-border > .last-one[data-v-209d137c] {
+.sub-table-col-no-border > .last-one[data-v-0c12552e] {
   width: 87px;
   flex: 0 0 87px;
   display: flex;
@@ -3672,33 +3672,33 @@ span.CodeMirror-selectedtext { background: none; }
   align-items: center;
 }
 /*****无border *****/
-.no-border .page-border[data-v-209d137c] {
+.no-border .page-border[data-v-0c12552e] {
   border: none;
 }
-.no-border .page-border .row-item[data-v-209d137c]:not(:last-child) {
+.no-border .page-border .row-item[data-v-0c12552e]:not(:last-child) {
   border: none;
 }
-.no-border .page-border[data-v-209d137c] .ant-form-item .ant-form-item-label {
+.no-border .page-border[data-v-0c12552e] .ant-form-item .ant-form-item-label {
   border: none;
 }
-.table_border[data-v-209d137c] {
+.table_border[data-v-0c12552e] {
   border-bottom: 0;
   border-right: 0;
 }
 /*****无border *****/
-[data-v-209d137c] .ant-form-item-children > div > p,[data-v-209d137c] .ant-form-item-children > div > h1,[data-v-209d137c] .ant-form-item-children > div > h2,[data-v-209d137c] .ant-form-item-children > div > h3,[data-v-209d137c] .ant-form-item-children > div > h4,[data-v-209d137c] .ant-form-item-children > div > h5,[data-v-209d137c] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
+[data-v-0c12552e] .ant-form-item-children > div > p,[data-v-0c12552e] .ant-form-item-children > div > h1,[data-v-0c12552e] .ant-form-item-children > div > h2,[data-v-0c12552e] .ant-form-item-children > div > h3,[data-v-0c12552e] .ant-form-item-children > div > h4,[data-v-0c12552e] .ant-form-item-children > div > h5,[data-v-0c12552e] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
   margin: 10px 0;
   line-height: 1.5;
 }
-[data-v-209d137c] .ant-spin-dot {
+[data-v-0c12552e] .ant-spin-dot {
   font-size: 20px !important;
 }
-.form_skeleton[data-v-209d137c] {
+.form_skeleton[data-v-0c12552e] {
   display: block;
   width: 700px;
   margin: 55px auto;
 }
-.form_skeleton[data-v-209d137c] .ant-skeleton-title {
+.form_skeleton[data-v-0c12552e] .ant-skeleton-title {
   margin: 0 auto;
 }
 

package/dist/form-component.umd.js

@@ -45969,6 +45969,10 @@ let getFileExt = filename => {
     };
   },
   props: {
+    isDesign: {
+      type: Boolean,
+      default: false
+    },
     showLayoutLoading: {
       type: Boolean,
       default: false
@@ -46168,6 +46172,7 @@ let getFileExt = filename => {
       this.tableData[model] === undefined ? this.$set(this.tableData, model, []) : null;
       const map = {};
       if (addModel) {
+        debugger;
         let addModelObject = {};
         dataTemp.columns.forEach(item => {
           item.options.isCorrect = false;
@@ -46182,7 +46187,23 @@ let getFileExt = filename => {
         if (!Array.isArray(this.models[model])) {
           this.models[model] = [];
         }
+        const _cloneData = (0,_util_util__WEBPACK_IMPORTED_MODULE_12__/* .cloneObj */ .Cl)(addModelObject);
         this.models[model].push(addModelObject);
+        if (this.isDesign) {
+          if (!this.destoryTable) this.destoryTable = [];
+          this.destoryTable.push(() => {
+            for (const key in _cloneData) {
+              if (addModelObject.hasOwnProperty(key)) {
+                const element = _cloneData[key];
+                addModelObject[key] = element;
+              }
+            }
+          });
+          this.$on('hook:destroyed', () => {
+            // addModelObject forin  _cloneData
+            this.destoryTable.forEach(func => func());
+          });
+        }
         dataTemp.options.isCorrect = false;
       } else {
         dataTemp.options.isCorrect = true;
@@ -46342,6 +46363,15 @@ let getFileExt = filename => {
           this.tableLoading = true;
           let dataTemp = JSON.parse(JSON.stringify(this.tableModel[model]));
           dataTemp._clone = true;
+          if (this.isDesign) {
+            if (!this.destoryTable) this.destoryTable = [];
+            this.destoryTable.push(() => {
+              this.value[model] = Array(this.models[model].length).fill({});
+            });
+            this.$on('hook:beforeDestroy', () => {
+              this.destoryTable.forEach(func => func());
+            });
+          }
           for (let i = 0; i < this.models[model].length; i++) {
             this.originIndex++;
             if (i < 20) {
@@ -111404,7 +111434,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 1183:
+/***/ 8617:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -111416,7 +111446,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ layoutForPaper)
 });
 
-;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=template&id=209d137c&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=template&id=0c12552e&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{staticClass:"layout layout-input-all-setting",class:{ 'no-border': !_vm.data.config.border, 'save-pdf': _vm.showLine, 'ant-form-noBorder': _vm.data.config.componentsNoBorder },style:({ 'overflow-x': _vm.data.config.layout === 'horizontal' ? 'auto' : 'initial' }),attrs:{"spinning":_vm.formLoading,"tip":_vm.formLoadingTip}},[(_vm.pageLoading && _vm.showLayoutLoading)?_c('div',{class:{ form_skeleton: _vm.pageLoading }},[(_vm.pageLoading)?_c('a-skeleton',{attrs:{"active":"","loading":_vm.pageLoading,"paragraph":{ rows: 12 }}}):_vm._e()],1):_vm._e(),_c('a-form-model',{ref:"Form",attrs:{"hideRequiredMark":true,"model":_vm.models,"rules":_vm.rules,"wrapper-col":{}},on:{"update:rules":function($event){_vm.rules=$event},"validate":_vm.validate}},_vm._l((_vm.widgetList),function(list,listindex){return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.widgetList[0].length > 0),expression:"widgetList[0].length > 0"}],key:listindex,staticClass:"paper",style:(_vm.contentStyle)},[(listindex == 0)?_vm._t("default"):_vm._e(),(listindex == 0)?_c('div',{staticClass:"form-title",style:(Object.assign({}, {height: _vm.formNameHeight}, _vm.formNameStyle))},[_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameLeftContent || '')}}),_vm._v(_vm._s(_vm.data.config.formName)),_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameRightContent || '')}})]):_vm._e(),(_vm.value && _vm.value.formIndex)?_c('div',{staticStyle:{"text-align":"right","font-weight":"bold"}},[_vm._v(_vm._s(_vm.value.formIndex))]):_vm._e(),(_vm.data.config.pageHeader && listindex === 0)?_c('div',{style:(_vm.data.config.headerHeight),domProps:{"innerHTML":_vm._s(_vm.data.config.pageHeader)}}):_vm._e(),_c('div',{staticClass:"page-border",style:({ borderColor: _vm.data.config.borderColor })},[_vm._l((list),function(widget,index){return [(widget.type == 'table')?[(
                   widget.options.layoutModel === 'auto' ||
                   widget.options.layoutModel === undefined
@@ -111452,15 +111482,15 @@ var staticRenderFns = []
 var layoutForPapervue_type_script_lang_js_ = __webpack_require__(7862);
 ;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=script&lang=js&
  /* harmony default export */ const layout_layoutForPapervue_type_script_lang_js_ = (layoutForPapervue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.5@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.7.3@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=209d137c&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.5@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.7.3@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=0c12552e&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=209d137c&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=0c12552e&prod&lang=less&scoped=true&
 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.5@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/_css-loader@6.7.3@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=209d137c&prod&lang=css&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.5@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/_css-loader@6.7.3@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=0c12552e&prod&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=209d137c&prod&lang=css&
+;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=0c12552e&prod&lang=css&
 
 // EXTERNAL MODULE: ./node_modules/_vue-loader@15.10.1@vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(8412);
@@ -111480,7 +111510,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "209d137c",
+  "0c12552e",
   null
   
 )
@@ -120740,7 +120770,7 @@ function toNumber(value) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = {"i8":"1.1.312"};
+module.exports = {"i8":"1.1.313"};
 
 /***/ })
 
@@ -122684,11 +122714,11 @@ icon_Icon.install = function (Vue) {
 
 /* harmony default export */ const icon = (icon_Icon);
 // EXTERNAL MODULE: ./src/form/modules/layout/layoutForPaper.vue + 6 modules
-var layoutForPaper = __webpack_require__(1183);
+var layoutForPaper = __webpack_require__(8617);
 // EXTERNAL MODULE: ./src/form/modules/layout/layoutItem.vue + 10 modules
 var layoutItem = __webpack_require__(8396);
-;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=template&id=61f45cc6&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-layout',{staticClass:"fm2-container"},[_c('a-layout',[_c('a-layout-header',{staticClass:"btn-bar"},[_c('widget-list',{attrs:{"previewDesktop":_vm.isPreviewDesktop,"isView":_vm.isView,"positionRight":_vm.hiddenSave},on:{"update:previewDesktop":function($event){_vm.isPreviewDesktop=$event},"update:preview-desktop":function($event){_vm.isPreviewDesktop=$event}}},[_c('div',[(!_vm.hiddenSave)?_c('span',{staticClass:"activeTab",on:{"click":_vm.handleSave}},[_vm._v("保存")]):_vm._e(),_c('span',{staticClass:"activeTab",on:{"click":_vm.handleClear}},[_vm._v("清空")]),_c('span',{staticClass:"activeTab",on:{"click":_vm.handleGenerateJson}},[_vm._v("查看JSON")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isView),expression:"isView"}],staticClass:"activeTab",on:{"click":_vm.handleGetData}},[_vm._v("获取数据")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"activeTab",on:{"click":_vm.handlePreview}},[_vm._v("预览")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isView),expression:"isView"}],staticClass:"activeTab",on:{"click":_vm.handleColse}},[_vm._v("关闭预览")])])])],1),_c('a-layout',[_c('a-layout-content',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"center-container g1-form_main2",attrs:{"direction":"vertical"}},[_c('div',{staticClass:"a-layout-main",class:{ 'widget-empty': _vm.widgetForm.list.length == 0 }},[_c('widget-form',{ref:"widgetForm",attrs:{"data":_vm.widgetForm,"selectedWidget":_vm.widgetFormSelect},on:{"update:data":function($event){_vm.widgetForm=$event},"update:selectedWidget":function($event){_vm.widgetFormSelect=$event},"update:selected-widget":function($event){_vm.widgetFormSelect=$event}}})],1)]),_c('a-layout-sider',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"widget-config-container g1-panel1",attrs:{"width":"300px"}},[_c('a-layout-header',{staticStyle:{"background":"#fff"},attrs:{"height":"45px"}},[_c('div',{staticClass:"config-tab",class:{ active: _vm.configTab == 'widget' },on:{"click":function($event){return _vm.handleConfigSelect('widget')}}},[_vm._v(" 字段属性 ")]),_c('div',{staticClass:"config-tab",class:{ active: _vm.configTab == 'form' },on:{"click":function($event){return _vm.handleConfigSelect('form')}}},[_vm._v(" 表单属性 ")])]),_c('div',{staticClass:"config-content a-layout-main"},[(!_vm.refreshWidgetConfig)?_c('widget-config',{directives:[{name:"show",rawName:"v-show",value:(_vm.configTab == 'widget'),expression:"configTab == 'widget'"}],ref:"widgetconfig",attrs:{"selectedWidget":_vm.widgetFormSelect,"datalist":_vm.widgetForm.list}}):_vm._e(),_c('form-config',{directives:[{name:"show",rawName:"v-show",value:(_vm.configTab == 'form'),expression:"configTab == 'form'"}],attrs:{"formConfig":_vm.widgetForm.config,"hiddenSave":_vm.hiddenSave},on:{"update:formConfig":function($event){return _vm.$set(_vm.widgetForm, "config", $event)},"update:form-config":function($event){return _vm.$set(_vm.widgetForm, "config", $event)},"changeHeaderOrFooter":_vm.changeHeaderOrFooter}})],1)],1),(_vm.isView)?_c('a-layout-content',{staticClass:"center-container g1-form_main2",attrs:{"direction":"vertical"}},[_c('div',{staticClass:"a-layout-main",style:({ textAlign: (_vm.isView && !_vm.isPreviewDesktop) ? 'center' : 'left' })},[(!_vm.isPreviewDesktop)?_c('div',{staticClass:"phone-preview"},[_c('iframe',{ref:"previewIframe",staticClass:"previewIframe",staticStyle:{"width":"375px","margin":"0 auto","height":"620px","margin-top":"-20px"},attrs:{"id":"previewIframe","src":_vm.previewMobileUrl,"frameborder":"0"},on:{"load":_vm.previewMobileOnload}})]):_c('layout-for-paper',{ref:"layoutForPaper",attrs:{"insite":"true","data":_vm.widgetForm,"value":_vm.widgetModels},on:{"on-change":_vm.handleDataChange}})],1)]):_vm._e()],1),_c('cus-dialog',{ref:"jsonPreview",staticStyle:{"text-align":"left"},attrs:{"title":"数据展示","visible":_vm.jsonVisible,"width":"800px","form":""},on:{"on-close":function($event){_vm.jsonVisible = false}}},[_c('codemirror',{staticClass:"code",attrs:{"value":_vm.jsonTemplate,"options":_vm.options}}),_c('template',{slot:"action"},[(_vm.canCopy)?_c('a-button',{staticClass:"json-btn",attrs:{"type":"primary","data-clipboard-text":_vm.jsonCopyValue}},[_vm._v("复制数据")]):_vm._e(),(!_vm.canCopy)?_c('a-button',{staticClass:"json-btn",on:{"click":function($event){_vm.jsonVisible = false}}},[_vm._v("关闭")]):_vm._e()],1)],2),_c('pageFooterAndHeader',{ref:"pageFooterAndHeader",on:{"changeContent":_vm.changeContent}})],1)],1)}
+;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=template&id=7e09529d&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-layout',{staticClass:"fm2-container"},[_c('a-layout',[_c('a-layout-header',{staticClass:"btn-bar"},[_c('widget-list',{attrs:{"previewDesktop":_vm.isPreviewDesktop,"isView":_vm.isView,"positionRight":_vm.hiddenSave},on:{"update:previewDesktop":function($event){_vm.isPreviewDesktop=$event},"update:preview-desktop":function($event){_vm.isPreviewDesktop=$event}}},[_c('div',[(!_vm.hiddenSave)?_c('span',{staticClass:"activeTab",on:{"click":_vm.handleSave}},[_vm._v("保存")]):_vm._e(),_c('span',{staticClass:"activeTab",on:{"click":_vm.handleClear}},[_vm._v("清空")]),_c('span',{staticClass:"activeTab",on:{"click":_vm.handleGenerateJson}},[_vm._v("查看JSON")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isView),expression:"isView"}],staticClass:"activeTab",on:{"click":_vm.handleGetData}},[_vm._v("获取数据")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"activeTab",on:{"click":_vm.handlePreview}},[_vm._v("预览")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isView),expression:"isView"}],staticClass:"activeTab",on:{"click":_vm.handleColse}},[_vm._v("关闭预览")])])])],1),_c('a-layout',[_c('a-layout-content',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"center-container g1-form_main2",attrs:{"direction":"vertical"}},[_c('div',{staticClass:"a-layout-main",class:{ 'widget-empty': _vm.widgetForm.list.length == 0 }},[_c('widget-form',{ref:"widgetForm",attrs:{"data":_vm.widgetForm,"selectedWidget":_vm.widgetFormSelect},on:{"update:data":function($event){_vm.widgetForm=$event},"update:selectedWidget":function($event){_vm.widgetFormSelect=$event},"update:selected-widget":function($event){_vm.widgetFormSelect=$event}}})],1)]),_c('a-layout-sider',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"widget-config-container g1-panel1",attrs:{"width":"300px"}},[_c('a-layout-header',{staticStyle:{"background":"#fff"},attrs:{"height":"45px"}},[_c('div',{staticClass:"config-tab",class:{ active: _vm.configTab == 'widget' },on:{"click":function($event){return _vm.handleConfigSelect('widget')}}},[_vm._v(" 字段属性 ")]),_c('div',{staticClass:"config-tab",class:{ active: _vm.configTab == 'form' },on:{"click":function($event){return _vm.handleConfigSelect('form')}}},[_vm._v(" 表单属性 ")])]),_c('div',{staticClass:"config-content a-layout-main"},[(!_vm.refreshWidgetConfig)?_c('widget-config',{directives:[{name:"show",rawName:"v-show",value:(_vm.configTab == 'widget'),expression:"configTab == 'widget'"}],ref:"widgetconfig",attrs:{"selectedWidget":_vm.widgetFormSelect,"datalist":_vm.widgetForm.list}}):_vm._e(),_c('form-config',{directives:[{name:"show",rawName:"v-show",value:(_vm.configTab == 'form'),expression:"configTab == 'form'"}],attrs:{"formConfig":_vm.widgetForm.config,"hiddenSave":_vm.hiddenSave},on:{"update:formConfig":function($event){return _vm.$set(_vm.widgetForm, "config", $event)},"update:form-config":function($event){return _vm.$set(_vm.widgetForm, "config", $event)},"changeHeaderOrFooter":_vm.changeHeaderOrFooter}})],1)],1),(_vm.isView)?_c('a-layout-content',{staticClass:"center-container g1-form_main2",attrs:{"direction":"vertical"}},[_c('div',{staticClass:"a-layout-main",style:({ textAlign: (_vm.isView && !_vm.isPreviewDesktop) ? 'center' : 'left' })},[(!_vm.isPreviewDesktop)?_c('div',{staticClass:"phone-preview"},[_c('iframe',{ref:"previewIframe",staticClass:"previewIframe",staticStyle:{"width":"375px","margin":"0 auto","height":"620px","margin-top":"-20px"},attrs:{"id":"previewIframe","src":_vm.previewMobileUrl,"frameborder":"0"},on:{"load":_vm.previewMobileOnload}})]):_c('layout-for-paper',{ref:"layoutForPaper",attrs:{"insite":"true","isDesign":true,"data":_vm.widgetForm,"value":_vm.widgetModels},on:{"on-change":_vm.handleDataChange}})],1)]):_vm._e()],1),_c('cus-dialog',{ref:"jsonPreview",staticStyle:{"text-align":"left"},attrs:{"title":"数据展示","visible":_vm.jsonVisible,"width":"800px","form":""},on:{"on-close":function($event){_vm.jsonVisible = false}}},[_c('codemirror',{staticClass:"code",attrs:{"value":_vm.jsonTemplate,"options":_vm.options}}),_c('template',{slot:"action"},[(_vm.canCopy)?_c('a-button',{staticClass:"json-btn",attrs:{"type":"primary","data-clipboard-text":_vm.jsonCopyValue}},[_vm._v("复制数据")]):_vm._e(),(!_vm.canCopy)?_c('a-button',{staticClass:"json-btn",on:{"click":function($event){_vm.jsonVisible = false}}},[_vm._v("关闭")]):_vm._e()],1)],2),_c('pageFooterAndHeader',{ref:"pageFooterAndHeader",on:{"changeContent":_vm.changeContent}})],1)],1)}
 var staticRenderFns = []
 
 
@@ -126750,6 +126780,7 @@ var onLineForm = __webpack_require__(6162);
 //
 //
 //
+//
 //
 
  //控件库
@@ -127068,10 +127099,10 @@ __webpack_require__(9922);
 });
 ;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=script&lang=js&
  /* harmony default export */ const modules_Containervue_type_script_lang_js_ = (Containervue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.5@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.7.3@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=style&index=0&id=61f45cc6&prod&lang=less&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.5@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.7.3@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=style&index=0&id=7e09529d&prod&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=style&index=0&id=61f45cc6&prod&lang=less&
+;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=style&index=0&id=7e09529d&prod&lang=less&
 
 ;// CONCATENATED MODULE: ./src/form/modules/Container.vue
 
@@ -134069,7 +134100,7 @@ var formula_edit_component = (0,componentNormalizer/* default */.Z)(
     }
   },
   components: {
-    layoutForPaper: () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 1183)),
+    layoutForPaper: () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8617)),
     FormulaEdit: formula_edit
   },
   data() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zscreate/form-component",
-  "version": "1.1.312",
+  "version": "1.1.313",
   "private": false,
   "description": "",
   "main": "dist/form-component.umd.js",