@deanwu/vue-component-library 1.3.43 → 1.3.45

package/dist/vue-component-library.common.js

@@ -1481,6 +1481,13 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 }, 'toString');
 
 
+/***/ }),
+
+/***/ "146c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "14d9":
@@ -1626,6 +1633,17 @@ module.exports = $documentAll.IS_HTMLDDA ? function (argument) {
 
 }));
 
+/***/ }),
+
+/***/ "17e7":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_124850a4_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4e17");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_124850a4_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_124850a4_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "191b":
@@ -6443,6 +6461,13 @@ module.exports = {
 
 /***/ }),
 
+/***/ "4e17":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4e91":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -7529,13 +7554,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "6ac6":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "6c23":
@@ -7644,17 +7662,6 @@ module.exports = {
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "6eea":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_676e4b28_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c8c9");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_676e4b28_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_676e4b28_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "6f19":
@@ -26438,6 +26445,17 @@ __webpack_require__.r(__webpack_exports__);
 
 module.exports = require("vue");
 
+/***/ }),
+
+/***/ "8bd4":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_window_vue_vue_type_style_index_0_id_039b29ee_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("146c");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_window_vue_vue_type_style_index_0_id_039b29ee_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_window_vue_vue_type_style_index_0_id_039b29ee_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8cef":
@@ -29051,17 +29069,6 @@ module.exports = DESCRIPTORS && fails(function () {
 });
 
 
-/***/ }),
-
-/***/ "b005":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_window_vue_vue_type_style_index_0_id_7a27c016_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6ac6");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_window_vue_vue_type_style_index_0_id_7a27c016_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_window_vue_vue_type_style_index_0_id_7a27c016_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b035":
@@ -31384,13 +31391,6 @@ try {
 module.exports = g;
 
 
-/***/ }),
-
-/***/ "c8c9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "ca84":
@@ -36264,8 +36264,8 @@ var dialog_component = normalizeComponent(
 )
 
 /* harmony default export */ var dialog = (dialog_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/window.vue?vue&type=template&id=72eef246&scoped=true&
-var windowvue_type_template_id_72eef246_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/window.vue?vue&type=template&id=7c9c33d0&scoped=true&
+var windowvue_type_template_id_7c9c33d0_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', [_c('c-button', {
@@ -36304,9 +36304,9 @@ var windowvue_type_template_id_72eef246_scoped_true_render = function render() {
     }
   })]);
 };
-var windowvue_type_template_id_72eef246_scoped_true_staticRenderFns = [];
+var windowvue_type_template_id_7c9c33d0_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/api/window.vue?vue&type=template&id=72eef246&scoped=true&
+// CONCATENATED MODULE: ./src/api/window.vue?vue&type=template&id=7c9c33d0&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/window.vue?vue&type=script&lang=js&
 /* harmony default export */ var windowvue_type_script_lang_js_ = ({
@@ -36328,11 +36328,11 @@ var windowvue_type_template_id_72eef246_scoped_true_staticRenderFns = [];
 
 var window_component = normalizeComponent(
   api_windowvue_type_script_lang_js_,
-  windowvue_type_template_id_72eef246_scoped_true_render,
-  windowvue_type_template_id_72eef246_scoped_true_staticRenderFns,
+  windowvue_type_template_id_7c9c33d0_scoped_true_render,
+  windowvue_type_template_id_7c9c33d0_scoped_true_staticRenderFns,
   false,
   null,
-  "72eef246",
+  "7c9c33d0",
   null
   
 )
@@ -41654,8 +41654,8 @@ var popup_dialog_component = normalizeComponent(
 )
 
 /* harmony default export */ var popup_dialog = (popup_dialog_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popup/window.vue?vue&type=template&id=7a27c016&scoped=true&
-var windowvue_type_template_id_7a27c016_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popup/window.vue?vue&type=template&id=039b29ee&scoped=true&
+var windowvue_type_template_id_039b29ee_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('dl', {
@@ -41676,6 +41676,7 @@ var windowvue_type_template_id_7a27c016_scoped_true_render = function render() {
   }, [_c('i', {
     staticClass: "c-icon-cross"
   })])]), _c('dd', {
+    ref: "content",
     style: {
       'height': _vm.parsePixel(this.height, true)
     }
@@ -41685,9 +41686,9 @@ var windowvue_type_template_id_7a27c016_scoped_true_render = function render() {
     staticClass: "c-window-button flex"
   }, [_vm._t("button")], 2)]) : _vm._e()]);
 };
