@deanwu/vue-component-library 1.3.23 → 1.3.25

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

@@ -339,13 +339,6 @@ module.exports = "data:image/gif;base64,R0lGODlhFwAZAOYAAAAAAP////Hp7NTD0Pr7/+vv
 
 /***/ }),
 
-/***/ "07e9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "07fa":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1214,17 +1207,6 @@ if (true) {
 
 }));
 
-/***/ }),
-
-/***/ "121b":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_04b6e52f_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("07e9");
-/* 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_04b6e52f_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_04b6e52f_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1382":
@@ -1479,13 +1461,6 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 }, 'toString');
 
 
-/***/ }),
-
-/***/ "13da":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "14d9":
@@ -2987,6 +2962,17 @@ exports.isValid = function isValid (version) {
 }
 
 
+/***/ }),
+
+/***/ "2815":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_item_vue_vue_type_style_index_0_id_9aae4536_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("dd13");
+/* 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_item_vue_vue_type_style_index_0_id_9aae4536_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_item_vue_vue_type_style_index_0_id_9aae4536_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2a66":
@@ -3410,6 +3396,17 @@ module.exports = function buildURL(url, params, paramsSerializer) {
 };
 
 
+/***/ }),
+
+/***/ "30fa":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_module_vue_vue_type_style_index_0_id_438b5c10_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4b97");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_module_vue_vue_type_style_index_0_id_438b5c10_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_module_vue_vue_type_style_index_0_id_438b5c10_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3252":
@@ -4374,17 +4371,6 @@ __webpack_require__.r(__webpack_exports__);
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "3849":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_upload_file_vue_vue_type_style_index_0_id_0d3363d8_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("967b");
-/* 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_upload_file_vue_vue_type_style_index_0_id_0d3363d8_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_upload_file_vue_vue_type_style_index_0_id_0d3363d8_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "387f":
@@ -5742,6 +5728,15 @@ $({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
 
 /***/ }),
 
+/***/ "3eaa":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-draw-sort v-model=\"sortList\" class=\"flex-wrap\">\r\n\t<template #default=\"{item, id, index}\">\r\n\t\t<c-draw-item :key=\"id\" :index=\"index\">\r\n\t\t\t// 内容\r\n\t\t</c-draw-item>\r\n\t</template>\r\n</c-draw-sort>\r\n```");
+
+/***/ }),
+
 /***/ "4006":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6322,6 +6317,13 @@ module.exports = function mergeConfig(config1, config2) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "4b97":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "4ba9":
@@ -7045,7 +7047,7 @@ var map = {
 	"./button.md": "35d5",
 	"./detail.md": "b74a",
 	"./dialog.md": "796e",
-	"./draw_sort.md": "d6f7",
+	"./drag_sort.md": "3eaa",
 	"./editor.md": "4e91",
 	"./file.md": "6184",
 	"./form.md": "7741",
@@ -26136,6 +26138,13 @@ exports.toSJIS = function toSJIS (kanji) {
 }));
 
 
+/***/ }),
+
+/***/ "7d5c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "7daf":
@@ -26576,17 +26585,6 @@ CancelToken.source = function source() {
 module.exports = CancelToken;
 
 
-/***/ }),
-
-/***/ "8e68":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_item_vue_vue_type_style_index_0_id_2dd18296_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d349");
-/* 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_item_vue_vue_type_style_index_0_id_2dd18296_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_item_vue_vue_type_style_index_0_id_2dd18296_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "8ea1":
@@ -27016,13 +27014,6 @@ exports.getEncodedBits = function getEncodedBits (errorCorrectionLevel, mask) {
 }
 
 
-/***/ }),
-
-/***/ "967b":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "9927":
@@ -29075,6 +29066,17 @@ module.exports = DESCRIPTORS && fails(function () {
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-input></c-input>\r\n```\r\n\r\n## 属性配置\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String \\| Number | - | 输入框的值，可使用v-model属性绑定变量\r\nname | String | - | 字段名\r\ntype | String | text | 按钮尺寸<br>**text**: 文本框<br>**password**: 密码框<br>**number**: 数字框<br>**stepper**: 步进器<br>**textarea**: 多行文本\r\nplaceholder | String | - | 提示占位符\r\nmaxlength | Number \\| String | - | 可输入最大字符数\r\ndecimal | Number \\| String | 0 | 数字框小数位数\r\nrange | Number \\| Array | 0 | 数字框数字范围<br>可输入逗号隔开的字符串（'0,100'）或数组（[0, 100]）\r\nprepend-text | String | - | 前置文本内容\r\nappend-text | String | - | 后置文本内容\r\nvisible | Boolean | false | 密码框显示密码按钮\r\nstep | Number \\| String | 1 | 步进器精度\r\nstep-controls | String | both | 步进器按钮位置<br>**both**: 两侧<br>**side**: 一侧\r\ndisabled | Boolean | false | 是否禁用输入框\r\nreadonly | Boolean | false | 输入框是否只读\r\nclear | Boolean | false | 是否显示清空按钮\r\n@input | Function | - | 输入事件\r\n@focus | Function | - | 焦点移入事件\r\n@blur | Function | - | 焦点移出事件\r\n@change | Function | - | 内容改变事件\r\n@suggest | Function(value, resolve) | - | 输入建议事件");
 
+/***/ }),
+
+/***/ "b3e9":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_upload_file_vue_vue_type_style_index_0_id_454f1302_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7d5c");
+/* 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_upload_file_vue_vue_type_style_index_0_id_454f1302_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_upload_file_vue_vue_type_style_index_0_id_454f1302_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b414":
@@ -30063,7 +30065,18 @@ module.exports = function (input, pref) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-select></c-select>  // 下拉框\r\n<c-region></c-region>  // 地址框\r\n<c-datetime></c-datetime>  // 日期框\r\n<c-color></c-color>  // 颜色框\r\n<c-transfer></c-transfer>  // 穿梭框\r\n```\r\n\r\n## 属性配置\r\n\r\n### 下拉框 <c-select\\>\r\n\r\n属性 | 类型 | 默认值 | 说明\r\n---- | ---- | ---- | ----\r\nvalue | String | - | 下拉框的值，可使用v-model属性绑定变量\r\nvalue-data | Array | - | 下拉框值对应的数据，异步模式下可用\r\nname | String | - | 字段名\r\nplaceholder | String | - | 提示占位符\r\noptions | Array | - | 选项数据：[{\"name\": \"选项名\", \"value\": \"选项值\"}]\r\ndisabled | Boolean | false | 是否禁用下拉框\r\nmultiple | Boolean \\| Object | false | 是否支持多选\r\nmultiple.limit | Number | - | 多选最多可以选的选项数\r\nmultiple.linefeed | Boolean | false | 多选标签是否换行显示\r\nsearch | Boolean \\| Object | false | 是否支持搜索，异步模式下默认开启\r\nsearch.empty | Boolean | true | 异步模式下是否支持空搜索\r\nasync | Boolean | false | 异步模式\r\nclear | Boolean | false | 是否显示清空按钮\r\n@change | Function | - | 选项变化事件\r\n@search | 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\n@search | Function(keyword, resolve) | - | 搜索事件，异步模式下可用");
+/* 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\nasync | Boolean | false | 异步模式\r\nclear | Boolean | false | 是否显示清空按钮\r\n@change | Function | - | 选项变化事件\r\n@search | 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) | - | 搜索事件，异步模式下可用");
+
+/***/ }),
+
+/***/ "c15a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_drag_sort_vue_vue_type_style_index_0_id_1d55c72d_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fd29");
+/* 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_drag_sort_vue_vue_type_style_index_0_id_1d55c72d_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_drag_sort_vue_vue_type_style_index_0_id_1d55c72d_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
 
 /***/ }),
 
@@ -31741,13 +31754,6 @@ module.exports = Object.setPrototypeOf || ('__proto__' in {} ? function () {
 
 /***/ }),
 
-/***/ "d349":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "d359":
 /***/ (function(module, exports) {
 
@@ -32208,12 +32214,14 @@ module.exports = function (passed, required) {
 
 /***/ }),
 
-/***/ "d6f7":
+/***/ "d70e":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ("## 示例代码\r\n\r\n```\r\n<c-draw-sort v-model=\"sortList\" class=\"flex-wrap\">\r\n\t<template #default=\"{item, id, index}\">\r\n\t\t<c-draw-item :key=\"id\" :index=\"index\">\r\n\t\t\t// 内容\r\n\t\t</c-draw-item>\r\n\t</template>\r\n</c-draw-sort>\r\n```");
+/* harmony 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_cf3685c2_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f604");
+/* 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_cf3685c2_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_cf3685c2_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
 
 /***/ }),
 
