@deanwu/vue-component-library 1.3.169 → 1.3.170

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1779,7 +1779,7 @@ module.exports = $documentAll.IS_HTMLDDA ? function (argument) {
1779
1779
 
1780
1780
  "use strict";
1781
1781
  __webpack_require__.r(__webpack_exports__);
1782
- /* 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 | - | 媒体文件地址");
1782
+ /* 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 | - | 媒体文件地址,传入数组可预览多个文件并通过箭头切换");
1783
1783
 
1784
1784
  /***/ }),
1785
1785
 
@@ -1801,6 +1801,17 @@ module.exports = Object.hasOwn || function hasOwn(it, key) {
1801
1801
  };
1802
1802
 
1803
1803
 
1804
+ /***/ }),
1805
+
1806
+ /***/ "1a84":
1807
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
1808
+
1809
+ "use strict";
1810
+ /* 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");
1811
+ /* 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__);
1812
+ /* unused harmony reexport * */
1813
+
1814
+
1804
1815
  /***/ }),
1805
1816
 
1806
1817
  /***/ "1d2b":
@@ -2896,7 +2907,7 @@ module.exports = defaults;
2896
2907
 
2897
2908
  "use strict";
2898
2909
  __webpack_require__.r(__webpack_exports__);
2899
- /* 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 | 保留小数位数");
2910
+ /* 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");
2900
2911
 
2901
2912
  /***/ }),
2902
2913
 
@@ -4426,7 +4437,7 @@ module.exports = __webpack_require__.p + "assets/image/vcl.empty.eddfa52a.png";
4426
4437
 
4427
4438
  "use strict";
4428
4439
  __webpack_require__.r(__webpack_exports__);
4429
- /* 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 | - | 点击事件");
4440
+ /* 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 | - | 点击事件");
4430
4441
 
4431
4442
  /***/ }),
4432
4443
 
@@ -5778,7 +5789,7 @@ $({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
5778
5789
 
5779
5790
  "use strict";
5780
5791
  __webpack_require__.r(__webpack_exports__);
5781
- /* 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```");
5792
+ /* 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");
5782
5793
 
5783
5794
  /***/ }),
5784
5795
 
@@ -5973,17 +5984,6 @@ exports.renderToDataURL = function renderToDataURL (qrData, canvas, options) {
5973
5984
  }
5974
5985
 
5975
5986
 
5976
- /***/ }),
5977
-
5978
- /***/ "4185":
5979
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
5980
-
5981
- "use strict";
5982
- /* 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");
5983
- /* 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__);
5984
- /* unused harmony reexport * */
5985
-
5986
-
5987
5987
  /***/ }),
5988
5988
 
5989
5989
  /***/ "428b":
@@ -6291,7 +6291,7 @@ module.exports = function (input, pref) {
6291
6291
 
6292
6292
  "use strict";
6293
6293
  __webpack_require__.r(__webpack_exports__);
6294
- /* 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) | - | 标签切换事件,返回对应的标签数据");
6294
+ /* 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**: 执行切换回调");
6295
6295
 
6296
6296
  /***/ }),
6297
6297
 
@@ -6507,7 +6507,7 @@ module.exports = {
6507
6507
 
6508
6508
  "use strict";
6509
6509
  __webpack_require__.r(__webpack_exports__);
6510
- /* 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 | - | 字段名");
6510
+ /* 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 | - | 输入事件,编辑器失焦时触发");
6511
6511
 
6512
6512
  /***/ }),
6513
6513
 
@@ -6900,7 +6900,7 @@ module.exports = function (argument) {
6900
6900
 
6901
6901
  "use strict";
6902
6902
  __webpack_require__.r(__webpack_exports__);
6903
- /* 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 | 自动消失时长");
6903
+ /* 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 | 自动消失时长");
6904
6904
 
6905
6905
  /***/ }),
6906
6906
 
@@ -7279,7 +7279,7 @@ module.exports = {
7279
7279
 
7280
7280
  "use strict";
7281
7281
  __webpack_require__.r(__webpack_exports__);
7282
- /* 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 | 是否以媒体预览的方式展示");
7282
+ /* 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 | 是否显示下载按钮");
7283
7283
 
7284
7284
  /***/ }),
7285
7285
 
