bkui-vue 0.0.3-beta.1 → 0.0.3-beta.2-1

package/lib/table/index.js

@@ -64,38 +64,38 @@ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.RenderType, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.debounce, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.hasOverflowEllipsis, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.isElement, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function typeof_typeof(obj) {
+function typeof_typeof(o) {
   "@babel/helpers - typeof";
 
-  return typeof_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, typeof_typeof(obj);
+  return typeof_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, typeof_typeof(o);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function _toPrimitive(input, hint) {
-  if (typeof_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof_typeof(res) !== "object") return res;
+function toPrimitive(t, r) {
+  if ("object" != typeof_typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof_typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof_typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof_typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function defineProperty_defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
+  key = toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -114,7 +114,6 @@ var external_vue_y = x => () => x
 const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
-var _DEF_COLOR;
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -210,7 +209,7 @@ var IHeadColor;
 /**
  * 根据表格的使用场景，表头支持颜色自定义，默认提供的选项：FAFBFD、F0F1F5，尽量一个项目选用同一种颜色。
  */
-var DEF_COLOR = (_DEF_COLOR = {}, defineProperty_defineProperty(_DEF_COLOR, IHeadColor.DEF1, '#FAFBFD'), defineProperty_defineProperty(_DEF_COLOR, IHeadColor.DEF2, '#F0F1F5'), _DEF_COLOR);
+var DEF_COLOR = defineProperty_defineProperty(defineProperty_defineProperty({}, IHeadColor.DEF1, '#FAFBFD'), IHeadColor.DEF2, '#F0F1F5');
 var SETTING_SIZE = {
   large: 78,
   medium: 60,
@@ -614,7 +613,11 @@ var tableProps = {
   /**
    * 是否采用flex布局表格
    */
-  isFlex: external_shared_namespaceObject.PropTypes.bool.def(true)
+  isFlex: external_shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 是否支持行拖拽排序
+   */
+  rowDraggable: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.func, external_shared_namespaceObject.PropTypes.bool, external_shared_namespaceObject.PropTypes.object]).def(false)
 };
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 
@@ -792,7 +795,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -858,7 +861,7 @@ var BkTableCache = /*#__PURE__*/function () {
 
 ;// CONCATENATED MODULE: ../../packages/table/src/events.ts
 
-var _EMIT_EVENT_TYPES, _CELL_EVENT_TYPES;
+var _EMIT_EVENT_TYPES;
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -916,6 +919,7 @@ var EMIT_EVENTS;
   EMIT_EVENTS["CELL_DBL_CLICK"] = "cellDblclick";
   EMIT_EVENTS["NATIVE_CLICK"] = "click";
   EMIT_EVENTS["NATIVE_DBL_CLICK"] = "dblclick";
+  EMIT_EVENTS["DRAG_END"] = "dragend";
 })(EMIT_EVENTS || (EMIT_EVENTS = {}));
 var EVENT_COL_PICK = function EVENT_COL_PICK(_cols) {
   return true;
@@ -956,8 +960,11 @@ var EVENT_CELL_FN = function EVENT_CELL_FN(_args) {
 var EVENT_SCROLL_FN = function EVENT_SCROLL_FN(_args) {
   return true;
 };
-var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.COLUMN_PICK, EVENT_COL_PICK), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.COLUMN_FILTER, EVENT_COL_FILTER), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.COLUMN_SORT, EVENT_COL_SORT), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.COLUMN_FILTER_SAVE, EVENT_COL_FILTER_SAVE), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_CLICK, EVENT_MOUSE_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_DBL_CLICK, EVENT_MOUSE_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_EXPAND_CLICK, EVENT_EXPAND_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_SELECT, EVENT_ROW_SELECT_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_SELECT_ALL, EVENT_ROW_SELECT_ALL_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_SELECT_CHANGE, EVENT_ROW_SELECT_CHANGE_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.PAGE_LIMIT_CHANGE, EVENT_PAGE_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.PAGE_VALUE_CHANGE, EVENT_PAGE_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.SETTING_CHANGE, EVENT_SETTING_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.SCROLL_BOTTOM, EVENT_SCROLL_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CELL_CLICK, EVENT_CELL_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CELL_DBL_CLICK, EVENT_CELL_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_MOUSE_ENTER, EVENT_MOUSE_FN), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.ROW_MOUSE_LEAVE, EVENT_MOUSE_FN), _EMIT_EVENT_TYPES);
-var CELL_EVENT_TYPES = (_CELL_EVENT_TYPES = {}, defineProperty_defineProperty(_CELL_EVENT_TYPES, EMIT_EVENTS.NATIVE_CLICK, EVENT_MOUSE_FN), defineProperty_defineProperty(_CELL_EVENT_TYPES, EMIT_EVENTS.NATIVE_DBL_CLICK, EVENT_MOUSE_FN), _CELL_EVENT_TYPES);
+var EVENT_DRAGEND_FN = function EVENT_DRAGEND_FN(_args) {
+  return true;
+};
+var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.COLUMN_PICK, EVENT_COL_PICK), EMIT_EVENTS.COLUMN_FILTER, EVENT_COL_FILTER), EMIT_EVENTS.COLUMN_SORT, EVENT_COL_SORT), EMIT_EVENTS.COLUMN_FILTER_SAVE, EVENT_COL_FILTER_SAVE), EMIT_EVENTS.ROW_CLICK, EVENT_MOUSE_FN), EMIT_EVENTS.ROW_DBL_CLICK, EVENT_MOUSE_FN), EMIT_EVENTS.ROW_EXPAND_CLICK, EVENT_EXPAND_FN), EMIT_EVENTS.ROW_SELECT, EVENT_ROW_SELECT_FN), EMIT_EVENTS.ROW_SELECT_ALL, EVENT_ROW_SELECT_ALL_FN), EMIT_EVENTS.ROW_SELECT_CHANGE, EVENT_ROW_SELECT_CHANGE_FN), defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.PAGE_LIMIT_CHANGE, EVENT_PAGE_FN), EMIT_EVENTS.PAGE_VALUE_CHANGE, EVENT_PAGE_FN), EMIT_EVENTS.SETTING_CHANGE, EVENT_SETTING_FN), EMIT_EVENTS.SCROLL_BOTTOM, EVENT_SCROLL_FN), EMIT_EVENTS.CELL_CLICK, EVENT_CELL_FN), EMIT_EVENTS.CELL_DBL_CLICK, EVENT_CELL_FN), EMIT_EVENTS.ROW_MOUSE_ENTER, EVENT_MOUSE_FN), EMIT_EVENTS.ROW_MOUSE_LEAVE, EVENT_MOUSE_FN), EMIT_EVENTS.DRAG_END, EVENT_DRAGEND_FN));
+var CELL_EVENT_TYPES = defineProperty_defineProperty(defineProperty_defineProperty({}, EMIT_EVENTS.NATIVE_CLICK, EVENT_MOUSE_FN), EMIT_EVENTS.NATIVE_DBL_CLICK, EVENT_MOUSE_FN);
 ;// CONCATENATED MODULE: external "lodash/isElement"
 var isElement_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var isElement_y = x => () => x