@@ -32400,6 +32408,13 @@ module.exports = function (V, P) {
 
 /***/ }),
 
+/***/ "dd13":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "dd7e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -33422,6 +33437,17 @@ __webpack_require__.r(__webpack_exports__);
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "e76a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_transfer_vue_vue_type_style_index_0_id_4e0a13a9_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fbe3");
+/* 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_transfer_vue_vue_type_style_index_0_id_4e0a13a9_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_transfer_vue_vue_type_style_index_0_id_4e0a13a9_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e893":
@@ -33464,13 +33490,6 @@ module.exports = Array.isArray || function isArray(argument) {
 };
 
 
-/***/ }),
-
-/***/ "eb90":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "edd0":
@@ -33488,17 +33507,6 @@ module.exports = function (target, name, descriptor) {
 };
 
 
-/***/ }),
-
-/***/ "ee08":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_transfer_vue_vue_type_style_index_0_id_94550bdc_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("eb90");
-/* 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_transfer_vue_vue_type_style_index_0_id_94550bdc_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_transfer_vue_vue_type_style_index_0_id_94550bdc_prod_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f0ae":
@@ -33623,6 +33631,13 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
+/***/ }),
+
+/***/ "f604":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "f6b4":
@@ -33700,17 +33715,6 @@ module.exports = function (key) {
 };
 
 
-/***/ }),
-
-/***/ "f7b6":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_module_vue_vue_type_style_index_0_id_7ae5276c_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("13da");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_module_vue_vue_type_style_index_0_id_7ae5276c_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_module_vue_vue_type_style_index_0_id_7ae5276c_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "fb15":
@@ -33762,7 +33766,7 @@ var fonts = __webpack_require__("4e02");
 // EXTERNAL MODULE: ./src/assets/style/global.styl
 var global = __webpack_require__("69b1");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/index.vue?vue&type=template&id=04b6e52f&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/index.vue?vue&type=template&id=cf3685c2&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -33950,7 +33954,7 @@ var render = function render() {
       value: _vm.crtTab == '模块',
       expression: "crtTab == '模块'"
     }]
-  }), _c('api-draw-sort', {
+  }), _c('api-drag-sort', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -34003,7 +34007,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/index.vue?vue&type=template&id=04b6e52f&
+// CONCATENATED MODULE: ./src/components/index.vue?vue&type=template&id=cf3685c2&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/button.vue?vue&type=template&id=1a1f6dc0&scoped=true&
 var buttonvue_type_template_id_1a1f6dc0_scoped_true_render = function render() {
@@ -35592,8 +35596,8 @@ var table_component = normalizeComponent(
 )
 
 /* harmony default export */ var api_table = (table_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/form.vue?vue&type=template&id=2bf99f4d&scoped=true&
-var formvue_type_template_id_2bf99f4d_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/form.vue?vue&type=template&id=7f8a3797&scoped=true&
+var formvue_type_template_id_7f8a3797_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', [_c('c-form', {
@@ -35721,6 +35725,7 @@ var formvue_type_template_id_2bf99f4d_scoped_true_render = function render() {
   }, [_c('c-transfer', {
     attrs: {
       "name": "transfer",
+      "sort": "",
       "data": _vm.initRandomOptions
     },
     on: {
@@ -35788,9 +35793,9 @@ var formvue_type_template_id_2bf99f4d_scoped_true_render = function render() {
     }
   })]);
 };
-var formvue_type_template_id_2bf99f4d_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_7f8a3797_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/api/form.vue?vue&type=template&id=2bf99f4d&scoped=true&
+// CONCATENATED MODULE: ./src/api/form.vue?vue&type=template&id=7f8a3797&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/form.vue?vue&type=script&lang=js&
 
@@ -35843,6 +35848,7 @@ var formvue_type_template_id_2bf99f4d_scoped_true_staticRenderFns = [];
         end: '2024-01-31',
         color: '#000000',
         switch: 1,
+        transfer: [2, 4, 6],
         file: ['https://infinityicon.infinitynewtab.com/user-share-icon/d8b62f4d64bda8800b1c788cd5ba3c68.png', 'https://infinityicon.infinitynewtab.com/user-share-icon/d1b00e6f33c7c9c436c9fbd20a3278d7.png'],
         complexInput: '1'
       });
@@ -35907,11 +35913,11 @@ var formvue_type_template_id_2bf99f4d_scoped_true_staticRenderFns = [];
 
 var form_component = normalizeComponent(
   api_formvue_type_script_lang_js_,
-  formvue_type_template_id_2bf99f4d_scoped_true_render,
-  formvue_type_template_id_2bf99f4d_scoped_true_staticRenderFns,
+  formvue_type_template_id_7f8a3797_scoped_true_render,
+  formvue_type_template_id_7f8a3797_scoped_true_staticRenderFns,
   false,
   null,
-  "2bf99f4d",
+  "7f8a3797",
   null
   
 )
