@deanwu/vue-component-library 1.3.169 → 1.3.171

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

@@ -1770,7 +1770,7 @@ module.exports = $documentAll.IS_HTMLDDA ? function (argument) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\r\nthis.$preview({\n\tsrc\n})\r\n```\n\n## 配置项\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\nsrc | String | - | 媒体文件地址");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\nthis.$preview({\n\tsrc  // 媒体文件地址，支持传入数组预览多个文件，通过箭头切换\n})\n\n// 预览窗口支持旋转（左右各90°）、缩放（按钮/滚轮，1~5倍）、拖拽查看\n```\n\n## 配置项\n\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\nsrc | String \\| Array | - | 媒体文件地址，传入数组可预览多个文件并通过箭头切换");
 
 /***/ }),
 
@@ -1792,6 +1792,17 @@ module.exports = Object.hasOwn || function hasOwn(it, key) {
 };
 
 
+/***/ }),
+
+/***/ "1a84":
+/***/ (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_6a298e68_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("79f0");
+/* 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_6a298e68_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_6a298e68_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "1d2b":
@@ -2887,7 +2898,7 @@ module.exports = defaults;
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-progress></c-progress>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntype | String | line | 进度条样式<br>**line**: 线形<br>**circle**: 环形\r\ncolor | String | - | 进度条颜色<br>**main**: 主色<br>**lesser**: 辅色<br>**red**: 红色<br>**green**: 绿色<br>**blue**: 蓝色<br>**yellow**: 黄色\r\nbackground | String | - | 进度条底色\r\nsize | String \\| Number | 100 | 线性进度条的长度或环形进度条直径\r\nline-size | String \\| Number | 6 | 进度条粗细\r\nfont-size | String \\| Number | 14 | 百分比文字大小\r\nrate | String \\| Number \\| Array | 0 | 0-100：进度百分比<br>10,110：当前值,最大值，也可传入数组\r\ndecimal | String \\| Number | 0 | 保留小数位数");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-progress :rate=\"60\">\r\n\t// 自定义百分比内容，作用域参数rate为百分比数值\r\n\t<template #text=\"{rate}\">{{rate}}%</template>\r\n</c-progress>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntype | String | line | 进度条样式<br>**line**: 线形<br>**circle**: 环形\r\ncolor | String | main | 进度条颜色<br>**main**: 主色<br>**lesser**: 辅色<br>**red**: 红色<br>**green**: 绿色<br>**blue**: 蓝色<br>**yellow**: 黄色\r\nbackground | String | #E5E5E5 | 进度条底色\r\nsize | String \\| Number | 随type | 线形进度条的长度或环形进度条直径<br>**line**: '100%'<br>**circle**: 100\r\nline-size | String \\| Number | 6 | 进度条粗细\r\nfont-size | String \\| Number | 13 | 百分比文字大小\r\nrate | String \\| Number \\| Array | 0 | 0-100：进度百分比<br>10,110：当前值,最大值，也可传入数组\r\ndecimal | String \\| Number | 0 | 保留小数位数\r\nlimit | Boolean | false | 进度百分比是否限制不超过100");
 
 /***/ }),
 
@@ -3317,6 +3328,17 @@ module.exports = function createError(message, config, code, request, response)
 };
 
 
+/***/ }),
+
+/***/ "2da3":
+/***/ (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_7be7cd03_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("96ad");
+/* 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_7be7cd03_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_7be7cd03_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2e67":
@@ -4417,7 +4439,7 @@ module.exports = __webpack_require__.p + "assets/image/vcl.empty.eddfa52a.png";
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-button>按钮</c--button>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nsize | String | normal | 按钮尺寸<br>**normal**: 普通按钮<br>**form**: 表单操作按钮\r\ncolor | String | - | 按钮颜色<br>**main**: 主色<br>**lesser**: 辅色<br>**red**: 红色<br>**green**: 绿色<br>**blue**: 蓝色<br>**yellow**: 黄色\r\nhollow | Boolean | false | 是否为中空按钮\r\nprepend-icon | String | - | 前置图标样式名\r\nappend-icon | String | - | 前置图标样式名\r\ndisabled | Boolean | false | 是否禁用按钮\r\n@click | Function | - | 点击事件");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-button>按钮</c-button>  // 按钮文字写在默认插槽内\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nsize | String | normal | 按钮尺寸<br>**normal**: 普通按钮<br>**form**: 表单操作按钮<br>**dialog**: 弹窗操作按钮\r\ncolor | String | normal | 按钮颜色<br>**normal**: 默认颜色<br>**main**: 系统主色<br>**lesser**: 系统辅色<br>**link**: 链接色<br>**red**: 红色<br>**green**: 绿色<br>**blue**: 蓝色<br>**yellow**: 黄色<br>**gray**: 灰色\r\nhollow | Boolean | false | 是否为中空按钮\r\nprepend-icon | String | - | 前置图标样式名\r\nappend-icon | String | - | 后置图标样式名\r\ndisabled | Boolean | false | 是否禁用按钮\r\n@click | Function | - | 点击事件");
 
 /***/ }),
 
@@ -5769,7 +5791,7 @@ $({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-draw-sort v-model=\"sortList\" class=\"flex-wrap\">\r\n\t<template #default=\"{item, id, index}\">\r\n\t\t<c-draw-item :key=\"id\" :index=\"index\">\r\n\t\t\t// 内容\r\n\t\t</c-draw-item>\r\n\t</template>\r\n</c-draw-sort>\r\n```");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 拖拽排序，默认整个拖拽项均可拖拽\r\n<c-drag-sort v-model=\"sortList\" @sort=\"sortHandle\">\r\n\t<template #default=\"{item, id, index}\">\r\n\t\t<c-drag-item :key=\"id\">\r\n\t\t\t// 内容\r\n\t\t</c-drag-item>\r\n\t</template>\r\n</c-drag-sort>\r\n\r\n// 使用拖拽手柄指定拖拽区域，定义c-drag-handle后仅手柄区域可触发拖拽\r\n<c-drag-sort v-model=\"sortList\">\r\n\t<template #default=\"{item, id, index}\">\r\n\t\t<c-drag-item :key=\"id\">\r\n\t\t\t// 内容\r\n\t\t\t<c-drag-handle>\r\n\t\t\t\t// 拖拽手柄区域\r\n\t\t\t</c-drag-handle>\r\n\t\t</c-drag-item>\r\n\t</template>\r\n</c-drag-sort>\r\n\r\n// 前置、后置内容，不参与拖拽排序\r\n<c-drag-sort v-model=\"sortList\">\r\n\t<template #prepend>\r\n\t\t// 前置内容\r\n\t</template>\r\n\t<template #default=\"{item, id, index}\">\r\n\t\t<c-drag-item :key=\"id\">\r\n\t\t\t// 内容\r\n\t\t</c-drag-item>\r\n\t</template>\r\n\t<template #append>\r\n\t\t// 后置内容\r\n\t</template>\r\n</c-drag-sort>\r\n```\r\n\r\n## 属性配置\r\n\r\n### 拖拽排序列表 <c-drag-sort\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | Array | - | 排序数据，可使用v-model属性绑定变量\r\ndisabled | Boolean | false | 是否禁用拖拽\r\n@sort | Function(data, oldIndex, newIndex, stop) | - | 拖拽排序事件<br>**data**: 被拖拽项数据<br>**oldIndex**: 拖拽前的索引<br>**newIndex**: 拖拽后的索引<br>**stop**: 阻止本次排序的方法，调用后不自动更新排序数据\r\n\r\n### 拖拽项 <c-drag-item\\>\r\n\r\n```\r\n<c-drag-item\\>组件需在<c-drag-sort\\>的default插槽内使用，用于包裹每一项可拖拽的内容\r\n```\r\n\r\n### 拖拽手柄 <c-drag-handle\\>\r\n\r\n```\r\n<c-drag-handle\\>组件需在<c-drag-item\\>内使用，用于指定拖拽手柄区域，使用后仅手柄区域可触发拖拽\r\n```\r\n");
 
 /***/ }),
 
@@ -5964,17 +5986,6 @@ exports.renderToDataURL = function renderToDataURL (qrData, canvas, options) {
 }
 
 
-/***/ }),
-
-/***/ "4185":
-/***/ (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_preview_vue_vue_type_style_index_0_id_3a801f5a_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cd42");
-/* 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_preview_vue_vue_type_style_index_0_id_3a801f5a_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_preview_vue_vue_type_style_index_0_id_3a801f5a_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "428b":
@@ -6282,7 +6293,7 @@ module.exports = function (input, pref) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-tab-list ref=\"tabList\"></c-tab-list>\r\n\r\n// 切换到指定序号项\r\nthis.$refs.tabList.changeIndex(0);\r\n\r\n// 切换到指定value项\r\nthis.$refs.tabList.changeValue(val);\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntabs | Array | - | 标签列表数据，[{\"name\": \"选项卡一\"}, {\"name\": \"选项卡二\"}]\r\ntype | String | tab | 选项卡样式<br>**tab**: 普通选项卡<br>**border-tab**: 带边框的选项卡<br>**card**: 卡片式\r\nimmediate | Boolean | true | 是否立即选中第一项\r\n@change | Function(tab) | - | 标签切换事件，返回对应的标签数据");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-tab-list ref=\"tabList\">\r\n\t// 自定义选项卡内容，作用域参数data为选项卡数据项\r\n\t<template #default=\"{data}\">{{data.name}}</template>\r\n</c-tab-list>\r\n\r\n// 或在选项卡名称前后追加内容，作用域参数data为选项卡数据项\r\n<c-tab-list ref=\"tabList\">\r\n\t<template #prepend=\"{data}\">前置内容</template>\r\n\t<template #append=\"{data}\">后置内容</template>\r\n</c-tab-list>\r\n\r\n// 切换到指定序号项\r\nthis.$refs.tabList.changeIndex(0);\r\n\r\n// 切换到指定value项\r\nthis.$refs.tabList.changeValue(val);\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntabs | Array | - | 标签列表数据，[{\"name\": \"选项卡一\"}, {\"name\": \"选项卡二\"}]，数据项可定义value字段，changeValue方法按value匹配切换\r\ntype | String | tab | 选项卡样式<br>**tab**: 普通选项卡<br>**border-tab**: 带边框的选项卡<br>**card**: 卡片式\r\nimmediate | Boolean | true | 是否立即选中第一项\r\n@change | Function(tab, stop, next) | - | 标签切换事件，返回对应的标签数据<br>**stop**: 阻止切换回调<br>**next**: 执行切换回调");
 
 /***/ }),
 
@@ -6498,7 +6509,7 @@ module.exports = {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-editor></c-editor>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 输入框的值，可使用v-model属性绑定变量\r\nname | String | - | 字段名");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-editor></c-editor>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 输入框的值，可使用v-model属性绑定变量\r\nname | String \\| Number | - | 字段名\r\nheight | String \\| Number | 300 | 编辑器高度\r\nautoHeight | Boolean | false | 是否随内容自动调整高度\r\n@input | Function | - | 输入事件，编辑器失焦时触发");
 
 /***/ }),
 
@@ -6891,7 +6902,7 @@ module.exports = function (argument) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\r\n// 消息弹窗\r\nthis.$message({\n\tmessage: '消息弹窗内容'\n})\r\n\r\n// 通知弹窗\nthis.$notice({\n\ttitle: '通知标题',\n\tmessage: '通知弹窗内容',\n\tbutton: [{\n\t\tname: '不再提醒',\n\t\tcallback() {}\n\t}]\n})\r\n\r\n// 确认弹窗\nthis.$confirm({\n\ttitle: '确认弹窗标题',\n\tmessage: '确认弹窗内容',\n\tresolve: () => {},\n\tcancel: () => {}\n})\r\n\r\n// 加载弹窗\nthis.$loading();\r\n```\n\n## 配置项\r\n\r\n### 消息弹窗 $message\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**success**: 成功<br>**file**: 失败<br>**warn**: 警告\r\nmessage | String | - | 消息内容\r\ntimeout | Number | 2500 | 自动消失时长\r\nmask | Boolean | false | 消息弹窗存在时是否允许点击页面其他区域\r\n\r\n### 通知弹窗 $notice\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**success**: 成功<br>**file**: 失败<br>**warn**: 警告\r\ntitle | String | - | 标题\r\nmessage | String | - | 通知内容\r\ntimeout | Number | 1000 | 自动消失时长\r\nbutton | Array | - | 为通知弹窗定义按钮\r\n-- button.name | String | - | 按钮名称\r\n-- button.callback(close) | String | - | 按钮回到函数<br>**close**: 调用该方法可立即关闭通知弹窗\r\n\r\n### 确认弹窗 $confirm\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**enquire**: 询问<br>**warn**: 警告\r\ntitle | String | \"系统提醒\" | 标题\r\nmessage | String | - | 消息内容\r\nbuttonName | String | \"确定\" | 确定按钮名称\r\ncancelButtonName | String | \"取消\" | 取消按钮名称\r\ncancelButton | Boolean | true | 是否显示取消按钮\r\nresolve | Function | - | 确定按钮回调函数\r\ncancel | Function | - | 取消按钮回调函数\r\n\r\n### 加载弹窗 $loading\r\n\r\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\nmessage | String | - | 消息内容\r\ntimeout | Number | 10000 | 自动消失时长");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 消息弹窗\r\nthis.$message({\r\n\tmessage: '消息弹窗内容'\r\n})\r\n\r\n// 通知弹窗\r\nthis.$notice({\r\n\ttitle: '通知标题',\r\n\tmessage: '通知弹窗内容',\r\n\tbutton: [{\r\n\t\tname: '不再提醒',\r\n\t\tcallback() {}\r\n\t}]\r\n})\r\n\r\n// 确认弹窗\r\nthis.$confirm({\r\n\ttitle: '确认弹窗标题',\r\n\tmessage: '确认弹窗内容',\r\n\tresolve: () => {},\r\n\tcancel: () => {}\r\n})\r\n\r\n// 加载弹窗（返回 loading 实例）\r\nconst loading = this.$loading();\r\nloading.start();  // 计数 +1，需对应调用 close 后才会关闭\r\nloading.update('更新提示内容');  // 更新提示内容\r\nloading.close();  // 计数 -1，归零后关闭加载弹窗\r\n```\r\n\r\n## 配置项\r\n\r\n### 消息弹窗 $message\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**success**: 成功<br>**fail**: 失败<br>**warn**: 警告\r\nmessage | String | - | 消息内容\r\ntimeout | Number | 2500 | 自动消失时长\r\nmask | Boolean | false | 消息弹窗存在时是否允许点击页面其他区域\r\n\r\n### 通知弹窗 $notice\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**success**: 成功<br>**fail**: 失败<br>**warn**: 警告\r\ntitle | String | - | 标题\r\nmessage | String | - | 通知内容\r\ntimeout | Number | 10000 | 自动消失时长\r\nbutton | Array | - | 为通知弹窗定义按钮\r\n-- button.name | String | - | 按钮名称\r\n-- button.callback(stop, close) | Function | - | 按钮回调函数<br>**stop**: 调用该方法可阻止点击按钮后自动关闭<br>**close**: 调用该方法可立即关闭通知弹窗\r\n\r\n### 确认弹窗 $confirm\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntype | String | - | 类型图标<br>**enquire**: 询问<br>**warn**: 警告\r\ntitle | String | \"系统提醒\" | 标题\r\nmessage | String | - | 消息内容\r\nbuttonName | String | \"确定\" | 确定按钮名称\r\ncancelButtonName | String | \"取消\" | 取消按钮名称\r\ncancelButton | Boolean | true | 是否显示取消按钮\r\nresolve | Function | - | 确定按钮回调函数\r\ncancel | Function | - | 取消按钮回调函数\r\nbuttons | Array | [] | 自定义按钮数组，配置后替代默认按钮\r\n-- buttons.name | String | - | 按钮名称\r\n-- buttons.event | String | \"resolve\" | 点击按钮时执行的回调方法名<br>**resolve**: 确定回调<br>**cancel**: 取消回调\r\n-- buttons.value | Any | - | 传给回调方法的参数\r\n-- buttons.color | Boolean | false | 是否为主色按钮\r\nfollow | HTMLElement \\| Object | - | 跟随的目标节点（DOM 或组件实例），传入后以气泡确认框展示\r\nposition | String | top | 气泡弹出位置（自动根据空间调整）<br>**top**: 上方<br>**bottom**: 下方\r\nalign | String | start | 气泡对齐方向（自动根据空间调整）<br>**start**: 起始方向<br>**end**: 结束方向\r\n\r\n### 加载弹窗 $loading\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nmessage | String | - | 消息内容\r\ntimeout | Number | 10000 | 自动消失时长");
 
 /***/ }),
 