@@ -7295,7 +7295,7 @@ __webpack_require__.r(__webpack_exports__);
7295
7295
 
7296
7296
  "use strict";
7297
7297
  __webpack_require__.r(__webpack_exports__);
7298
- /* 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) | - | 节点勾选事件");
7298
+ /* 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) | - | 节点选中事件");
7299
7299
 
7300
7300
  /***/ }),
7301
7301
 
@@ -7352,7 +7352,7 @@ __webpack_require__.r(__webpack_exports__);
7352
7352
 
7353
7353
  "use strict";
7354
7354
  __webpack_require__.r(__webpack_exports__);
7355
- /* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-title>标题名称</c-title>\r\n```");
7355
+ /* 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的样式名自定义图标,不设置时标题显示主色左边框");
7356
7356
 
7357
7357
  /***/ }),
7358
7358
 
@@ -7617,17 +7617,6 @@ module.exports = {
7617
7617
 
7618
7618
  }));
7619
7619
 
7620
- /***/ }),
7621
-
7622
- /***/ "6d4f":
7623
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
7624
-
7625
- "use strict";
7626
- /* 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");
7627
- /* 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__);
7628
- /* unused harmony reexport * */
7629
-
7630
-
7631
7620
  /***/ }),
7632
7621
 
7633
7622
  /***/ "6f19":
@@ -8023,7 +8012,7 @@ exports.f = Object.getOwnPropertySymbols;
8023
8012
 
8024
8013
  "use strict";
8025
8014
  __webpack_require__.r(__webpack_exports__);
8026
- /* 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 | - | 提示说明");
8015
+ /* 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 | - | 提示说明");
8027
8016
 
8028
8017
  /***/ }),
8029
8018
 
@@ -13430,7 +13419,7 @@ exports.getBestMask = function getBestMask (data, setupFormatFunc) {
13430
13419
 
13431
13420
  "use strict";
13432
13421
  __webpack_require__.r(__webpack_exports__);
13433
- /* 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 | - | 弹窗关闭回调");
13422
+ /* 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**: 关闭会话弹窗方法");
13434
13423
 
13435
13424
  /***/ }),
13436
13425
 
@@ -22922,6 +22911,13 @@ KindEditor.plugin('fixtoolbar', function (K) {
22922
22911
 
22923
22912
  /***/ }),
22924
22913
 
22914
+ /***/ "79f0":
22915
+ /***/ (function(module, exports, __webpack_require__) {
22916
+
22917
+ // extracted by mini-css-extract-plugin
22918
+
22919
+ /***/ }),
22920
+
22925
22921
  /***/ "7a43":
22926
22922
  /***/ (function(module, exports) {
22927
22923
 
@@ -26171,7 +26167,7 @@ exports.toSJIS = function toSJIS (kanji) {
26171
26167
 
26172
26168
  "use strict";
26173
26169
  __webpack_require__.r(__webpack_exports__);
26174
- /* 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```");
26170
+ /* 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
26171
 
26176
26172
  /***/ }),
26177
26173
 
@@ -26302,13 +26298,6 @@ module.exports = function buildFullPath(baseURL, requestedURL) {
26302
26298
 
26303
26299
  /***/ }),
26304
26300
 
26305
- /***/ "84e8":
26306
- /***/ (function(module, exports, __webpack_require__) {
26307
-
26308
- // extracted by mini-css-extract-plugin
26309
-
26310
- /***/ }),
26311
-
26312
26301
  /***/ "861d":
26313
26302
  /***/ (function(module, exports, __webpack_require__) {
26314
26303
 
@@ -26695,7 +26684,7 @@ module.exports = function (key) {
26695
26684
 
26696
26685
  "use strict";
26697
26686
  __webpack_require__.r(__webpack_exports__);
26698
- /* 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 | - | 树形列添加子级事件");
26687
+ /* 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 | - | 树形列添加子级事件");
26699
26688
 
26700
26689
  /***/ }),
26701
26690
 
@@ -27046,7 +27035,7 @@ exports.getEncodedBits = function getEncodedBits (errorCorrectionLevel, mask) {
27046
27035
 
27047
27036
  "use strict";
27048
27037
  __webpack_require__.r(__webpack_exports__);
27049
- /* 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 | 边距");
27038
+ /* 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 | 边距");
27050
27039
 
27051
27040
  /***/ }),