@@ -36925,43 +36931,26 @@ var module_component = normalizeComponent(
 )
 
 /* harmony default export */ var api_module = (module_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/draw_sort.vue?vue&type=template&id=4d76aed9&scoped=true&
-var draw_sortvue_type_template_id_4d76aed9_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/drag_sort.vue?vue&type=template&id=1d55c72d&scoped=true&
+var drag_sortvue_type_template_id_1d55c72d_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', [_c('div', [_c('c-draw-sort', {
+  return _c('div', [_c('div', [_c('c-drag-sort', {
     staticClass: "flex-wrap",
+    on: {
+      "sort": _vm.sortHandle
+    },
     scopedSlots: _vm._u([{
       key: "default",
       fn: function ({
         item,
-        id,
         index
       }) {
-        return [_c('c-draw-item', {
-          key: id,
+        return [_c('c-drag-item', {
+          key: index,
           staticStyle: {
             "margin": "0 30px 10px 0"
-          },
-          attrs: {
-            "index": index,
-            "handle-style": {
-              'position': 'absolute',
-              'left': '100%',
-              'top': '0',
-              'width': '20px',
-              'line-height': '20px',
-              'text-align': 'center',
-              'background': '#ddd'
-            }
-          },
-          scopedSlots: _vm._u([{
-            key: "handle",
-            fn: function () {
-              return [_c('div', [_vm._v("拖")])];
-            },
-            proxy: true
-          }], null, true)
+          }
         }, [_c('div', {
           staticClass: "flex-column flex-center",
           staticStyle: {
@@ -36974,14 +36963,13 @@ var draw_sortvue_type_template_id_4d76aed9_scoped_true_render = function render(
             "margin-top": "10px"
           },
           on: {
-            "mousedown": function ($event) {
-              $event.stopPropagation();
-            },
             "click": function ($event) {
               return _vm.removeSortItem(index);
             }
           }
-        }, [_vm._v("删除")])])])];
+        }, [_vm._v("删除")])]), _c('c-drag-handle', {
+          staticClass: "handle"
+        }, [_c('div', [_vm._v("拖")])])], 1)];
       }
     }]),
     model: {
@@ -36991,22 +36979,18 @@ var draw_sortvue_type_template_id_4d76aed9_scoped_true_render = function render(
       },
       expression: "sortList"
     }
-  }), _c('c-draw-sort', {
+  }), _c('c-drag-sort', {
     staticClass: "flex-wrap",
     scopedSlots: _vm._u([{
       key: "default",
       fn: function ({
         item,
-        id,
         index
       }) {
-        return [_c('c-draw-item', {
-          key: id,
+        return [_c('c-drag-item', {
+          key: index,
           staticStyle: {
             "margin": "0 30px 10px 0"
-          },
-          attrs: {
-            "index": index
           }
         }, [_c('div', {
           staticClass: "flex-column flex-center",
@@ -37020,9 +37004,6 @@ var draw_sortvue_type_template_id_4d76aed9_scoped_true_render = function render(
             "margin-top": "10px"
           },
           on: {
-            "mousedown": function ($event) {
-              $event.stopPropagation();
-            },
             "click": function ($event) {
               return _vm.removeSortItem(index);
             }
@@ -37045,17 +37026,17 @@ var draw_sortvue_type_template_id_4d76aed9_scoped_true_render = function render(
   }, [_vm._v("添加一项")])], 1), _c('div', {
     staticClass: "doc",
     domProps: {
-      "innerHTML": _vm._s(_vm.$parent.loadDoc('draw_sort'))
+      "innerHTML": _vm._s(_vm.$parent.loadDoc('drag_sort'))
     }
   })]);
 };
-var draw_sortvue_type_template_id_4d76aed9_scoped_true_staticRenderFns = [];
+var drag_sortvue_type_template_id_1d55c72d_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/api/draw_sort.vue?vue&type=template&id=4d76aed9&scoped=true&
+// CONCATENATED MODULE: ./src/api/drag_sort.vue?vue&type=template&id=1d55c72d&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/draw_sort.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/drag_sort.vue?vue&type=script&lang=js&
 
-/* harmony default export */ var draw_sortvue_type_script_lang_js_ = ({
+/* harmony default export */ var drag_sortvue_type_script_lang_js_ = ({
   data() {
     return {
       sortList: [0, 1, 2, 3, 4, 5],
@@ -37074,12 +37055,19 @@ var draw_sortvue_type_template_id_4d76aed9_scoped_true_staticRenderFns = [];
     },
     removeSortItem(index) {
       this.sortList.splice(index, 1);
+    },
+    sortHandle(item, o, n) {
+      console.log(item, o, n);
     }
   }
 });
-// CONCATENATED MODULE: ./src/api/draw_sort.vue?vue&type=script&lang=js&
- /* harmony default export */ var api_draw_sortvue_type_script_lang_js_ = (draw_sortvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/api/draw_sort.vue
+// CONCATENATED MODULE: ./src/api/drag_sort.vue?vue&type=script&lang=js&
+ /* harmony default export */ var api_drag_sortvue_type_script_lang_js_ = (drag_sortvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/api/drag_sort.vue?vue&type=style&index=0&id=1d55c72d&prod&lang=stylus&scoped=true&
+var drag_sortvue_type_style_index_0_id_1d55c72d_prod_lang_stylus_scoped_true_ = __webpack_require__("c15a");
+
+// CONCATENATED MODULE: ./src/api/drag_sort.vue
+
 
 
 
@@ -37087,18 +37075,18 @@ var draw_sortvue_type_template_id_4d76aed9_scoped_true_staticRenderFns = [];
 
 /* normalize component */
 
-var draw_sort_component = normalizeComponent(
-  api_draw_sortvue_type_script_lang_js_,
-  draw_sortvue_type_template_id_4d76aed9_scoped_true_render,
-  draw_sortvue_type_template_id_4d76aed9_scoped_true_staticRenderFns,
+var drag_sort_component = normalizeComponent(
+  api_drag_sortvue_type_script_lang_js_,
+  drag_sortvue_type_template_id_1d55c72d_scoped_true_render,
+  drag_sortvue_type_template_id_1d55c72d_scoped_true_staticRenderFns,
   false,
   null,
-  "4d76aed9",
+  "1d55c72d",
   null
   
 )
 
-/* harmony default export */ var draw_sort = (draw_sort_component.exports);
+/* harmony default export */ var drag_sort = (drag_sort_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/api/dropdown.vue?vue&type=template&id=6d885ec1&scoped=true&
 var dropdownvue_type_template_id_6d885ec1_scoped_true_render = function render() {
   var _vm = this,
@@ -37629,7 +37617,7 @@ var marked_umd_default = /*#__PURE__*/__webpack_require__.n(marked_umd);
     apiTab: tab,
     apiLayout: layout,
     apiModule: api_module,
-    apiDrawSort: draw_sort,
+    apiDragSort: drag_sort,
     apiDropdown: dropdown,
     apiRightMenu: rightMenu,
     apiTree: tree,
@@ -37672,8 +37660,8 @@ var marked_umd_default = /*#__PURE__*/__webpack_require__.n(marked_umd);
 });
 // CONCATENATED MODULE: ./src/components/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_componentsvue_type_script_lang_js_ = (componentsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/index.vue?vue&type=style&index=0&id=04b6e52f&prod&lang=stylus&
-var componentsvue_type_style_index_0_id_04b6e52f_prod_lang_stylus_ = __webpack_require__("121b");
+// EXTERNAL MODULE: ./src/components/index.vue?vue&type=style&index=0&id=cf3685c2&prod&lang=stylus&
+var componentsvue_type_style_index_0_id_cf3685c2_prod_lang_stylus_ = __webpack_require__("d70e");
 
 // CONCATENATED MODULE: ./src/components/index.vue
 
@@ -40243,8 +40231,8 @@ var color_component = normalizeComponent(
 )
 
 /* harmony default export */ var color = (color_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/transfer.vue?vue&type=template&id=94550bdc&scoped=true&
-var transfervue_type_template_id_94550bdc_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/transfer.vue?vue&type=template&id=4e0a13a9&scoped=true&
+var transfervue_type_template_id_4e0a13a9_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -40253,6 +40241,9 @@ var transfervue_type_template_id_94550bdc_scoped_true_render = function render()
     staticClass: "flex-column",
     style: {
       'height': _vm.parsePixel(_vm.height, true)
+    },
+    attrs: {
+      "warn": !!_vm.name && _vm.warnState
     }
   }, [_c('dt', [_vm._v(_vm._s(_vm.compTitle[0]))]), _vm.searchConfig ? _c('dd', [_c('div', {
     staticClass: "c-transfer-search flex-center"
@@ -40283,8 +40274,8 @@ var transfervue_type_template_id_94550bdc_scoped_true_render = function render()
     }
   })], 1)]) : _vm._e(), _c('dd', {
     staticClass: "flex-grow"
-  }, [_c('ul', [_vm._l(_vm.options, function (item, i) {
-    return [!_vm.currentOptions.find(current => current.value == item.value) ? _c('li', {
+  }, [_vm._l(_vm.options, function (item, i) {
+    return [_c('div', {
       directives: [{
         name: "show",
         rawName: "v-show",
@@ -40292,60 +40283,77 @@ var transfervue_type_template_id_94550bdc_scoped_true_render = function render()
         expression: "!item.hide"
       }],
       key: i,
-      class: {
-        'z-crt': item.checked
+      staticClass: "c-transfer-option flex-center",
+      attrs: {
+        "title": _vm.$t(item.name)
       },
       on: {
         "click": function ($event) {
-          return _vm.$set(item, 'checked', !item.checked);
+          return _vm.transferHandle(item);
         }
       }
-    }, [_vm._v(_vm._s(_vm.$t(item.name)))]) : _vm._e()];
-  })], 2)])]), _c('div', {
-    staticClass: "c-transfer-handle flex-column",
-    attrs: {
-      "warn": !!_vm.name && _vm.warnState
-    }
-  }, [_c('button', {
-    on: {
-      "click": function ($event) {
-        return _vm.handle(true);
-      }
-    }
-  }, [_c('i', {
-    staticClass: "c-icon-angle-dbright"
-  })]), _c('button', {
-    on: {
-      "click": function ($event) {
-        return _vm.handle(false);
+    }, [_c('c-checkbox', {
+      attrs: {
+        "value": !!_vm.currentOptions.find(current => current.value == item.value),
+        "readonly": ""
       }
-    }
-  }, [_c('i', {
-    staticClass: "c-icon-angle-dbleft"
-  })])]), _c('dl', {
+    }), _c('p', {
+      staticClass: "flex-grow ellipsis"
+    }, [_vm._v(_vm._s(_vm.$t(item.name)))])], 1)];
+  })], 2)]), _c('dl', {
     staticClass: "flex-column",
     style: {
       'height': _vm.parsePixel(_vm.height, true)
+    },
+    attrs: {
+      "warn": !!_vm.name && _vm.warnState
     }
   }, [_c('dt', [_vm._v(_vm._s(_vm.compTitle[1]))]), _c('dd', {
     staticClass: "flex-grow"
-  }, [_c('ul', [_vm._l(_vm.currentOptions, function (item, i) {
-    return [_c('li', {
-      key: i,
-      class: {
-        'z-crt': item.checked
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.$set(item, 'checked', !item.checked);
-        }
+  }, [_c('c-drag-sort', {
+    attrs: {
+      "disabled": !_vm.sort
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        item,
+        index
+      }) {
+        return [_c('c-drag-item', {
+          key: index,
+          staticClass: "c-transfer-option flex-center",
+          attrs: {
+            "title": _vm.$t(item.name)
+          }
+        }, [_c('c-drag-handle', [_c('i', {
+          staticClass: "c-transfer-option-drag c-icon-sort-drag"
+        })]), _c('p', {
+          staticClass: "flex-grow ellipsis"
+        }, [_vm._v(_vm._s(_vm.$t(item.name)))]), _c('a', {
+          staticClass: "c-transfer-option-delete",
+          on: {
+            "click": function ($event) {
+              return _vm.transferHandle(item);
+            }
+          }
+        }, [_c('i', {
+          staticClass: "c-icon-cross"
+        })])], 1)];
       }
-    }, [_vm._v(_vm._s(_vm.$t(item.name)))])];
-  })], 2)])])]);
+    }]),
+    model: {
+      value: _vm.currentOptions,
+      callback: function ($$v) {
+        _vm.currentOptions = $$v;
+      },
+      expression: "currentOptions"
+    }
+  })], 1)])]);
 };