@@ -7063,13 +7074,6 @@ module.exports = function (argument) {
 
 /***/ }),
 
-/***/ "5a3c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5aa3":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7206,6 +7210,13 @@ $({ target: 'String', proto: true }, {
 });
 
 
+/***/ }),
+
+/***/ "5b91":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "5bd0":
@@ -7270,7 +7281,7 @@ module.exports = {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-upload-file></c-upload-file>  // 文件上传\r\n<c-upload-file>\r\n\t// 如需要自定义提示说明，可在组件中插入以下代码\r\n\t<template #tip=\"{type}\">\r\n\t\t<p>自定义的提示说明</p>\r\n\t\t<p>{{type}}</p>  // type为根据属性生成的提示说明，例如：\"支持格式：图片，mp4\"\r\n\t</template>\r\n</c-upload-file>\r\n\r\n<c-file></c-file>  // 文件展示\r\n```\r\n\r\n## 属性配置\r\n\r\n### 文件上传 <c-upload-file\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Array | - | 文件上传的值，可使用v-model属性绑定变量，multiple为true时可传入逗号隔开的字符串或数组\r\nname | String | - | 字段名\r\ntype | String | - | 支持文件类型<br>**image**: 图片<br>**video**: 视频<br>**word**: word文档<br>**excel**: excel文档<br>**zip**: 压缩包\r\nsize | String \\| Number | - | 文件大小上限，单位MB\r\nmedia | Boolean | false | 是否以媒体预览的方式展示\r\nside | Boolean | true | 是否显示侧边栏信息（按钮和提示文字）\r\nbutton | String | \"上传文件\" | 上传按钮文字\r\nmultiple | Boolean \\| String \\| Number | false | 是否支持上传多个文件，可传入数字限制最多可上传文件数\r\n\r\n### 文件展示 <c-file\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nsrc | String | - | 文件地址\r\nmedia | Boolean | false | 是否以媒体预览的方式展示");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-upload-file></c-upload-file>  // 文件上传\r\n<c-upload-file>\r\n\t// 如需要自定义提示说明，可在组件中插入以下代码\r\n\t<template #tip=\"{type}\">\r\n\t\t<p>自定义的提示说明</p>\r\n\t\t<p>{{type}}</p>  // type为根据属性生成的提示说明，例如：\"支持格式：图片，mp4\"\r\n\t</template>\r\n</c-upload-file>\r\n\r\n<c-file></c-file>  // 文件展示\r\n```\r\n\r\n## 属性配置\r\n\r\n### 文件上传 <c-upload-file\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Array | - | 文件上传的值，可使用v-model属性绑定变量，multiple为true时可传入逗号隔开的字符串或数组\r\nname | String \\| Number | - | 字段名\r\ntype | String | - | 支持文件类型<br>**image**: 图片<br>**video**: 视频<br>**word**: word文档<br>**excel**: excel文档<br>**ppt**: ppt文档<br>**zip**: 压缩包\r\nsize | String \\| Number | - | 文件大小上限，单位MB\r\nmedia | Boolean | false | 是否以媒体预览的方式展示\r\nside | Boolean | true | 是否显示侧边栏信息（按钮和提示文字）\r\nsort | Boolean | true | 是否支持拖拽排序\r\nicon | String | c-icon-upload | 上传按钮前置图标样式名\r\nmedia-icon | String | c-icon-media | 媒体上传图标样式名\r\nbutton | String | \"上传文件\" | 上传按钮文字\r\nmultiple | Boolean \\| String \\| Number | false | 是否支持上传多个文件，可传入数字限制最多可上传文件数\r\n@input | Function | - | 输入事件\r\n@click | Function(config) | - | 点击上传按钮事件，可自定义上传逻辑<br>**config.type**: 支持文件类型<br>**config.size**: 文件大小上限<br>**config.count**: 最多还可上传文件数<br>**config.success**: 上传完成回调，传入文件信息数组\r\n@change | Function | - | 内容改变事件\r\n\r\n### 文件展示 <c-file\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nsrc | String | - | 文件地址\r\nmedia | Boolean | false | 是否以媒体预览的方式展示\r\npreview | Boolean \\| Array | true | 是否开启媒体文件预览，可传入媒体地址数组指定预览列表\r\ndownload | Boolean | false | 是否显示下载按钮");
 
 /***/ }),
 
@@ -7286,7 +7297,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-tree></c-tree>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ndata | Array | - | 节点数据：[{<br>\"name\": \"节点名\", <br>\"id\": \"节点值\", <br>\"pId\": \"父节点值\"，<br>\"leaf\": \"是否为叶子节点\", <br>\"checked\": \"是否勾选\", <br>\"data\": \"自定义数据\", <br>\"children\": \"子节点\"<br>}]\r\nsimple | Boolean | false | 节点数据是否为简单结构\r\nselect | Boolean \\| Object | false | 节点是否可以选中\r\nselect.unselect | Boolean | true | 选中后是否可以取消选中\r\ncheck | Boolean \\| Object | false | 节点是否可以勾选\r\ncheck.linked | Boolean \\| String | both | 关联方式<br>**false**: 不关联<br>**parent**: 只关联父级<br>**child**: 只关联子级<br>**both**: 都关联\r\nckeck.clickCheck | Boolean | false | 点击节点触发勾选\r\nicon | Boolean | true | 是否显示图标\r\n@load | Function(node, resolve) | - | 加载子节点数据\r\n@click | Function(node) | - | 节点点击事件\r\n@check | Function(node) | - | 节点勾选事件");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-tree ref=\"tree\" :data=\"data\">\r\n\t// 自定义节点内容，参数node为节点数据，不定义时默认显示节点名称\r\n\t<template #default=\"{node}\">\r\n\t\t<span>{{node.name}}</span>\r\n\t</template>\r\n\t\r\n\t// 自定义节点图标，参数node为节点数据\r\n\t<template #icon=\"{node}\">\r\n\t\t<i class=\"c-icon-folder\"></i>\r\n\t</template>\r\n</c-tree>\r\n\r\n// 设置树数据，和data属性功能相同\r\nthis.$refs.tree.setNode([...]);\r\n\r\n// 获取根节点\r\nthis.$refs.tree.getNode();\r\n\r\n// 获取选中节点\r\nthis.$refs.tree.getNode('selected');\r\n\r\n// 获取勾选节点\r\nthis.$refs.tree.getNode('checked');\r\n\r\n// 获取符合自定义条件的节点\r\nthis.$refs.tree.getNode(node => {\r\n\treturn true;  // 这里返回判断条件\r\n});\r\n\r\n// 展开节点，默认展开全部节点，也可传入loaded（仅展开已加载的节点）或数字（展开到指定层级）\r\nthis.$refs.tree.expandNode();\r\nthis.$refs.tree.expandNode('loaded');\r\nthis.$refs.tree.expandNode(2);\r\n\r\n// 取消所有选中节点\r\nthis.$refs.tree.unselect();\r\n\r\n// 遍历所有节点\r\nthis.$refs.tree.eachNode(node => {});\r\n\r\n// 插入根节点\r\nthis.$refs.tree.insertRoot({...});\r\nthis.$refs.tree.insertRoot([{...}]);\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ndata | Array | - | 节点数据：[{<br>\"name\": \"节点名\", <br>\"id\": \"节点值\", <br>\"pId\": \"父节点值\"，<br>\"leaf\": \"是否为叶子节点\", <br>\"checked\": \"是否勾选\", <br>\"data\": \"自定义数据\", <br>\"children\": \"子节点\"<br>}]\r\nsimple | Boolean | false | 节点数据是否为简单结构\r\nselect | Boolean \\| Object | true | 节点是否可以选中\r\nselect.unselect | Boolean | true | 选中后是否可以取消选中\r\nselect.expand | Boolean | false | 选中节点后是否展开该节点\r\ncheck | Boolean \\| Object | false | 节点是否可以勾选\r\ncheck.linked | Boolean \\| String | both | 关联方式<br>**false**: 不关联<br>**parent**: 只关联父级<br>**child**: 只关联子级<br>**both**: 都关联\r\ncheck.clickCheck | Boolean | false | 点击节点触发勾选\r\nicon | Boolean | true | 是否显示图标\r\n@load | Function(node, resolve) | - | 加载子节点数据\r\n@click | Function(node) | - | 节点点击事件\r\n@check | Function(node) | - | 节点勾选事件\r\n@select | Function(node) | - | 节点选中事件");
 
 /***/ }),
 
