@zscreate/form-component 1.0.1 → 1.0.2

package/dist/form-component.umd.js

@@ -73001,7 +73001,7 @@ module.exports = /******/function (modules) {
 /* harmony import */ var _util_mathUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38);
 /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6955);
 /* harmony import */ var _layoutItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4780);
-/* harmony import */ var _components_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3681);
+/* harmony import */ var _components_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1121);
 /* harmony import */ var pubsub_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9616);
 /* harmony import */ var pubsub_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(pubsub_js__WEBPACK_IMPORTED_MODULE_4__);
 
@@ -73418,7 +73418,7 @@ module.exports = /******/function (modules) {
 
 "use strict";
 /* harmony import */ var _common_CorrectionModal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8308);
-/* harmony import */ var _components_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3681);
+/* harmony import */ var _components_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1121);
 /* harmony import */ var pubsub_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9616);
 /* harmony import */ var pubsub_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(pubsub_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1925);
@@ -76429,7 +76429,7 @@ const API = '/form/formdesiger/countLeaveDays';
 
 /***/ }),
 
-/***/ 3681:
+/***/ 1121:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -89500,8 +89500,8 @@ var RelateSub_widgetDesign_component = (0,componentNormalizer/* default */.Z)(
   widgetSetup: RelateSub_widgetSetup,
   widgetDesign: RelateSub_widgetDesign
 });
-;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/components/UserSelector/component.vue?vue&type=template&id=8434e57a&scoped=true&
-var componentvue_type_template_id_8434e57a_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/components/UserSelector/component.vue?vue&type=template&id=d54d1caa&scoped=true&
+var componentvue_type_template_id_d54d1caa_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.widget ? _c('div', {
@@ -89586,7 +89586,7 @@ var componentvue_type_template_id_8434e57a_scoped_true_render = function render(
     }
   })], 1) : _vm._e();
 };
