@deanwu/vue-component-library 1.3.84 → 1.3.85

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

@@ -5521,6 +5521,17 @@ $({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ "3ccd":
+/***/ (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_module_vue_vue_type_style_index_0_id_0054a4b0_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("aca5");
+/* 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_module_vue_vue_type_style_index_0_id_0054a4b0_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_module_vue_vue_type_style_index_0_id_0054a4b0_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3d5a":
@@ -26643,17 +26654,6 @@ CancelToken.source = function source() {
 module.exports = CancelToken;
 
 
-/***/ }),
-
-/***/ "8e03":
-/***/ (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_module_vue_vue_type_style_index_0_id_d2819d3a_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("94a0");
-/* 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_module_vue_vue_type_style_index_0_id_d2819d3a_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_module_vue_vue_type_style_index_0_id_d2819d3a_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "8ea1":
@@ -26778,13 +26778,6 @@ exports.getPositions = function getPositions (version) {
 }
 
 
-/***/ }),
-
-/***/ "94a0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "94ca":
@@ -28963,6 +28956,13 @@ module.exports = function (O, options) {
 };
 
 
+/***/ }),
+
+/***/ "aca5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "ad2f":
@@ -38154,12 +38154,20 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
 // CONCATENATED MODULE: ./src/components/createStore.js
 
 
-function createStore(data) {
+function createStore(data, config = {}) {
+  let {
+    computed,
+    watch,
+    methods
+  } = config;
   const Store = typeof data == 'function' ? data : external_commonjs_vue_commonjs2_vue_root_Vue_default.a.extend({
     data() {
       return data;
     },
+    computed,
+    watch,
     methods: {
+      ...methods,
       commit(key, data) {
         this[key] = data;
       }
@@ -47675,33 +47683,24 @@ var page_component = normalizeComponent(
 )
 
 /* harmony default export */ var page = (page_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/layout/module.vue?vue&type=template&id=d2819d3a&
-var modulevue_type_template_id_d2819d3a_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/layout/module.vue?vue&type=template&id=0054a4b0&
+var modulevue_type_template_id_0054a4b0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "c-module flex-column",
     class: {
-      'flex-grow': _vm.complex,
       'flex-grow-auto': !_vm.height
     }
-  }, [_vm.tabList ? _c('c-tab-list', {
-    ref: "tabList",
-    staticClass: "c-module-tab",
-    attrs: {
-      "tabs": _vm.tabList,
-      "type": _vm.tabType,
-      "immediate": false
-    },
-    on: {
-      "change": _vm.tabHandle
-    }
-  }) : _vm._e(), _c('module-content', {
+  }, [_c('module-content', {
     ref: "content",
     attrs: {
       "root": "",
       "title": _vm.title,
       "sub-title": _vm.subTitle,
+      "tabs": _vm.tabs,
+      "tab-type": _vm.tabType,
+      "immediate": _vm.immediate,
       "height": _vm.parsePixel(_vm.height, true),
       "enableFlex": _vm.enableFlex
     }
@@ -47713,9 +47712,9 @@ var modulevue_type_template_id_d2819d3a_render = function render() {
     "slot": "button"
   })], 2)], 1);
 };
-var modulevue_type_template_id_d2819d3a_staticRenderFns = [];
+var modulevue_type_template_id_0054a4b0_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module.vue?vue&type=template&id=d2819d3a&
+// CONCATENATED MODULE: ./src/components/layout/module.vue?vue&type=template&id=0054a4b0&
 
 // 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/layout/module.vue?vue&type=script&lang=js&
 
@@ -47742,7 +47741,7 @@ var modulevue_type_template_id_d2819d3a_staticRenderFns = [];
       default: 7
     },
     drag: {
-      type: Boolean,
+      type: [Boolean, String],
       default: true
     }
   },
@@ -47751,68 +47750,23 @@ var modulevue_type_template_id_d2819d3a_staticRenderFns = [];
       cModuleStore: createStore({
         gap: this.gap,
         drag: this.drag
-      }),
-      tabComps: [],
-      complex: false
+      })
     };
   },