@@ -7343,7 +7354,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-title>标题名称</c-title>\r\n```");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-title>标题名称</c-title>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nicon | String \\| Boolean | false | 是否显示icon，可传入icon的样式名自定义图标，不设置时标题显示主色左边框");
 
 /***/ }),
 
@@ -7534,12 +7545,12 @@ module.exports = {
 
 /***/ }),
 
-/***/ "6cf1":
+/***/ "6ae4":
 /***/ (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_3d87fc16_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8128");
-/* 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_3d87fc16_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_3d87fc16_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* 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_dialog_vue_vue_type_style_index_0_id_5bcd3a66_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5b91");
+/* 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_dialog_vue_vue_type_style_index_0_id_5bcd3a66_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_dialog_vue_vue_type_style_index_0_id_5bcd3a66_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
@@ -7608,17 +7619,6 @@ module.exports = {
 
 }));
 
-/***/ }),
-
-/***/ "6d4f":
-/***/ (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_f90163f2_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("84e8");
-/* 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_f90163f2_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_f90163f2_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "6f19":
@@ -8014,7 +8014,7 @@ exports.f = Object.getOwnPropertySymbols;
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 普通表单\r\n<c-form ref=\"form\">\r\n\t<c-form-item>\r\n\t\t// 表单项内容写在组件内部，输入框、单复选框、选择器和文件上传组件定义name属性后即可通过get方法获取数据\r\n\t\t<c-input name=\"name\"></c-input>\r\n\t\t\r\n\t\t// 如需要自定义提示说明，可在组件中插入以下代码\r\n\t\t<template #tip>\r\n\t\t\t<p>自定义提示信息</p>\r\n\t\t</template>\r\n\t\t\r\n\t\t// 表单项操作\r\n\t\t<template #handle>\r\n\t\t\t<c-link>跳转链接</c-link>\r\n\t\t</template>\r\n\t</c-form-item>\r\n</c-form>\r\n\r\n// 多列表单\r\n<c-form ref=\"form\">\r\n\t<c-form-column>\r\n\t\t<c-form-item></c-form-item>\r\n\t</c-form-column>\r\n\t\r\n\t<c-form-column>\r\n\t\t<c-form-item></c-form-item>\r\n\t</c-form-column>\r\n</c-form>\r\n\r\n// 表单项多列表单\r\n<c-form ref=\"form\" column=\"2\">\r\n\t<c-form-item></c-form-item>\r\n\t<c-form-item></c-form-item>\r\n</c-form>\r\n\r\n// 嵌套表单\r\n<c-form ref=\"form\">\r\n\t// 当一个子表单处于另一个父表单内时，可以定义子表单的name属性，获取父表单的数据时会将子表单的数据封装在对应的name字段中；不定义name属性则将父子表单的数据合并\r\n\t<c-form name=\"subForm\"></c-form>\r\n\t\r\n\t// 父表单获取到的数据为\r\n\t//  {\r\n\t//  \t...父表单的数据,\r\n\t//  \tsubForm: {\r\n\t//  \t\t...子表单的数据\r\n\t//  \t}\r\n\t//  }\r\n</c-form>\r\n\r\n// 回填数据\r\nthis.$refs.form.set({\r\n\tname: 'value'\r\n});\r\n\r\n// 获取数据\r\nthis.$refs.form.get();\r\n\r\n// 清空数据\r\nthis.$refs.form.clear();\r\n\r\n// 提交数据\r\nthis.$refs.form.submit({\r\n\turl: '',  // 接口地址\r\n\t\r\n\t// 校验规则\r\n\trule: {\r\n\t\tname: '提示信息',  // 仅校验非空可简写\r\n\t\t\r\n\t\tname: [...check],  // 仅定义校验项可简写\r\n\r\n\t\tname: {  // 完整配置项\r\n\t\t\tcheck: [{\r\n\t\t\t\ttype: 'empty',  // 非空校验\r\n\t\t\t\tmessage: '提示信息,  // 提示信息\r\n\t\t\t\tskip: (value, data) {}  // 跳过字段单项校验\r\n\t\t\t}, {\r\n\t\t\t\ttype: 'regexp',  // 正则校验\r\n\t\t\t\tregexp: ['phone', 'email']  // 正则表达式，满足其一即通过校验（phone: 手机号; tel: 固定电话; email: 邮箱; realname: 姓名; idcard: 身份证号; username: 用户名; password: 密码）\r\n\t\t\t}, {\r\n\t\t\t\ttype: 'function',  // 自定义函数校验\r\n\t\t\t\tfun: (value, data) => {}  // 校验函数，参数value为该字段的值，参数data为表单数据\r\n\t\t\t}],\r\n\t\t\tskip: (value, data) {},  // 跳过字段校验\r\n\t\t\tfail: (value, data) {}  // 字段校验未通过回调\r\n\t\t},\r\n\r\n\t\tname: data => {  // 复杂表单项校验，name对应c-form-item组件的name属性\r\n\t\t\treturn true;  // 成功返回true\r\n\t\t\treturn '错误信息';  // 失败返回错误信息\r\n\t\t}\r\n\t},\r\n\r\n\t// 校验前处理数据\r\n\tbeforeValid: data => {\r\n\t\treturn data;\r\n\t},\r\n\t\r\n\t// 提交前处理数据\r\n\tdataFormatter: data => {\r\n\t\treturn data;\r\n\t},\r\n\t\r\n\t// 提交成功\r\n\tsuccess: (data, res, msg) => {},\r\n\r\n\t// 校验或提交失败\r\n\tfail: (data, code, res, msg) => {}\r\n});\r\n```\r\n\r\n## 属性配置\r\n\r\n### 表单 <c-form\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ncolumn | String | 1 | 表单项多列展示\r\nvertical | Boolean | false | 表单项纵向排列\r\nunit-width | String | - | 表单项控件区域宽度\r\nname | String | - | 表单数据字段名\r\nlink-parent | Boolean | false | 子表单是否联动父表单的column、vertical、unit-width属性\r\n\r\n### 表单项 <c-form-item\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nlabel | String | - | 字段名\r\nrequired | Boolean | false | 字段名是否带*号\r\nwidth | String | - | 表单项控件区域宽度\r\ntip | String | - | 提示说明");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 普通表单\r\n<c-form ref=\"form\">\r\n\t<c-form-item>\r\n\t\t// 表单项内容写在组件内部，输入框、单复选框、选择器和文件上传组件定义name属性后即可通过get方法获取数据\r\n\t\t<c-input name=\"name\"></c-input>\r\n\t\t\r\n\t\t// 如需要自定义提示说明，可在组件中插入以下代码\r\n\t\t<template #tip>\r\n\t\t\t<p>自定义提示信息</p>\r\n\t\t</template>\r\n\t\t\r\n\t\t// 如需要自定义字段名提示说明，定义label-tip属性后可在组件中插入以下代码\r\n\t\t<template #labelTip>\r\n\t\t\t<p>自定义字段名提示信息</p>\r\n\t\t</template>\r\n\t\t\r\n\t\t// 表单项操作\r\n\t\t<template #handle>\r\n\t\t\t<c-link>跳转链接</c-link>\r\n\t\t</template>\r\n\t</c-form-item>\r\n</c-form>\r\n\r\n// 多列表单\r\n<c-form ref=\"form\">\r\n\t<c-form-column>\r\n\t\t<c-form-item></c-form-item>\r\n\t</c-form-column>\r\n\t\r\n\t<c-form-column>\r\n\t\t<c-form-item></c-form-item>\r\n\t</c-form-column>\r\n</c-form>\r\n\r\n// 表单项多列表单\r\n<c-form ref=\"form\" column=\"2\">\r\n\t<c-form-item></c-form-item>\r\n\t<c-form-item></c-form-item>\r\n</c-form>\r\n\r\n// 嵌套表单\r\n<c-form ref=\"form\">\r\n\t// 当一个子表单处于另一个父表单内时，可以定义子表单的name属性，获取父表单的数据时会将子表单的数据封装在对应的name字段中；不定义name属性则将父子表单的数据合并\r\n\t<c-form name=\"subForm\"></c-form>\r\n\t\r\n\t// 父表单获取到的数据为\r\n\t//  {\r\n\t//  \t...父表单的数据,\r\n\t//  \tsubForm: {\r\n\t//  \t\t...子表单的数据\r\n\t//  \t}\r\n\t//  }\r\n</c-form>\r\n\r\n// 回填数据\r\nthis.$refs.form.set({\r\n\tname: 'value'\r\n});\r\n\r\n// 获取数据\r\nthis.$refs.form.get();\r\n\r\n// 清空数据\r\nthis.$refs.form.clear();\r\n\r\n// 校验数据，配置项同submit方法，仅校验不提交\r\nthis.$refs.form.validate();\r\n\r\n// 设置表单编辑状态，表单控件修改后置为true，清空数据或提交成功后重置为false\r\nthis.$refs.form.setEditState(false);\r\n\r\n// 提交数据\r\nthis.$refs.form.submit({\r\n\turl: '',  // 接口地址\r\n\t\r\n\t// 校验规则\r\n\trule: {\r\n\t\tname: '提示信息',  // 仅校验非空可简写\r\n\t\t\r\n\t\tname: [...check],  // 仅定义校验项可简写\r\n\r\n\t\tname: {  // 完整配置项\r\n\t\t\tcheck: [{\r\n\t\t\t\ttype: 'empty',  // 非空校验\r\n\t\t\t\tmessage: '提示信息',  // 提示信息\r\n\t\t\t\tskip: (value, data) => {}  // 跳过字段单项校验\r\n\t\t\t}, {\r\n\t\t\t\ttype: 'regexp',  // 正则校验\r\n\t\t\t\tregexp: ['phone', 'email']  // 正则表达式，满足其一即通过校验（phone: 手机号; tel: 固定电话; email: 邮箱; realname: 姓名; idcard: 身份证号; username: 用户名; password: 密码）\r\n\t\t\t}, {\r\n\t\t\t\ttype: 'function',  // 自定义函数校验\r\n\t\t\t\tfun: (value, data) => {}  // 校验函数，参数value为该字段的值，参数data为表单数据\r\n\t\t\t}],\r\n\t\t\tskip: (value, data) {},  // 跳过字段校验\r\n\t\t\tfail: (type, message) => {}  // 字段校验未通过回调，参数type为校验类型，参数message为提示信息\r\n\t\t},\r\n\r\n\t\tname: data => {  // 复杂表单项校验，name对应c-form-item组件的name属性\r\n\t\t\treturn true;  // 成功返回true\r\n\t\t\treturn '错误信息';  // 失败返回错误信息\r\n\t\t}\r\n\t},\r\n\r\n\t// 校验前处理数据\r\n\tbeforeValid: data => {\r\n\t\treturn data;\r\n\t},\r\n\t\r\n\t// 提交前处理数据\r\n\tdataFormatter: data => {\r\n\t\treturn data;\r\n\t},\r\n\t\r\n\t// 提交成功\r\n\tsuccess: (data, res, msg) => {},\r\n\r\n\t// 校验或提交失败\r\n\tfail: (data, code, res, msg) => {}\r\n});\r\n```\r\n\r\n## 属性配置\r\n\r\n### 表单 <c-form\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ncolumn | Number \\| String | 1 | 表单项多列展示\r\nvertical | Boolean | false | 表单项纵向排列\r\nunit-width | Number \\| String | 300 | 表单项控件区域宽度\r\nname | String \\| Number | - | 表单数据字段名\r\nlink-parent | Boolean | false | 子表单是否联动父表单的column、vertical、unit-width属性\r\n@enter | Function(data) | - | 表单内输入框回车事件，参数为表单数据\r\n\r\n### 表单项 <c-form-item\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nlabel | String \\| Boolean | '' | 字段名，传false时隐藏字段名\r\nrequired | Boolean | false | 字段名是否带*号\r\nicon | String | - | 字段名前置图标样式名\r\nlabel-tip | Boolean \\| String \\| Number | - | 字段名提示说明，传true时提示内容读取labelTip插槽\r\nname | String \\| Number | - | 复杂表单项校验的字段名\r\ncolspan | Number \\| String | 1 | 表单项跨列数\r\nwidth | Number \\| String | - | 表单项控件区域宽度\r\ntip | Number \\| String | - | 提示说明");
 
 /***/ }),
 
@@ -13421,7 +13421,7 @@ exports.getBestMask = function getBestMask (data, setupFormatFunc) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-dialog ref=\"dialog\" title=\"会话弹窗标题\">\r\n\t会话弹窗内容\r\n\t\r\n\t// 如需要自定义按钮，可在组件内插入以下代码\r\n\t<template #button>\r\n\t\t<c-button>按钮名称</c-button>\r\n\t</template>\r\n</c-dialog>\r\n\r\nthis.$refs.dialog.open()  // 打开会话弹窗\r\nthis.$refs.dialog.close()  // 关闭会话弹窗\r\n\r\n// 打开会话时可以修改属性\r\nthis.$refs.dialog.open({\r\n\ttitle,\r\n\tbutton,\r\n\tbuttonName,\r\n\tcancelButton,\r\n\tcancelButtonName\r\n})\r\n\r\n// 弹窗回调方式\r\n// 1.定义绑定事件\r\n<c-dialog @resolve=\"确定按钮回调方法\" @cancel=\"取消按钮回调方法\"></c-dialog>\r\n// 2.传入回调方法\r\nthis.$refs.dialog.open({\r\n\tresolve: () => {},\r\n\tcancel: () => {},\r\n\t...\r\n})\r\n// 3.使用异步函数\r\nlet {type, stop, next} = await this.$refs.dialog.open();\r\n或\r\nthis.$refs.dialog.open().then(({type, stop, next}) => {});\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nmode | String | - | 模式<br>**popup**: 弹出<br>**slide**: 侧滑\r\ntitle | String | - | 会话弹窗标题\r\nwidth | Number \\| String | - | 会话弹窗宽度\r\nheight | Number \\| String | - | 会话弹窗内容区域高度\r\nresize-button | Boolean | false | 是否显示最大化最小化按钮\r\nclose-button | Boolean | true | 是否显示关闭按钮\r\nbutton | Boolean | true | 是否显示按钮\r\nbutton-name | String | \"确定\" | 确定按钮名称\r\ncancel-button | Boolean | true | 是否显示取消按钮\r\ncancel-button-name | String | \"取消\" | 取消按钮名称\r\nmove | Boolean | true | 是否支持移动\r\nmove-limit | Boolean | true | 移动范围限制\r\nmask | Booelan | true | 是否显示遮罩层\r\nmask-close | Boolean | true | 点击遮罩层是否关闭弹窗\r\n@resolve | Function(stop, next) | - | 确定按钮回调<br>**stop**: 阻止会话弹窗关闭方法<br>**next**: 关闭会话弹窗方法\r\n@cancel | Function(stop, next) | - | 取消按钮回调<br>**stop**: 阻止会话弹窗关闭方法<br>**next**: 关闭会话弹窗方法\r\n@close | Function | - | 弹窗关闭回调");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-dialog ref=\"dialog\" title=\"会话弹窗标题\">\r\n\t会话弹窗内容\r\n\t\r\n\t// 如需要自定义按钮，可在组件内插入以下代码\r\n\t<template #button>\r\n\t\t<c-button>按钮名称</c-button>\r\n\t</template>\r\n\r\n\t// 如需要自定义标题栏内容，可在组件内插入以下代码\r\n\t<template #head>\r\n\t\t自定义标题栏内容\r\n\t</template>\r\n</c-dialog>\r\n\r\nthis.$refs.dialog.open()  // 打开会话弹窗\r\nthis.$refs.dialog.close()  // 关闭会话弹窗\r\n\r\n// 打开会话时可以修改属性\r\nthis.$refs.dialog.open({\r\n\ttitle,\r\n\tbutton,\r\n\tbuttonName,\r\n\tcancelButton,\r\n\tcancelButtonName,\r\n\tclose,  // 关闭弹窗回调函数，可调用 stop 阻止关闭\r\n\tposition,  // 弹窗显示位置，如 {left: 100, top: 100}\r\n\tzIndex  // 弹窗层级\r\n})\r\n\r\n// 弹窗回调方式\r\n// 1.定义绑定事件\r\n<c-dialog @resolve=\"确定按钮回调方法\" @cancel=\"取消按钮回调方法\"></c-dialog>\r\n// 2.传入回调方法\r\nthis.$refs.dialog.open({\r\n\tresolve: () => {},\r\n\tcancel: () => {},\r\n\t...\r\n})\r\n// 3.使用异步函数\r\nlet {type, stop, next} = await this.$refs.dialog.open();\r\n或\r\nthis.$refs.dialog.open().then(({type, stop, next}) => {});\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nmode | String | popup | 模式<br>**popup**: 弹出<br>**slide**: 侧滑\r\nconfirm | Boolean | false | 确认弹窗模式，调整弹窗圆角与按钮尺寸\r\ntitle | String \\| Boolean | - | 会话弹窗标题，传 false 可隐藏标题栏\r\nwidth | Number \\| String | - | 会话弹窗宽度\r\nheight | Number \\| String | auto | 会话弹窗内容区域高度\r\nresize-button | Boolean \\| Array | false | 是否显示最大化最小化按钮<br>传数组可指定显示项，如 ['min', 'max']\r\nclose-button | Boolean | true | 是否显示关闭按钮\r\nbutton | Boolean | true | 是否显示按钮\r\nbutton-name | String | \"确定\" | 确定按钮名称\r\ncancel-button | Boolean | true | 是否显示取消按钮\r\ncancel-button-name | String | \"取消\" | 取消按钮名称\r\nmove | Boolean | true | 是否支持移动\r\nmove-limit | Boolean | true | 移动范围限制\r\nenable-flex | Boolean | false | 内容区域是否启用纵向flex布局\r\nmask | Boolean | true | 是否显示遮罩层\r\nmask-close | Boolean | true | 点击遮罩层是否关闭弹窗\r\n@resolve | Function(stop, next) | - | 确定按钮回调<br>**stop**: 阻止会话弹窗关闭方法<br>**next**: 关闭会话弹窗方法\r\n@cancel | Function(stop, next) | - | 取消按钮回调<br>**stop**: 阻止会话弹窗关闭方法<br>**next**: 关闭会话弹窗方法\r\n@close | Function(stop, next) | - | 弹窗关闭回调<br>**stop**: 阻止会话弹窗关闭方法<br>**next**: 关闭会话弹窗方法");
 
 /***/ }),
 
@@ -22913,6 +22913,13 @@ KindEditor.plugin('fixtoolbar', function (K) {
 
 /***/ }),
 