-var componentvue_type_template_id_8434e57a_scoped_true_staticRenderFns = [];
+var componentvue_type_template_id_d54d1caa_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/Modals/selectUserModal.vue?vue&type=template&id=6dfb0a46&scoped=true&
 var selectUserModalvue_type_template_id_6dfb0a46_scoped_true_render = function render() {
@@ -90463,7 +90463,9 @@ var selectUserModal_component = (0,componentNormalizer/* default */.Z)(
   },
 
   computed: {
-    getUserInfo: (external_commonjs_vue_commonjs2_vue_root_Vue_default()).prototype.getUserInfo
+    getUserInfo() {
+      return external_commonjs_vue_commonjs2_vue_root_Vue_default().prototype.getUserInfo();
+    }
   },
   methods: {
     openModal() {
@@ -90550,11 +90552,11 @@ var selectUserModal_component = (0,componentNormalizer/* default */.Z)(
 ;
 var UserSelector_component_component = (0,componentNormalizer/* default */.Z)(
   components_UserSelector_componentvue_type_script_lang_js_,
-  componentvue_type_template_id_8434e57a_scoped_true_render,
-  componentvue_type_template_id_8434e57a_scoped_true_staticRenderFns,
+  componentvue_type_template_id_d54d1caa_scoped_true_render,
+  componentvue_type_template_id_d54d1caa_scoped_true_staticRenderFns,
   false,
   null,
-  "8434e57a",
+  "d54d1caa",
   null
   
 )
@@ -97673,7 +97675,7 @@ var CorrectionItemvue_type_template_id_50737f8c_scoped_true_render = function re
 var CorrectionItemvue_type_template_id_50737f8c_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./src/form/modules/components/index.js + 584 modules
-var components = __webpack_require__(3681);
+var components = __webpack_require__(1121);
 ;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/Modals/CorrectionItem.vue?vue&type=script&lang=js&
 
 /* harmony default export */ var CorrectionItemvue_type_script_lang_js_ = ({
@@ -99481,7 +99483,7 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
 // EXTERNAL MODULE: ./src/api/manage.js
 var manage = __webpack_require__(1474);
 // EXTERNAL MODULE: ./src/form/modules/components/index.js + 584 modules
-var components = __webpack_require__(3681);
+var components = __webpack_require__(1121);
 // EXTERNAL MODULE: ./src/form/util/Bus.js
 var Bus = __webpack_require__(767);
 ;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/widgetFormItem.vue?vue&type=script&lang=js&
@@ -99910,7 +99912,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
-;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./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=89e95976&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./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=380419bb&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -100298,15 +100300,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 */ var layout_layoutForPapervue_type_script_lang_js_ = (layoutForPapervue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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=0&id=89e95976&prod&lang=less&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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=0&id=380419bb&prod&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=0&id=89e95976&prod&lang=less&
+;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=0&id=380419bb&prod&lang=less&
 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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=89e95976&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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=380419bb&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=89e95976&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=380419bb&prod&lang=less&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/_vue-loader@15.10.1@vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(8412);
@@ -100326,21 +100328,36 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "89e95976",
+  "380419bb",
   null
   
 )
 
 /* harmony default export */ var layoutForPaper = (component.exports);
-;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=template&id=a7941844&
-var Containervue_type_template_id_a7941844_render = function render() {
+// EXTERNAL MODULE: ./src/form/modules/layout/layoutItem.vue + 4 modules
+var layoutItem = __webpack_require__(4780);
+;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=template&id=58d12dac&
+var Containervue_type_template_id_58d12dac_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('a-layout', {
     staticClass: "fm2-container"
   }, [_c('a-layout', [_c('a-layout-header', {
     staticClass: "btn-bar"
-  }, [_c('widget-list', [_c('div', [_c('span', {
+  }, [_c('widget-list', {
+    attrs: {
+      "previewDesktop": _vm.isPreviewDesktop,
+      "isView": _vm.isView
+    },
+    on: {
+      "update:previewDesktop": function ($event) {
+        _vm.isPreviewDesktop = $event;
+      },
+      "update:preview-desktop": function ($event) {
+        _vm.isPreviewDesktop = $event;
+      }
+    }
+  }, [_c('div', [_c('span', {
     staticClass: "activeTab",
     on: {
       "click": _vm.handleSave
@@ -100489,8 +100506,24 @@ var Containervue_type_template_id_a7941844_render = function render() {
       "direction": "vertical"
     }
   }, [_c('div', {
-    staticClass: "a-layout-main"
-  }, [_c('layout-for-paper', {
+    staticClass: "a-layout-main",
+    style: {
+      textAlign: _vm.isView && !_vm.isPreviewDesktop ? 'center' : 'left'
+    }
+  }, [!_vm.isPreviewDesktop ? _c('iframe', {
+    staticClass: "previewIframe",
+    staticStyle: {
+      "width": "375px",
+      "border": "1px solid #666",
+      "margin": "0 auto",
+      "height": "100%"
+    },
+    attrs: {
+      "id": "previewIframe",
+      "src": `http://localhost:8081/#/?jsonData=${_vm.btoa(JSON.stringify(_vm.widgetForm))}`,
+      "frameborder": "0"
+    }
+  }) : _c('layout-for-paper', {
     ref: "layoutForPaper",
     attrs: {
       "insite": "true",
@@ -100544,10 +100577,12 @@ var Containervue_type_template_id_a7941844_render = function render() {
     }
   })], 1)], 1);
 };
-var Containervue_type_template_id_a7941844_staticRenderFns = [];
+var Containervue_type_template_id_58d12dac_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/widgetList.vue?vue&type=template&id=023b7ddd&scoped=true&
-var widgetListvue_type_template_id_023b7ddd_scoped_true_render = function render() {
+// EXTERNAL MODULE: ./node_modules/_core-js@3.27.1@core-js/modules/web.dom-exception.stack.js
+var web_dom_exception_stack = __webpack_require__(6053);
+;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/widgetList.vue?vue&type=template&id=564091c5&scoped=true&
+var widgetListvue_type_template_id_564091c5_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -100672,9 +100707,41 @@ var widgetListvue_type_template_id_023b7ddd_scoped_true_render = function render
       staticClass: "icon iconfont",
       class: item.icon
     }), _c('span', [_vm._v(_vm._s(item.name))])])]) : _vm._e()];
-  })], 2)] : _vm._e()], 2);
+  })], 2)] : _vm._e(), _vm.isView ? _c('div', {
+    staticClass: "preview-options"
+  }, [_c('a-button', {
+    class: {
+      'btn-active': _vm.previewDesktop
+    },
+    attrs: {
+      "type": "link",
+      "icon": "desktop"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('update:previewDesktop', true);
+      }
+    }
+  }, [_vm._v(" 桌面端 ")]), _c('a-divider', {
+    attrs: {
+      "type": "vertical"
+    }
+  }), _c('a-button', {
+    class: {
+      'btn-active': !_vm.previewDesktop
+    },
+    attrs: {
+      "type": "link",
+      "icon": "mobile"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('update:previewDesktop', false);
+      }
+    }
+  }, [_vm._v(" 移动端 ")])], 1) : _vm._e()], 2);
 };
-var widgetListvue_type_template_id_023b7ddd_scoped_true_staticRenderFns = [];
+var widgetListvue_type_template_id_564091c5_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/form/modules/componentsConfig.js
 const defaultConfig = {
@@ -101626,6 +101693,14 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
       type: Array,
       default: () => ["input", "textarea", "number", "radio", "checkbox", "time", "date", "datetime", "rate", "color", "select", "switch", "slider", "hidden", "superLink", "codeControl", "signature", "space"]
     },
+    previewDesktop: {
+      type: Boolean,
+      default: () => true
+    },
+    isView: {
+      type: Boolean,
+      default: () => false
+    },
     advanceFields: {
       type: Array,
       default: () => ["table", "blank", "imgupload", "fileupload", "uploadModel", "editor", "cascader", "deptSelector", "userSelector", "userSelectorByRole", "idea-sign", "relateSub", "signature-write", "localtion", "imgCode", "publicSign"]
@@ -101690,10 +101765,10 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
 });
 ;// CONCATENATED MODULE: ./src/form/modules/widgetList.vue?vue&type=script&lang=js&
  /* harmony default export */ var modules_widgetListvue_type_script_lang_js_ = (widgetListvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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/widgetList.vue?vue&type=style&index=0&id=023b7ddd&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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/widgetList.vue?vue&type=style&index=0&id=564091c5&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/widgetList.vue?vue&type=style&index=0&id=023b7ddd&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./src/form/modules/widgetList.vue?vue&type=style&index=0&id=564091c5&prod&lang=less&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/form/modules/widgetList.vue
 
@@ -101706,11 +101781,11 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
 
 var widgetList_component = (0,componentNormalizer/* default */.Z)(
   modules_widgetListvue_type_script_lang_js_,
-  widgetListvue_type_template_id_023b7ddd_scoped_true_render,
-  widgetListvue_type_template_id_023b7ddd_scoped_true_staticRenderFns,
+  widgetListvue_type_template_id_564091c5_scoped_true_render,
+  widgetListvue_type_template_id_564091c5_scoped_true_staticRenderFns,
   false,
   null,
-  "023b7ddd",
+  "564091c5",
   null
   
 )
@@ -102134,7 +102209,7 @@ var es_array_push = __webpack_require__(9214);
 // EXTERNAL MODULE: ./src/form/util/util.js
 var util = __webpack_require__(6955);
 // EXTERNAL MODULE: ./src/form/modules/components/index.js + 584 modules
-var components = __webpack_require__(3681);
+var components = __webpack_require__(1121);
 // EXTERNAL MODULE: ./src/api/manage.js
 var manage = __webpack_require__(1474);
 // EXTERNAL MODULE: ./src/form/modules/widgetFormItem.vue + 6 modules
@@ -104168,6 +104243,7 @@ var clipboard_default = /*#__PURE__*/__webpack_require__.n(clipboard);
 // EXTERNAL MODULE: ./src/api/onLineForm.js
 var onLineForm = __webpack_require__(7418);
 ;// CONCATENATED MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=script&lang=js&
+
  //控件库
  //设计form
 
@@ -104198,6 +104274,7 @@ __webpack_require__(2772);
       isView: false,
       //是否是预览模式
       canCopy: false,
+      isPreviewDesktop: true,
       widgetForm: {
         list: [],
         config: {
@@ -104267,6 +104344,9 @@ __webpack_require__(2772);
     this.getDataByParams();
   },
   methods: {
+    btoa(str) {
+      return window.btoa(encodeURIComponent(str));
+    },
     async getDataByParams() {
       let record = this.$route.query;
       if (record) {
@@ -104434,10 +104514,10 @@ __webpack_require__(2772);
 });
 ;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=script&lang=js&
  /* harmony default export */ var modules_Containervue_type_script_lang_js_ = (Containervue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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=a7941844&prod&lang=less&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.2@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=58d12dac&prod&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=style&index=0&id=a7941844&prod&lang=less&
+;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=style&index=0&id=58d12dac&prod&lang=less&
 
 ;// CONCATENATED MODULE: ./src/form/modules/Container.vue
 
@@ -104450,8 +104530,8 @@ __webpack_require__(2772);
 
 var Container_component = (0,componentNormalizer/* default */.Z)(
   modules_Containervue_type_script_lang_js_,
-  Containervue_type_template_id_a7941844_render,
-  Containervue_type_template_id_a7941844_staticRenderFns,
+  Containervue_type_template_id_58d12dac_render,
+  Containervue_type_template_id_58d12dac_staticRenderFns,
   false,
   null,
   null,
@@ -104465,7 +104545,9 @@ var Container_component = (0,componentNormalizer/* default */.Z)(
 
 
 
-const main_components = [layoutForPaper, Container];
+
+
+const main_components = [layoutForPaper, Container, layoutItem["default"]];
 const install = function (Vue, opts = {}) {
   Vue.prototype = Object.assign(Vue.prototype, opts);
   (external_commonjs_vue_commonjs2_vue_root_Vue_default()).prototype = Object.assign((external_commonjs_vue_commonjs2_vue_root_Vue_default()).prototype, opts);
@@ -104477,7 +104559,8 @@ if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
 /* harmony default export */ var main = ({
-  install
+  install,
+  ...components/* default.componentList */.Z.componentList
 });
 ;// CONCATENATED MODULE: ./node_modules/_@vue_cli-service@5.0.8@@vue/cli-service/lib/commands/build/entry-lib.js
 

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@zscreate/form-component",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": false,
   "description": "",
   "main": "dist/form-component.umd.js",
   "unpkg": "dist/form-component.umd.js",
   "scripts": {
     "build": "vue-cli-service build --target lib --name form-component src/main.js --formats umd --report",
-    "build:watch": "vue-cli-service build - -target lib --name form-component src/main.js --formats umd --watch"
+    "build:watch": "vue-cli-service build --target lib --name form-component src/main.js --formats umd --watch"
   },
   "exports": {
     ".": {