-  computed: {
-    tabList() {
-      if (this.tabComps.length) {
-        return this.tabComps;
-      } else {
-        return this.tabs;
-      }
-    }
-  },
-  watch: {
-    tabs(val, old) {
-      if (this.immediate && (!old || !old.length)) {
-        this.tabHandle(this.tabs[0], 0);
-      }
-    }
-  },
-  mounted() {
-    this.$refs.tabList && this.immediate && this.$refs.tabList.changeIndex();
-  },
   methods: {
-    resize() {
-      this.$nextTick(() => {
-        this.$refs.content.resize();
-      });
-    },
-    insertTab(vm) {
-      this.$set(this.tabComps, this.tabComps.length, {
-        name: vm.name,
-        vm
-      });
-      if (this.immediate && this.tabComps.length == 1) {
-        this.$nextTick(() => {
-          this.$refs.tabList.changeIndex();
-        });
-      }
-    },
-    tabHandle(item, stop, next) {
-      if (this.tabComps.length) {
-        this._lastTabComp && this._lastTabComp.deactivated();
-        this._lastTabComp = item.vm;
-        item.vm.activated();
-      } else {
-        this.$emit('tabChange', item, stop, next);
-      }
-    },
+    resize() {},
     changeIndex(i) {
-      this.$refs.tabList.changeIndex(i);
+      this.$refs.content.changeIndex(i);
     },
     changeValue(val) {
-      this.$refs.tabList.changeValue(val);
+      this.$refs.content.changeValue(val);
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/layout/module.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_layout_modulevue_type_script_lang_js_ = (layout_modulevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/layout/module.vue?vue&type=style&index=0&id=d2819d3a&prod&lang=stylus&
-var modulevue_type_style_index_0_id_d2819d3a_prod_lang_stylus_ = __webpack_require__("8e03");
+// EXTERNAL MODULE: ./src/components/layout/module.vue?vue&type=style&index=0&id=0054a4b0&prod&lang=stylus&
+var modulevue_type_style_index_0_id_0054a4b0_prod_lang_stylus_ = __webpack_require__("3ccd");
 
 // CONCATENATED MODULE: ./src/components/layout/module.vue
 
@@ -47825,8 +47779,8 @@ var modulevue_type_style_index_0_id_d2819d3a_prod_lang_stylus_ = __webpack_requi
 
 var layout_module_component = normalizeComponent(
   components_layout_modulevue_type_script_lang_js_,
-  modulevue_type_template_id_d2819d3a_render,
-  modulevue_type_template_id_d2819d3a_staticRenderFns,
+  modulevue_type_template_id_0054a4b0_render,
+  modulevue_type_template_id_0054a4b0_staticRenderFns,
   false,
   null,
   null,
@@ -47835,22 +47789,19 @@ var layout_module_component = normalizeComponent(
 )
 
 /* harmony default export */ var layout_module = (layout_module_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/layout/module_col.vue?vue&type=template&id=baf75ace&
-var module_colvue_type_template_id_baf75ace_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/layout/module_col.vue?vue&type=template&id=ec676d04&
+var module_colvue_type_template_id_ec676d04_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('module-content', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.miniState,
-      expression: "!miniState"
-    }],
+    ref: "content",
     attrs: {
       "title": _vm.title,
       "sub-title": _vm.subTitle,
-      "enableFlex": _vm.enableFlex,
-      "height": _vm.autoHeight ? 'auto' : ''
+      "tabs": _vm.tabs,
+      "tab-type": _vm.tabType,
+      "immediate": _vm.immediate,
+      "enableFlex": _vm.enableFlex
     },
     on: {
       "resize": function ($event) {
@@ -47865,44 +47816,47 @@ var module_colvue_type_template_id_baf75ace_render = function render() {
     "slot": "button"
   })], 2);
 };
-var module_colvue_type_template_id_baf75ace_staticRenderFns = [];
+var module_colvue_type_template_id_ec676d04_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_col.vue?vue&type=template&id=baf75ace&
+// CONCATENATED MODULE: ./src/components/layout/module_col.vue?vue&type=template&id=ec676d04&
 
 // 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/layout/module_col.vue?vue&type=script&lang=js&
 /* harmony default export */ var module_colvue_type_script_lang_js_ = ({
   name: 'moduleCol',
   props: {
-    size: String,
+    size: {
+      type: String,
+      default: 'grow'
+    },
     mini: Boolean,
     enableFlex: Boolean,
     title: String,
-    subTitle: String
-  },
-  data() {
-    return {
-      fixedSize: this.size && !this.size.includes('%'),
-      scaleSize: this.size && this.size.includes('%'),
-      currentSize: this.size,
-      miniState: false
-    };
-  },
-  computed: {
-    autoHeight() {
-      let $col = this.$parent.$parent.$options.name == 'moduleRow' ? this.$parent.$parent : null;
-      return $col && $col.size == 'auto';
+    subTitle: String,
+    tabs: Array,
+    tabType: {
+      type: String,
+      default() {
+        return this.$compsConfig.config.module.tabType;
+      }
+    },
+    immediate: {
+      type: Boolean,
+      default: true
     }
   },
   created() {
     this.$parent.direction = 'row';
   },
+  mounted() {
+    this.$refs.content.size = this.size;
+    this.$refs.content.mini = this.mini;
+  },
   methods: {
-    updateSize() {
-      if (this.fixedSize) {
-        this.currentSize = this.$children[0].size;
-      } else if (this.scaleSize) {
-        this.currentSize = this.$children[0].size / this.$parent.totalSize() * 100 + '%';
-      }
+    changeIndex(i) {
+      this.$refs.content.changeIndex(i);
+    },
+    changeValue(val) {
+      this.$refs.content.changeValue(val);
     }
   }
 });
@@ -47918,8 +47872,8 @@ var module_colvue_type_template_id_baf75ace_staticRenderFns = [];
 
 var module_col_component = normalizeComponent(
   layout_module_colvue_type_script_lang_js_,
-  module_colvue_type_template_id_baf75ace_render,
-  module_colvue_type_template_id_baf75ace_staticRenderFns,
+  module_colvue_type_template_id_ec676d04_render,
+  module_colvue_type_template_id_ec676d04_staticRenderFns,
   false,
   null,
   null,
@@ -47928,22 +47882,19 @@ var module_col_component = normalizeComponent(
 )
 
 /* harmony default export */ var module_col = (module_col_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/layout/module_row.vue?vue&type=template&id=69809f15&
-var module_rowvue_type_template_id_69809f15_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/layout/module_row.vue?vue&type=template&id=165b3238&
+var module_rowvue_type_template_id_165b3238_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('module-content', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.miniState,
-      expression: "!miniState"
-    }],
+    ref: "content",
     attrs: {
       "title": _vm.title,
       "sub-title": _vm.subTitle,
-      "enableFlex": _vm.enableFlex,
-      "height": _vm.autoHeight ? 'auto' : ''
+      "tabs": _vm.tabs,
+      "tab-type": _vm.tabType,
+      "immediate": _vm.immediate,
+      "enableFlex": _vm.enableFlex
     },
     on: {
       "resize": function ($event) {
@@ -47958,43 +47909,47 @@ var module_rowvue_type_template_id_69809f15_render = function render() {
     "slot": "button"
   })], 2);
 };
-var module_rowvue_type_template_id_69809f15_staticRenderFns = [];
+var module_rowvue_type_template_id_165b3238_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_row.vue?vue&type=template&id=69809f15&
+// CONCATENATED MODULE: ./src/components/layout/module_row.vue?vue&type=template&id=165b3238&
 
 // 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/layout/module_row.vue?vue&type=script&lang=js&
 /* harmony default export */ var module_rowvue_type_script_lang_js_ = ({
   name: 'moduleRow',
   props: {
-    size: String,
+    size: {
+      type: String,
+      default: 'grow'
+    },
     mini: Boolean,
     enableFlex: Boolean,
     title: String,
-    subTitle: String
-  },
-  data() {
-    return {
-      fixedSize: this.size && !this.size.includes('%'),
-      scaleSize: this.size && this.size.includes('%'),
-      currentSize: this.size,
-      miniState: false
-    };
-  },
-  computed: {
-    autoHeight() {
-      return this.size == 'auto';
+    subTitle: String,
+    tabs: Array,
+    tabType: {
+      type: String,
+      default() {
+        return this.$compsConfig.config.module.tabType;
+      }
+    },
+    immediate: {
+      type: Boolean,
+      default: true
     }
   },
   created() {
     this.$parent.direction = 'col';
   },
+  mounted() {
+    this.$refs.content.size = this.size;
+    this.$refs.content.mini = this.mini;
+  },
   methods: {
-    updateSize() {
-      if (this.fixedSize) {
-        this.currentSize = this.$children[0].size;
-      } else if (this.scaleSize) {
-        this.currentSize = this.$children[0].size / this.$parent.totalSize() * 100 + '%';
-      }
+    changeIndex(i) {
+      this.$refs.content.changeIndex(i);
+    },
+    changeValue(val) {
+      this.$refs.content.changeValue(val);
     }
   }
 });
@@ -48010,8 +47965,8 @@ var module_rowvue_type_template_id_69809f15_staticRenderFns = [];
 
 var module_row_component = normalizeComponent(
   layout_module_rowvue_type_script_lang_js_,
-  module_rowvue_type_template_id_69809f15_render,
-  module_rowvue_type_template_id_69809f15_staticRenderFns,
+  module_rowvue_type_template_id_165b3238_render,
+  module_rowvue_type_template_id_165b3238_staticRenderFns,
   false,
   null,
   null,
@@ -48020,11 +47975,17 @@ var module_row_component = normalizeComponent(
 )
 
 /* harmony default export */ var module_row = (module_row_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/layout/module_content.vue?vue&type=template&id=1cb04568&
-var module_contentvue_type_template_id_1cb04568_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/layout/module_content.vue?vue&type=template&id=177326a6&
+var module_contentvue_type_template_id_177326a6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.miniState,
+      expression: "!miniState"
+    }],
     staticClass: "c-module-content flex-column",
     class: {
       'flex-grow-auto': _vm.root
@@ -48033,7 +47994,18 @@ var module_contentvue_type_template_id_1cb04568_render = function render() {
     attrs: {
       "parent": !!_vm.direction
     }
-  }, [_vm.header ? _c('div', {
+  }, [_vm.tabList ? _c('c-tab-list', {
+    ref: "tabList",
+    staticClass: "c-module-tab",
+    attrs: {
+      "tabs": _vm.tabList,
+      "type": _vm.tabType,
+      "immediate": false
+    },
+    on: {
+      "change": _vm.tabHandle
+    }
+  }) : _vm._e(), _vm.header ? _c('div', {
     staticClass: "c-module-head flex"
   }, [_vm.title ? _c('div', {
     staticClass: "c-module-title flex-baseline"
@@ -48045,39 +48017,40 @@ var module_contentvue_type_template_id_1cb04568_render = function render() {
     class: {
       'flex': _vm.flexRow,
       'flex-column': _vm.flexColumn || _vm.enableFlex,
-      'flex-grow-auto': _vm.root || _vm.height == 'auto'
+      'flex-grow-auto': _vm.root || _vm.size == 'auto' || _vm.autoHeight
     },
-    style: _vm.overflow
+    staticStyle: {
+      "overflow": "auto"
+    }
   }, [_vm._t("default")], 2), _vm.$slots.foot || _vm.$slots.button ? _c('div', {
     staticClass: "c-module-foot"
   }, [_vm.$slots.foot ? _c('div', [_vm._t("foot")], 2) : _vm._e(), _vm.$slots.button ? _c('div', {
     staticClass: "c-module-button flex-center"
-  }, [_vm._t("button")], 2) : _vm._e()]) : _vm._e()]);
+  }, [_vm._t("button")], 2) : _vm._e()]) : _vm._e()], 1);
 };
-var module_contentvue_type_template_id_1cb04568_staticRenderFns = [];
+var module_contentvue_type_template_id_177326a6_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_content.vue?vue&type=template&id=1cb04568&
+// CONCATENATED MODULE: ./src/components/layout/module_content.vue?vue&type=template&id=177326a6&
 
-// 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/layout/module_drag.vue?vue&type=template&id=73041fb3&
-var module_dragvue_type_template_id_73041fb3_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/layout/module_drag.vue?vue&type=template&id=6d510ee0&
+var module_dragvue_type_template_id_6d510ee0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "c-module-line",
-    class: [_vm.direction, {
-      'z-active': !!_vm.distance
+    class: [`c-module-line-${_vm.direction}`, {
+      'z-active': _vm.distance !== false
     }],
     style: _vm.compStyle,
     attrs: {
-      "disabled": _vm.disabled
+      "disabled": _vm.disabled,
+      "invisible": _vm.invisible
     },
     on: {
       "mousedown": _vm.dragHandle
     }
   }, [_c('div', {
-    staticClass: "fold-box flex"
-  }, [_c('div', {
-    staticClass: "fold flex"
+    staticClass: "c-module-fold flex"
   }, [_vm.foldState.prev !== false ? _c('div', {
     directives: [{
       name: "show",
@@ -48085,7 +48058,7 @@ var module_dragvue_type_template_id_73041fb3_render = function render() {
       value: !_vm.foldState.next,
       expression: "!foldState.next"
     }],
-    staticClass: "handle prev",
+    staticClass: "c-module-fold-handle c-module-fold-handle-prev",
     class: {
       'z-fold': _vm.foldState.prev
     },
@@ -48104,7 +48077,7 @@ var module_dragvue_type_template_id_73041fb3_render = function render() {
       value: !_vm.foldState.prev,
       expression: "!foldState.prev"
     }],
-    staticClass: "handle next",
+    staticClass: "c-module-fold-handle c-module-fold-handle-next",
     class: {
       'z-fold': _vm.foldState.next
     },
@@ -48116,14 +48089,20 @@ var module_dragvue_type_template_id_73041fb3_render = function render() {
         return _vm.flodHandle('next');
       }
     }
-  }) : _vm._e()])]), _c('div', {
-    staticClass: "drag",
+  }) : _vm._e()]), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.distance !== false,
+      expression: "distance !== false"
+    }],
+    staticClass: "c-module-drag",
     style: _vm.position
   })]);
 };