+/***/ "79f0":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "7a43":
 /***/ (function(module, exports) {
 
@@ -26162,7 +26169,7 @@ exports.toSJIS = function toSJIS (kanji) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 选项卡模块\r\n\r\n```\r\n<module :tabs=\"tabs\" @tabChange=\"\">\r\n\t// 通过tabs属性定义标签，页面内容相同仅参数不同时使用\r\n\t// @change 选项卡切换事件\r\n</module>\r\n\r\n<module>\r\n\t// 通过<module-tab>组件定义标签，页面内容不同时使用\r\n\t\r\n\t<module-tab name=\"选项卡一\" @mounted=\"\" @activated=\"\" @deactivated=\"\">\r\n\t\t// @mounted 标签页面首次打开事件\r\n\t\t// @activated 标签页面打开事件\r\n\t\t// @deactivated 标签页面关闭事件\r\n\t</module-tab>\r\n</module>\r\n```");
+/* harmony default export */ __webpack_exports__["default"] = ("## 选项卡模块\r\n\r\n```\r\n<module :tabs=\"tabs\" @tabChange=\"\">\r\n\t// 通过tabs属性定义标签，页面内容相同仅参数不同时使用\r\n\t// @tabChange 选项卡切换事件\r\n</module>\r\n\r\n<module>\r\n\t// 通过<module-tab>组件定义标签，页面内容不同时使用\r\n\t\r\n\t<module-tab name=\"选项卡一\" @mounted=\"\" @activated=\"\" @deactivated=\"\">\r\n\t\t// @mounted 标签页面首次打开事件\r\n\t\t// @activated 标签页面打开事件\r\n\t\t// @deactivated 标签页面关闭事件\r\n\t</module-tab>\r\n</module>\r\n```\r\n\r\n## 属性配置\r\n\r\n### 模块 <module\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntab-type | String | tab | 选项卡样式<br>**tab**: 普通选项卡<br>**border-tab**: 带边框的选项卡<br>**card**: 卡片式\r\nimmediate | Boolean | true | 是否立即激活第一个选项卡");
 
 /***/ }),
 
@@ -26175,13 +26182,6 @@ __webpack_require__.r(__webpack_exports__);
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "8128":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "81bf":
@@ -26293,13 +26293,6 @@ module.exports = function buildFullPath(baseURL, requestedURL) {
 
 /***/ }),
 
-/***/ "84e8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "861d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -26686,7 +26679,7 @@ module.exports = function (key) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 各种列类型\r\n<c-table ref=\"table\">\r\n\t// 拖拽列\r\n\t<c-table-column\r\n\t\ttype=\"drag\"\r\n\t></c-table-column>\r\n\t\r\n\t// 选择列\r\n\t<c-table-column\r\n\t\ttype=\"selector\"\r\n\t></c-table-column>\r\n\t\r\n\t// 树形列\r\n\t<c-table-column\r\n\t\tlabel=\"树形列\"\r\n\t\ttype=\"tree\"\r\n\t></c-table-column>\r\n\t\r\n\t// 排序列\r\n\t<c-table-column\r\n\t\tlabel=\"排序列\"\r\n\t\ttype=\"sort\"\r\n\t></c-table-column>\r\n\t\r\n\t// 操作列\r\n\t<c-table-column\r\n\t\tlabel=\"操作\"\r\n\t\ttype=\"button\"\r\n\t>\r\n\t\t<template #default=\"{data}\">\r\n\t\t\t<c-table-button>按钮</c-table-button>\r\n\t\t</template>\r\n\t</c-table-column>\r\n</c-table>\r\n\r\n// 其它功能\r\n<c-table ref=\"table\">\r\n\t// 多级表头\r\n\t<c-table-column\r\n\t\tlabel=\"多级表头\"\r\n\t>\r\n\t\t<c-table-column\r\n\t\t\tlabel=\"子表头1\"\r\n\t\t></c-table-column>\r\n\t\t<c-table-column\r\n\t\t\tlabel=\"子表头2\"\r\n\t\t></c-table-column>\r\n\t</c-table-column>\r\n\r\n\t// 自定义列头内容\r\n\t<c-table-column>\r\n\t\t<template #head>\r\n\t\t\t<c-button>自定义头部</c-button>\r\n\t\t</template>\r\n\t</c-table-column>\r\n\r\n\t// 自定义单元格内容\r\n\t<c-table-column>\r\n\t\t<template #default=\"{data}\">\r\n\t\t\t<span>id: {{data.id}}</span>\r\n\t\t</template>\r\n\t</c-table-column>\r\n\r\n\t// 单元格编辑\r\n\t<c-table-column>\r\n\t\t<template #edit=\"{data}\">\r\n\t\t\t<c-table-input value=\"\" @resolve=\"\"></c-table-input>  // 文本框，功能同cInput组件\r\n\t\t\t<c-table-select value=\"\" @resolve=\"\"></c-table-select>  // 下拉框，功能同cSelect组件\r\n\t\t\t<c-table-datetime value=\"\" @resolve=\"\"></c-table-datetime>  // 日期时间框，功能同cDatetime组件\r\n\t\t</template>\r\n\t</c-table-column>\r\n\r\n\t// 固定合并行列\r\n\t<c-table-column\r\n\t\trow-span=\"2\" // 固定合并行数\r\n\t\tcol-span=\"2\" // 固定合并列数\r\n\t></c-table-column>\r\n\r\n\t// 动态计算合并行列\r\n\t<c-table-column\r\n\t\t:row-span=\"({data}, list) => {return 1}\" // 根据当前行数据data和所有行数据list自行计算合并行数\r\n\t\t:col-span=\"({data}, list) => {return 1}\" // 根据当前行数据data和所有行数据list自行计算合并列数\r\n\t></c-table-column>\r\n\t\r\n\t// 列数据合计\r\n\t<c-table-column\r\n\t\tsummed  // 默认使用单元格的内容进行合计\r\n\t\t:summed=\"({data}) => {return data.num}\"  // 也可以传入函数返回自定义合计数据\r\n\t>\r\n\t\t// 自定义合计内容，不需要可不写\r\n\t\t<template #summed=\"{total}\">\r\n\t\t\t合计：{{total}}\r\n\t\t</template>\r\n\t</c-table-column>\r\n</c-table>\r\n\r\n\r\n// 设置表格数据，和data属性功能相同\r\nthis.$refs.table.setData([...]);\r\n\r\n// 获取表格数据\r\nthis.$refs.table.getData();\r\n\r\n// 获取全部行对象\r\nthis.$refs.table.getRow();\r\n\r\n// 获取选中行数据\r\nthis.$refs.table.getRow('selected');\r\n\r\n// 获取指定序号行数据\r\nthis.$refs.table.getRow(0);\r\nthis.$refs.table.getRow([0, 1, 2]);\r\n\r\n// 获取符合自定义条件的行数据\r\nthis.$refs.table.getRow(item => {\r\n\treturn true;  // 这里返回判断条件\r\n});\r\n\r\n// 插入一行数据\r\nthis.$refs.table.push({});\r\n```\r\n\r\n## 属性配置\r\n\r\n### 表格主体 <c-table\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ndata | Array | - | 单选框组的值，可使用v-model属性绑定变量\r\npaging | Boolean | true | 是否显示分页栏\r\nborder | Boolean | false | 是否显示边框\r\nfixed-width | Boolean | false | 是否固定列宽\r\n@rowClick | Function | - | 行点击事件\r\n\r\n### 表格列 <c-table-column\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntype | String | - | 列类型<br>**drag**: 拖拽列<br>**selector**: 选择列<br>**tree**: 树形列<br>**sort**: 排序列<br>**button**: 操作列\r\nfixed | String | - | 是否固定列<br>**left**: 固定在左侧<br>**right**: 固定在右侧\r\nlabel | String | - | 列名\r\nname | String | - | 列数据字段名\r\nwidth | String | 100 | 列宽\r\nrequired | Boolean | false | 显示必填星号\r\nalign-center | Boolean | false | 内容是否居中\r\nrow-span | Number \\| String \\| Function | - | 合并行数\r\ncol-span | Number \\| String \\| Function | - | 合并列数\r\nsummed | Boolean \\| Function | false | 列合计\r\nmultiple | Boolean | true | 选择列是否支持多选\r\nadd-button | Boolean \\| String \\| Function | false | 是否支持树形列添加子级按钮，可传入字符串定义按钮名称\r\nexpand-limit | String | - | 树形列最大展开层级,\r\nbutton-limit | String | 4 | 操作列最大展示按钮数，多余的按钮自动归为更多\r\n@handle | Function | - | 列操作事件（拖拽列拖拽事件、选择列选择事件、树形列展开事件、排序列排序事件）\r\n@add | Function | - | 树形列添加子级事件");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 各种列类型\r\n<c-table ref=\"table\">\r\n\t// 拖拽列\r\n\t<c-table-column\r\n\t\ttype=\"drag\"\r\n\t></c-table-column>\r\n\t\r\n\t// 选择列\r\n\t<c-table-column\r\n\t\ttype=\"selector\"\r\n\t></c-table-column>\r\n\t\r\n\t// 索引列\r\n\t<c-table-column\r\n\t\ttype=\"index\"\r\n\t></c-table-column>\r\n\t\r\n\t// 树形列\r\n\t<c-table-column\r\n\t\tlabel=\"树形列\"\r\n\t\ttype=\"tree\"\r\n\t></c-table-column>\r\n\t\r\n\t// 排序列\r\n\t<c-table-column\r\n\t\tlabel=\"排序列\"\r\n\t\ttype=\"sort\"\r\n\t></c-table-column>\r\n\t\r\n\t// 展开列\r\n\t<c-table-column\r\n\t\tlabel=\"展开列\"\r\n\t\ttype=\"expand\"\r\n\t>\r\n\t\t<template #default=\"{data}\">\r\n\t\t\t<span>点击展开</span>\r\n\t\t</template>\r\n\t\t\r\n\t\t// 展开行内容，expandData为@handle事件resolve回调传入的数据\r\n\t\t<template #expand=\"{data, expandData}\">\r\n\t\t\t<span>展开数据：{{expandData}}</span>\r\n\t\t</template>\r\n\t</c-table-column>\r\n\t\r\n\t// 操作列\r\n\t<c-table-column\r\n\t\tlabel=\"操作\"\r\n\t\ttype=\"button\"\r\n\t>\r\n\t\t<template #default=\"{data}\">\r\n\t\t\t<c-table-button>按钮</c-table-button>\r\n\t\t</template>\r\n\t</c-table-column>\r\n</c-table>\r\n\r\n// 其它功能\r\n<c-table ref=\"table\">\r\n\t// 多级表头\r\n\t<c-table-column\r\n\t\tlabel=\"多级表头\"\r\n\t>\r\n\t\t<c-table-column\r\n\t\t\tlabel=\"子表头1\"\r\n\t\t></c-table-column>\r\n\t\t<c-table-column\r\n\t\t\tlabel=\"子表头2\"\r\n\t\t></c-table-column>\r\n\t</c-table-column>\r\n\r\n\t// 自定义列头内容\r\n\t<c-table-column>\r\n\t\t<template #head>\r\n\t\t\t<c-button>自定义头部</c-button>\r\n\t\t</template>\r\n\t</c-table-column>\r\n\t\r\n\t// 列头提示\r\n\t<c-table-column>\r\n\t\t<template #tip>\r\n\t\t\t<c-tooltip tip=\"提示内容\"></c-tooltip>\r\n\t\t</template>\r\n\t</c-table-column>\r\n\r\n\t// 自定义单元格内容\r\n\t<c-table-column>\r\n\t\t<template #default=\"{data}\">\r\n\t\t\t<span>id: {{data.id}}</span>\r\n\t\t</template>\r\n\t</c-table-column>\r\n\r\n\t// 单元格编辑\r\n\t<c-table-column>\r\n\t\t<template #edit=\"{data}\">\r\n\t\t\t<c-table-input value=\"\" @resolve=\"\"></c-table-input>  // 文本框，功能同cInput组件\r\n\t\t\t<c-table-select value=\"\" @resolve=\"\"></c-table-select>  // 下拉框，功能同cSelect组件\r\n\t\t\t<c-table-datetime value=\"\" @resolve=\"\"></c-table-datetime>  // 日期时间框，功能同cDatetime组件\r\n\t\t</template>\r\n\t</c-table-column>\r\n\r\n\t// 固定合并行列\r\n\t<c-table-column\r\n\t\trow-span=\"2\" // 固定合并行数\r\n\t\tcol-span=\"2\" // 固定合并列数\r\n\t></c-table-column>\r\n\r\n\t// 动态计算合并行列\r\n\t<c-table-column\r\n\t\t:row-span=\"({data}, list) => {return 1}\" // 根据当前行数据data和所有行数据list自行计算合并行数\r\n\t\t:col-span=\"({data}, list) => {return 1}\" // 根据当前行数据data和所有行数据list自行计算合并列数\r\n\t></c-table-column>\r\n\t\r\n\t// 列数据合计\r\n\t<c-table-column\r\n\t\tsummed  // 默认使用单元格的内容进行合计\r\n\t>\r\n\t\t// 自定义合计内容，不需要可不写\r\n\t\t<template #summed=\"{total}\">\r\n\t\t\t合计：{{total}}\r\n\t\t</template>\r\n\t</c-table-column>\r\n\t\r\n\t// 传入函数返回自定义合计数据\r\n\t<c-table-column\r\n\t\t:summed=\"({data}) => {return data.num}\"\r\n\t></c-table-column>\r\n\r\n\t// 空数据提示，不定义时默认显示c-empty组件\r\n\t<template #empty>\r\n\t\t<p>暂无数据</p>\r\n\t</template>\r\n\r\n\t// 自定义行内容，使用后不渲染默认表格，参数data为行数据、index为行序号\r\n\t<template #custom=\"{data, index}\">\r\n\t\t<span>{{index}}: {{data.name}}</span>\r\n\t</template>\r\n</c-table>\r\n\r\n\r\n// 设置表格数据，和data属性功能相同\r\nthis.$refs.table.setData([...]);\r\n\r\n// 获取表格数据\r\nthis.$refs.table.getData();\r\n\r\n// 获取全部行对象\r\nthis.$refs.table.getRow();\r\n\r\n// 获取选中行数据\r\nthis.$refs.table.getRow('selected');\r\n\r\n// 获取指定序号行数据\r\nthis.$refs.table.getRow(0);\r\nthis.$refs.table.getRow([0, 1, 2]);\r\n\r\n// 获取符合自定义条件的行数据\r\nthis.$refs.table.getRow(item => {\r\n\treturn true;  // 这里返回判断条件\r\n});\r\n\r\n// 插入一行数据\r\nthis.$refs.table.push({});\r\n\r\n// 异步加载表格数据\r\nthis.$refs.table.load({\r\n\turl: '',  // 接口地址\r\n\tdata: {},  // 接口请求参数\r\n\tloading: true,  // 是否显示加载中状态\r\n\tdataFormatter: data => {},  // 接口返回数据处理方法\r\n\ttotalFormatter: res => {},  // 数据总数处理方法\r\n\tsuccess: data => {}  // 加载成功回调\r\n});\r\n\r\n// 更新指定页数据\r\nthis.$refs.table.update(1);\r\n\r\n// 刷新当前页数据\r\nthis.$refs.table.refresh();\r\n\r\n// 清空表格数据\r\nthis.$refs.table.clear();\r\n\r\n// 滚动表格到指定位置，x、y为像素坐标\r\nthis.$refs.table.scrollTo(x, y);\r\n```\r\n\r\n## 属性配置\r\n\r\n### 表格主体 <c-table\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ndata | Array | - | 表格数据：[{...}]\r\nheight | String \\| Number | auto | 表格高度\r\npaging | Boolean \\| Object | true | 是否显示分页栏\r\npaging.size | Number | 20 | 每页条数\r\npaging.select | Boolean | true | 是否支持选择每页条数\r\nborder | Boolean | false | 是否显示边框\r\nfixed-width | Boolean | false | 是否固定列宽\r\nwidth-resize | Boolean | false | 是否支持拖拽调整列宽\r\n@rowClick | Function | - | 行点击事件\r\n@dataChange | Function(data) | - | 表格数据变化事件\r\n@pagingChange | Function(data) | - | 分页切换事件<br>**data**: {pageIndex: 页码, pageSize: 每页条数}\r\n@widthResize | Function(data) | - | 列宽调整事件<br>**data**: {type: 列类型, name: 列字段名, width: 调整后的列宽}\r\n\r\n### 表格列 <c-table-column\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntype | String | normal | 列类型<br>**normal**: 普通列<br>**index**: 索引列<br>**drag**: 拖拽列<br>**selector**: 选择列<br>**expand**: 展开列<br>**tree**: 树形列<br>**sort**: 排序列<br>**button**: 操作列\r\nfixed | String \\| Boolean | false | 是否固定列<br>**left**: 固定在左侧<br>**right**: 固定在右侧<br>拖拽列、选择列、索引列默认固定在左侧，操作列默认固定在右侧\r\nlabel | String | - | 列名\r\nname | String | - | 列数据字段名\r\nwidth | String \\| Number | 100 | 列宽，拖拽列、选择列、索引列默认38，排序列默认104\r\nrequired | Boolean | false | 显示必填星号\r\nalign-center | Boolean | false | 内容是否居中\r\nellipsis | Boolean | 全局配置 | 内容超出列宽时省略显示\r\ntitle | Boolean | true | 单元格内容是否显示title提示，普通列、树形列默认显示，其它列默认不显示\r\nsortable | Boolean \\| Object | - | 列头是否支持排序，传入对象可配置排序字段名\r\neditable | Function | - | 单元格是否可编辑，接收行数据（{data}）返回布尔值，需定义#edit插槽，不设置时所有行均可编辑\r\nrow-span | Number \\| String \\| Function | 1 | 合并行数\r\ncol-span | Number \\| String \\| Function | 1 | 合并列数\r\nsummed | Boolean \\| Function \\| Object | false | 列合计，默认使用单元格的内容进行合计，也可传入函数返回自定义合计数据或传入对象配置（format: 自定义合计函数; includeChildren: 树形列合计是否包含子级）\r\nmultiple | Boolean | true | 选择列是否支持多选\r\nselected | Function | - | 选择列判断行是否选中，接收行数据（{data}）返回布尔值，默认判断行数据name字段的值\r\npaging-index | Boolean | false | 索引列序号是否包含分页偏移量\r\nleaf-node | Function | - | 树形列是否为叶子节点，接收行数据（{data}）返回布尔值\r\nadd-node | Boolean \\| String \\| Function | false | 树形列是否显示添加子级按钮，可传入字符串定义按钮名称，也可传入函数根据行数据判断\r\nlevel-limit | String \\| Number | - | 树形列最大展开层级\r\nexpand-button | Function | - | 展开列是否显示展开按钮，接收行数据（{data}）返回布尔值，默认显示\r\nexpand-fixed | Boolean | false | 展开行内容是否固定，固定后不随表格横向滚动\r\nbutton-limit | Number \\| String | 4 | 操作列最大展示按钮数，多余的按钮自动归为更多\r\n@handle | Function | - | 列操作事件（拖拽列拖拽事件、选择列选择事件、树形列展开事件、排序列排序事件、展开列展开加载事件）\r\n@add | Function | - | 树形列添加子级事件");
 
 /***/ }),
 