27052
27041
 
@@ -27062,7 +27051,7 @@ __webpack_require__.r(__webpack_exports__);
27062
27051
 
27063
27052
  "use strict";
27064
27053
  __webpack_require__.r(__webpack_exports__);
27065
- /* 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 | 通过点击事件触发");
27054
+ /* 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 | 通过点击事件触发");
27066
27055
 
27067
27056
  /***/ }),
27068
27057
 
@@ -27148,7 +27137,7 @@ module.exports = "data:image/gif;base64,R0lGODlhFwAZAOYAAAAAAP////Hp7NTD0Pr7/+vv
27148
27137
 
27149
27138
  "use strict";
27150
27139
  __webpack_require__.r(__webpack_exports__);
27151
- /* 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```");
27140
+ /* 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 | - | 模块大小改变事件");
27152
27141
 
27153
27142
  /***/ }),
27154
27143
 
@@ -27324,7 +27313,7 @@ module.exports = function (argument) {
27324
27313
 
27325
27314
  "use strict";
27326
27315
  __webpack_require__.r(__webpack_exports__);
27327
- /* 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新窗口打开");
27316
+ /* 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 | - | 点击链接回调");
27328
27317
 
27329
27318
  /***/ }),
27330
27319
 
@@ -28111,7 +28100,7 @@ __webpack_require__.r(__webpack_exports__);
28111
28100
 
28112
28101
  "use strict";
28113
28102
  __webpack_require__.r(__webpack_exports__);
28114
- /* 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```");
28103
+ /* 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**: 底部对齐");
28115
28104
 
28116
28105
  /***/ }),
28117
28106
 
@@ -29057,6 +29046,17 @@ module.exports = DESCRIPTORS && fails(function () {
29057
29046
  });
29058
29047
 
29059
29048
 
29049
+ /***/ }),
29050
+
29051
+ /***/ "afc5":
29052
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
29053
+
29054
+ "use strict";
29055
+ /* 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");
29056
+ /* 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__);
29057
+ /* unused harmony reexport * */
29058
+
29059
+
29060
29060
  /***/ }),
29061
29061
 
29062
29062
  /***/ "b035":
@@ -29064,7 +29064,7 @@ module.exports = DESCRIPTORS && fails(function () {
29064
29064
 
29065
29065
  "use strict";
29066
29066
  __webpack_require__.r(__webpack_exports__);
29067
- /* 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) | - | 输入建议事件");
29067
+ /* 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**: 将新增项加入建议列表的方法");
29068
29068
 
29069
29069
  /***/ }),
29070
29070
 
@@ -29342,7 +29342,7 @@ module.exports = function (name) {
29342
29342
 
29343
29343
  "use strict";
29344
29344
  __webpack_require__.r(__webpack_exports__);
29345
- /* 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 | 该项占几列");
29345
+ /* 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 | 该项占几列");
29346
29346
 
29347
29347
  /***/ }),
29348
29348
 
@@ -30069,7 +30069,7 @@ module.exports = function (input, pref) {
30069
30069
 
30070
30070
  "use strict";
30071
30071
  __webpack_require__.r(__webpack_exports__);
30072
- /* 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) | - | 搜索事件,异步模式下可用");
30072
+ /* 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) | - | 搜索事件,异步模式下可用");
30073
30073
 
30074
30074
  /***/ }),
30075
30075
 
@@ -31490,13 +31490,6 @@ module.exports = function (it) {
31490
31490
 
31491
31491
  /***/ }),
31492
31492
 
31493
- /***/ "cd42":
31494
- /***/ (function(module, exports, __webpack_require__) {
31495
-
31496
- // extracted by mini-css-extract-plugin
31497
-
31498
- /***/ }),
31499
-
31500
31493
  /***/ "cdbf":
31501
31494
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
31502
31495
 
@@ -31613,7 +31606,7 @@ module.exports = {};
31613
31606
 
31614
31607
  "use strict";
31615
31608
  __webpack_require__.r(__webpack_exports__);
31616
- /* 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```");
31609
+ /* 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属性不生效");
31617
31610
 
31618
31611
  /***/ }),
31619
31612
 
@@ -31769,7 +31762,7 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
31769
31762
 
31770
31763
  "use strict";