@@ -968,8 +975,8 @@ var throttle_y = x => () => x
 const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
 ;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-column-resize.tsx
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1000,7 +1007,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 /* harmony default export */ const use_column_resize = (function (tableResp) {
-  var _handler;
   var immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   var head = arguments.length > 2 ? arguments[2] : undefined;
   var formatData = tableResp.formatData,
@@ -1050,7 +1056,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
     dragOffsetX.value = -1000;
     dragColumn = null;
     var targetTable = (_head$value = head.value) === null || _head$value === void 0 ? void 0 : _head$value.querySelector('table');
-    targetTable === null || targetTable === void 0 ? void 0 : targetTable.querySelectorAll('th').forEach(function (th) {
+    targetTable === null || targetTable === void 0 || targetTable.querySelectorAll('th').forEach(function (th) {
       return th.style.setProperty('user-select', 'inherit');
     });
   };
@@ -1073,7 +1079,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
   var setChildrenNodeCursor = function setChildrenNodeCursor(root, cursor) {
     if ((0,isElement_namespaceObject["default"])(root)) {
       var _root$style, _root$childNodes;
-      (_root$style = root.style) === null || _root$style === void 0 ? void 0 : _root$style.setProperty('cursor', cursor);
+      (_root$style = root.style) === null || _root$style === void 0 || _root$style.setProperty('cursor', cursor);
       if (((_root$childNodes = root.childNodes) === null || _root$childNodes === void 0 ? void 0 : _root$childNodes.length) > 0) {
         root.childNodes.forEach(function (node) {
           return setChildrenNodeCursor(node, cursor);
@@ -1081,7 +1087,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
       }
     }
   };
-  var handler = (_handler = {}, defineProperty_defineProperty(_handler, EVENTS.MOUSE_DOWN, function (e, column) {
+  var handler = defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, EVENTS.MOUSE_DOWN, function (e, column) {
     if (!isInDragSection) {
       return;
     }
@@ -1098,7 +1104,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
     updateOffsetX(e)();
     document.addEventListener('mouseup', handleMouseUp);
     document.addEventListener('mousemove', handleMouseMove);
-  }), defineProperty_defineProperty(_handler, EVENTS.MOUSE_MOVE, function (e, _column) {
+  }), EVENTS.MOUSE_MOVE, function (e, _column) {
     if (isMouseDown && !isDraging) {
       isDraging = true;
     }
@@ -1123,13 +1129,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
         isInDragSection = false;
       }
     }
-  }), defineProperty_defineProperty(_handler, EVENTS.MOUSE_OUT, function (e, _column) {
+  }), EVENTS.MOUSE_OUT, function (e, _column) {
     var target = e.target.closest('th');
     if (!isDraging) {
       setChildrenNodeCursor(target, '');
       target.classList.remove('col-resize-hover');
     }
-  }), _handler);
+  });
   var getEventName = function getEventName(event) {
     return "".concat(pluginName, "_").concat(event);
   };