@@ -26976,17 +26969,6 @@ module.exports = isForced;
 
 }));
 
-/***/ }),
-
-/***/ "9545":
-/***/ (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_dialog_vue_vue_type_style_index_0_id_1707dd2d_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5a3c");
-/* 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_dialog_vue_vue_type_style_index_0_id_1707dd2d_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_dialog_vue_vue_type_style_index_0_id_1707dd2d_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9582":
@@ -27023,6 +27005,13 @@ exports.getEncodedBits = function getEncodedBits (errorCorrectionLevel, mask) {
 }
 
 
+/***/ }),
+
+/***/ "96ad":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "96e2":
@@ -27037,7 +27026,7 @@ exports.getEncodedBits = function getEncodedBits (errorCorrectionLevel, mask) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-qrcode></c-qrcode>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 二维码内容\r\nsize | String \\| Number | 300 | 二维码尺寸，包含边距\r\npadding | String \\| Number | 0 | 边距");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-qrcode></c-qrcode>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number | - | 二维码内容\r\nsize | String \\| Number | 300 | 二维码尺寸，包含边距\r\npadding | String \\| Number | 0 | 边距");
 
 /***/ }),
 
@@ -27053,7 +27042,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-tooltip tip=\"提示信息\">\r\n\t<c-button>按钮</c-button>\r\n\r\n\t<template #tip>\r\n\t\t<p>自定义提示内容</p>\r\n\t</template>\r\n</c-tooltip>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntip | String | - | 提示内容\r\nwidth | Number \\| String | - | 提示信息宽度\r\nposition | String | bottom | 跟随位置<br>**bottom**: 底部<br>**top**: 顶部<br>**left**: 左侧<br>**right**: 右侧\r\nalign | String | start | 对齐方向<br>**start**: 起始方向<br>**center**: 居中对齐<br>**end**: 结束方向\r\ncolor | String | black | 颜色<br>**black**: 黑色<br>**white**: 白色\r\nz-index | String \\| Number | 9999 | 提示信息层级\r\nclick-event | Boolean | false | 通过点击事件触发");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-tooltip tip=\"提示信息\">\r\n\t<c-button>按钮</c-button>\r\n\r\n\t<template #tip>\r\n\t\t<p>自定义提示内容</p>\r\n\t</template>\r\n</c-tooltip>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\ntip | String \\| Number \\| Boolean | - | 提示内容\r\nwidth | Number \\| String | - | 提示信息宽度\r\nposition | String | bottom | 跟随位置<br>**bottom**: 底部<br>**top**: 顶部<br>**left**: 左侧<br>**right**: 右侧\r\nalign | String | start | 对齐方向<br>**start**: 起始方向<br>**center**: 居中对齐<br>**end**: 结束方向\r\ncolor | String | black | 颜色<br>**black**: 黑色<br>**white**: 白色\r\nz-index | String \\| Number | 9999 | 提示信息层级\r\nclick-event | Boolean | false | 通过点击事件触发");
 
 /***/ }),
 
@@ -27139,7 +27128,7 @@ module.exports = "data:image/gif;base64,R0lGODlhFwAZAOYAAAAAAP////Hp7NTD0Pr7/+vv
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 复杂布局\r\n\r\n```\r\n<module>\r\n\t<module-row></module-row>\r\n\t<module-row>\r\n\t\t<module-col></module-col>\r\n\t\t<module-col></module-col>\r\n\t</module-row>\r\n</module>\r\n```");
+/* harmony default export */ __webpack_exports__["default"] = ("## 复杂布局\r\n\r\n```\r\n<module>\r\n\t<module-row ref=\"row\"></module-row>\r\n\t<module-row>\r\n\t\t<module-col></module-col>\r\n\t\t<module-col></module-col>\r\n\t</module-row>\r\n</module>\r\n\r\n// 模块行、模块列的公开方法\r\nthis.$refs.row.changeIndex(1);  // 切换到指定序号选项卡\r\nthis.$refs.row.changeValue(val);  // 切换到指定value选项卡\r\nthis.$refs.row.fold();  // 折叠该模块\r\nthis.$refs.row.expand();  // 展开该模块\r\n```\r\n\r\n## 属性配置\r\n\r\n### 模块 <module\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nenable-flex | Boolean | false | 模块内容是否为纵向弹性布局\r\ngap | Number \\| String | 7 | 子模块间距\r\ndrag | Boolean \\| String | true | 子模块拖拽条<br>**true**: 显示并允许拖拽调整子模块大小<br>**false**: 不显示拖拽条<br>**disabled**: 显示拖拽条但禁用拖拽\r\n\r\n### 模块行 <module-row\\> / 模块列 <module-col\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nsize | String | grow | 模块大小<br>**数字**: 固定像素值<br>**百分比**: 相对父模块的百分比<br>**auto**: 根据内容大小<br>**grow**: 占满剩余空间<br>**grow-auto**: 剩余空间和内容大小取较大值\r\nmini | Boolean | false | 是否可折叠\r\n@resize | Function | - | 模块大小改变事件");
 
 /***/ }),
 
@@ -27315,7 +27304,7 @@ module.exports = function (argument) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-link>链接名称</c-link>\r\n<c-link></c-link>  // 可不写连接名称，不写则展示链接地址\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nicon | Boolean \\| String | false | 是否显示icon，可传入icon的样式名自定义图标\r\ncolor | String | - | 文字颜色\r\nhref | String | - | 链接地址\r\ntarget | String | - | 赋值_blank新窗口打开");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-link>链接名称</c-link>\r\n<c-link></c-link>  // 可不写连接名称，不写则展示链接地址\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nicon | Boolean \\| String | false | 是否显示icon，可传入icon的样式名自定义图标\r\ncolor | String \\| Boolean | link | 文字颜色，false时不设置颜色\r\nhref | String | - | 链接地址\r\ntarget | String | - | 赋值_blank新窗口打开\r\n@click | Function | - | 点击链接回调");
 
 /***/ }),
 
@@ -28102,7 +28091,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 弹性布局\r\n\r\n```\r\n<c-flex-row margin gap>\r\n\t<c-flex-col grow=\"6\">\r\n\t\t// 内容\r\n\t</c-flex-col>\r\n\t<c-flex-col grow=\"6\">\r\n\t\t// 内容\r\n\t</c-flex-col>\r\n</c-flex-row>\r\n```");
+/* harmony default export */ __webpack_exports__["default"] = ("## 弹性布局\r\n\r\n```\r\n<c-flex-row margin gap>\r\n\t<c-flex-col grow=\"6\">\r\n\t\t// 内容\r\n\t</c-flex-col>\r\n\t<c-flex-col grow=\"6\">\r\n\t\t// 内容\r\n\t</c-flex-col>\r\n</c-flex-row>\r\n```\r\n\r\n## 属性配置\r\n\r\n### 弹性行 <c-flex-row\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nalign | String | start | 子元素垂直对齐方式<br>**start**: 顶部对齐<br>**center**: 居中对齐<br>**end**: 底部对齐");
 
 /***/ }),
 
@@ -29048,6 +29037,17 @@ module.exports = DESCRIPTORS && fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "afc5":
+/***/ (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_preview_vue_vue_type_style_index_0_id_4b3a2aa8_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fd11");
+/* 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_preview_vue_vue_type_style_index_0_id_4b3a2aa8_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_preview_vue_vue_type_style_index_0_id_4b3a2aa8_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b035":
@@ -29055,7 +29055,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\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) | - | 输入建议事件");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-input ref=\"input\">\r\n\t// 前置/后置文本插槽，与prepend-text、append-text属性同一区域展示\r\n\t<template #prependText>前置文本</template>\r\n\t<template #appendText>后置文本</template>\r\n\t\r\n\t// 前置/后置内容插槽\r\n\t<template #prepend>前置内容</template>\r\n\t<template #append>后置内容</template>\r\n\t\r\n\t// 前置/后置图标插槽\r\n\t<template #prependIcon><i class=\"c-icon-add\"></i></template>\r\n\t<template #appendIcon><i class=\"c-icon-add\"></i></template>\r\n</c-input>\r\n\r\n// 使输入框获取焦点\r\nthis.$refs.input.focus();\r\n\r\n// 选中输入框内容\r\nthis.$refs.input.select();\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number | - | 输入框的值，可使用v-model属性绑定变量\r\nname | String \\| Number | - | 字段名\r\ntype | String | text | 文本框类型<br>**text**: 文本框<br>**hidden**: 隐藏<br>**password**: 密码框<br>**number**: 数字框<br>**stepper**: 步进器<br>**textarea**: 多行文本\r\nplaceholder | String | - | 提示占位符\r\nmaxlength | Number \\| String | - | 可输入最大字符数\r\ndecimal | Number \\| String | 0 | 数字框小数位数\r\nrange | String \\| 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\nalign-center | Boolean | false | 输入内容是否居中\r\nclear | Boolean | true | 是否显示清空按钮\r\nheight-resize | Boolean \\| String \\| Object | true | 多行文本是否支持调整高度，'auto'表示自动高度\r\nsuggest | Boolean \\| Object | false | 是否开启输入建议，可传入对象配置<br>**empty**: 输入为空时仍触发建议事件<br>**add**: 建议列表中无当前输入时显示新增项，可传入字符串自定义文字\r\n@input | Function | - | 输入事件\r\n@focus | Function | - | 焦点移入事件\r\n@blur | Function | - | 焦点移出事件\r\n@change | Function | - | 内容改变事件\r\n@enter | Function(value) | - | 回车事件\r\n@suggest | Function(value, resolve) | - | 输入建议事件\r\n@add | Function(name, next) | - | 点击输入建议新增项事件<br>**name**: 新增项内容<br>**next**: 将新增项加入建议列表的方法");
 
 /***/ }),
 
