@deanwu/vue-component-library 1.3.42 → 1.3.44

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

@@ -1635,6 +1635,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":
@@ -6452,6 +6463,13 @@ module.exports = {
 
 /***/ }),
 
+/***/ "4e17":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4e91":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -28078,17 +28096,6 @@ __webpack_require__.r(__webpack_exports__);
 
 }));
 
-/***/ }),
-
-/***/ "a44f":
-/***/ (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_bb223b38_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e238");
-/* 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_bb223b38_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_bb223b38_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a45f":
@@ -29078,7 +29085,7 @@ module.exports = DESCRIPTORS && fails(function () {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-input></c-input>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number | - | 输入框的值，可使用v-model属性绑定变量\r\nname | String | - | 字段名\r\ntype | String | text | 按钮尺寸<br>**text**: 文本框<br>**password**: 密码框<br>**number**: 数字框<br>**stepper**: 步进器<br>**textarea**: 多行文本\r\nplaceholder | String | - | 提示占位符\r\nmaxlength | Number \\| String | - | 可输入最大字符数\r\ndecimal | Number \\| String | 0 | 数字框小数位数\r\nrange | Number \\| Array | 0 | 数字框数字范围<br>可输入逗号隔开的字符串（'0,100'）或数组（[0, 100]）\r\nprepend-text | String | - | 前置文本内容\r\nappend-text | String | - | 后置文本内容\r\nvisible | Boolean | false | 密码框显示密码按钮\r\nstep | Number \\| String | 1 | 步进器精度\r\nstep-controls | String | both | 步进器按钮位置<br>**both**: 两侧<br>**side**: 一侧\r\ndisabled | Boolean | false | 是否禁用输入框\r\nreadonly | Boolean | false | 输入框是否只读\r\nclear | Boolean | false | 是否显示清空按钮\r\n@input | Function | - | 输入事件\r\n@focus | Function | - | 焦点移入事件\r\n@blur | Function | - | 焦点移出事件\r\n@change | Function | - | 内容改变事件\r\n@suggest | Function(value, resolve) | - | 输入建议事件");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-input></c-input>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number | - | 输入框的值，可使用v-model属性绑定变量\r\nname | String | - | 字段名\r\ntype | String | text | 按钮尺寸<br>**text**: 文本框<br>**password**: 密码框<br>**number**: 数字框<br>**stepper**: 步进器<br>**textarea**: 多行文本\r\nplaceholder | String | - | 提示占位符\r\nmaxlength | Number \\| String | - | 可输入最大字符数\r\ndecimal | Number \\| String | 0 | 数字框小数位数\r\nrange | Number \\| Array | 0 | 数字框数字范围<br>可输入逗号隔开的字符串（'0,100'）或数组（[0, 100]）\r\nprepend-text | String | - | 前置文本内容\r\nappend-text | String | - | 后置文本内容\r\nvisible | Boolean | false | 密码框显示密码按钮\r\nstep | Number \\| String | 1 | 步进器精度\r\nstep-controls | String | both | 步进器按钮位置<br>**both**: 两侧<br>**side**: 一侧\r\ndisabled | Boolean | false | 是否禁用输入框\r\nreadonly | Boolean | false | 输入框是否只读\r\nclear | Boolean | false | 是否显示清空按钮\r\nheight-resize | Boolean \\| String | true | 多行文本是否支持调整高度，'auto'表示自动高度\r\n@input | Function | - | 输入事件\r\n@focus | Function | - | 焦点移入事件\r\n@blur | Function | - | 焦点移出事件\r\n@change | Function | - | 内容改变事件\r\n@suggest | Function(value, resolve) | - | 输入建议事件");
 
 /***/ }),
 
@@ -32949,13 +32956,6 @@ var substr = 'ab'.substr(-1) === 'b'
 
 /***/ }),
 