-var transfervue_type_template_id_94550bdc_scoped_true_staticRenderFns = [];
+var transfervue_type_template_id_4e0a13a9_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/unit/transfer.vue?vue&type=template&id=94550bdc&scoped=true&
+// CONCATENATED MODULE: ./src/components/unit/transfer.vue?vue&type=template&id=4e0a13a9&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/transfer.vue?vue&type=script&lang=js&
 
@@ -40367,7 +40375,8 @@ var transfervue_type_template_id_94550bdc_scoped_true_staticRenderFns = [];
     height: {
       type: [String, Number],
       default: 300
-    }
+    },
+    sort: Boolean
   },
   data() {
     return {
@@ -40450,23 +40459,13 @@ var transfervue_type_template_id_94550bdc_scoped_true_staticRenderFns = [];
     getData() {
       return this.currentOptions;
     },
-    handle(add) {
+    transferHandle(item) {
       this.cFormItemStore.commit('warnState', false);
-      if (add) {
-        this.options.filter(item => item.checked).forEach(item => {
-          if (!this.currentOptions.includes(item)) {
-            item.checked = false;
-            this.currentOptions.push(item);
-          }
-        });
+      let index = this.currentOptions.findIndex(temp => temp.value == item.value);
+      if (index == -1) {
+        this.currentOptions.push(item);
       } else {
-        this.currentOptions = this.currentOptions.filter(item => {
-          if (item.checked) {
-            item.checked = false;
-          } else {
-            return true;
-          }
-        });
+        this.currentOptions.splice(index, 1);
       }
       this.$emit('change', this.getData());
     },
@@ -40486,8 +40485,8 @@ var transfervue_type_template_id_94550bdc_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/unit/transfer.vue?vue&type=script&lang=js&
  /* harmony default export */ var unit_transfervue_type_script_lang_js_ = (transfervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/unit/transfer.vue?vue&type=style&index=0&id=94550bdc&prod&lang=stylus&scoped=true&
-var transfervue_type_style_index_0_id_94550bdc_prod_lang_stylus_scoped_true_ = __webpack_require__("ee08");
+// EXTERNAL MODULE: ./src/components/unit/transfer.vue?vue&type=style&index=0&id=4e0a13a9&prod&lang=stylus&scoped=true&
+var transfervue_type_style_index_0_id_4e0a13a9_prod_lang_stylus_scoped_true_ = __webpack_require__("e76a");
 
 // CONCATENATED MODULE: ./src/components/unit/transfer.vue
 
@@ -40500,11 +40499,11 @@ var transfervue_type_style_index_0_id_94550bdc_prod_lang_stylus_scoped_true_ = _
 
 var transfer_component = normalizeComponent(
   unit_transfervue_type_script_lang_js_,
-  transfervue_type_template_id_94550bdc_scoped_true_render,
-  transfervue_type_template_id_94550bdc_scoped_true_staticRenderFns,
+  transfervue_type_template_id_4e0a13a9_scoped_true_render,
+  transfervue_type_template_id_4e0a13a9_scoped_true_staticRenderFns,
   false,
   null,
-  "94550bdc",
+  "4e0a13a9",
   null
   
 )
@@ -40649,8 +40648,8 @@ var unit_switch_component = normalizeComponent(
 )
 
 /* harmony default export */ var unit_switch = (unit_switch_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/upload_file.vue?vue&type=template&id=0d3363d8&scoped=true&
-var upload_filevue_type_template_id_0d3363d8_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/upload_file.vue?vue&type=template&id=454f1302&scoped=true&
+var upload_filevue_type_template_id_454f1302_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -40661,7 +40660,7 @@ var upload_filevue_type_template_id_0d3363d8_scoped_true_render = function rende
     attrs: {
       "media": _vm.media
     }
-  }, [_vm.media ? _c('c-draw-sort', {
+  }, [_vm.media ? _c('c-drag-sort', {
     staticClass: "c-upload-media flex-wrap",
     attrs: {
       "disabled": !_vm.multiple || !_vm.sort
@@ -40670,15 +40669,11 @@ var upload_filevue_type_template_id_0d3363d8_scoped_true_render = function rende
       key: "default",
       fn: function ({
         item,
-        id,
         index
       }) {
-        return [_c('c-draw-item', {
-          key: id,
-          staticClass: "c-upload-media-item flex-center",
-          attrs: {
-            "index": index
-          }
+        return [_c('c-drag-item', {
+          key: index,
+          staticClass: "c-upload-media-item flex-center"
         }, [_c('c-file', {
           attrs: {
             "src": item,
@@ -40690,16 +40685,26 @@ var upload_filevue_type_template_id_0d3363d8_scoped_true_render = function rende
             "click": function ($event) {
               $event.stopPropagation();
               return _vm.removeHandle(index);
-            },
-            "mousedown": function ($event) {
-              $event.stopPropagation();
             }
           }
         }, [_c('i', {
           staticClass: "c-icon-cross"
         })])], 1)];
       }
-    }], null, false, 1593950063),
+    }, {
+      key: "append",
+      fn: function () {
+        return [!_vm.upperLimit && (!_vm.parseValueData.length || !_vm.button) ? _c('div', {
+          staticClass: "c-upload-media-item c-upload-media-upload flex-center",
+          on: {
+            "click": _vm.uploadHandle
+          }
+        }, [_c('i', {
+          class: _vm.mediaIcon
+        })]) : _vm._e()];
+      },
+      proxy: true
+    }], null, false, 2423801337),
     model: {
       value: _vm.parseValueData,
       callback: function ($$v) {
@@ -40707,18 +40712,7 @@ var upload_filevue_type_template_id_0d3363d8_scoped_true_render = function rende
       },
       expression: "parseValueData"
     }
-  }, [!_vm.upperLimit && (!_vm.parseValueData.length || !_vm.button) ? _c('div', {
-    staticClass: "c-upload-media-item c-upload-media-upload flex-center",
-    attrs: {
-      "slot": "append"
-    },
-    on: {
-      "click": _vm.uploadHandle
-    },
-    slot: "append"
-  }, [_c('i', {
-    class: _vm.mediaIcon
-  })]) : _vm._e()]) : _vm._e(), _c('div', {
+  }) : _vm._e(), _c('div', {
     staticClass: "c-upload-handle",
     class: {
       'flex-column': _vm.media,
@@ -40771,9 +40765,9 @@ var upload_filevue_type_template_id_0d3363d8_scoped_true_render = function rende
     }, [_vm._v(_vm._s(_vm.$t('_t.upload.delete')))])], 1);
   }), 0) : _vm._e()], 1);
 };
-var upload_filevue_type_template_id_0d3363d8_scoped_true_staticRenderFns = [];
+var upload_filevue_type_template_id_454f1302_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/unit/upload_file.vue?vue&type=template&id=0d3363d8&scoped=true&
+// CONCATENATED MODULE: ./src/components/unit/upload_file.vue?vue&type=template&id=454f1302&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/unit/upload_file.vue?vue&type=script&lang=js&
 