@@ -29333,7 +29333,7 @@ module.exports = function (name) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\r\n<c-detail column=\"3\">\n\t<c-detail-item label=\"字段名\" colspan=\"2\">\n\t\t单独设置占两列\n\t</c-detail-item>\n\t\n\t<c-detail-item label=\"字段名\">\n\t\t内容\n\t</c-detail-item>\n</c-detail>\n```\n\n## 属性配置\r\n\r\n### 详情主体 <c-detail\\>\r\n\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\ncolumn | String | - | 列数\r\n\r\n### 详情项 <c-detail-item\\>\r\n\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\r\nlabel | String | - | 字段名\r\ncolspan | String | 1 | 该项占几列");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\n<c-detail column=\"3\">\n\t<c-detail-item label=\"字段名\" colspan=\"2\">\n\t\t单独设置占两列\n\t</c-detail-item>\n\t\n\t<c-detail-item label=\"字段名\">\n\t\t内容\n\t</c-detail-item>\n</c-detail>\n```\n\n## 属性配置\n\n### 详情主体 <c-detail\\>\n\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\ncolumn | Number \\| String | 1 | 列数\n\n### 详情项 <c-detail-item\\>\n\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\nlabel | String | - | 字段名\ncolspan | Number \\| String | 1 | 该项占几列");
 
 /***/ }),
 
@@ -30060,7 +30060,7 @@ module.exports = function (input, pref) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-select></c-select>  // 下拉框\r\n<c-region></c-region>  // 地址框\r\n<c-datetime></c-datetime>  // 日期框\r\n<c-color></c-color>  // 颜色框\r\n<c-transfer></c-transfer>  // 穿梭框\r\n```\r\n\r\n## 属性配置\r\n\r\n### 下拉框 <c-select\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 下拉框的值，可使用v-model属性绑定变量\r\nvalue-data | Array | - | 下拉框值对应的数据，异步模式下可用\r\nname | String | - | 字段名\r\nplaceholder | String | - | 提示占位符\r\noptions | Array | - | 选项数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\ndisabled | Boolean | false | 是否禁用下拉框\r\nmultiple | Boolean \\| Object | false | 是否支持多选\r\nmultiple.limit | Number | - | 多选最多可以选的选项数\r\nmultiple.linefeed | Boolean | false | 多选标签是否换行显示\r\nsearch | Boolean \\| Object | false | 是否支持搜索，异步模式下默认开启\r\nsearch.empty | Boolean | true | 异步模式下是否支持空搜索\r\nsearch.add | Boolean | false | 是否支持添加选项\r\nasync | Boolean | false | 异步模式\r\nclear | Boolean | false | 是否显示清空按钮\r\n@change | Function | - | 选项变化事件\r\n@search | Function(keyword, resolve) | - | 搜索事件，异步模式下可用\r\n@add | Function(keyword, resolve) | - | 添加选项事件\r\n@customEvent | Function(data, resolve) | - | 自定义事件\r\n\r\n### 地址框 <c-region\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 地址框的值，可使用v-model属性绑定变量\r\nprovince-name | String | - | 省份字段名\r\ncity-name | String | - | 城市字段名\r\ncounty-name | String | - | 区县字段名\r\naddress-name | String | - | 详细街道字段名\r\nlevel | String \\| Number | 3 | 地址库级别<br>**1**: 到省级<br>**2**: 到市级<br>**3**: 到区县级<br>**4**: 到详细街道地址\r\n\r\n### 日期框 <c-datetime\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 日期框的值，可使用v-model属性绑定变量\r\nname | String | - | 字段名\r\nstart-name | String | - | 开始日期字段名\r\nend-name | String | - | 结束日期字段名\r\nplaceholder | String | - | 提示占位符\r\ntype | String | datetime | 日期类型<br>**datetime**: 日期+时间<br>**date**: 仅日期<br>**time**: 仅时间\r\ntime-accuracy | String | sec | 时间精度<br>**hour**: 到小时<br>**min**: 到分钟<br>**sec**: 到秒\r\ndefault-time | String \\| Array | - | 默认时间\r\nrange | Boolean | - | 是否为范围选择\r\nformat | Boolean | 'yyyy-MM-dd hh:mm:ss' | 日期格式\r\ndisabled | Boolean | false | 是否禁用日期框\r\n\r\n### 颜色框 <c-color\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 颜色框的值，可使用v-model属性绑定变量\r\nname | String | - | 字段名\r\n\r\n### 穿梭框 <c-transfer\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | Array | - | 穿梭框的值，可使用v-model属性绑定变量\r\nvalue-data | Array | - | 穿梭框值对应的数据，异步模式下可用\r\nname | String | - | 字段名\r\ntitle | String \\| Array | 数据 | 穿梭框的标题，传入字符串xx时标题为\"全部xx\"和\"已选xx\"，也可传入数组：['左侧标题', '右侧标题']\r\ndata | Array | - | 所有可选数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\nsearch | Boolean \\| Object | false | 搜索功能，异步模式下默认开启\r\nsearch.immediate | Boolean | true | 异步模式下是否立即加载数据\r\nsearch.placeholder | String | - | 搜索框提示信息\r\nasync | Boolean | false | 异步模式\r\nsort | Boolean | false | 是否支持排序\r\n@search | Function(keyword, resolve) | - | 搜索事件，异步模式下可用");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-select ref=\"select\"></c-select>  // 下拉框\r\n\r\n// 自定义组件展示内容\r\n<c-select>\r\n\t<template #default=\"{value, valueData, valueName, active, warn}\">\r\n\t\t{{valueName}}  // value为值、valueData为值对应的数据、valueName为值的文本、active为是否展开、warn为是否警示\r\n\t</template>\r\n</c-select>\r\n\r\n// 自定义右侧图标\r\n<c-select>\r\n\t<template #icon>\r\n\t\t<i class=\"c-icon-angle-down\"></i>\r\n\t</template>\r\n</c-select>\r\n\r\n// 自定义选项内容\r\n<c-select>\r\n\t<template #option=\"{data, selected, disabled}\">\r\n\t\t{{data.name}}  // data为选项数据、selected为是否选中、disabled为是否禁用\r\n\t</template>\r\n</c-select>\r\n\r\n<c-region></c-region>  // 地址框\r\n\r\n<c-datetime></c-datetime>  // 日期框\r\n\r\n// 自定义组件展示内容\r\n<c-datetime>\r\n\t<template #default=\"{value, active, warn}\">\r\n\t\t{{value}}  // value为值、active为是否展开、warn为是否警示\r\n\t</template>\r\n</c-datetime>\r\n\r\n<c-color></c-color>  // 颜色框\r\n\r\n// 自定义组件展示内容\r\n<c-color>\r\n\t<template #default=\"{value, active, warn}\">\r\n\t\t{{value}}  // value为值、active为是否展开、warn为是否警示\r\n\t</template>\r\n</c-color>\r\n\r\n<c-transfer></c-transfer>  // 穿梭框\r\n\r\n// 设置数据\r\nthis.$refs.select.set('1');\r\n\r\n// 获取数据\r\nthis.$refs.select.get();\r\n\r\n// 获取值对应的数据\r\nthis.$refs.select.getData();\r\n```\r\n\r\n## 属性配置\r\n\r\n### 下拉框 <c-select\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number \\| Array | - | 下拉框的值，可使用v-model属性绑定变量\r\nvalue-data | Array | - | 下拉框值对应的数据，异步模式下可用\r\nname | String \\| Number | - | 字段名\r\nplaceholder | String | 请选择 | 提示占位符\r\noptions | Array \\| String | [] | 选项数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]<br>传入字符串时为全局数据源配置（data.options）中注册的数据源名称\r\ndisable-options | Array | [] | 禁用的选项，为选项value组成的数组\r\nlist-width | String \\| Number | 0 | 下拉列表宽度，实际宽度不小于组件宽度\r\nlist-height | String \\| Number | 300 | 下拉列表最大高度\r\ndisabled | Boolean | false | 是否禁用下拉框\r\nmultiple | Boolean \\| Object | false | 是否支持多选\r\nmultiple.limit | Number | - | 多选最多可以选的选项数\r\nmultiple.linefeed | Boolean | false | 多选标签是否换行显示\r\nsearch | Boolean \\| Object | false | 是否支持搜索，异步模式下默认开启\r\nsearch.empty | Boolean | true | 异步模式下是否支持空搜索\r\nsearch.add | Boolean | false | 是否支持添加选项\r\nsearch.addEvents | Array | ['option'] | 添加选项的触发方式<br>**option**: 点击列表中的添加项<br>**enter**: 输入框回车<br>**blur**: 输入框失焦\r\nsearch.options | String | - | 异步搜索的数据源名称，为全局数据源配置（data.options）中注册的数据源，不设置时触发@search事件\r\nasync | Boolean | false | 异步模式\r\nclear | Boolean | true | 是否显示清空按钮\r\n@change | Function | - | 选项变化事件\r\n@search | Function(keyword, resolve) | - | 搜索事件，异步模式下可用\r\n@add | Function(event, keyword, resolve) | - | 添加选项事件\r\n@customEvent | Function(data, resolve) | - | 自定义事件\r\n\r\n### 地址框 <c-region\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | Object | - | 地址框的值，为对象格式：{province, city, county, address}，可使用v-model属性绑定变量\r\nprovince-name | String \\| Number | - | 省份字段名\r\ncity-name | String \\| Number | - | 城市字段名\r\ncounty-name | String \\| Number | - | 区县字段名\r\naddress-name | String \\| Number | - | 详细街道字段名\r\nlevel | String \\| Number | 3 | 地址库级别<br>**1**: 到省级<br>**2**: 到市级<br>**3**: 到区县级<br>**4**: 到详细街道地址\r\ndisabled | Boolean | false | 是否禁用地址框\r\nimmediate | Boolean | true | 是否在初始化时立即加载省份数据\r\n@change | Function(value) | - | 地址变化事件\r\n\r\n### 日期框 <c-datetime\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Array | - | 日期框的值，范围选择时为数组：[开始日期, 结束日期]，可使用v-model属性绑定变量\r\nname | String \\| Number | - | 字段名\r\nstart-name | String \\| Number | - | 开始日期字段名\r\nend-name | String \\| Number | - | 结束日期字段名\r\nplaceholder | String \\| Array | - | 提示占位符，范围选择时可传入数组：[开始提示, 结束提示]\r\ntype | String | datetime | 日期类型<br>**datetime**: 日期+时间<br>**date**: 仅日期<br>**time**: 仅时间\r\ntime-accuracy | String | sec | 时间精度<br>**hour**: 到小时<br>**min**: 到分钟<br>**sec**: 到秒\r\ndefault-time | String \\| Array | - | 默认时间\r\nrange | Boolean \\| Object | false | 是否为范围选择\r\nrange.limit | Number | false | 范围选择时可选范围的最大天数\r\nformat | String | 随type变化 | 日期格式，默认随type变化<br>**datetime**: 'yyyy-MM-dd hh:mm:ss'<br>**date**: 'yyyy-MM-dd'<br>**time**: 'hh:mm:ss'\r\neditable | Boolean | true | 是否可手动输入\r\nclear | Boolean | true | 是否显示清空按钮\r\nmin-date | String | - | 最小可选日期\r\nmax-date | String | - | 最大可选日期\r\ndisabled | Boolean | false | 是否禁用日期框\r\n@change | Function(value) | - | 日期变化事件\r\n\r\n### 颜色框 <c-color\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 颜色框的值，可使用v-model属性绑定变量\r\nname | String \\| Number | - | 字段名\r\neditable | Boolean | true | 是否可手动输入\r\ndisabled | Boolean | false | 是否禁用颜色框\r\nclear | Boolean | true | 是否显示清空按钮\r\n@change | Function(value) | - | 颜色变化事件\r\n\r\n### 穿梭框 <c-transfer\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | Array | - | 穿梭框的值，可使用v-model属性绑定变量\r\nvalue-data | Array | - | 穿梭框值对应的数据，异步模式下可用\r\nname | String \\| Number | - | 字段名\r\ntitle | String \\| Array | 数据 | 穿梭框的标题，传入字符串xx时标题为\"全部xx\"和\"已选xx\"，也可传入数组：['左侧标题', '右侧标题']\r\noptions | Array | [] | 所有可选数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\ndisable-options | Array | [] | 禁用的选项，为选项value组成的数组\r\nsearch | Boolean \\| Object | false | 搜索功能，异步模式下默认开启\r\nsearch.immediate | Boolean | true | 异步模式下是否立即加载数据\r\nsearch.placeholder | String | 输入关键词搜索 | 搜索框提示信息\r\nasync | Boolean | false | 异步模式\r\nheight | String \\| Number | 300 | 穿梭框列表高度\r\nsort | Boolean | false | 是否支持排序\r\n@change | Function(data) | - | 选项变化事件\r\n@search | Function(keyword, resolve) | - | 搜索事件，异步模式下可用");
 
 /***/ }),
 
@@ -31481,13 +31481,6 @@ module.exports = function (it) {
 
 /***/ }),
 
-/***/ "cd42":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "cdbf":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -31604,7 +31597,7 @@ module.exports = {};
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 网格布局\r\n\r\n```\r\n<c-grid-row column=\"3\" margin gap>\r\n\t<c-grid-col>\r\n\t\t// 内容\r\n\t</c-grid-col>\r\n\t<c-grid-col colspan=\"2\">\r\n\t\t// 内容\r\n\t</c-grid-col>\r\n</c-grid-row>\r\n```");
+/* harmony default export */ __webpack_exports__["default"] = ("## 网格布局\r\n\r\n```\r\n<c-grid-row column=\"3\" margin gap>\r\n\t<c-grid-col>\r\n\t\t// 内容\r\n\t</c-grid-col>\r\n\t<c-grid-col colspan=\"2\">\r\n\t\t// 内容\r\n\t</c-grid-col>\r\n</c-grid-row>\r\n```\r\n\r\n## 属性配置\r\n\r\n### 网格行 <c-grid-row\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nrow-gap | Boolean \\| Number \\| String | false | 网格行间距，传true时使用全局配置间距\r\ncolumn-gap | Boolean \\| Number \\| String | false | 网格列间距，传true时使用全局配置间距，定义任一项后gap属性不生效");
 
 /***/ }),
 