-/***/ "e238":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "e330":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -34181,8 +34181,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var api_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/api/input.vue?vue&type=template&id=380c7b6d&scoped=true&
-var inputvue_type_template_id_380c7b6d_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/input.vue?vue&type=template&id=5bbd0d88&scoped=true&
+var inputvue_type_template_id_5bbd0d88_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', {
@@ -34258,28 +34258,20 @@ var inputvue_type_template_id_380c7b6d_scoped_true_render = function render() {
       "visible": ""
     }
   })], 1), _c('br'), _c('p', [_c('c-input', {
-    ref: "asd",
     attrs: {
       "type": "textarea",
-      "maxlength": "100",
-      "height-resize": "auto"
-    }
-  })], 1)]), _c('c-button', {
-    on: {
-      "click": function ($event) {
-        return _vm.$refs.asd.set('asdasdasdasddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd');
-      }
+      "maxlength": "100"
     }
-  }, [_vm._v("123")]), _c('div', {
+  })], 1)]), _c('div', {
     staticClass: "doc",
     domProps: {
       "innerHTML": _vm._s(_vm.$parent.loadDoc('input'))
     }
-  })], 1);
+  })]);
 };
-var inputvue_type_template_id_380c7b6d_scoped_true_staticRenderFns = [];
+var inputvue_type_template_id_5bbd0d88_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/api/input.vue?vue&type=template&id=380c7b6d&scoped=true&
+// CONCATENATED MODULE: ./src/api/input.vue?vue&type=template&id=5bbd0d88&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/input.vue?vue&type=script&lang=js&
 
@@ -34312,11 +34304,11 @@ var inputvue_type_template_id_380c7b6d_scoped_true_staticRenderFns = [];
 
 var input_component = normalizeComponent(
   api_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_380c7b6d_scoped_true_render,
-  inputvue_type_template_id_380c7b6d_scoped_true_staticRenderFns,
+  inputvue_type_template_id_5bbd0d88_scoped_true_render,
+  inputvue_type_template_id_5bbd0d88_scoped_true_staticRenderFns,
   false,
   null,
-  "380c7b6d",
+  "5bbd0d88",
   null
   
 )
@@ -35245,8 +35237,8 @@ var pagination_component = normalizeComponent(
 )
 
 /* harmony default export */ var pagination = (pagination_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/table.vue?vue&type=template&id=4a95acbf&scoped=true&
-var tablevue_type_template_id_4a95acbf_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/table.vue?vue&type=template&id=5e50ef45&scoped=true&
+var tablevue_type_template_id_5e50ef45_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', {
@@ -35272,12 +35264,15 @@ var tablevue_type_template_id_4a95acbf_scoped_true_render = function render() {
       "type": "drag"
     },
     on: {
-      "drag": _vm.dragHandle
+      "handle": _vm.colHandle
     }
   }), _c('c-table-column', {
     attrs: {
       "type": "selector",
       "name": "selected"
+    },
+    on: {
+      "handle": _vm.colHandle
     }
   }), _c('c-table-column', {
     attrs: {
@@ -35469,9 +35464,9 @@ var tablevue_type_template_id_4a95acbf_scoped_true_render = function render() {
     }
   })], 1);
 };
-var tablevue_type_template_id_4a95acbf_scoped_true_staticRenderFns = [];
+var tablevue_type_template_id_5e50ef45_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/api/table.vue?vue&type=template&id=4a95acbf&scoped=true&
+// CONCATENATED MODULE: ./src/api/table.vue?vue&type=template&id=5e50ef45&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/table.vue?vue&type=script&lang=js&
 /* harmony default export */ var tablevue_type_script_lang_js_ = ({
@@ -35556,7 +35551,7 @@ var tablevue_type_template_id_4a95acbf_scoped_true_staticRenderFns = [];
         });
       }, 1000);
     },
-    dragHandle(row) {
+    colHandle(row) {
       console.log(row);
     },
     sortHandle(row, type, next) {
@@ -35583,11 +35578,11 @@ var tablevue_type_template_id_4a95acbf_scoped_true_staticRenderFns = [];
 
 var table_component = normalizeComponent(
   api_tablevue_type_script_lang_js_,
-  tablevue_type_template_id_4a95acbf_scoped_true_render,
-  tablevue_type_template_id_4a95acbf_scoped_true_staticRenderFns,
+  tablevue_type_template_id_5e50ef45_scoped_true_render,
+  tablevue_type_template_id_5e50ef45_scoped_true_staticRenderFns,
   false,
   null,
-  "4a95acbf",
+  "5e50ef45",
   null
   
 )
@@ -45866,6 +45861,7 @@ var es_array_unshift = __webpack_require__("3c65");
         rowClick: false,
         currentRow: null,
         dragHandle: null,
+        selectorHandle: null,
         keyIndex: 0
       };
     },