31771
31764
  __webpack_require__.r(__webpack_exports__);
31772
- /* 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**: 结束方向");
31765
+ /* 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 | auto | 悬浮窗口内容区域高度\nposition | String | bottom | 跟随位置<br>**bottom**: 底部<br>**top**: 顶部<br>**left**: 左侧<br>**right**: 右侧\nalign | String | start | 对齐方向<br>**start**: 起始方向<br>**end**: 结束方向\n@close | Function | - | 点击关闭图标时触发");
31773
31766
 
31774
31767
  /***/ }),
31775
31768
 
@@ -32992,7 +32985,7 @@ module.exports = function (argument, $default) {
32992
32985
 
32993
32986
  "use strict";
32994
32987
  __webpack_require__.r(__webpack_exports__);
32995
- /* 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 | - | 文字颜色");
32988
+ /* 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");
32996
32989
 
32997
32990
  /***/ }),
32998
32991
 
@@ -33008,7 +33001,7 @@ __webpack_require__.r(__webpack_exports__);
33008
33001
 
33009
33002
  "use strict";
33010
33003
  __webpack_require__.r(__webpack_exports__);
33011
- /* 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**: 开关变更后的状态");
33004
+ /* 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**: 开关变更后的状态");
33012
33005
 
33013
33006
  /***/ }),
33014
33007
 
@@ -33455,7 +33448,7 @@ module.exports = function combineURLs(baseURL, relativeURL) {
33455
33448
 
33456
33449
  "use strict";
33457
33450
  __webpack_require__.r(__webpack_exports__);
33458
- /* 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 | - | 复选框点击事件");
33451
+ /* 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) | - | 勾选状态改变事件,组内勾选和独立使用时均触发");
33459
33452
 
33460
33453
  /***/ }),
33461
33454
 
@@ -48795,8 +48788,8 @@ var form_column_component = normalizeComponent(
48795
48788
  )
48796
48789
 
48797
48790
  /* harmony default export */ var form_column = (form_column_component.exports);
48798
- // 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&
48799
- var detailvue_type_template_id_f90163f2_render = function render() {
48791
+ // 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&
48792
+ var detailvue_type_template_id_6a298e68_render = function render() {
48800
48793
  var _vm = this,
48801
48794
  _c = _vm._self._c;
48802
48795
  return _c('div', {
@@ -48805,9 +48798,9 @@ var detailvue_type_template_id_f90163f2_render = function render() {
48805
48798
  staticClass: "c-detail-content flex-wrap"
48806
48799
  }, [_vm._t("default")], 2)]);
48807
48800
  };
48808
- var detailvue_type_template_id_f90163f2_staticRenderFns = [];
48801
+ var detailvue_type_template_id_6a298e68_staticRenderFns = [];
48809
48802
 
48810
- // CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=template&id=f90163f2&
48803
+ // CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=template&id=6a298e68&
48811
48804
 
48812
48805
  // 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&
48813
48806
 
@@ -48842,8 +48835,8 @@ var detailvue_type_template_id_f90163f2_staticRenderFns = [];
48842
48835
  });
48843
48836
  // CONCATENATED MODULE: ./src/components/detail/index.vue?vue&type=script&lang=js&
48844
48837
  /* harmony default export */ var src_components_detailvue_type_script_lang_js_ = (components_detailvue_type_script_lang_js_);
48845
- // EXTERNAL MODULE: ./src/components/detail/index.vue?vue&type=style&index=0&id=f90163f2&prod&lang=stylus&
48846
- var detailvue_type_style_index_0_id_f90163f2_prod_lang_stylus_ = __webpack_require__("6d4f");
48838
+ // EXTERNAL MODULE: ./src/components/detail/index.vue?vue&type=style&index=0&id=6a298e68&prod&lang=stylus&
48839
+ var detailvue_type_style_index_0_id_6a298e68_prod_lang_stylus_ = __webpack_require__("1a84");
48847
48840
 
48848
48841
  // CONCATENATED MODULE: ./src/components/detail/index.vue
48849
48842
 
@@ -48856,8 +48849,8 @@ var detailvue_type_style_index_0_id_f90163f2_prod_lang_stylus_ = __webpack_requi
48856
48849
 