@@ -31760,7 +31753,7 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\n<c-window ref=\"window\">\n\t<div>窗口内容</div>\n\n\t<template #beforeButton>\n\t\t自定义内容\n\t</template>\n\t\n\t<template #button>\n\t\t<c-button>按钮名称</c-button>\n\t</template>\n</c-window>\n\nthis.$refs.window.show(follow, position, align)  // 显示悬浮窗口，follow：跟随的目标节点，position：跟随位置（top、bottom、left、right），align：对齐方向（start、end）\nthis.$refs.window.hide()  // 隐藏悬浮窗口\n```\n\n## 属性配置\n\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\ntitle | String | - | 悬浮窗口标题\nwidth | Number \\| String | 400 | 悬浮窗口宽度\nheight | Number \\| String | - | 悬浮窗口内容区域高度\nposition | String | bottom | 跟随位置<br>**bottom**: 底部<br>**top**: 顶部<br>**left**: 左侧<br>**right**: 右侧\nalign | String | start | 对齐方向<br>**start**: 起始方向<br>**end**: 结束方向");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\n\n```\n<c-window ref=\"window\">\n\t<div>窗口内容</div>\n\n\t<template #foot>\n\t\t底部内容\n\t</template>\n\t\n\t<template #button>\n\t\t<c-button>按钮名称</c-button>\n\t</template>\n</c-window>\n\nthis.$refs.window.show(follow, position, align)  // 显示悬浮窗口，follow：跟随的目标节点，position：跟随位置（top、bottom、left、right），align：对齐方向（start、end）\nthis.$refs.window.hide()  // 隐藏悬浮窗口\n```\n\n## 属性配置\n\n属性 | 类型 | 默认值 | 说明\n---- | ---- | ---- | ----\ntitle | String | - | 悬浮窗口标题\nwidth | Number \\| String | 400 | 悬浮窗口宽度\nheight | Number \\| String | auto | 悬浮窗口内容区域高度\nposition | String | bottom | 跟随位置<br>**bottom**: 底部<br>**top**: 顶部<br>**left**: 左侧<br>**right**: 右侧\nalign | String | start | 对齐方向<br>**start**: 起始方向<br>**end**: 结束方向\n@close | Function | - | 点击关闭图标时触发");
 
 /***/ }),
 
@@ -32983,7 +32976,7 @@ module.exports = function (argument, $default) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-countdown></c-countdown>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nms | String \\| Number | - | 剩余毫秒数\r\nsec | String \\| Number | - | 剩余秒数\r\ndate | String | - | 结束时间\r\nicon | Boolean \\| String | false | 是否显示icon，可传入icon的样式名自定义图标\r\ncolor | String | - | 文字颜色");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-countdown sec=\"60\" ref=\"countdown\"></c-countdown>\r\n\r\n// 自定义倒计时内容，作用域参数text为倒计时文本，data为倒计时数据\r\n<c-countdown sec=\"60\">\r\n\t<template #default=\"{text, data}\">{{data.day}}天 {{data.hour}}:{{data.min}}:{{data.sec}}</template>\r\n</c-countdown>\r\n\r\nthis.$refs.countdown.setMS(1000)  // 设置剩余毫秒数\r\nthis.$refs.countdown.setSec(60)  // 设置剩余秒数\r\nthis.$refs.countdown.setTime(1600000000000)  // 设置目标时间，时间戳或日期字符串\r\nthis.$refs.countdown.abort()  // 终止倒计时\r\nthis.$refs.countdown.hide()  // 终止倒计时并隐藏组件\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nms | String \\| Number | - | 剩余毫秒数\r\nsec | String \\| Number | - | 剩余秒数\r\ntime | String \\| Number | - | 目标时间，时间戳或日期字符串\r\n@end | Function | - | 倒计时结束回调\r\n");
 
 /***/ }),
 
@@ -32999,7 +32992,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-switch></c-switch>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | Any | false | 开关当前的状态值，可使用v-model属性绑定变量\r\nstate-value | Array | [true, false] | 开关的状态值，第0项对于打开状态，第1项对应关闭状态\r\nstate-text | Array | ['开启', '关闭']] | 开关的状态文字，第0项对于打开状态，第1项对应关闭状态\r\nstate-color | Array | ['#00B578', '#eee'] | 开关的状态颜色，第0项对于打开状态，第1项对应关闭状态\r\n@beforeChange | Function(state, next) | - | 开关状态变更前的回调函数<br>**state**: 开关变更前的状态<br>**next**: 继续变更开关状态的方法，不调用则开关状态不变更\r\n@change | Function(state) | - | 开关状态变更后的回调函数<br>**state**: 开关变更后的状态");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-switch></c-switch>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | Boolean \\| Number \\| String | false | 开关当前的状态值，可使用v-model属性绑定变量\r\nname | String \\| Number | - | 字段名\r\nstate-value | Array | [true, false] | 开关的状态值，第0项对于打开状态，第1项对应关闭状态\r\nstate-text | Array | ['开启', '关闭'] | 开关的状态文字，第0项对于打开状态，第1项对应关闭状态\r\nstate-color | Array | ['#00B578', '#eee'] | 开关的状态颜色，第0项对于打开状态，第1项对应关闭状态\r\n@input | Function | - | 输入事件\r\n@beforeChange | Function(state, next) | - | 开关状态变更前的回调函数<br>**state**: 开关变更前的状态<br>**next**: 继续变更开关状态的方法，不调用则开关状态不变更\r\n@change | Function(state) | - | 开关状态变更后的回调函数<br>**state**: 开关变更后的状态");
 
 /***/ }),
 
@@ -33446,7 +33439,7 @@ module.exports = function combineURLs(baseURL, relativeURL) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 单选框\r\n<c-radio-group>\r\n\t<c-radio value=\"1\">选项一</c-radio>\r\n\t<c-radio value=\"2\">选项二</c-radio>\r\n</c-radio-group>\r\n<c-radio-group :options=\"[{\"name\": \"选项一\", \"value\": \"1\"}]\"></c-radio-group>\r\n\r\n// 复选框\r\n<c-checkbox-group>\r\n\t<c-checkbox value=\"1\">选项一</c-checkbox>\r\n\t<c-checkbox value=\"2\">选项二</c-checkbox>\r\n</c-checkbox-group>\r\n<c-checkbox-group :options=\"[{\"name\": \"选项一\", \"value\": \"1\"}]\"></c-checkbox-group>\r\n```\r\n\r\n## 属性配置\r\n\r\n### 单选框组 <c-radio-group\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 单选框组的值，可使用v-model属性绑定变量\r\nname | String | - | 字段名\r\ndisabled | Boolean | false | 是否禁用单选框组下所有单选框\r\nlimit | String \\| String | - | 最多可选项数\r\noptions | Array | - | 选项可以直接在组件中使用单选框组件也可通过该数据传入选项数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\n\r\n### 单选框 <c-radio\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number \\| Boolean | - | 在单选框组中表示该选项的值<br>独立使用时为布尔值，表示选中状态\r\ndisabled | Boolean | false | 是否禁用单选框\r\n\r\n### 复选框组 <c-checkbox-group\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Array | - | 复选框组的值，可输入逗号隔开的字符串（'1,2'）或数组（[1, 2]），可使用v-model属性绑定变量\r\nname | String | - | 字段名\r\ndisabled | Boolean | false | 是否禁用复选框组下所有复选框\r\nlimit | String \\| String | - | 最多可选项数\r\noptions | Array | - | 选项可以直接在组件中使用复选框组件也可通过该数据传入选项数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\n\r\n### 复选框 <c-checkbox\\>\r\n```\r\n<c-checkbox\\>组件可在复选框组中使用，也可独立使用\r\n```\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number \\| Boolean | - | 在复选框组中表示该选项的值<br>独立使用时为布尔值，表示选中状态\r\ndisabled | Boolean | false | 是否禁用复选框\r\n@change | Function | - | 勾选状态改变事件，仅独立使用时可用\r\n@click | Function | - | 复选框点击事件");
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n// 单选框\r\n<c-radio-group>\r\n\t<c-radio value=\"1\">选项一</c-radio>\r\n\t<c-radio value=\"2\">选项二</c-radio>\r\n</c-radio-group>\r\n<c-radio-group :options='[{\"name\": \"选项一\", \"value\": \"1\"}]'></c-radio-group>\r\n\r\n// 复选框\r\n<c-checkbox-group>\r\n\t<c-checkbox value=\"1\">选项一</c-checkbox>\r\n\t<c-checkbox value=\"2\">选项二</c-checkbox>\r\n</c-checkbox-group>\r\n<c-checkbox-group :options='[{\"name\": \"选项一\", \"value\": \"1\"}]'></c-checkbox-group>\r\n```\r\n\r\n## 属性配置\r\n\r\n### 单选框组 <c-radio-group\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number | - | 单选框组的值，可使用v-model属性绑定变量\r\nname | String \\| Number | - | 字段名\r\ndisabled | Boolean | false | 是否禁用单选框组下所有单选框\r\noptions | Array | - | 选项可以直接在组件中使用单选框组件也可通过该数据传入选项数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\n@change | Function(value) | - | 选项变化事件\r\n\r\n### 单选框 <c-radio\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number | - | 在单选框组中表示该选项的值\r\ndisabled | Boolean | false | 是否禁用单选框\r\n@change | Function(state) | - | 选中状态改变事件\r\n\r\n### 复选框组 <c-checkbox-group\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number \\| Array | - | 复选框组的值，可输入逗号隔开的字符串（'1,2'）或数组（[1, 2]），可使用v-model属性绑定变量\r\nname | String \\| Number | - | 字段名\r\ndisabled | Boolean | false | 是否禁用复选框组下所有复选框\r\nlimit | String \\| Number | - | 最多可选项数\r\noptions | Array | - | 选项可以直接在组件中使用复选框组件也可通过该数据传入选项数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\n@change | Function(value) | - | 选项变化事件\r\n\r\n### 复选框 <c-checkbox\\>\r\n```\r\n<c-checkbox\\>组件可在复选框组中使用，也可独立使用\r\n```\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number \\| Boolean | - | 在复选框组中表示该选项的值<br>独立使用时为布尔值，表示选中状态\r\nreadonly | Boolean | false | 是否只读，只读时点击不改变勾选状态\r\ndisabled | Boolean | false | 是否禁用复选框\r\nhalf | Boolean | false | 是否显示半选样式\r\nsize | String \\| Number | 20 | 复选框尺寸，单位px\r\n@change | Function(state) | - | 勾选状态改变事件，组内勾选和独立使用时均触发");
 
 /***/ }),
 
@@ -36396,8 +36389,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":"1a4936e4-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() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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=7c86bf5a&scoped=true&
+var windowvue_type_template_id_7c86bf5a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', [_c('c-button', {
@@ -36410,10 +36403,11 @@ var windowvue_type_template_id_7c9c33d0_scoped_true_render = function render() {
   }, [_vm._v("显示窗口")]), _c('c-window', {
     ref: "window",
     attrs: {
-      "title": "测试"
+      "title": "测试",
+      "mask-close": ""
     },
     scopedSlots: _vm._u([{
-      key: "beforeButton",
+      key: "foot",
       fn: function () {
         return [_vm._v(" 自定义内容 ")];
       },
@@ -36436,9 +36430,9 @@ var windowvue_type_template_id_7c9c33d0_scoped_true_render = function render() {
     }
   })]);
 };
-var windowvue_type_template_id_7c9c33d0_scoped_true_staticRenderFns = [];
+var windowvue_type_template_id_7c86bf5a_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/api/window.vue?vue&type=template&id=7c9c33d0&scoped=true&
+// CONCATENATED MODULE: ./src/api/window.vue?vue&type=template&id=7c86bf5a&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_ = ({
@@ -36460,11 +36454,11 @@ var windowvue_type_template_id_7c9c33d0_scoped_true_staticRenderFns = [];
 
 var window_component = normalizeComponent(
   api_windowvue_type_script_lang_js_,
-  windowvue_type_template_id_7c9c33d0_scoped_true_render,
-  windowvue_type_template_id_7c9c33d0_scoped_true_staticRenderFns,
+  windowvue_type_template_id_7c86bf5a_scoped_true_render,
+  windowvue_type_template_id_7c86bf5a_scoped_true_staticRenderFns,
   false,
   null,
-  "7c9c33d0",
+  "7c86bf5a",
   null
   
 )
@@ -41641,8 +41635,8 @@ var unit_editor_component = normalizeComponent(
 )
 
 /* harmony default export */ var unit_editor = (unit_editor_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/dialog.vue?vue&type=template&id=1707dd2d&scoped=true&
-var dialogvue_type_template_id_1707dd2d_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/dialog.vue?vue&type=template&id=5bcd3a66&scoped=true&
+var dialogvue_type_template_id_5bcd3a66_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -41693,7 +41687,9 @@ var dialogvue_type_template_id_1707dd2d_scoped_true_render = function render() {
     on: {
       "mousedown": _vm.moveHandle
     }
-  }, [_c('p', [_vm._v(_vm._s(_vm.$t(_vm.options.title)))]), _vm._t("head")], 2) : _vm._e(), _c('div', {
+  }, [_vm.options.title ? _c('p', {
+    staticClass: "c-dialog-title"
+  }, [_vm._v(_vm._s(_vm.$t(_vm.options.title)))]) : _vm._e(), _vm._t("head")], 2) : _vm._e(), _c('div', {
     staticClass: "flex c-dialog-handle"
   }, [_vm.compResizeButton ? [_vm.compResizeButton.includes('min') ? _c('div', {
     staticClass: "c-dialog-handle-item flex-center",
@@ -41729,7 +41725,11 @@ var dialogvue_type_template_id_1707dd2d_scoped_true_render = function render() {
       'overflow': _vm.compHeight == 'auto' ? '' : 'auto'
     }
   }, [_vm._t("default")], 2), _vm.options.button ? _c('div', {
-    staticClass: "c-dialog-button flex-center-cross flex-end-center"
+    staticClass: "c-dialog-foot flex-between-center"
+  }, [_c('div', {
+    staticClass: "flex-grow flex-start-center"
+  }, [_vm._t("foot")], 2), _c('div', {
+    staticClass: "flex-center"
   }, [_vm.$slots.button ? _vm._t("button") : [_c('c-button', {
     attrs: {
       "size": "dialog",
@@ -41749,11 +41749,11 @@ var dialogvue_type_template_id_1707dd2d_scoped_true_render = function render() {
         return _vm.buttonHandle('cancel');
       }
     }
-  }, [_vm._v(_vm._s(_vm.$t(_vm.options.cancelButtonName)))]) : _vm._e()]], 2) : _vm._e()])])]);
+  }, [_vm._v(_vm._s(_vm.$t(_vm.options.cancelButtonName)))]) : _vm._e()]], 2)]) : _vm._e()])])]);
 };