-var windowvue_type_template_id_7a27c016_scoped_true_staticRenderFns = [];
+var windowvue_type_template_id_039b29ee_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/popup/window.vue?vue&type=template&id=7a27c016&scoped=true&
+// CONCATENATED MODULE: ./src/components/popup/window.vue?vue&type=template&id=039b29ee&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popup/window.vue?vue&type=script&lang=js&
 
@@ -41731,19 +41732,24 @@ var windowvue_type_template_id_7a27c016_scoped_true_staticRenderFns = [];
   methods: {
     show(follow, position = this.position, align = this.align) {
       this.active = true;
+      this.$nextTick(() => {
+        this.$refs.content.scrollTop = 0;
+      });
       if (follow) {
         follow = follow.$options ? follow.$el : follow;
+        let side = ['left', 'right'].includes(position);
         this._updatePosition = () => {
           let rect = follow.getBoundingClientRect();
+          let top = rect.top + ({
+            top: -this.$el.offsetHeight,
+            bottom: rect.height
+          }[position] || 0) + (side && align != 'start' ? rect.height - this.$el.offsetHeight : 0);
           this.positionStyle = {
             left: rect.left + ({
               left: -this.$el.offsetWidth,
               right: rect.width
             }[position] || 0) + (['top', 'bottom'].includes(position) && align != 'start' ? rect.width - this.$el.offsetWidth : 0) + 'px',
-            top: rect.top + ({
-              top: -this.$el.offsetHeight,
-              bottom: rect.height
-            }[position] || 0) + (['left', 'right'].includes(position) && align != 'start' ? rect.height - this.$el.offsetHeight : 0) + 'px'
+            top: Math.max(Math.min(top, window.innerHeight - this.$el.offsetHeight), 0) + 'px'
           };
         };
         this._removeEvent = () => {
@@ -41773,8 +41779,8 @@ var windowvue_type_template_id_7a27c016_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/popup/window.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_popup_windowvue_type_script_lang_js_ = (popup_windowvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/popup/window.vue?vue&type=style&index=0&id=7a27c016&prod&lang=stylus&scoped=true&
-var windowvue_type_style_index_0_id_7a27c016_prod_lang_stylus_scoped_true_ = __webpack_require__("b005");
+// EXTERNAL MODULE: ./src/components/popup/window.vue?vue&type=style&index=0&id=039b29ee&prod&lang=stylus&scoped=true&
+var windowvue_type_style_index_0_id_039b29ee_prod_lang_stylus_scoped_true_ = __webpack_require__("8bd4");
 
 // CONCATENATED MODULE: ./src/components/popup/window.vue
 
@@ -41787,11 +41793,11 @@ var windowvue_type_style_index_0_id_7a27c016_prod_lang_stylus_scoped_true_ = __w
 
 var popup_window_component = normalizeComponent(
   components_popup_windowvue_type_script_lang_js_,
-  windowvue_type_template_id_7a27c016_scoped_true_render,
-  windowvue_type_template_id_7a27c016_scoped_true_staticRenderFns,
+  windowvue_type_template_id_039b29ee_scoped_true_render,
+  windowvue_type_template_id_039b29ee_scoped_true_staticRenderFns,
   false,
   null,
-  "7a27c016",
+  "039b29ee",
   null
   
 )
@@ -46591,8 +46597,8 @@ var table_button_component = normalizeComponent(
 )
 
 /* harmony default export */ var table_button = (table_button_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/index.vue?vue&type=template&id=676e4b28&
-var formvue_type_template_id_676e4b28_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/index.vue?vue&type=template&id=124850a4&
+var formvue_type_template_id_124850a4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -46602,9 +46608,9 @@ var formvue_type_template_id_676e4b28_render = function render() {
     }
   }, [_vm._t("default")], 2);
 };
-var formvue_type_template_id_676e4b28_staticRenderFns = [];
+var formvue_type_template_id_124850a4_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/form/index.vue?vue&type=template&id=676e4b28&
+// CONCATENATED MODULE: ./src/components/form/index.vue?vue&type=template&id=124850a4&
 
 // CONCATENATED MODULE: ./src/assets/script/validate.js
 
@@ -46776,8 +46782,12 @@ async function vaildate(data, opt, callback) {
       cFormStore: pFormStore
     } = getStore(this, 'cFormStore');
     return {
-      pFormStore,
-      cFormStore: createStore({
+      cFormStore: (this.linkParent ? pFormStore : null) || createStore({
+        resetColumnCount: () => {
+          if (this._initialized) return;
+          this._initialized = true;
+          this.cFormStore.commit('columnCount', 0);
+        },
         updateLabelLength: (add, remove) => {
           if (add == remove) return;
           let list = this.labelList ? this.labelList.split(',') : [];
@@ -46787,7 +46797,7 @@ async function vaildate(data, opt, callback) {
         },
         labelLength: 0,
         columnWidth: this.columnWidth,
-        columnCount: 0,
+        columnCount: this.column,
         unitWidth: this.unitWidth,
         vertical: this.vertical
       }),
@@ -46795,65 +46805,19 @@ async function vaildate(data, opt, callback) {
     };
   },
   computed: {
-    ...mapStore('pFormStore', {
-      pLabelLength(store) {
-        return store.labelLength;
-      },
-      pUpdateLabelLength(store) {
-        return store.updateLabelLength;
-      },
-      pColumnWidth(store) {
-        return store.columnWidth;
-      },
-      pUnitWidth(store) {
-        return store.unitWidth;
-      },
-      pVertical(store) {
-        return store.vertical;
-      }
-    }),
-    ...mapStore('cFormStore', ['columnCount', 'labelLength']),
-    columnWidth() {
-      if (this.linkParent) return this.pColumnWidth;
-      return 1 / parseInt(this.columnCount || this.column) * 100 + '%';
-    },
-    compUnitWidth() {
-      if (this.linkParent) return this.pUnitWidth;
-      return this.unitWidth;
-    },
-    compVertical() {
-      if (this.linkParent) return this.pVertical;
-      return this.vertical;
-    }
+    ...mapStore('cFormStore', ['columnCount'])
   },
   watch: {
-    columnWidth(val) {
-      this.cFormStore.commit('columnWidth', val);
-    },
-    compUnitWidth(val) {
-      this.cFormStore.commit('unitWidth', val);
-    },
-    compVertical(val) {
-      this.cFormStore.commit('vertical', val);
+    columnCount: {
+      handler(val) {
+        this.cFormStore.commit('columnWidth', 1 / parseInt(val) * 100 + '%');
+      },
+      immediate: true
     },
-    labelList(val, old) {
-      if (val) {
-        if (this.linkParent) {
-          this.pUpdateLabelLength(Math.max(...val.split(',')), old ? Math.max(...old.split(',')) : false);
-        } else {
-          this.cFormStore.commit('labelLength', Math.max(...val.split(',')));
-        }
+    labelList(val) {
+      if (val && !this.linkParent) {
+        this.cFormStore.commit('labelLength', Math.max(...val.split(',')));
       }
-    },
-    pLabelLength(val) {
-      this.cFormStore.commit('labelLength', val);
-    }
-  },
-  created() {
-    this.cFormStore.commit('columnWidth', this.columnWidth);
-    if (this.linkParent) {
-      this.cFormStore.commit('unitWidth', this.pUnitWidth);
-      this.cFormStore.commit('vertical', this.pVertical);
     }
   },
   methods: {
@@ -46996,8 +46960,8 @@ async function vaildate(data, opt, callback) {
 });
 // CONCATENATED MODULE: ./src/components/form/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_components_formvue_type_script_lang_js_ = (components_formvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/form/index.vue?vue&type=style&index=0&id=676e4b28&prod&lang=stylus&
-var formvue_type_style_index_0_id_676e4b28_prod_lang_stylus_ = __webpack_require__("6eea");
+// EXTERNAL MODULE: ./src/components/form/index.vue?vue&type=style&index=0&id=124850a4&prod&lang=stylus&
+var formvue_type_style_index_0_id_124850a4_prod_lang_stylus_ = __webpack_require__("17e7");
 
 // CONCATENATED MODULE: ./src/components/form/index.vue
 
@@ -47010,8 +46974,8 @@ var formvue_type_style_index_0_id_676e4b28_prod_lang_stylus_ = __webpack_require
 
 var components_form_component = normalizeComponent(
   src_components_formvue_type_script_lang_js_,
-  formvue_type_template_id_676e4b28_render,
-  formvue_type_template_id_676e4b28_staticRenderFns,
+  formvue_type_template_id_124850a4_render,
+  formvue_type_template_id_124850a4_staticRenderFns,
   false,
   null,
   null,
@@ -47020,8 +46984,8 @@ var components_form_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_form = (components_form_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/item.vue?vue&type=template&id=ec38417a&
-var itemvue_type_template_id_ec38417a_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/item.vue?vue&type=template&id=ba81d36e&
+var itemvue_type_template_id_ba81d36e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -47085,9 +47049,9 @@ var itemvue_type_template_id_ec38417a_render = function render() {
     staticClass: "c-icon-message-warn"
   }), _vm._v(_vm._s(_vm.warnMsg))]) : _vm._e()])])]);
 };
-var itemvue_type_template_id_ec38417a_staticRenderFns = [];
+var itemvue_type_template_id_ba81d36e_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/form/item.vue?vue&type=template&id=ec38417a&
+// CONCATENATED MODULE: ./src/components/form/item.vue?vue&type=template&id=ba81d36e&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/item.vue?vue&type=script&lang=js&
 
@@ -47123,7 +47087,7 @@ var itemvue_type_template_id_ec38417a_staticRenderFns = [];
       if (this.$parent.$options.name == 'cFormColumn') {
         return '100%';
       }
-      return `calc(${parseFloat(this.columnWidth) * parseInt(this.colspan) + '%'} - ${this.columnCount > 1 ? 20 : 0}px)`;
+      return `calc(${parseFloat(this.columnWidth) * parseInt(this.colspan)}% - ${Math.ceil((parseInt(this.columnCount) - 1) * 20 / parseInt(this.columnCount))}px)`;
     },
     compUnitWidth() {
       return this.parsePixel(this.width || this.unitWidth, true);
@@ -47168,8 +47132,8 @@ var itemvue_type_template_id_ec38417a_staticRenderFns = [];
 
 var item_component = normalizeComponent(
   form_itemvue_type_script_lang_js_,
-  itemvue_type_template_id_ec38417a_render,
-  itemvue_type_template_id_ec38417a_staticRenderFns,
+  itemvue_type_template_id_ba81d36e_render,
+  itemvue_type_template_id_ba81d36e_staticRenderFns,
   false,
   null,
   null,
@@ -47178,8 +47142,8 @@ var item_component = normalizeComponent(
 )
 
 /* harmony default export */ var item = (item_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/column.vue?vue&type=template&id=24dbb503&
-var columnvue_type_template_id_24dbb503_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/column.vue?vue&type=template&id=350a7118&
+var columnvue_type_template_id_350a7118_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -47189,9 +47153,9 @@ var columnvue_type_template_id_24dbb503_render = function render() {
     }
   }, [_vm._t("default")], 2);
 };