48857
48850
  var components_detail_component = normalizeComponent(
48858
48851
  src_components_detailvue_type_script_lang_js_,
48859
- detailvue_type_template_id_f90163f2_render,
48860
- detailvue_type_template_id_f90163f2_staticRenderFns,
48852
+ detailvue_type_template_id_6a298e68_render,
48853
+ detailvue_type_template_id_6a298e68_staticRenderFns,
48861
48854
  false,
48862
48855
  null,
48863
48856
  null,
@@ -48866,12 +48859,12 @@ var components_detail_component = normalizeComponent(
48866
48859
  )
48867
48860
 
48868
48861
  /* harmony default export */ var components_detail = (components_detail_component.exports);
48869
- // 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&
48870
- var itemvue_type_template_id_40ab58d9_render = function render() {
48862
+ // 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&
48863
+ var itemvue_type_template_id_52f9a252_render = function render() {
48871
48864
  var _vm = this,
48872
48865
  _c = _vm._self._c;
48873
48866
  return _c('div', {
48874
- staticClass: "c-detail-item flex flex-grow",
48867
+ staticClass: "c-detail-item flex",
48875
48868
  style: {
48876
48869
  'width': _vm.compWidth
48877
48870
  }
@@ -48881,9 +48874,9 @@ var itemvue_type_template_id_40ab58d9_render = function render() {
48881
48874
  staticClass: "c-detail-item-content flex-grow"
48882
48875
  }, [_vm._t("default")], 2)]);
48883
48876
  };
48884
- var itemvue_type_template_id_40ab58d9_staticRenderFns = [];
48877
+ var itemvue_type_template_id_52f9a252_staticRenderFns = [];
48885
48878
 
48886
- // CONCATENATED MODULE: ./src/components/detail/item.vue?vue&type=template&id=40ab58d9&
48879
+ // CONCATENATED MODULE: ./src/components/detail/item.vue?vue&type=template&id=52f9a252&
48887
48880
 
48888
48881
  // 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&
48889
48882
 
@@ -48920,8 +48913,8 @@ var itemvue_type_template_id_40ab58d9_staticRenderFns = [];
48920
48913
 
48921
48914
  var detail_item_component = normalizeComponent(
48922
48915
  components_detail_itemvue_type_script_lang_js_,
48923
- itemvue_type_template_id_40ab58d9_render,
48924
- itemvue_type_template_id_40ab58d9_staticRenderFns,
48916
+ itemvue_type_template_id_52f9a252_render,
48917
+ itemvue_type_template_id_52f9a252_staticRenderFns,
48925
48918
  false,
48926
48919
  null,
48927
48920
  null,
@@ -54589,8 +54582,8 @@ var confirm_component = normalizeComponent(
54589
54582
  )
54590
54583
 
54591
54584
  /* harmony default export */ var popup_confirm = (confirm_component.exports);
54592
- // 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&
54593
- var previewvue_type_template_id_3a801f5a_scoped_true_render = function render() {
54585
+ // 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&
54586
+ var previewvue_type_template_id_4b3a2aa8_scoped_true_render = function render() {
54594
54587
  var _vm = this,
54595
54588
  _c = _vm._self._c;
54596
54589
  return _c('div', {
@@ -54738,9 +54731,9 @@ var previewvue_type_template_id_3a801f5a_scoped_true_render = function render()
54738
54731
  staticClass: "c-icon-zoom-out"
54739
54732
  })])] : _vm._e()], 2)])]);
54740
54733
  };
54741
- var previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns = [];
54734
+ var previewvue_type_template_id_4b3a2aa8_scoped_true_staticRenderFns = [];
54742
54735
 
54743
- // CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=template&id=3a801f5a&scoped=true&
54736
+ // CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=template&id=4b3a2aa8&scoped=true&
54744
54737
 
54745
54738
  // 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&
54746
54739
 
@@ -54848,6 +54841,49 @@ var previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns = [];
54848
54841
  window.addEventListener('mouseup', this._dragEnd);
54849
54842
  this._dragState = true;
54850
54843
  });