-var dialogvue_type_template_id_1707dd2d_scoped_true_staticRenderFns = [];
+var dialogvue_type_template_id_5bcd3a66_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/popup/dialog.vue?vue&type=template&id=1707dd2d&scoped=true&
+// CONCATENATED MODULE: ./src/components/popup/dialog.vue?vue&type=template&id=5bcd3a66&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/dialog.vue?vue&type=script&lang=js&
 /* harmony default export */ var popup_dialogvue_type_script_lang_js_ = ({
@@ -42071,8 +42071,8 @@ var dialogvue_type_template_id_1707dd2d_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/popup/dialog.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_popup_dialogvue_type_script_lang_js_ = (popup_dialogvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/popup/dialog.vue?vue&type=style&index=0&id=1707dd2d&prod&lang=stylus&scoped=true&
-var dialogvue_type_style_index_0_id_1707dd2d_prod_lang_stylus_scoped_true_ = __webpack_require__("9545");
+// EXTERNAL MODULE: ./src/components/popup/dialog.vue?vue&type=style&index=0&id=5bcd3a66&prod&lang=stylus&scoped=true&
+var dialogvue_type_style_index_0_id_5bcd3a66_prod_lang_stylus_scoped_true_ = __webpack_require__("6ae4");
 
 // CONCATENATED MODULE: ./src/components/popup/dialog.vue
 
@@ -42085,21 +42085,26 @@ var dialogvue_type_style_index_0_id_1707dd2d_prod_lang_stylus_scoped_true_ = __w
 
 var popup_dialog_component = normalizeComponent(
   components_popup_dialogvue_type_script_lang_js_,
-  dialogvue_type_template_id_1707dd2d_scoped_true_render,
-  dialogvue_type_template_id_1707dd2d_scoped_true_staticRenderFns,
+  dialogvue_type_template_id_5bcd3a66_scoped_true_render,
+  dialogvue_type_template_id_5bcd3a66_scoped_true_staticRenderFns,
   false,
   null,
-  "1707dd2d",
+  "5bcd3a66",
   null
   
 )
 
 /* 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":"1a4936e4-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=3d87fc16&scoped=true&
-var windowvue_type_template_id_3d87fc16_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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=7be7cd03&scoped=true&
+var windowvue_type_template_id_7be7cd03_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('dl', {
+  return _c('div', [_vm.maskClose && _vm.active ? _c('div', {
+    staticClass: "c-window-mask",
+    on: {
+      "click": _vm.hide
+    }
+  }) : _vm._e(), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -42108,35 +42113,38 @@ var windowvue_type_template_id_3d87fc16_scoped_true_render = function render() {
     }],
     staticClass: "c-window",
     style: _vm.compStyle
-  }, [_c('dt', {
-    staticClass: "flex-between-center"
+  }, [_vm.title !== false ? _c('div', {
+    staticClass: "c-window-head flex-between-center"
   }, [_c('p', [_vm._v(_vm._s(_vm.$t(_vm.title)))]), _c('a', {
     on: {
       "click": _vm.hideHandle
     }
   }, [_c('i', {
     staticClass: "c-icon-cross"
-  })])]), _c('dd', {
+  })])]) : _vm._e(), _c('div', {
     ref: "content",
+    staticClass: "c-window-body",
     style: {
       'height': _vm.parsePixel(this.height, true)
     }
-  }, [_vm._t("default")], 2), _vm.$scopedSlots.button ? _c('dd', {
-    staticClass: "flex-between-center"
-  }, [_c('div', [_vm._t("beforeButton")], 2), _c('div', {
-    staticClass: "c-window-button flex"
-  }, [_vm._t("button")], 2)]) : _vm._e()]);
+  }, [_vm._t("default")], 2), _vm.$scopedSlots.button ? _c('div', {
+    staticClass: "c-window-foot flex-between-center"
+  }, [_c('div', {
+    staticClass: "flex-grow flex-start-center"
+  }, [_vm._t("foot")], 2), _c('div', {
+    staticClass: "c-window-button flex-center"
+  }, [_vm._t("button")], 2)]) : _vm._e()])]);
 };
-var windowvue_type_template_id_3d87fc16_scoped_true_staticRenderFns = [];
+var windowvue_type_template_id_7be7cd03_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/popup/window.vue?vue&type=template&id=3d87fc16&scoped=true&
+// CONCATENATED MODULE: ./src/components/popup/window.vue?vue&type=template&id=7be7cd03&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&
 
 /* harmony default export */ var popup_windowvue_type_script_lang_js_ = ({
   name: 'cWindow',
   props: {
-    title: String,
+    title: [String, Boolean],
     width: {
       type: [Number, String],
       default: 400
@@ -42152,6 +42160,12 @@ var windowvue_type_template_id_3d87fc16_scoped_true_staticRenderFns = [];
     align: {
       type: String,
       default: 'start'
+    },
+    maskClose: {
+      type: Boolean,
+      default() {
+        return this.$compsConfig.config.window.maskClose;
+      }
     }
   },
   data() {
@@ -42220,8 +42234,8 @@ var windowvue_type_template_id_3d87fc16_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=3d87fc16&prod&lang=stylus&scoped=true&
-var windowvue_type_style_index_0_id_3d87fc16_prod_lang_stylus_scoped_true_ = __webpack_require__("6cf1");
+// EXTERNAL MODULE: ./src/components/popup/window.vue?vue&type=style&index=0&id=7be7cd03&prod&lang=stylus&scoped=true&
+var windowvue_type_style_index_0_id_7be7cd03_prod_lang_stylus_scoped_true_ = __webpack_require__("2da3");
 
 // CONCATENATED MODULE: ./src/components/popup/window.vue
 
@@ -42234,11 +42248,11 @@ var windowvue_type_style_index_0_id_3d87fc16_prod_lang_stylus_scoped_true_ = __w
 
 var popup_window_component = normalizeComponent(
   components_popup_windowvue_type_script_lang_js_,
-  windowvue_type_template_id_3d87fc16_scoped_true_render,
-  windowvue_type_template_id_3d87fc16_scoped_true_staticRenderFns,
+  windowvue_type_template_id_7be7cd03_scoped_true_render,
+  windowvue_type_template_id_7be7cd03_scoped_true_staticRenderFns,
   false,
   null,
-  "3d87fc16",
+  "7be7cd03",
   null
   
 )
@@ -48786,8 +48800,8 @@ var form_column_component = normalizeComponent(
 )
 
 /* harmony default export */ var form_column = (form_column_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/detail/index.vue?vue&type=template&id=f90163f2&
-var detailvue_type_template_id_f90163f2_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/detail/index.vue?vue&type=template&id=6a298e68&
+var detailvue_type_template_id_6a298e68_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -48796,9 +48810,9 @@ var detailvue_type_template_id_f90163f2_render = function render() {
     staticClass: "c-detail-content flex-wrap"
   }, [_vm._t("default")], 2)]);
 };
-var detailvue_type_template_id_f90163f2_staticRenderFns = [];
+var detailvue_type_template_id_6a298e68_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=template&id=f90163f2&
+// CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=template&id=6a298e68&
 
 // 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/detail/index.vue?vue&type=script&lang=js&
 
@@ -48833,8 +48847,8 @@ var detailvue_type_template_id_f90163f2_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_components_detailvue_type_script_lang_js_ = (components_detailvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/detail/index.vue?vue&type=style&index=0&id=f90163f2&prod&lang=stylus&
-var detailvue_type_style_index_0_id_f90163f2_prod_lang_stylus_ = __webpack_require__("6d4f");
+// EXTERNAL MODULE: ./src/components/detail/index.vue?vue&type=style&index=0&id=6a298e68&prod&lang=stylus&
+var detailvue_type_style_index_0_id_6a298e68_prod_lang_stylus_ = __webpack_require__("1a84");
 
 // CONCATENATED MODULE: ./src/components/detail/index.vue
 
@@ -48847,8 +48861,8 @@ var detailvue_type_style_index_0_id_f90163f2_prod_lang_stylus_ = __webpack_requi
 
 var components_detail_component = normalizeComponent(
   src_components_detailvue_type_script_lang_js_,
-  detailvue_type_template_id_f90163f2_render,
-  detailvue_type_template_id_f90163f2_staticRenderFns,
+  detailvue_type_template_id_6a298e68_render,
+  detailvue_type_template_id_6a298e68_staticRenderFns,
   false,
   null,
   null,
@@ -48857,12 +48871,12 @@ var components_detail_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_detail = (components_detail_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/detail/item.vue?vue&type=template&id=40ab58d9&
-var itemvue_type_template_id_40ab58d9_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/detail/item.vue?vue&type=template&id=52f9a252&
+var itemvue_type_template_id_52f9a252_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "c-detail-item flex flex-grow",
+    staticClass: "c-detail-item flex",
     style: {
       'width': _vm.compWidth
     }
@@ -48872,9 +48886,9 @@ var itemvue_type_template_id_40ab58d9_render = function render() {
     staticClass: "c-detail-item-content flex-grow"
   }, [_vm._t("default")], 2)]);
 };
-var itemvue_type_template_id_40ab58d9_staticRenderFns = [];
+var itemvue_type_template_id_52f9a252_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/detail/item.vue?vue&type=template&id=40ab58d9&
+// CONCATENATED MODULE: ./src/components/detail/item.vue?vue&type=template&id=52f9a252&
 
 // 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/detail/item.vue?vue&type=script&lang=js&
 
@@ -48911,8 +48925,8 @@ var itemvue_type_template_id_40ab58d9_staticRenderFns = [];
 
 var detail_item_component = normalizeComponent(
   components_detail_itemvue_type_script_lang_js_,
-  itemvue_type_template_id_40ab58d9_render,
-  itemvue_type_template_id_40ab58d9_staticRenderFns,
+  itemvue_type_template_id_52f9a252_render,
+  itemvue_type_template_id_52f9a252_staticRenderFns,
   false,
   null,
   null,
@@ -54580,8 +54594,8 @@ var confirm_component = normalizeComponent(
 )
 
 /* harmony default export */ var popup_confirm = (confirm_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/preview.vue?vue&type=template&id=3a801f5a&scoped=true&
-var previewvue_type_template_id_3a801f5a_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a4936e4-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/preview.vue?vue&type=template&id=4b3a2aa8&scoped=true&
+var previewvue_type_template_id_4b3a2aa8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -54729,9 +54743,9 @@ var previewvue_type_template_id_3a801f5a_scoped_true_render = function render()
     staticClass: "c-icon-zoom-out"
   })])] : _vm._e()], 2)])]);
 };
-var previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns = [];
+var previewvue_type_template_id_4b3a2aa8_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=template&id=3a801f5a&scoped=true&
+// CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=template&id=4b3a2aa8&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/preview.vue?vue&type=script&lang=js&
 
@@ -54839,6 +54853,49 @@ var previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns = [];
               window.addEventListener('mouseup', this._dragEnd);
               this._dragState = true;
             });
+            this.$refs.img.addEventListener('touchstart', e => {
+              e.preventDefault();
+              let {
+                targetTouches: touchs
+              } = e;
+              if (touchs.length >= 2) {
+                this._dragEnd && this._dragEnd();
+                let {
+                  0: t1,
+                  1: t2
+                } = touchs;
+                this._start = Math.sqrt(Math.pow(Math.abs(t1.clientX - t2.clientX), 2) + Math.pow(Math.abs(t1.clientY - t2.clientY), 2));
+                this._startScale = this.scale;
+                this._drag = ({
+                  targetTouches: touchs
+                }) => {
+                  let {
+                    0: t1,
+                    1: t2
+                  } = touchs;
+                  let scale = Math.sqrt(Math.pow(Math.abs(t1.clientX - t2.clientX), 2) + Math.pow(Math.abs(t1.clientY - t2.clientY), 2)) / this._start;
+                  this.scale = Math.min(5, Math.max(1, this._startScale * scale));
+                  this.translate = [Math.min(this.outside[0] || 0, Math.max(-this.outside[0] || 0, this.translate[0])), Math.min(this.outside[1] || 0, Math.max(-this.outside[1] || 0, this.translate[1]))];
+                };
+              } else if (this.outside) {
+                let e = touchs[0];
+                this._start = [e.clientX - this.translate[0], e.clientY - this.translate[1]];
+                this._drag = ({
+                  targetTouches: touchs
+                }) => {
+                  let e = touchs[0];
+                  this.translate = [Math.min(this.outside[0] || 0, Math.max(-this.outside[0] || 0, e.clientX - this._start[0])), Math.min(this.outside[1] || 0, Math.max(-this.outside[1] || 0, e.clientY - this._start[1]))];
+                };
+              }
+              this._dragEnd = () => {
+                window.removeEventListener('touchmove', this._drag);
+                window.removeEventListener('touchend', this._dragEnd);
+                window.removeEventListener('touchcancel', this._dragEnd);
+              };
+              window.addEventListener('touchmove', this._drag);
+              window.addEventListener('touchend', this._dragEnd);
+              window.addEventListener('touchcancel', this._dragEnd);
+            });
           });
         }
       },
@@ -54907,8 +54964,8 @@ var previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_popup_previewvue_type_script_lang_js_ = (popup_previewvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/popup/preview.vue?vue&type=style&index=0&id=3a801f5a&prod&lang=stylus&scoped=true&
-var previewvue_type_style_index_0_id_3a801f5a_prod_lang_stylus_scoped_true_ = __webpack_require__("4185");
+// EXTERNAL MODULE: ./src/components/popup/preview.vue?vue&type=style&index=0&id=4b3a2aa8&prod&lang=stylus&scoped=true&
+var previewvue_type_style_index_0_id_4b3a2aa8_prod_lang_stylus_scoped_true_ = __webpack_require__("afc5");
 
 // CONCATENATED MODULE: ./src/components/popup/preview.vue
 
@@ -54921,11 +54978,11 @@ var previewvue_type_style_index_0_id_3a801f5a_prod_lang_stylus_scoped_true_ = __
 
 var popup_preview_component = normalizeComponent(
   components_popup_previewvue_type_script_lang_js_,
-  previewvue_type_template_id_3a801f5a_scoped_true_render,
-  previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns,
+  previewvue_type_template_id_4b3a2aa8_scoped_true_render,
+  previewvue_type_template_id_4b3a2aa8_scoped_true_staticRenderFns,
   false,
   null,
-  "3a801f5a",
+  "4b3a2aa8",
   null
   
 )
@@ -58103,6 +58160,9 @@ const SHORTCUTS = {
     dialog: {
       maskClose: true,
       maskCloseEvent: 'dblclick'
+    },
+    window: {
+      maskClose: false
     }
   },
   validate: {
@@ -58538,6 +58598,13 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "fd11":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "fd29":