-var columnvue_type_template_id_24dbb503_staticRenderFns = [];
+var columnvue_type_template_id_350a7118_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/form/column.vue?vue&type=template&id=24dbb503&
+// CONCATENATED MODULE: ./src/components/form/column.vue?vue&type=template&id=350a7118&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/column.vue?vue&type=script&lang=js&
 
@@ -47203,15 +47167,16 @@ var columnvue_type_template_id_24dbb503_staticRenderFns = [];
     };
   },
   created() {
+    this.resetColumnCount();
     this.cFormStore.commit('columnCount', this.columnCount + 1);
   },
   beforeDestroy() {
     this.cFormStore.commit('columnCount', this.columnCount - 1);
   },
   computed: {
-    ...mapStore('cFormStore', ['columnWidth', 'columnCount']),
+    ...mapStore('cFormStore', ['columnWidth', 'columnCount', 'resetColumnCount']),
     compWidth() {
-      return `calc(${this.columnWidth} - 20px)`;
+      return `calc(${this.columnWidth} - ${Math.ceil((parseInt(this.columnCount) - 1) * 20 / parseInt(this.columnCount))}px)`;
     }
   }
 });
@@ -47227,8 +47192,8 @@ var columnvue_type_template_id_24dbb503_staticRenderFns = [];
 
 var form_column_component = normalizeComponent(
   components_form_columnvue_type_script_lang_js_,
-  columnvue_type_template_id_24dbb503_render,
-  columnvue_type_template_id_24dbb503_staticRenderFns,
+  columnvue_type_template_id_350a7118_render,
+  columnvue_type_template_id_350a7118_staticRenderFns,
   false,
   null,
   null,