54844
+ this.$refs.img.addEventListener('touchstart', e => {
54845
+ e.preventDefault();
54846
+ let {
54847
+ targetTouches: touchs
54848
+ } = e;
54849
+ if (touchs.length >= 2) {
54850
+ this._dragEnd && this._dragEnd();
54851
+ let {
54852
+ 0: t1,
54853
+ 1: t2
54854
+ } = touchs;
54855
+ this._start = Math.sqrt(Math.pow(Math.abs(t1.clientX - t2.clientX), 2) + Math.pow(Math.abs(t1.clientY - t2.clientY), 2));
54856
+ this._startScale = this.scale;
54857
+ this._drag = ({
54858
+ targetTouches: touchs
54859
+ }) => {
54860
+ let {
54861
+ 0: t1,
54862
+ 1: t2
54863
+ } = touchs;
54864
+ let scale = Math.sqrt(Math.pow(Math.abs(t1.clientX - t2.clientX), 2) + Math.pow(Math.abs(t1.clientY - t2.clientY), 2)) / this._start;
54865
+ this.scale = Math.min(5, Math.max(1, this._startScale * scale));
54866
+ 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]))];
54867
+ };
54868
+ } else if (this.outside) {
54869
+ let e = touchs[0];
54870
+ this._start = [e.clientX - this.translate[0], e.clientY - this.translate[1]];
54871
+ this._drag = ({
54872
+ targetTouches: touchs
54873
+ }) => {
54874
+ let e = touchs[0];
54875
+ 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]))];
54876
+ };
54877
+ }
54878
+ this._dragEnd = () => {
54879
+ window.removeEventListener('touchmove', this._drag);
54880
+ window.removeEventListener('touchend', this._dragEnd);
54881
+ window.removeEventListener('touchcancel', this._dragEnd);
54882
+ };
54883
+ window.addEventListener('touchmove', this._drag);
54884
+ window.addEventListener('touchend', this._dragEnd);
54885
+ window.addEventListener('touchcancel', this._dragEnd);
54886
+ });
54851
54887
  });
54852
54888
  }
54853
54889
  },
@@ -54916,8 +54952,8 @@ var previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns = [];
54916
54952
  });
54917
54953
  // CONCATENATED MODULE: ./src/components/popup/preview.vue?vue&type=script&lang=js&
54918
54954
  /* harmony default export */ var components_popup_previewvue_type_script_lang_js_ = (popup_previewvue_type_script_lang_js_);
54919
- // EXTERNAL MODULE: ./src/components/popup/preview.vue?vue&type=style&index=0&id=3a801f5a&prod&lang=stylus&scoped=true&
54920
- var previewvue_type_style_index_0_id_3a801f5a_prod_lang_stylus_scoped_true_ = __webpack_require__("4185");
54955
+ // EXTERNAL MODULE: ./src/components/popup/preview.vue?vue&type=style&index=0&id=4b3a2aa8&prod&lang=stylus&scoped=true&
54956
+ var previewvue_type_style_index_0_id_4b3a2aa8_prod_lang_stylus_scoped_true_ = __webpack_require__("afc5");
54921
54957
 
54922
54958
  // CONCATENATED MODULE: ./src/components/popup/preview.vue
54923
54959
 
@@ -54930,11 +54966,11 @@ var previewvue_type_style_index_0_id_3a801f5a_prod_lang_stylus_scoped_true_ = __
54930
54966
 
54931
54967
  var popup_preview_component = normalizeComponent(
54932
54968
  components_popup_previewvue_type_script_lang_js_,
54933
- previewvue_type_template_id_3a801f5a_scoped_true_render,
54934
- previewvue_type_template_id_3a801f5a_scoped_true_staticRenderFns,
54969
+ previewvue_type_template_id_4b3a2aa8_scoped_true_render,
54970
+ previewvue_type_template_id_4b3a2aa8_scoped_true_staticRenderFns,
54935
54971
  false,
54936
54972
  null,
54937
- "3a801f5a",
54973
+ "4b3a2aa8",
54938
54974
  null
54939
54975
 
54940
54976
  )
@@ -58547,6 +58583,13 @@ module.exports = function (it) {
58547
58583
  };
58548
58584
 
58549
58585
 
58586
+ /***/ }),
58587
+
58588
+ /***/ "fd11":
58589
+ /***/ (function(module, exports, __webpack_require__) {
58590
+
58591
+ // extracted by mini-css-extract-plugin
58592
+
58550
58593
  /***/ }),
58551
58594
 
58552
58595
  /***/ "fd29":