@@ -1579,8 +1585,8 @@ function v4(options, buf, offset) {
 
 
 
-function use_pagination_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function use_pagination_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? use_pagination_ownKeys(Object(source), !0).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : use_pagination_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function use_pagination_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function use_pagination_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? use_pagination_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : use_pagination_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1639,10 +1645,11 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
    * pagination 为Prop传入配置
    * 方便兼容内置分页功能，此处需要单独处理count
    */
-  var localPagination = (0,external_vue_namespaceObject.ref)(null);
-  var indexData = (0,external_vue_namespaceObject.computed)(function () {
+  var propsData = (0,external_vue_namespaceObject.computed)(function () {
     return props.data;
   });
+  var localPagination = (0,external_vue_namespaceObject.ref)(null);
+  var indexData = (0,external_vue_namespaceObject.reactive)([]);
   // 当前分页缓存，用于支持内置前端分页，用户无需接收change事件来自行处理数据分割
   var pagination = (0,external_vue_namespaceObject.reactive)({
     count: 0,
@@ -1656,7 +1663,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
       return;
     }
     localPagination.value = props.remotePagination ? pagination : use_pagination_objectSpread(use_pagination_objectSpread({}, pagination), {}, {
-      count: indexData.value.length
+      count: indexData.length
     });
   };
   /**
@@ -1667,7 +1674,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
   var resetStartEndIndex = function resetStartEndIndex() {
     if (!props.pagination || props.remotePagination) {
       startIndex.value = 0;
-      endIndex.value = indexData.value.length;
+      endIndex.value = indexData.length;
       return;
     }
     // 如果是前端分页
@@ -1698,15 +1705,25 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
   var filter = function filter(sourceData, filterFn) {
     if (typeof filterFn === 'function') {
       var filterVals = sourceData.filter(function (row, index) {
-        return filterFn(row, index, indexData.value);
+        return filterFn(row, index, indexData);
       });
       sourceData.length = 0;
       sourceData.push.apply(sourceData, _toConsumableArray(filterVals));
     }
     return sourceData;
   };
+  var resolveIndexData = function resolveIndexData() {
+    return new Promise(function (resolve) {
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        var target = propsData.value.slice();
+        indexData.length = 0;
+        indexData.push.apply(indexData, _toConsumableArray(target));
+        resolve();
+      });
+    });
+  };
   var resolvePageData = function resolvePageData(filterFn, sortFn, column, type, sortScope, multiCol) {
-    var sourceData = indexData.value.slice();
+    var sourceData = indexData.slice();
     if (multiCol !== null && multiCol !== void 0 && multiCol.length) {
       multiSort(sourceData, multiCol);
     }
@@ -1720,7 +1737,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
     resolvePageData(null, null, null, null, null, multiCol);
   };
   var multiFilter = function multiFilter(filterFnList) {
-    var sourceData = indexData.value.slice();
+    var sourceData = indexData.slice();
     var target = filterFnList.reduce(function (result, fn) {
       return filter(result, fn);
     }, sourceData);
@@ -1746,6 +1763,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
     indexData: indexData,
     localPagination: localPagination,
     resolvePageData: resolvePageData,
+    resolveIndexData: resolveIndexData,
     resolvePageDataBySortList: resolvePageDataBySortList,
     resetStartEndIndex: resetStartEndIndex,
     multiFilter: multiFilter,
@@ -2695,8 +2713,8 @@ var index = (function () {
 
 
 var _this = undefined;
-function utils_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function utils_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? utils_ownKeys(Object(source), !0).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : utils_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function utils_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function utils_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? utils_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : utils_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -3090,8 +3108,7 @@ var getSortFn = function getSortFn(column, sortType) {
   };
 };
 var getNextSortType = function getNextSortType(sortType) {
-  var _steps;
-  var steps = (_steps = {}, defineProperty_defineProperty(_steps, SORT_OPTION.NULL, 3), defineProperty_defineProperty(_steps, SORT_OPTION.ASC, 1), defineProperty_defineProperty(_steps, SORT_OPTION.DESC, 2), _steps);
+  var steps = defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, SORT_OPTION.NULL, 3), SORT_OPTION.ASC, 1), SORT_OPTION.DESC, 2);
   if (steps[sortType] === undefined) {
     return SORT_OPTION.ASC;
   }
@@ -3160,8 +3177,8 @@ var resolveColumnSortProp = function resolveColumnSortProp(col, props) {
 ;// CONCATENATED MODULE: ../../packages/table/src/use-attributes.ts
 
 
-function use_attributes_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? use_attributes_ownKeys(Object(source), !0).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : use_attributes_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function use_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? use_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : use_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -3193,7 +3210,9 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
 
 
 
+
 /* harmony default export */ const use_attributes = (function (props) {
+  var t = (0,external_config_provider_namespaceObject.useLocale)('table');
   var getDefaultSettings = function getDefaultSettings() {
     var _ref, _SETTING_SIZE$size;
     var _props$settings = props.settings,
@@ -3225,12 +3244,14 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
   });
   var _usePagination = use_pagination(props),
     pageData = _usePagination.pageData,
+    indexData = _usePagination.indexData,
     localPagination = _usePagination.localPagination,
     resolvePageData = _usePagination.resolvePageData,
     resolvePageDataBySortList = _usePagination.resolvePageDataBySortList,
     multiFilter = _usePagination.multiFilter,
     sort = _usePagination.sort,
-    resetStartEndIndex = _usePagination.resetStartEndIndex;
+    resetStartEndIndex = _usePagination.resetStartEndIndex,
+    resolveIndexData = _usePagination.resolveIndexData;
   var updateSettings = function updateSettings(settings, rowHeight) {
     if (settings) {
       var _ref2, _ref3;
@@ -3265,6 +3286,17 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     }
     return minWidth;
   };
+  var resolveDraggableColumn = function resolveDraggableColumn() {
+    if (props.rowDraggable) {
+      var _props$rowDraggable$w, _props$rowDraggable, _props$rowDraggable$l, _props$rowDraggable2;
+      formatData.columns.unshift({
+        minWidth: 50,
+        width: (_props$rowDraggable$w = (_props$rowDraggable = props.rowDraggable) === null || _props$rowDraggable === void 0 ? void 0 : _props$rowDraggable.width) !== null && _props$rowDraggable$w !== void 0 ? _props$rowDraggable$w : 60,
+        label: (_props$rowDraggable$l = (_props$rowDraggable2 = props.rowDraggable) === null || _props$rowDraggable2 === void 0 ? void 0 : _props$rowDraggable2.label) !== null && _props$rowDraggable$l !== void 0 ? _props$rowDraggable$l : t.value.sort,
+        type: 'drag'
+      });
+    }
+  };
   /**
    * Format columns
    * @param columns
@@ -3273,10 +3305,10 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     var _formatData$columns;
     formatData.columns.length = 0;
     (_formatData$columns = formatData.columns).push.apply(_formatData$columns, _toConsumableArray(columns));
+    resolveDraggableColumn();
     var skipColNum = 0;
     var needColSpan = neepColspanOrRowspan(['colspan']);
-    (columns || []).forEach(function (col, index) {
-      var _Object$assign;
+    (formatData.columns || []).forEach(function (col, index) {
       var _ref4 = needColSpan ? getColumnSpanConfig(col, index, skipColNum) : {
           skipCol: false,
           skipColumnNum: 0,
@@ -3302,17 +3334,17 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
           }
           return fn;
         };
-        formatData.columnSchema.set(col, (_formatData$columnSch = {}, defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.CALC_WIDTH, undefined), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.RESIZE_WIDTH, undefined), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_MIN_WIDTH, resolveMinWidth(col)), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.LISTENERS, new Map()), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.WIDTH, col.width), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.IS_HIDDEN, isColumnHidden(formatData.settings.fields, col, formatData.settings.checked)), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_SORT_TYPE, type), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_SORT_FN, getSortFn(col)), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_FILTER_FN, undefined), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_FILTER_SCOPE, undefined), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_SORT_SCOPE, scope), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_SORT_ACTIVE, active), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_IS_DRAG, false), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_SPAN, {
+        formatData.columnSchema.set(col, (_formatData$columnSch = {}, defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.CALC_WIDTH, undefined), COLUMN_ATTRIBUTE.RESIZE_WIDTH, undefined), COLUMN_ATTRIBUTE.COL_MIN_WIDTH, resolveMinWidth(col)), COLUMN_ATTRIBUTE.LISTENERS, new Map()), COLUMN_ATTRIBUTE.WIDTH, col.width), COLUMN_ATTRIBUTE.IS_HIDDEN, isColumnHidden(formatData.settings.fields, col, formatData.settings.checked)), COLUMN_ATTRIBUTE.COL_SORT_TYPE, type), COLUMN_ATTRIBUTE.COL_SORT_FN, getSortFn(col)), COLUMN_ATTRIBUTE.COL_FILTER_FN, undefined), COLUMN_ATTRIBUTE.COL_FILTER_SCOPE, undefined), defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_SORT_SCOPE, scope), COLUMN_ATTRIBUTE.COL_SORT_ACTIVE, active), COLUMN_ATTRIBUTE.COL_IS_DRAG, false), COLUMN_ATTRIBUTE.COL_SPAN, {
           skipCol: skipCol,
           skipColumnNum: skipColumnNum,
           skipColLen: skipColLen
-        }), defineProperty_defineProperty(_formatData$columnSch, COLUMN_ATTRIBUTE.COL_UID, esm_browser_v4()), _formatData$columnSch));
+        }), COLUMN_ATTRIBUTE.COL_UID, esm_browser_v4())));
       }
-      Object.assign(formatData.columnSchema.get(col), (_Object$assign = {}, defineProperty_defineProperty(_Object$assign, COLUMN_ATTRIBUTE.COL_SPAN, {
+      Object.assign(formatData.columnSchema.get(col), defineProperty_defineProperty(defineProperty_defineProperty({}, COLUMN_ATTRIBUTE.COL_SPAN, {
         skipCol: skipCol,
         skipColumnNum: skipColumnNum,
         skipColLen: skipColLen
-      }), defineProperty_defineProperty(_Object$assign, COLUMN_ATTRIBUTE.COL_MIN_WIDTH, resolveMinWidth(col)), _Object$assign));
+      }), COLUMN_ATTRIBUTE.COL_MIN_WIDTH, resolveMinWidth(col)));
     });
   };
   var getColumnSpanConfig = function getColumnSpanConfig(col, index, skipColNum) {
@@ -3355,6 +3387,13 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     var type = getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE);
     var scope = getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_SCOPE);
     if (type === SORT_OPTION.NULL) {
+      resolveIndexData().then(function () {
+        resolvePageData();
+      });
+      return;
+    }
+    if (scope === 'all') {
+      sort(indexData, fn, column, type, scope);
       resolvePageData();
       return;
     }
@@ -3543,7 +3582,7 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
    * @param data
    */
   var formatDataSchema = function formatDataSchema(data) {
-    var _formatData$data, _formatData$dataSchem4;
+    var _formatData$data;
     formatData.data.length = 0;
     (_formatData$data = formatData.data).push.apply(_formatData$data, _toConsumableArray(data));
     var hasSelectedRow = false;
@@ -3557,8 +3596,7 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
         hasUnSelectedRow = true;
       }
       if (!formatData.dataSchema.has(row)) {
-        var _formatData$dataSchem3;
-        formatData.dataSchema.set(row, (_formatData$dataSchem3 = {}, defineProperty_defineProperty(_formatData$dataSchem3, TABLE_ROW_ATTRIBUTE.ROW_EXPAND, false), defineProperty_defineProperty(_formatData$dataSchem3, TABLE_ROW_ATTRIBUTE.ROW_SELECTION, isSelected), defineProperty_defineProperty(_formatData$dataSchem3, TABLE_ROW_ATTRIBUTE.ROW_UID, rowId), defineProperty_defineProperty(_formatData$dataSchem3, TABLE_ROW_ATTRIBUTE.ROW_INDEX, index + 1), defineProperty_defineProperty(_formatData$dataSchem3, TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, false), _formatData$dataSchem3));
+        formatData.dataSchema.set(row, defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, TABLE_ROW_ATTRIBUTE.ROW_EXPAND, false), TABLE_ROW_ATTRIBUTE.ROW_SELECTION, isSelected), TABLE_ROW_ATTRIBUTE.ROW_UID, rowId), TABLE_ROW_ATTRIBUTE.ROW_INDEX, index + 1), TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, false));
       }
       // 当传入的data改变时，更新相关属性
       // ROW_EXPAND & ROW_SELECTION & ROW_UID 不做更新