@@ -40926,8 +40920,8 @@ var upload_filevue_type_template_id_0d3363d8_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/unit/upload_file.vue?vue&type=script&lang=js&
  /* harmony default export */ var unit_upload_filevue_type_script_lang_js_ = (upload_filevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/unit/upload_file.vue?vue&type=style&index=0&id=0d3363d8&prod&lang=stylus&scoped=true&
-var upload_filevue_type_style_index_0_id_0d3363d8_prod_lang_stylus_scoped_true_ = __webpack_require__("3849");
+// EXTERNAL MODULE: ./src/components/unit/upload_file.vue?vue&type=style&index=0&id=454f1302&prod&lang=stylus&scoped=true&
+var upload_filevue_type_style_index_0_id_454f1302_prod_lang_stylus_scoped_true_ = __webpack_require__("b3e9");
 
 // CONCATENATED MODULE: ./src/components/unit/upload_file.vue
 
@@ -40940,11 +40934,11 @@ var upload_filevue_type_style_index_0_id_0d3363d8_prod_lang_stylus_scoped_true_
 
 var upload_file_component = normalizeComponent(
   unit_upload_filevue_type_script_lang_js_,
-  upload_filevue_type_template_id_0d3363d8_scoped_true_render,
-  upload_filevue_type_template_id_0d3363d8_scoped_true_staticRenderFns,
+  upload_filevue_type_template_id_454f1302_scoped_true_render,
+  upload_filevue_type_template_id_454f1302_scoped_true_staticRenderFns,
   false,
   null,
-  "0d3363d8",
+  "454f1302",
   null
   
 )
@@ -45691,13 +45685,14 @@ function renderCell(h, row, col) {
         "pointer": this.rowClick
       }
     }, [this.dataList.map((row, i) => {
-      return [h("tr", {
-        "class": `${this.currentRow == row ? ' z-hl' : ''}`,
-        "attrs": {
-          "drag": this.dragState
+      return [h('tr', {
+        key: row.key,
+        class: this.currentRow == row ? ' z-hl' : '',
+        attrs: {
+          drag: this.dragState
         },
-        "on": {
-          "click": e => this.clickHandle(row, e)
+        on: {
+          click: e => this.clickHandle(row, e)
         }
       }, [cellSpan.call(this, h, row, i)])].concat(renderExpand.call(this, h, row));
     })])])]]), this.$scopedSlots.summed ? [this.$scopedSlots.summed()] : []]);
@@ -45745,19 +45740,7 @@ function renderCell(h, row, col) {
           },
           onEnd: e => {
             this.dragState = false;
-            table.style.minHeight = table.offsetHeight + 'px';
-            var data = this.store.table.getData().slice(0);
-            data.splice(e.newIndex, 0, data.splice(e.oldIndex, 1)[0]);
-            this.store.table.setData([]);
-            this.$nextTick(() => {
-              this.store.table.setData(data);
-              this.dragHandle && this.dragHandle(this.store.table.getRow(e.newIndex));
-              this.$nextTick(() => {
-                setTimeout(() => {
-                  table.style.minHeight = 'auto';
-                });
-              });
-            });
+            this.dataList.splice(e.newIndex, 0, this.dataList.splice(e.oldIndex, 1)[0]);
           }
         });
       });
@@ -45850,7 +45833,8 @@ var es_array_unshift = __webpack_require__("3c65");
         widthResizePosition: null,
         rowClick: false,
         currentRow: null,