@@ -46035,6 +46031,7 @@ var es_array_unshift = __webpack_require__("3c65");
             });
           }
           this.$set(row.data, col.name, state);
+          this.selectorHandle && this.selectorHandle(row);
         }
       },
       expandHandle(col, row, e, state = !row.expandData.state) {
@@ -46344,8 +46341,8 @@ var components_table_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_table = (components_table_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/table/column.vue?vue&type=template&id=13285110&
-var columnvue_type_template_id_13285110_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/table/column.vue?vue&type=template&id=4818eb0a&
+var columnvue_type_template_id_4818eb0a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -46360,9 +46357,9 @@ var columnvue_type_template_id_13285110_render = function render() {
     "expandData": {}
   }) : _vm._e()], 2);
 };
-var columnvue_type_template_id_13285110_staticRenderFns = [];
+var columnvue_type_template_id_4818eb0a_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/table/column.vue?vue&type=template&id=13285110&
+// CONCATENATED MODULE: ./src/components/table/column.vue?vue&type=template&id=4818eb0a&
 
 // 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/table/column.vue?vue&type=script&lang=js&
 
@@ -46516,10 +46513,15 @@ var columnvue_type_template_id_13285110_staticRenderFns = [];
           return this.selected(row, this.name);
         }
       });
+      if (this._events.handle) {
+        this.store.commit('selectorHandle', row => {
+          this.$emit('handle', row);
+        });
+      }
     } else if (this.type == 'drag') {
-      if (this._events.drag) {
+      if (this._events.handle) {
         this.store.commit('dragHandle', row => {
-          this.$emit('drag', row);
+          this.$emit('handle', row);
         });
       }
     }
@@ -46548,8 +46550,8 @@ var columnvue_type_template_id_13285110_staticRenderFns = [];
 
 var column_component = normalizeComponent(
   table_columnvue_type_script_lang_js_,
-  columnvue_type_template_id_13285110_render,
-  columnvue_type_template_id_13285110_staticRenderFns,
+  columnvue_type_template_id_4818eb0a_render,
+  columnvue_type_template_id_4818eb0a_staticRenderFns,
   false,
   null,
   null,
@@ -46598,8 +46600,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=bb223b38&
-var formvue_type_template_id_bb223b38_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', {
@@ -46609,9 +46611,9 @@ var formvue_type_template_id_bb223b38_render = function render() {
     }
   }, [_vm._t("default")], 2);
 };
-var formvue_type_template_id_bb223b38_staticRenderFns = [];
+var formvue_type_template_id_124850a4_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/form/index.vue?vue&type=template&id=bb223b38&
+// CONCATENATED MODULE: ./src/components/form/index.vue?vue&type=template&id=124850a4&
 
 // CONCATENATED MODULE: ./src/assets/script/validate.js
 
@@ -46783,8 +46785,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(',') : [];
@@ -46794,7 +46800,7 @@ async function vaildate(data, opt, callback) {
         },
         labelLength: 0,
         columnWidth: this.columnWidth,
-        columnCount: 0,
+        columnCount: this.column,
         unitWidth: this.unitWidth,
         vertical: this.vertical
       }),
@@ -46802,65 +46808,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: {
@@ -47003,8 +46963,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=bb223b38&prod&lang=stylus&
-var formvue_type_style_index_0_id_bb223b38_prod_lang_stylus_ = __webpack_require__("a44f");
+// 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
 
@@ -47017,8 +46977,8 @@ var formvue_type_style_index_0_id_bb223b38_prod_lang_stylus_ = __webpack_require
 
 var components_form_component = normalizeComponent(
   src_components_formvue_type_script_lang_js_,
-  formvue_type_template_id_bb223b38_render,
-  formvue_type_template_id_bb223b38_staticRenderFns,
+  formvue_type_template_id_124850a4_render,
+  formvue_type_template_id_124850a4_staticRenderFns,
   false,
   null,
   null,
@@ -47027,8 +46987,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', {
@@ -47092,9 +47052,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&
 
@@ -47130,7 +47090,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);
@@ -47175,8 +47135,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,
@@ -47185,8 +47145,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', {
@@ -47196,9 +47156,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&
 
@@ -47210,15 +47170,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)`;
     }
   }
 });
@@ -47234,8 +47195,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,