@@ -3566,7 +3604,7 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
       rowId = target[TABLE_ROW_ATTRIBUTE.ROW_UID];
       target[TABLE_ROW_ATTRIBUTE.ROW_INDEX] = index + 1;
     });
-    formatData.dataSchema.set(CHECK_ALL_OBJ, (_formatData$dataSchem4 = {}, defineProperty_defineProperty(_formatData$dataSchem4, TABLE_ROW_ATTRIBUTE.ROW_SELECTION, hasSelectedRow), defineProperty_defineProperty(_formatData$dataSchem4, TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, hasSelectedRow && hasUnSelectedRow), _formatData$dataSchem4));
+    formatData.dataSchema.set(CHECK_ALL_OBJ, defineProperty_defineProperty(defineProperty_defineProperty({}, TABLE_ROW_ATTRIBUTE.ROW_SELECTION, hasSelectedRow), TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, hasSelectedRow && hasUnSelectedRow));
     formatData.dataSchema.set(NEED_COL_ROW_SPAN, defineProperty_defineProperty({}, TABLE_ROW_ATTRIBUTE.ROW_SPAN, neepColspanOrRowspan(['rowspan'])));
   };
   /**
@@ -3645,7 +3683,6 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     setRowSelection(row, !getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION));
   };
   var toggleAllSelection = function toggleAllSelection(value) {
-    var _formatData$dataSchem7;
     var val = value !== null && value !== void 0 ? value : !isCheckedAll();
     if (props.acrossAll) {
       formatData.data.forEach(function (row) {
@@ -3656,7 +3693,7 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     pageData.forEach(function (row) {
       return setRowSelection(row, val);
     });
-    formatData.dataSchema.set(CHECK_ALL_OBJ, (_formatData$dataSchem7 = {}, defineProperty_defineProperty(_formatData$dataSchem7, TABLE_ROW_ATTRIBUTE.ROW_SELECTION, val), defineProperty_defineProperty(_formatData$dataSchem7, TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, false), _formatData$dataSchem7));
+    formatData.dataSchema.set(CHECK_ALL_OBJ, defineProperty_defineProperty(defineProperty_defineProperty({}, TABLE_ROW_ATTRIBUTE.ROW_SELECTION, val), TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, false));
   };
   var clearSelection = function clearSelection() {
     formatData.data.forEach(function (row) {
@@ -3788,6 +3825,15 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     });
     resolvePageDataBySortList(multiSortColumns);
   };
+  var changePageRowIndex = function changePageRowIndex(sourceIndex, targetIndex) {
+    var copy = pageData[sourceIndex];
+    pageData.splice(targetIndex, 0, copy);
+    var resolvedIndex = sourceIndex < targetIndex ? sourceIndex : sourceIndex + 1;
+    pageData.splice(resolvedIndex, 1);
+  };
+  var setIndexData = function setIndexData() {
+    return resolveIndexData();
+  };
   return {
     formatColumns: formatColumns,
     formatDataSchema: formatDataSchema,
@@ -3821,9 +3867,11 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     isCheckedAll: isCheckedAll,
     hasCheckedRow: hasCheckedRow,
     updateSettings: updateSettings,
+    changePageRowIndex: changePageRowIndex,
     pageData: pageData,
     localPagination: localPagination,
-    formatData: formatData
+    formatData: formatData,
+    setIndexData: setIndexData
   };
 });
 ;// CONCATENATED MODULE: ../../packages/table/src/use-column.ts
@@ -3929,8 +3977,8 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
 });
 ;// CONCATENATED MODULE: ../../packages/table/src/use-common.ts
 
-function use_common_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function use_common_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? use_common_ownKeys(Object(source), !0).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : use_common_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function use_common_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function use_common_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? use_common_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : use_common_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -3971,7 +4019,6 @@ function use_common_objectSpread(target) { for (var i = 1; i < arguments.length;
  * @param pageData 当前页数据
  */
 var useClass = function useClass(props, targetColumns, root, TableSchema, pageData) {
-  var _classes2;
   var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var _useColumn = use_column(props, targetColumns),
@@ -3988,10 +4035,9 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
     return hasScrollY.value;
   });
   var tableClass = (0,external_vue_namespaceObject.computed)(function () {
-    var _classes;
-    return (0,external_shared_namespaceObject.classes)((_classes = {}, defineProperty_defineProperty(_classes, resolveClassName('table'), true), defineProperty_defineProperty(_classes, 'has-footer', hasFooter.value), defineProperty_defineProperty(_classes, 'has-scroll-y', hasScrollY.value || props.virtualEnabled), defineProperty_defineProperty(_classes, resolveClassName('table-flex'), props.isFlex), _classes), resolvePropBorderToClassStr(props.border));
+    return (0,external_shared_namespaceObject.classes)(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table'), true), 'has-footer', hasFooter.value), 'has-scroll-y', hasScrollY.value || props.virtualEnabled), resolveClassName('table-flex'), props.isFlex), resolvePropBorderToClassStr(props.border));
   });
-  var headClass = (0,external_shared_namespaceObject.classes)((_classes2 = {}, defineProperty_defineProperty(_classes2, resolveClassName('table-head'), true), defineProperty_defineProperty(_classes2, 'has-settings', !!props.settings), _classes2));
+  var headClass = (0,external_shared_namespaceObject.classes)(defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-head'), true), 'has-settings', !!props.settings));
   var resolvedColumns = (0,external_vue_namespaceObject.computed)(function () {
     return getColumns();
   });
@@ -4005,8 +4051,7 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
   });
   var contentClass = defineProperty_defineProperty({}, resolveClassName('table-body'), true);
   var footerClass = (0,external_vue_namespaceObject.computed)(function () {
-    var _classes3;
-    return (0,external_shared_namespaceObject.classes)((_classes3 = {}, defineProperty_defineProperty(_classes3, resolveClassName('table-footer'), true), defineProperty_defineProperty(_classes3, 'is-hidden', !props.pagination || !props.data.length), _classes3));
+    return (0,external_shared_namespaceObject.classes)(defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-footer'), true), 'is-hidden', !props.pagination || !props.data.length));
   });
   var getTableHeight = function getTableHeight() {
     if (props.height === 'number') {
@@ -4039,7 +4084,6 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
       // maxHeight: props.maxHeight,
     };
   });