-var module_dragvue_type_template_id_73041fb3_staticRenderFns = [];
+var module_dragvue_type_template_id_6d510ee0_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_drag.vue?vue&type=template&id=73041fb3&
+// CONCATENATED MODULE: ./src/components/layout/module_drag.vue?vue&type=template&id=6d510ee0&
 
 // 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/layout/module_drag.vue?vue&type=script&lang=js&
 /* harmony default export */ var module_dragvue_type_script_lang_js_ = ({
@@ -48131,18 +48110,19 @@ var module_dragvue_type_template_id_73041fb3_staticRenderFns = [];
     return {
       size: 0,
       direction: '',
+      invisible: false,
       disabled: false,
       foldState: {
         prev: false,
         next: false
       },
-      distance: 0
+      distance: false
     };
   },
   computed: {
     position() {
       return {
-        [this.direction == 'col' ? 'top' : 'left']: this.distance + 'px'
+        [this.direction == 'col' ? 'top' : 'left']: (this.distance || 0) + 'px'
       };
     },
     compStyle() {
@@ -48168,18 +48148,23 @@ var module_dragvue_type_template_id_73041fb3_staticRenderFns = [];
     dragHandle(e) {
       if (this.disabled) return;
       var start = this.direction == 'col' ? e.pageY : e.pageX,
-        min = -this.$prev.$children[0].size + 100,
-        max = this.$next.$children[0].size - 100;
+        min = -this.$prev.getClientSize() + 100,
+        max = this.$next.getClientSize() - 100;
+      this.$prev.pModuleContentStore.childrenList.forEach(item => {
+        if (!/^\d+$/.test(item.size)) {
+          item.size = item.getClientSize() + '%';
+        }
+      });
+      this.distance = 0;
       let mousemove = e => {
         let move = parseInt((this.direction == 'col' ? e.pageY : e.pageX) - start);
         this.distance = move < min ? min : move > max ? max : move;
       };
       let mouseup = e => {
-        this.$prev.$children[0].size += this.distance;
-        this.$prev.updateSize();
-        this.$next.$children[0].size -= this.distance;
-        this.$next.updateSize();
-        this.distance = 0;
+        [this.$prev, this.$next].forEach((item, index) => {
+          item.size = parseInt(item.size) + this.distance * (index ? -1 : 1) + (/^\d+$/.test(item.size) ? '' : '%');
+        });
+        this.distance = false;
         document.removeEventListener('mousemove', mousemove);
         document.removeEventListener('mouseup', mouseup);
       };
@@ -48187,18 +48172,11 @@ var module_dragvue_type_template_id_73041fb3_staticRenderFns = [];
       document.addEventListener('mouseup', mouseup);
     },
     flodHandle(type) {
-      let $target = type == 'prev' ? this.$prev : this.$next,
-        $bro = type == 'prev' ? this.$next : this.$prev;
+      let $target = type == 'prev' ? this.$prev : this.$next;
       if (this.foldState[type]) {
         $target.miniState = false;
-        $bro.currentSize = $bro._oldSize;
-        this.$parent.resize();
       } else {
-        var s = $target.$children[0].size;
         $target.miniState = true;
-        $bro._oldSize = $bro.currentSize;
-        $bro.$children[0].size += s;
-        $bro.updateSize();
       }
       this.foldState[type] = this.foldState[type] ? 0 : 1;
     }
@@ -48216,8 +48194,8 @@ var module_dragvue_type_template_id_73041fb3_staticRenderFns = [];
 
 var module_drag_component = normalizeComponent(
   layout_module_dragvue_type_script_lang_js_,
-  module_dragvue_type_template_id_73041fb3_render,
-  module_dragvue_type_template_id_73041fb3_staticRenderFns,
+  module_dragvue_type_template_id_6d510ee0_render,
+  module_dragvue_type_template_id_6d510ee0_staticRenderFns,
   false,
   null,
   null,
@@ -48238,51 +48216,118 @@ var module_drag_component = normalizeComponent(
     height: [String, Number],
     enableFlex: Boolean,
     title: String,
-    subTitle: String
+    subTitle: String,
+    tabs: Array,
+    tabType: String,
+    immediate: Boolean
   },
   data() {
+    let {
+      cModuleContentStore: pModuleContentStore
+    } = getStore(this, 'cModuleContentStore');
     return {
       ...getStore(this, 'cModuleStore'),
-      tabs: false,
+      pModuleContentStore,
+      cModuleContentStore: createStore({
+        autoHeight: false,
+        childrenList: [],
+        sizeList: []
+      }, {
+        computed: {
+          grow() {
+            let grow = 100,
+              count = 0;
+            this.sizeList.forEach(item => {
+              if (item.toString().includes('%')) {
+                grow -= parseInt(item);
+              } else if (item == 'grow') {
+                count++;
+              }
+            });
+            return parseInt(grow / count) || 0;
+          }
+        },
+        methods: {
+          insertChild(child) {
+            this.childrenList.push(child);
+            this.updateSizeList();
+          },
+          removeChild(child) {
+            this.childrenList.splice(this.childrenList.findIndex(item => item == child), 1);
+            this.updateSizeList();
+          },
+          updateSizeList() {
+            this.sizeList = this.childrenList.map(item => item.size);
+          },
+          getGrowSize() {
+            let size = 0;
+            this.childrenList.forEach(item => {
+              size += !/^\d+$/.test(item.size) ? item.getClientSize() : 0;
+            });
+            return size;
+          }
+        }
+      }),
       direction: '',
-      size: 0
+      size: 'grow',
+      mini: false,
+      miniState: false,
+      tabComps: []
     };
   },
   computed: {
     ...mapStore('cModuleStore', ['gap', 'drag']),
+    ...mapStore('pModuleContentStore', ['autoHeight', 'grow']),
+    header() {
+      return this.title || this.$slots.head;
+    },
+    tabList() {
+      if (this.tabComps.length) {
+        return this.tabComps;
+      } else {
+        return this.tabs;
+      }
+    },
     flexRow() {
       return this.direction == 'row';
     },
     flexColumn() {
-      return this.direction == 'col' || this.tabs;
-    },
-    sizeStyle() {
-      let w = this.$parent.$parent.flexRow ? this.parsePixel(this.size, true) : '',
-        h = this.$parent.$parent.flexColumn ? this.parsePixel(this.size, true) : '';
-      return {
-        width: w,
-        'min-width': w,
-        height: this.height || h,
-        'min-height': this.height == 'auto' ? 'none' : h
-      };
+      return this.direction == 'col' || this.tabList && this.tabList.length;
     },
-    overflow() {
-      return {
-        overflow: this.height == 'auto' ? 'initial' : this.root || !this.direction ? 'auto' : 'hidden'
-      };
+    fixedSize() {
+      return this.size && /^\d+$/.test(this.size);
     },
-    header() {
-      return this.title || this.$slots.head;
+    sizeStyle() {
+      if (!this.root) {
+        let type = this.$parent.$parent.direction == 'row' ? 'width' : 'height';
+        return {
+          'flex-grow': this.fixedSize ? 'initial' : this.size == 'grow' ? this.grow : parseInt(this.size),
+          [type]: this.fixedSize || this.size == 'auto' ? '' : 0,
+          [`min-${type}`]: this.fixedSize ? Math.max(100, this.size) + 'px' : '100px',
+          [`max-${type}`]: this.fixedSize ? this.size + 'px' : 'none'
+        };
+      }
     }
   },
   watch: {
+    tabs(val, old) {
+      if (this.immediate && (!old || !old.length)) {
+        this.tabHandle(this.tabs[0], 0);
+      }
+    },
     size(val, old) {
+      this.cModuleContentStore.commit('autoHeight', val == 'auto');
+      this.pModuleContentStore.updateSizeList();
       old && this.resizeHandle();
     }
   },
   mounted() {
+    if (!this.root) {
+      this.pModuleContentStore.insertChild(this);
+    }
     if (this.direction) {
-      this.$children.forEach(($child, i) => {
+      let $module = this.$children.filter(item => ['moduleCol', 'moduleRow'].includes(item.$options.name));
+      $module.forEach(($child, i) => {
         if (i > 0) {
           let constructor = external_commonjs_vue_commonjs2_vue_root_Vue_default.a.extend(module_drag);
           let vm = new constructor({
@@ -48292,95 +48337,54 @@ var module_drag_component = normalizeComponent(
               return {
                 size: this.gap,
                 direction: this.direction,
-                disabled: !this.drag
+                invisible: !this.drag,
+                disabled: this.drag !== true
               };
             }
           });
-          vm.bindComp(this, this.$children[i - 1], $child);
+          vm.bindComp(this, $module[i - 1].$refs.content, $child.$refs.content);
           $child.$el.parentNode.insertBefore(vm.$el, $child.$el);
         }
       });
     }
-    if (this.root) {
-      this.resize();
-      if (this.direction) {
-        this.$parent.complex = true;
-        window.addEventListener('resize', this.resize);
-      }
-    }
-  },
-  activated() {
-    if (this.root && this.direction) {
-      this.$nextTick(() => {
-        window.addEventListener('resize', this.resize);
-        this.resize();
-      });
-    }
-  },
-  deactivated() {
-    if (this.root) {
-      window.removeEventListener('resize', this.resize);
-    }
+    this.$refs.tabList && this.immediate && this.$refs.tabList.changeIndex();
   },
   beforeDestroy() {
-    if (this.root) {
-      window.removeEventListener('resize', this.resize);
-    }
+    this.pModuleContentStore.removeChild(this);
   },
   methods: {
-    totalSize() {
-      return this.direction == 'col' ? this.$refs.content.offsetHeight : this.$refs.content.offsetWidth;
-    },
-    resize() {
-      if (!this.direction) return;
-      let totalSize = this.totalSize();
-      let $children = this.$children.filter($child => ['moduleRow', 'moduleCol'].includes($child.$options.name));
-      let usedSize = ($children.length - 1) * parseInt(this.gap);
-      let $ratio = [],
-        $auto = [];
-      $children.forEach($child => {
-        if ($child.miniState) return;
-        if ($child.scaleSize) {
-          $ratio.push($child);
-        } else if ($child.fixedSize) {
-          let s = this.miniSize(parseInt($child.currentSize));
-          $child.$children[0].size = s;
-          usedSize += s;
-        } else {
-          $auto.push($child);
-        }
-      });
-      let maxSize = totalSize - ($children.length - 1) * (100 + parseInt(this.gap));
-      $ratio.forEach(($child, i) => {
-        let s = this.miniSize(Math.floor(totalSize * parseInt($child.currentSize) / 100), maxSize);
-        $child.$children[0].size = s;
-        usedSize += s;
-      });
-      totalSize -= usedSize;
-      $auto.forEach(($child, i) => {
-        if (i == $auto.length - 1) {
-          $child.$children[0].size = this.miniSize(totalSize);
-        } else {
-          let s = this.miniSize(Math.floor(totalSize / $auto.length));
-          $child.$children[0].size = s;
-          totalSize -= s;
-        }
+    insertTab(vm) {
+      this.$set(this.tabComps, this.tabComps.length, {
+        name: vm.name,
+        vm
       });
-      this.$nextTick(() => {
-        $children.forEach($child => {
-          $child.$children[0].resize();
+      if (this.immediate && this.tabComps.length == 1) {
+        this.$nextTick(() => {
+          this.$refs.tabList.changeIndex();
         });
-      });
+      }
     },
-    miniSize(n, max) {
-      if (max) {
-        n = n > max ? max : n;
+    tabHandle(item, stop, next) {
+      if (this.tabComps.length) {
+        this._lastTabComp && this._lastTabComp.deactivated();
+        this._lastTabComp = item.vm;
+        item.vm.activated();
+      } else {
+        this.$parent.$emit('tabChange', item, stop, next);
       }
-      return n < 100 ? 100 : n;
+    },
+    changeIndex(i) {
+      this.$refs.tabList.changeIndex(i);
+    },
+    changeValue(val) {
+      this.$refs.tabList.changeValue(val);
     },
     resizeHandle() {
-      this.$emit('resize', this.$refs.content);
-      this.direction && this.$children.forEach($child => $child.$children[0].resizeHandle());
+      this.$parent.$emit('resize');
+      this.direction && this.$children.forEach($child => ['moduleCol', 'moduleRow'].includes($child.$options.name) && $child.$refs.content.resizeHandle());
+    },
+    getClientSize() {
+      return this.$refs.content[`client${this.$parent.$parent.direction == 'row' ? 'Width' : 'Height'}`];
     }
   }
 });
@@ -48396,8 +48400,8 @@ var module_drag_component = normalizeComponent(
 
 var module_content_component = normalizeComponent(
   layout_module_contentvue_type_script_lang_js_,
-  module_contentvue_type_template_id_1cb04568_render,
-  module_contentvue_type_template_id_1cb04568_staticRenderFns,
+  module_contentvue_type_template_id_177326a6_render,
+  module_contentvue_type_template_id_177326a6_staticRenderFns,
   false,
   null,
   null,
@@ -48406,8 +48410,8 @@ var module_content_component = normalizeComponent(
 )
 
 /* harmony default export */ var module_content = (module_content_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/layout/module_tab.vue?vue&type=template&id=eda4bd2a&
-var module_tabvue_type_template_id_eda4bd2a_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/layout/module_tab.vue?vue&type=template&id=46842150&
+var module_tabvue_type_template_id_46842150_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('module-content', {
@@ -48417,6 +48421,7 @@ var module_tabvue_type_template_id_eda4bd2a_render = function render() {
       value: _vm.activatedState,
       expression: "activatedState"
     }],
+    ref: "content",
     staticClass: "flex-grow",
     attrs: {
       "title": _vm.title,
@@ -48431,9 +48436,9 @@ var module_tabvue_type_template_id_eda4bd2a_render = function render() {
     "slot": "button"
   })], 2);
 };
-var module_tabvue_type_template_id_eda4bd2a_staticRenderFns = [];
+var module_tabvue_type_template_id_46842150_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_tab.vue?vue&type=template&id=eda4bd2a&
+// CONCATENATED MODULE: ./src/components/layout/module_tab.vue?vue&type=template&id=46842150&
 
 // 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/layout/module_tab.vue?vue&type=script&lang=js&
 /* harmony default export */ var module_tabvue_type_script_lang_js_ = ({
@@ -48451,16 +48456,7 @@ var module_tabvue_type_template_id_eda4bd2a_staticRenderFns = [];
     };
   },
   created() {
-    let $parent = this.$parent;
-    while ($parent) {
-      if ($parent.$options.name == 'moduleContent') {
-        $parent.tabs = true;
-      } else if ($parent.$options.name == 'module') {
-        $parent.insertTab(this);
-        break;
-      }
-      $parent = $parent.$parent;
-    }
+    this.$parent.insertTab(this);
   },
   methods: {
     activated() {
@@ -48489,8 +48485,8 @@ var module_tabvue_type_template_id_eda4bd2a_staticRenderFns = [];
 
 var module_tab_component = normalizeComponent(
   layout_module_tabvue_type_script_lang_js_,
-  module_tabvue_type_template_id_eda4bd2a_render,
-  module_tabvue_type_template_id_eda4bd2a_staticRenderFns,
+  module_tabvue_type_template_id_46842150_render,
+  module_tabvue_type_template_id_46842150_staticRenderFns,
   false,
   null,
   null,