-        dragHandle: null
+        dragHandle: null,
+        keyIndex: 0
       };
     },
     computed: {
@@ -45954,6 +45938,7 @@ var es_array_unshift = __webpack_require__("3c65");
           this.$set(opt.data, key, data[key]);
         }
         var row = Object.assign({
+          key: this.keyIndex++,
           data: opt.data,
           index: 0,
           expandData: {
@@ -47399,8 +47384,8 @@ var page_component = normalizeComponent(
 )
 
 /* harmony default export */ var page = (page_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module.vue?vue&type=template&id=7ae5276c&
-var modulevue_type_template_id_7ae5276c_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module.vue?vue&type=template&id=438b5c10&
+var modulevue_type_template_id_438b5c10_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -47419,15 +47404,11 @@ var modulevue_type_template_id_7ae5276c_render = function render() {
     on: {
       "change": _vm.tabHandle
     }
-  }) : _vm.title || _vm.$slots.head ? _c('div', {
-    staticClass: "c-module-head flex"
-  }, [_vm.title ? _c('div', {
-    staticClass: "c-module-title flex-baseline"
-  }, [_c('p', [_vm._v(_vm._s(_vm.$t(_vm.title)))]), _vm.subTitle ? _c('span', [_vm._v(_vm._s(_vm.$t(_vm.subTitle)))]) : _vm._e()]) : _vm._e(), _vm.$slots.head ? _c('div', {
-    staticClass: "flex-grow"
-  }, [_vm._t("head")], 2) : _vm._e()]) : _vm._e(), _c('module-content', {
+  }) : _vm._e(), _c('module-content', {
     attrs: {
-      "height": _vm.compHeight,
+      "title": _vm.title,
+      "sub-title": _vm.subTitle,
+      "height": _vm.parsePixel(_vm.height, true),
       "enableFlex": _vm.enableFlex
     }
   }, [_vm._t("default"), _vm._t("foot", null, {
@@ -47436,9 +47417,9 @@ var modulevue_type_template_id_7ae5276c_render = function render() {
     "slot": "button"
   })], 2)], 1);
 };
-var modulevue_type_template_id_7ae5276c_staticRenderFns = [];
+var modulevue_type_template_id_438b5c10_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module.vue?vue&type=template&id=7ae5276c&
+// CONCATENATED MODULE: ./src/components/layout/module.vue?vue&type=template&id=438b5c10&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module.vue?vue&type=script&lang=js&
 /* harmony default export */ var layout_modulevue_type_script_lang_js_ = ({
@@ -47473,12 +47454,6 @@ var modulevue_type_template_id_7ae5276c_staticRenderFns = [];
       } else {
         return this.tabs;
       }
-    },
-    compHeight: function () {
-      if (parseInt(this.height) == this.height) {
-        return parseInt(this.height) - (this.$slots.button ? 60 : 0) + 'px';
-      }
-      return this.height;
     }
   },
   watch: {
@@ -47522,8 +47497,8 @@ var modulevue_type_template_id_7ae5276c_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/layout/module.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_layout_modulevue_type_script_lang_js_ = (layout_modulevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/layout/module.vue?vue&type=style&index=0&id=7ae5276c&prod&lang=stylus&
-var modulevue_type_style_index_0_id_7ae5276c_prod_lang_stylus_ = __webpack_require__("f7b6");
+// EXTERNAL MODULE: ./src/components/layout/module.vue?vue&type=style&index=0&id=438b5c10&prod&lang=stylus&
+var modulevue_type_style_index_0_id_438b5c10_prod_lang_stylus_ = __webpack_require__("30fa");
 
 // CONCATENATED MODULE: ./src/components/layout/module.vue
 
@@ -47536,8 +47511,8 @@ var modulevue_type_style_index_0_id_7ae5276c_prod_lang_stylus_ = __webpack_requi
 
 var layout_module_component = normalizeComponent(
   components_layout_modulevue_type_script_lang_js_,
-  modulevue_type_template_id_7ae5276c_render,
-  modulevue_type_template_id_7ae5276c_staticRenderFns,
+  modulevue_type_template_id_438b5c10_render,
+  modulevue_type_template_id_438b5c10_staticRenderFns,
   false,
   null,
   null,
@@ -47546,8 +47521,8 @@ var layout_module_component = normalizeComponent(
 )
 
 /* harmony default export */ var layout_module = (layout_module_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_col.vue?vue&type=template&id=2aeac44f&
-var module_colvue_type_template_id_2aeac44f_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_col.vue?vue&type=template&id=4430ef0c&
+var module_colvue_type_template_id_4430ef0c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('module-content', {
@@ -47558,6 +47533,8 @@ var module_colvue_type_template_id_2aeac44f_render = function render() {
       expression: "!miniState"
     }],
     attrs: {
+      "title": _vm.title,
+      "sub-title": _vm.subTitle,
       "enableFlex": _vm.enableFlex
     },
     on: {
@@ -47571,9 +47548,9 @@ var module_colvue_type_template_id_2aeac44f_render = function render() {
     "slot": "button"
   })], 2);
 };
-var module_colvue_type_template_id_2aeac44f_staticRenderFns = [];
+var module_colvue_type_template_id_4430ef0c_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_col.vue?vue&type=template&id=2aeac44f&
+// CONCATENATED MODULE: ./src/components/layout/module_col.vue?vue&type=template&id=4430ef0c&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_col.vue?vue&type=script&lang=js&
 /* harmony default export */ var module_colvue_type_script_lang_js_ = ({
@@ -47581,7 +47558,9 @@ var module_colvue_type_template_id_2aeac44f_staticRenderFns = [];
   props: {
     size: String,
     mini: Boolean,
-    enableFlex: Boolean
+    enableFlex: Boolean,
+    title: String,
+    subTitle: String
   },
   data() {
     return {
@@ -47616,8 +47595,8 @@ var module_colvue_type_template_id_2aeac44f_staticRenderFns = [];
 
 var module_col_component = normalizeComponent(
   layout_module_colvue_type_script_lang_js_,
-  module_colvue_type_template_id_2aeac44f_render,
-  module_colvue_type_template_id_2aeac44f_staticRenderFns,
+  module_colvue_type_template_id_4430ef0c_render,
+  module_colvue_type_template_id_4430ef0c_staticRenderFns,
   false,
   null,
   null,
@@ -47626,8 +47605,8 @@ var module_col_component = normalizeComponent(
 )
 
 /* harmony default export */ var module_col = (module_col_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_row.vue?vue&type=template&id=3c7907c6&
-var module_rowvue_type_template_id_3c7907c6_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_row.vue?vue&type=template&id=2bf81c34&
+var module_rowvue_type_template_id_2bf81c34_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('module-content', {
@@ -47638,6 +47617,8 @@ var module_rowvue_type_template_id_3c7907c6_render = function render() {
       expression: "!miniState"
     }],
     attrs: {
+      "title": _vm.title,
+      "sub-title": _vm.subTitle,
       "enableFlex": _vm.enableFlex
     },
     on: {
@@ -47651,9 +47632,9 @@ var module_rowvue_type_template_id_3c7907c6_render = function render() {
     "slot": "button"
   })], 2);
 };
-var module_rowvue_type_template_id_3c7907c6_staticRenderFns = [];
+var module_rowvue_type_template_id_2bf81c34_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_row.vue?vue&type=template&id=3c7907c6&
+// CONCATENATED MODULE: ./src/components/layout/module_row.vue?vue&type=template&id=2bf81c34&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_row.vue?vue&type=script&lang=js&
 /* harmony default export */ var module_rowvue_type_script_lang_js_ = ({
@@ -47661,7 +47642,9 @@ var module_rowvue_type_template_id_3c7907c6_staticRenderFns = [];
   props: {
     size: String,
     mini: Boolean,
-    enableFlex: Boolean
+    enableFlex: Boolean,
+    title: String,
+    subTitle: String
   },
   data() {
     return {
@@ -47696,8 +47679,8 @@ var module_rowvue_type_template_id_3c7907c6_staticRenderFns = [];
 
 var module_row_component = normalizeComponent(
   layout_module_rowvue_type_script_lang_js_,
-  module_rowvue_type_template_id_3c7907c6_render,
-  module_rowvue_type_template_id_3c7907c6_staticRenderFns,
+  module_rowvue_type_template_id_2bf81c34_render,
+  module_rowvue_type_template_id_2bf81c34_staticRenderFns,
   false,
   null,
   null,
@@ -47706,19 +47689,25 @@ var module_row_component = normalizeComponent(
 )
 
 /* harmony default export */ var module_row = (module_row_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_content.vue?vue&type=template&id=7fc5a754&
-var module_contentvue_type_template_id_7fc5a754_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_content.vue?vue&type=template&id=4f397a12&
+var module_contentvue_type_template_id_4f397a12_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "c-module-content",
     class: {
       'flex': _vm.flexRow,
-      'flex-column': _vm.flexColumn || _vm.enableFlex || _vm.footer,
+      'flex-column': _vm.flexColumn || _vm.enableFlex || _vm.header || _vm.footer,
       'flex-grow-auto': _vm.root
     },
     style: _vm.sizeStyle
-  }, [_vm.footer ? _c('div', {
+  }, [_vm.header ? _c('div', {
+    staticClass: "c-module-head flex"
+  }, [_vm.title ? _c('div', {
+    staticClass: "c-module-title flex-baseline"
+  }, [_c('p', [_vm._v(_vm._s(_vm.$t(_vm.title)))]), _vm.subTitle ? _c('span', [_vm._v(_vm._s(_vm.$t(_vm.subTitle)))]) : _vm._e()]) : _vm._e(), _vm.$slots.head ? _c('div', {
+    staticClass: "flex-grow"
+  }, [_vm._t("head")], 2) : _vm._e()]) : _vm._e(), _vm.header || _vm.footer ? _c('div', {
     staticClass: "flex-grow-auto",
     class: {
       'flex-column': _vm.enableFlex
@@ -47729,9 +47718,9 @@ var module_contentvue_type_template_id_7fc5a754_render = function render() {
     staticClass: "c-module-button flex-center"
   }, [_vm._t("button")], 2) : _vm._e()]) : _vm._e()], 2);
 };
-var module_contentvue_type_template_id_7fc5a754_staticRenderFns = [];
+var module_contentvue_type_template_id_4f397a12_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_content.vue?vue&type=template&id=7fc5a754&
+// CONCATENATED MODULE: ./src/components/layout/module_content.vue?vue&type=template&id=4f397a12&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_drag.vue?vue&type=template&id=1eeeb614&
 var module_dragvue_type_template_id_1eeeb614_render = function render() {
@@ -47896,7 +47885,9 @@ var module_drag_component = normalizeComponent(
   name: 'moduleContent',
   props: {
     height: [String, Number],
-    enableFlex: Boolean
+    enableFlex: Boolean,
+    title: String,
+    subTitle: String
   },
   data() {
     return {
@@ -47924,6 +47915,9 @@ var module_drag_component = normalizeComponent(
         overflow: this.root || !this.direction ? '' : 'hidden'
       };
     },
+    header() {
+      return this.title || this.$slots.head;
+    },
     footer() {
       return this.$slots.foot || this.$slots.button;
     }
@@ -48046,8 +48040,8 @@ var module_drag_component = normalizeComponent(
 
 var module_content_component = normalizeComponent(
   layout_module_contentvue_type_script_lang_js_,
-  module_contentvue_type_template_id_7fc5a754_render,
-  module_contentvue_type_template_id_7fc5a754_staticRenderFns,
+  module_contentvue_type_template_id_4f397a12_render,
+  module_contentvue_type_template_id_4f397a12_staticRenderFns,
   false,
   null,
   null,
@@ -48056,8 +48050,8 @@ var module_content_component = normalizeComponent(
 )
 
 /* harmony default export */ var module_content = (module_content_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_tab.vue?vue&type=template&id=d75c95a4&
-var module_tabvue_type_template_id_d75c95a4_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_tab.vue?vue&type=template&id=86352b0a&
+var module_tabvue_type_template_id_86352b0a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('module-content', {
@@ -48069,6 +48063,8 @@ var module_tabvue_type_template_id_d75c95a4_render = function render() {
     }],
     staticClass: "flex-grow",
     attrs: {
+      "title": _vm.title,
+      "sub-title": _vm.subTitle,
       "enableFlex": _vm.enableFlex
     }
   }, [_vm._t("default"), _vm._t("foot", null, {
@@ -48077,16 +48073,18 @@ var module_tabvue_type_template_id_d75c95a4_render = function render() {
     "slot": "button"
   })], 2);
 };
-var module_tabvue_type_template_id_d75c95a4_staticRenderFns = [];
+var module_tabvue_type_template_id_86352b0a_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/layout/module_tab.vue?vue&type=template&id=d75c95a4&
+// CONCATENATED MODULE: ./src/components/layout/module_tab.vue?vue&type=template&id=86352b0a&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/module_tab.vue?vue&type=script&lang=js&
 /* harmony default export */ var module_tabvue_type_script_lang_js_ = ({
   name: 'moduleTab',
   props: {
     name: String,
-    enableFlex: Boolean
+    enableFlex: Boolean,
+    title: String,
+    subTitle: String
   },
   data() {
     return {
@@ -48133,8 +48131,8 @@ var module_tabvue_type_template_id_d75c95a4_staticRenderFns = [];
 
 var module_tab_component = normalizeComponent(
   layout_module_tabvue_type_script_lang_js_,
-  module_tabvue_type_template_id_d75c95a4_render,
-  module_tabvue_type_template_id_d75c95a4_staticRenderFns,
+  module_tabvue_type_template_id_86352b0a_render,
+  module_tabvue_type_template_id_86352b0a_staticRenderFns,
   false,
   null,
   null,
@@ -50109,74 +50107,98 @@ var public_qrcode_component = normalizeComponent(
 )
 
 /* harmony default export */ var public_qrcode = (public_qrcode_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/draw_sort/index.vue?vue&type=template&id=dae6fde2&
-var draw_sortvue_type_template_id_dae6fde2_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/drag_sort/index.vue?vue&type=template&id=f4e4510e&
+var drag_sortvue_type_template_id_f4e4510e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticStyle: {
-      "position": "relative"
-    }
+    staticClass: "c-drag-sort"
   }, [_vm._t("prepend"), _vm._l(_vm.dataList, function (item, i) {
     return [_vm._t("default", null, {
-      "item": item.item,
-      "id": item.key,
-      "index": i
+      "item": item.data,
+      "index": item.key
     })];
   }), _vm._t("append")], 2);
 };
-var draw_sortvue_type_template_id_dae6fde2_staticRenderFns = [];
+var drag_sortvue_type_template_id_f4e4510e_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/drag_sort/index.vue?vue&type=template&id=f4e4510e&
+
+// 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/drag_sort/index.vue?vue&type=script&lang=js&
 
-// CONCATENATED MODULE: ./src/components/draw_sort/index.vue?vue&type=template&id=dae6fde2&
 
-// 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/draw_sort/index.vue?vue&type=script&lang=js&
-/* harmony default export */ var components_draw_sortvue_type_script_lang_js_ = ({
-  name: 'cDrawSort',
+/* harmony default export */ var components_drag_sortvue_type_script_lang_js_ = ({
+  name: 'cDragSort',
   props: {
     value: [Array],
     disabled: Boolean
   },
   data() {
     return {
-      dataList: [],
-      translate: {
-        x: 0,
-        y: 0
-      }
+      cDragSortStore: createStore({
+        handleState: false,
+        disabled: this.disabled
+      }),
+      keyIndex: 0,
+      dataList: []
     };
   },
+  computed: {
+    ...mapStore('cDragSortStore', ['handleState'])
+  },
   watch: {
     value() {
-      this.update();
+      this.updateData();
+      this.initDragSort();
     },
     disabled(val) {
-      this.$children.forEach(item => item.disabled = val);
+      this.cDragSortStore.commit('disabled', val);
+      if (val) {
+        this._sort.destroy();
+        delete this._sort;
+      } else {
+        this.initDragSort();
+      }
     }
   },
   mounted() {
-    this.update();
+    this.updateData();
+    this.initDragSort();
   },
   methods: {
-    update() {
-      this.dataList = Array.from(this.value, (item, key) => {
+    updateData() {
+      this.dataList = (this.value || []).map(item => {
         return {
-          key,
-          item
+          key: this.keyIndex++,
+          data: item
         };
       });
     },
-    sortHandle(index, target) {
-      var item = this.dataList.splice(index, 1)[0];
-      this.dataList.splice(target, 0, item);
-    },
-    sortEnd() {
-      this.$emit('input', Array.from(this.dataList, item => item.item));
+    initDragSort() {
+      if (!this.dataList.length || this.disabled) return;
+      if (this._sort) {
+        this._sort.destroy();
+        delete this._sort;
+      }
+      this.$nextTick(() => {
+        this._sort = new sortable_esm(this.$el, {
+          handle: this.handleState ? '.c-drag-sort-handle' : '.c-drag-sort',
+          animation: 150,
+          scrollSensitivity: 100,
+          onEnd: e => {
+            let data = this.dataList[e.oldIndex].data;
+            this.dataList.splice(e.newIndex, 0, this.dataList.splice(e.oldIndex, 1)[0]);
+            this.$emit('input', this.dataList.map(item => item.data));
+            this.$emit('sort', data, e.oldIndex, e.newIndex);
+          }
+        });
+      });
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/draw_sort/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_components_draw_sortvue_type_script_lang_js_ = (components_draw_sortvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/draw_sort/index.vue
+// CONCATENATED MODULE: ./src/components/drag_sort/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_components_drag_sortvue_type_script_lang_js_ = (components_drag_sortvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/drag_sort/index.vue
 
 
 
@@ -50184,10 +50206,10 @@ var draw_sortvue_type_template_id_dae6fde2_staticRenderFns = [];
 
 /* normalize component */
 
-var components_draw_sort_component = normalizeComponent(
-  src_components_draw_sortvue_type_script_lang_js_,
-  draw_sortvue_type_template_id_dae6fde2_render,
-  draw_sortvue_type_template_id_dae6fde2_staticRenderFns,
+var components_drag_sort_component = normalizeComponent(
+  src_components_drag_sortvue_type_script_lang_js_,
+  drag_sortvue_type_template_id_f4e4510e_render,
+  drag_sortvue_type_template_id_f4e4510e_staticRenderFns,
   false,
   null,
   null,
@@ -50195,170 +50217,98 @@ var components_draw_sort_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var components_draw_sort = (components_draw_sort_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/draw_sort/item.vue?vue&type=template&id=2dd18296&scoped=true&
-var itemvue_type_template_id_2dd18296_scoped_true_render = function render() {
+/* harmony default export */ var components_drag_sort = (components_drag_sort_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/drag_sort/item.vue?vue&type=template&id=9aae4536&scoped=true&
+var itemvue_type_template_id_9aae4536_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "draw-item",
+    staticClass: "c-drag-sort-item",
     class: {
-      'z-dis': _vm.disabled || _vm.handleState
-    },
-    on: {
-      "mousedown": e => _vm.handleState ? '' : _vm.moveStart(e)
-    }
-  }, [_c('div', {
-    ref: "content",
-    staticClass: "content",
-    class: {
-      'z-move': _vm.moveState
-    },
-    style: {
-      'left': `${_vm.moveSeat.x}px`,
-      'top': `${_vm.moveSeat.y}px`
-    }
-  }, [_vm._t("default"), _vm.handleState ? _c('div', {
-    ref: "handle",
-    staticClass: "handle",
-    style: _vm.handleStyle,
-    on: {
-      "mousedown": function ($event) {
-        $event.stopPropagation();
-        return _vm.moveStart.apply(null, arguments);
-      }
+      'c-drag-sort-handle': !_vm.disabled && !_vm.handleState
     }
-  }, [_vm._t("handle")], 2) : _vm._e(), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.moveState,
-      expression: "moveState"
-    }],
-    staticClass: "shade"
-  })], 2), _c('div', {
+  }, [_vm._t("default")], 2);
+};
+var itemvue_type_template_id_9aae4536_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/drag_sort/item.vue?vue&type=template&id=9aae4536&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/drag_sort/item.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var drag_sort_itemvue_type_script_lang_js_ = ({
+  name: 'cDragItem',
+  data() {
+    return {
+      ...getStore(this, 'cDragSortStore')
+    };
+  },
+  computed: {
+    ...mapStore('cDragSortStore', ['disabled', 'handleState'])
+  }
+});
+// CONCATENATED MODULE: ./src/components/drag_sort/item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_drag_sort_itemvue_type_script_lang_js_ = (drag_sort_itemvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/drag_sort/item.vue?vue&type=style&index=0&id=9aae4536&prod&lang=stylus&scoped=true&
+var itemvue_type_style_index_0_id_9aae4536_prod_lang_stylus_scoped_true_ = __webpack_require__("2815");
+
+// CONCATENATED MODULE: ./src/components/drag_sort/item.vue
+
+
+
+
+
+
+/* normalize component */
+
+var drag_sort_item_component = normalizeComponent(
+  components_drag_sort_itemvue_type_script_lang_js_,
+  itemvue_type_template_id_9aae4536_scoped_true_render,
+  itemvue_type_template_id_9aae4536_scoped_true_staticRenderFns,
+  false,
+  null,
+  "9aae4536",
+  null
+  
+)
+
+/* harmony default export */ var drag_sort_item = (drag_sort_item_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/drag_sort/handle.vue?vue&type=template&id=6a3467e2&
+var handlevue_type_template_id_6a3467e2_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.moveState,
-      expression: "moveState"
+      value: !_vm.disabled,
+      expression: "!disabled"
     }],
-    staticClass: "place",
-    style: _vm.placeStyle
-  })]);
+    staticClass: "c-drag-sort-handle"
+  }, [_vm._t("default")], 2);
 };
-var itemvue_type_template_id_2dd18296_scoped_true_staticRenderFns = [];
+var handlevue_type_template_id_6a3467e2_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/draw_sort/item.vue?vue&type=template&id=2dd18296&scoped=true&
+// CONCATENATED MODULE: ./src/components/drag_sort/handle.vue?vue&type=template&id=6a3467e2&
 
-// 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/draw_sort/item.vue?vue&type=script&lang=js&
-function getStyle(obj, attr) {
-  if (obj.currentStyle) {
-    return obj.currentStyle[attr];
-  } else {
-    return getComputedStyle(obj, false)[attr];
-  }
-}
+// 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/drag_sort/handle.vue?vue&type=script&lang=js&
 
-/* harmony default export */ var draw_sort_itemvue_type_script_lang_js_ = ({
-  name: 'cDrawItem',
-  props: {
-    index: Number,
-    handleStyle: Object
-  },
+/* harmony default export */ var handlevue_type_script_lang_js_ = ({
+  name: 'cDragHandle',
   data() {
     return {
-      moveState: false,
-      boxSeat: {
-        x: 0,
-        y: 0
-      },
-      moveSeat: {
-        x: 0,
-        y: 0
-      },
-      clientSeat: {
-        x: 0,
-        y: 0
-      },
-      placeStyle: {},
-      handleSize: {},
-      disabled: this.$parent.disabled
+      ...getStore(this, 'cDragSortStore')
     };
   },
   computed: {
-    handleState() {
-      return this.$slots.handle;
-    }
+    ...mapStore('cDragSortStore', ['disabled'])
   },
-  methods: {
-    moveStart(e) {
-      if (this.disabled) return;
-      ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'].forEach(item => {
-        this.$set(this.placeStyle, item, getStyle(this.$refs.content.children[0], item));
-      });
-      this.$set(this.placeStyle, 'width', parseInt(getStyle(this.$refs.content, 'width')) - parseInt(this.placeStyle['margin-left']) - parseInt(this.placeStyle['margin-right']) + 'px');
-      this.$set(this.placeStyle, 'height', getStyle(this.$refs.content, 'height'));
-      ['width', 'height'].forEach(item => {
-        this.$set(this.handleSize, item, getStyle(this.handleState ? this.$refs.handle : this.$refs.content.children[0], item));
-      });
-      if (this.handleState) {
-        this.$set(this.handleSize, 'offsetLeft', this.$refs.handle.offsetLeft);
-        this.$set(this.handleSize, 'offsetTop', this.$refs.handle.offsetTop);
-      }
-      this.moveState = true;
-      this.boxSeat = {
-        x: this.$parent.$el.getBoundingClientRect().x,
-        y: this.$parent.$el.getBoundingClientRect().y
-      };
-      this.updateMoveSeat(e);
-      document.addEventListener('mousemove', this.move);
-      document.addEventListener('mouseup', this.moveEnd);
-    },
-    move(e) {
-      this.updateMoveSeat(e);
-      this.updateSort();
-    },
-    moveEnd() {
-      this.moveState = false;
-      this.moveSeat.x = 0;
-      this.moveSeat.y = 0;
-      document.removeEventListener('mousemove', this.move);
-      document.removeEventListener('mouseup', this.moveEnd);
-      this.$parent.sortEnd();
-    },
-    updateMoveSeat(e) {
-      this.clientSeat.x = e.clientX - this.boxSeat.x;
-      this.clientSeat.y = e.clientY - this.boxSeat.y;
-      this.moveSeat.x = this.clientSeat.x - parseInt(this.placeStyle['margin-left']) - parseInt(this.handleSize['width']) / 2 - (this.handleSize.offsetLeft || 0);
-      this.moveSeat.y = this.clientSeat.y - parseInt(this.placeStyle['margin-top']) - parseInt(this.handleSize['height']) / 2 - (this.handleSize.offsetTop || 0);
-    },
-    updateSort: components_throttle(function () {
-      var list = this.$parent.$children;
-      for (let i = 0; i < list.length; i++) {
-        let item = list[i];
-        if (this.index != item.index) {
-          let rect = item.$el.getBoundingClientRect(),
-            minX = rect.left - this.boxSeat.x + this.$parent.translate.x,
-            maxX = minX + rect.width,
-            minY = rect.top - this.boxSeat.y + this.$parent.translate.y,
-            maxY = minY + rect.height;
-          if (this.clientSeat.x >= minX && this.clientSeat.x <= maxX && this.clientSeat.y >= minY && this.clientSeat.y <= maxY) {
-            this.$parent.sortHandle(this.index, item.index);
-            break;
-          }
-        }
-      }
-    }, 100)
+  mounted() {
+    this.cDragSortStore.commit('handleState', true);
   }
 });
-// CONCATENATED MODULE: ./src/components/draw_sort/item.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_draw_sort_itemvue_type_script_lang_js_ = (draw_sort_itemvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/draw_sort/item.vue?vue&type=style&index=0&id=2dd18296&prod&lang=stylus&scoped=true&
-var itemvue_type_style_index_0_id_2dd18296_prod_lang_stylus_scoped_true_ = __webpack_require__("8e68");
-
-// CONCATENATED MODULE: ./src/components/draw_sort/item.vue
-
+// CONCATENATED MODULE: ./src/components/drag_sort/handle.vue?vue&type=script&lang=js&
+ /* harmony default export */ var drag_sort_handlevue_type_script_lang_js_ = (handlevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/drag_sort/handle.vue
 
 
 
@@ -50366,18 +50316,18 @@ var itemvue_type_style_index_0_id_2dd18296_prod_lang_stylus_scoped_true_ = __web
 
 /* normalize component */
 
-var draw_sort_item_component = normalizeComponent(
-  components_draw_sort_itemvue_type_script_lang_js_,
-  itemvue_type_template_id_2dd18296_scoped_true_render,
-  itemvue_type_template_id_2dd18296_scoped_true_staticRenderFns,
+var handle_component = normalizeComponent(
+  drag_sort_handlevue_type_script_lang_js_,
+  handlevue_type_template_id_6a3467e2_render,
+  handlevue_type_template_id_6a3467e2_staticRenderFns,
   false,
   null,
-  "2dd18296",
+  null,
   null
   
 )
 
-/* harmony default export */ var draw_sort_item = (draw_sort_item_component.exports);
+/* harmony default export */ var handle = (handle_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/tree/index.vue?vue&type=template&id=7f9fb4d2&scoped=true&
 var treevue_type_template_id_7f9fb4d2_scoped_true_render = function render() {
   var _vm = this,
@@ -55677,7 +55627,8 @@ const SHORTCUTS = {
 
 
 
-const COMPS = [components, unit_button, unit_input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, datetime, color, transfer, unit_switch, upload_file, unit_file, unit_editor, unit_link, popup_dialog, popup_window, components_table, column, table_button, components_form, item, form_column, components_detail, detail_item, page, layout_module, module_col, module_row, module_content, module_tab, grid_row, grid_col, flex_row, flex_col, public_title, tab_list, public_pagination, empty, public_dropdown, right_menu, public_steps, refresh, public_tooltip, public_scroll, public_progress, public_qrcode, components_draw_sort, draw_sort_item, components_tree, components_editor, picker_datetime, picker_color];
+
+const COMPS = [components, unit_button, unit_input, unit_radio, radio_group, unit_checkbox, checkbox_group, unit_select, region, datetime, color, transfer, unit_switch, upload_file, unit_file, unit_editor, unit_link, popup_dialog, popup_window, components_table, column, table_button, components_form, item, form_column, components_detail, detail_item, page, layout_module, module_col, module_row, module_content, module_tab, grid_row, grid_col, flex_row, flex_col, public_title, tab_list, public_pagination, empty, public_dropdown, right_menu, public_steps, refresh, public_tooltip, public_scroll, public_progress, public_qrcode, components_drag_sort, drag_sort_item, handle, components_tree, components_editor, picker_datetime, picker_color];
 
 
 
@@ -55921,6 +55872,13 @@ const parseFile = function (url = '') {
 
 
 
+/***/ }),
+
+/***/ "fbe3":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "fc6a":
@@ -55937,6 +55895,13 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "fd29":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "fdbf":