-
   var resolvePropHeight = function resolvePropHeight(height, parentHeight) {
     var strHeight = String(height);
     if (/^\d+\.?\d*$/.test(strHeight)) {
@@ -4154,8 +4198,7 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
     });
   });
   var tableBodyContentClass = (0,external_vue_namespaceObject.computed)(function () {
-    var _ref2;
-    return _ref2 = {}, defineProperty_defineProperty(_ref2, resolveClassName('table-body-content'), true), defineProperty_defineProperty(_ref2, resolveClassName('stripe'), props.stripe), defineProperty_defineProperty(_ref2, 'with-virtual-render', props.virtualEnabled), _ref2;
+    return defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-body-content'), true), resolveClassName('stripe'), props.stripe), 'with-virtual-render', props.virtualEnabled);
   });
   var resizeColumnClass = {
     column_drag_line: true,
@@ -4166,8 +4209,7 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
     _bottom: true
   };
   var fixedBottomBorder = (0,external_vue_namespaceObject.computed)(function () {
-    var _ref3;
-    return _ref3 = {}, defineProperty_defineProperty(_ref3, resolveClassName('fixed-bottom-border'), true), defineProperty_defineProperty(_ref3, '_is-empty', !props.data.length), _ref3;
+    return defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('fixed-bottom-border'), true), '_is-empty', !props.data.length);
   });
   var columnGhostStyle = {
     zIndex: -1,
@@ -4235,7 +4277,7 @@ const external_checkbox_namespaceObject = external_checkbox_x({ ["BkCheckboxGrou
 ;// CONCATENATED MODULE: external "../icon"
 var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_icon_y = x => () => x
-const external_icon_namespaceObject = external_icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.DownShape, ["Funnel"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Funnel, ["RightShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.RightShape });
+const external_icon_namespaceObject = external_icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.DownShape, ["Funnel"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Funnel, ["GragFill"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.GragFill, ["RightShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.RightShape });
 ;// CONCATENATED MODULE: external "../pagination"
 var external_pagination_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_pagination_y = x => () => x
@@ -4433,7 +4475,7 @@ const external_directives_namespaceObject = external_directives_x({ ["bkEllipsis
         }
       } else {
         var _bkEllipsisIns;
-        (_bkEllipsisIns = bkEllipsisIns) === null || _bkEllipsisIns === void 0 ? void 0 : _bkEllipsisIns.destroyInstance(target);
+        (_bkEllipsisIns = bkEllipsisIns) === null || _bkEllipsisIns === void 0 || _bkEllipsisIns.destroyInstance(target);
         bkEllipsisIns = null;
       }
     };
@@ -4458,7 +4500,7 @@ const external_directives_namespaceObject = external_directives_x({ ["bkEllipsis
     });
     (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
       var _bkEllipsisIns2;
-      (_bkEllipsisIns2 = bkEllipsisIns) === null || _bkEllipsisIns2 === void 0 ? void 0 : _bkEllipsisIns2.destroyInstance(refRoot.value);
+      (_bkEllipsisIns2 = bkEllipsisIns) === null || _bkEllipsisIns2 === void 0 || _bkEllipsisIns2.destroyInstance(refRoot.value);
     });
     var hasExplain = props.headExplain || props.column.explain;
     return function () {
@@ -4885,6 +4927,115 @@ function _isSlot(s) {
     };
   }
 }));
+;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-draggable.tsx
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* harmony default export */ const use_draggable = (function (props, resp, ctx) {
+  if (!props.rowDraggable) {
+    return {};
+  }
+  var beforeEventFire = function beforeEventFire(fn) {
+    if (props.rowDraggable) {
+      fn === null || fn === void 0 || fn();
+    }
+  };
+  var getTargetRow = function getTargetRow(event) {
+    return event.target.closest('tr');
+  };
+  var setTargetRowPlacement = function setTargetRowPlacement(target, event) {
+    var y = event.y;
+    var _target$getBoundingCl = target.getBoundingClientRect(),
+      top = _target$getBoundingCl.top,
+      bottom = _target$getBoundingCl.bottom;
+    var position = y - top > bottom - y ? '--bottom' : '--top';
+    removeDragClass(target);
+    target.classList.add(position);
+  };
+  var removeDragClass = function removeDragClass(target) {
+    var classList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['--bottom', '--top'];
+    classList.forEach(function (pos) {
+      return target.classList.remove(pos);
+    });
+  };
+  var onDragstart = function onDragstart(event) {
+    beforeEventFire(function () {
+      var target = getTargetRow(event);
+      target.classList.add('--drag-start');
+      event.dataTransfer.setData('text/plain', null);
+      event.dataTransfer.dropEffect = 'copy';
+      var rowIndex = event.target.dataset.rowIndex;
+      event.dataTransfer.setData('data-row-index', rowIndex);
+    });
+  };
+  var onDragenter = function onDragenter(event) {
+    beforeEventFire(function () {
+      event.dataTransfer.dropEffect = 'move';
+      var target = getTargetRow(event);
+      target.classList.add('--drag-enter');
+      setTargetRowPlacement(target, event);
+    });
+  };
+  var onDragleave = function onDragleave(event) {
+    beforeEventFire(function () {
+      var target = getTargetRow(event);
+      removeDragClass(target, ['--drag-enter', '--bottom', '--top']);
+    });
+  };
+  var onDragover = function onDragover(event) {
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'move';
+    var target = getTargetRow(event);
+    setTargetRowPlacement(target, event);
+  };
+  var onDrop = function onDrop(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    var target = getTargetRow(event);
+    var rowIndex = target.dataset.rowIndex;
+    var targetIndex = Number(rowIndex);
+    var sourceIndex = event.dataTransfer.getData('data-row-index');
+    if (target.classList.contains('--bottom')) {
+      targetIndex = targetIndex + 1;
+    }
+    resp.changePageRowIndex(Number(sourceIndex), targetIndex);
+    removeDragClass(target, ['--drag-enter', '--bottom', '--top']);
+    ctx.emit(EMIT_EVENTS.DRAG_END, {
+      sourceEvent: event,
+      data: resp.pageData
+    });
+  };
+  return {
+    onDragenter: onDragenter,
+    onDragleave: onDragleave,
+    onDragstart: onDragstart,
+    onDragover: onDragover,
+    onDrop: onDrop
+  };
+});
 ;// CONCATENATED MODULE: ../../packages/table/src/plugins/head-filter.tsx
 
 
@@ -4968,8 +5119,7 @@ function head_filter_isSlot(s) {
       deep: true
     });
     var headClass = (0,external_vue_namespaceObject.computed)(function () {
-      var _classes;
-      return (0,external_shared_namespaceObject.classes)((_classes = {}, defineProperty_defineProperty(_classes, resolveClassName('table-head-action'), true), defineProperty_defineProperty(_classes, 'column-filter', true), defineProperty_defineProperty(_classes, '--row-height', "".concat(props.height, "px")), defineProperty_defineProperty(_classes, "active", state.checked.length), defineProperty_defineProperty(_classes, "opened", state.isOpen), _classes));
+      return (0,external_shared_namespaceObject.classes)(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-head-action'), true), 'column-filter', true), '--row-height', "".concat(props.height, "px")), "active", state.checked.length), "opened", state.isOpen));
     });
     var headFilterContentClass = (0,external_shared_namespaceObject.classes)(defineProperty_defineProperty({}, resolveClassName('table-head-filter'), true));
     var refVirtualRender = (0,external_vue_namespaceObject.ref)(null);
@@ -5186,31 +5336,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
@@ -5602,8 +5752,8 @@ function use_head_cell_isSlot(s) {
 
 
 
-function use_render_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function use_render_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? use_render_ownKeys(Object(source), !0).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : use_render_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function use_render_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function use_render_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? use_render_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : use_render_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -5645,6 +5795,7 @@ function use_render_objectSpread(target) { for (var i = 1; i < arguments.length;
 
 
 
+
 function use_render_isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
@@ -5788,20 +5939,6 @@ function use_render_isSlot(s) {
     };
     var _useFixedColumn = use_fixed_column(props, tableResp, head),
       resolveFixedColumnStyle = _useFixedColumn.resolveFixedColumnStyle;
-    // const getScrollFix = () => {
-    //   if (styleRef.value.hasScrollY) {
-    //     const fixStyle = {
-    //       width: `${SCROLLY_WIDTH + 2}px`,
-    //       right: '-1px',
-    //     };
-    //     return (
-    //       <th
-    //         style={fixStyle}
-    //         class='column_fixed'
-    //       ></th>
-    //     );
-    //   }
-    // };
     return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("thead", {
       "style": rowStyle
     }, [(0,external_vue_namespaceObject.createVNode)(table_row, null, {
@@ -5871,6 +6008,7 @@ function use_render_isSlot(s) {
       skipRow: skipRow
     };
   };
+  var dragEvents = use_draggable(props, tableResp, context);
   /**
    * 渲染Table Body
    * @returns
@@ -5894,12 +6032,16 @@ function use_render_isSlot(s) {
       '--row-height': "".concat(getRowHeight(row, rowIndex), "px")
     }]);
     var rowClass = [].concat(_toConsumableArray(formatPropAsArray(props.rowClass, [row, rowIndex])), ["hover-".concat(props.rowHover), rowIndex % 2 === 1 && props.stripe ? 'stripe-row' : '']);
-    return [(0,external_vue_namespaceObject.createVNode)(table_row, null, {
+    var rowId = tableResp.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_UID);
+    return [(0,external_vue_namespaceObject.createVNode)(table_row, {
+      "key": rowId
+    }, {
       "default": function _default() {
-        return [(0,external_vue_namespaceObject.createVNode)("tr", {
+        return [(0,external_vue_namespaceObject.createVNode)("tr", (0,external_vue_namespaceObject.mergeProps)({
           "style": rowStyle,
           "class": rowClass,
           "key": getRowKeyNull(row, props, rowIndex),
+          "data-row-index": rowIndex,
           "onClick": function onClick(e) {
             return handleRowClick(e, row, rowIndex, rows);
           },
@@ -5911,8 +6053,9 @@ function use_render_isSlot(s) {
           },
           "onMouseleave": function onMouseleave(e) {
             return handleRowLeave(e, row, rowIndex, rows);
-          }
-        }, [filterColGroups.value.map(function (column, index) {
+          },
+          "draggable": !!props.rowDraggable
+        }, dragEvents), [filterColGroups.value.map(function (column, index) {
           var cellStyle = [resolveFixedColumnStyle(column)].concat(_toConsumableArray(formatPropAsArray(props.cellStyle, [column, index, row, rowIndex])));
           var _resolveCellSpan = resolveCellSpan(column, index, row, rowIndex),
             colspan = _resolveCellSpan.colspan,
@@ -6006,8 +6149,7 @@ function use_render_isSlot(s) {
     }
   };
   var getColumnClass = function getColumnClass(column, colIndex) {
-    var _ref3;
-    return _ref3 = {}, defineProperty_defineProperty(_ref3, "".concat(uuid, "-column-").concat(colIndex), false), defineProperty_defineProperty(_ref3, "column_fixed", !!column.fixed), defineProperty_defineProperty(_ref3, "column_fixed_left", !!column.fixed), defineProperty_defineProperty(_ref3, "column_fixed_right", column.fixed === 'right'), _ref3;
+    return defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, "".concat(uuid, "-column-").concat(colIndex), false), "column_fixed", !!column.fixed), "column_fixed_left", !!column.fixed), "column_fixed_right", column.fixed === 'right');
   };
   var getHeadColumnClass = function getHeadColumnClass(column, colIndex) {
     return use_render_objectSpread({}, getColumnClass(column, colIndex));
@@ -6125,6 +6267,19 @@ function use_render_isSlot(s) {
       }
     }, [renderExpandSlot()]);
   };
+  var renderDraggableCell = function renderDraggableCell(row, column, index, rows) {
+    var _props$rowDraggable$r, _props$rowDraggable, _props$rowDraggable$f, _props$rowDraggable2, _props$rowDraggable$i, _props$rowDraggable3;
+    var renderFn = (_props$rowDraggable$r = (_props$rowDraggable = props.rowDraggable) === null || _props$rowDraggable === void 0 ? void 0 : _props$rowDraggable.render) !== null && _props$rowDraggable$r !== void 0 ? _props$rowDraggable$r : props.rowDraggable;
+    if (typeof renderFn === 'function') {
+      return renderFn(row, column, index, rows);
+    }
+    var fontSize = (_props$rowDraggable$f = (_props$rowDraggable2 = props.rowDraggable) === null || _props$rowDraggable2 === void 0 ? void 0 : _props$rowDraggable2.fontSize) !== null && _props$rowDraggable$f !== void 0 ? _props$rowDraggable$f : '14px';
+    var fontIcon = (_props$rowDraggable$i = (_props$rowDraggable3 = props.rowDraggable) === null || _props$rowDraggable3 === void 0 ? void 0 : _props$rowDraggable3.icon) !== null && _props$rowDraggable$i !== void 0 ? _props$rowDraggable$i : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.GragFill, {
+      "class": "drag-cell",
+      "style": "'--font-size: ".concat(fontSize, ";'")
+    }, null);
+    return fontIcon;
+  };
   /**
    * 渲染表格Cell内容
    * @param row 当前行
@@ -6169,7 +6324,8 @@ function use_render_isSlot(s) {
       },
       selection: function selection(row, _column, index, _rows) {
         return renderCheckboxColumn(row, index);
-      }
+      },
+      drag: renderDraggableCell
     };
     return (_renderFn$column$type = (_renderFn$column$type2 = renderFn[column.type]) === null || _renderFn$column$type2 === void 0 ? void 0 : _renderFn$column$type2.call(renderFn, row, column, index, rows)) !== null && _renderFn$column$type !== void 0 ? _renderFn$column$type : defaultFn();
   };
@@ -6213,8 +6369,8 @@ function use_render_isSlot(s) {
 ;// CONCATENATED MODULE: ../../packages/table/src/table.tsx
 
 
-function table_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function table_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? table_ownKeys(Object(source), !0).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : table_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function table_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? table_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : table_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -6329,27 +6485,30 @@ function table_objectSpread(target) { for (var i = 1; i < arguments.length; i++)
       }
     };
     var isFirstLoad = (0,external_vue_namespaceObject.ref)(true);
+    // const tableWidth = ref(null);
     (0,external_vue_namespaceObject.watch)(function () {
       return [props.data, columns];
     }, function () {
-      tableSchema.formatColumns(columns);
-      tableSchema.formatDataSchema(props.data);
-      tableSchema.resetStartEndIndex();
-      if (isFirstLoad.value) {
-        tableSchema.resolveByDefColumns();
-        isFirstLoad.value = false;
-      } else {
-        tableSchema.resolvePageData();
-      }
-      registerResizeEvent();
-      (0,external_vue_namespaceObject.nextTick)(function () {
-        updateOffsetRight();
-        resolveFixedColumns(tableOffsetRight.value);
-        /**
-         * 确保在所有数据渲染完毕再执行fix column计算
-         */
+      tableSchema.setIndexData().then(function () {
+        tableSchema.formatColumns(columns);
+        tableSchema.formatDataSchema(props.data);
+        tableSchema.resetStartEndIndex();
+        if (isFirstLoad.value) {
+          tableSchema.resolveByDefColumns();
+          isFirstLoad.value = false;
+        } else {
+          tableSchema.resolvePageData();
+        }
+        registerResizeEvent();
         (0,external_vue_namespaceObject.nextTick)(function () {
-          resetTableHeight(root.value);
+          updateOffsetRight();
+          resolveFixedColumns(tableOffsetRight.value);
+          /**
+           * 确保在所有数据渲染完毕再执行fix column计算
+           */
+          (0,external_vue_namespaceObject.nextTick)(function () {
+            resetTableHeight(root.value);
+          });
         });
       });
     }, {
@@ -6404,7 +6563,7 @@ function table_objectSpread(target) { for (var i = 1; i < arguments.length; i++)
         left: 0,
         top: 0
       };
-      (_refVirtualRender$val = refVirtualRender.value) === null || _refVirtualRender$val === void 0 || (_refVirtualRender$val2 = _refVirtualRender$val.scrollTo) === null || _refVirtualRender$val2 === void 0 ? void 0 : _refVirtualRender$val2.call(_refVirtualRender$val, option);
+      (_refVirtualRender$val = refVirtualRender.value) === null || _refVirtualRender$val === void 0 || (_refVirtualRender$val2 = _refVirtualRender$val.scrollTo) === null || _refVirtualRender$val2 === void 0 || _refVirtualRender$val2.call(_refVirtualRender$val, option);
     };
     var getRoot = function getRoot() {
       return root.value;