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

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,
@@ -111,10 +111,9 @@ function defineProperty_defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 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 });
+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, ["resolveComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent, ["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,
@@ -796,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) {
@@ -862,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.
@@ -964,8 +963,8 @@ var EVENT_SCROLL_FN = function EVENT_SCROLL_FN(_args) {
 var EVENT_DRAGEND_FN = function EVENT_DRAGEND_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), defineProperty_defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.DRAG_END, EVENT_DRAGEND_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 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
@@ -976,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.
@@ -1008,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,
@@ -1058,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');
     });
   };
@@ -1081,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);
@@ -1089,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;
     }
@@ -1106,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;
     }
@@ -1131,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);
   };
@@ -1587,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.
@@ -1647,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,
@@ -1664,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
     });
   };
   /**
@@ -1675,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;
     }
     // 如果是前端分页
@@ -1706,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);
     }
@@ -1728,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);
@@ -1754,6 +1763,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
     indexData: indexData,
     localPagination: localPagination,
     resolvePageData: resolvePageData,
+    resolveIndexData: resolveIndexData,
     resolvePageDataBySortList: resolvePageDataBySortList,
     resetStartEndIndex: resetStartEndIndex,
     multiFilter: multiFilter,
@@ -2703,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.
@@ -3098,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;
   }
@@ -3168,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.
@@ -3235,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;
@@ -3298,7 +3309,6 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     var skipColNum = 0;
     var needColSpan = neepColspanOrRowspan(['colspan']);
     (formatData.columns || []).forEach(function (col, index) {
-      var _Object$assign;
       var _ref4 = needColSpan ? getColumnSpanConfig(col, index, skipColNum) : {
           skipCol: false,
           skipColumnNum: 0,
@@ -3324,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) {
@@ -3377,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;
     }
@@ -3565,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;
@@ -3579,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 不做更新
@@ -3588,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'])));
   };
   /**
@@ -3667,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) {
@@ -3678,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) {
@@ -3816,6 +3831,9 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     var resolvedIndex = sourceIndex < targetIndex ? sourceIndex : sourceIndex + 1;
     pageData.splice(resolvedIndex, 1);
   };
+  var setIndexData = function setIndexData() {
+    return resolveIndexData();
+  };
   return {
     formatColumns: formatColumns,
     formatDataSchema: formatDataSchema,
@@ -3852,7 +3870,8 @@ function use_attributes_objectSpread(target) { for (var i = 1; i < arguments.len
     changePageRowIndex: changePageRowIndex,
     pageData: pageData,
     localPagination: localPagination,
-    formatData: formatData
+    formatData: formatData,
+    setIndexData: setIndexData
   };
 });
 ;// CONCATENATED MODULE: ../../packages/table/src/use-column.ts
@@ -3958,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.
@@ -4000,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),
@@ -4017,25 +4035,25 @@ 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();
   });
   var config = resolveHeadConfig(props);
   var headStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var _props$thead$color, _props$thead;
     return {
       '--row-height': "".concat(resolvePropVal(config, 'height', ['thead']), "px"),
       '--scroll-head-left': "-".concat(TableSchema.formatData.layout.translateX, "px"),
-      '--scroll-left': "".concat(TableSchema.formatData.layout.translateX, "px")
+      '--scroll-left': "".concat(TableSchema.formatData.layout.translateX, "px"),
+      '--background-color': DEF_COLOR[(_props$thead$color = (_props$thead = props.thead) === null || _props$thead === void 0 ? void 0 : _props$thead.color) !== null && _props$thead$color !== void 0 ? _props$thead$color : IHeadColor.DEF1]
     };
   });
   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') {
@@ -4068,7 +4086,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)) {
@@ -4183,8 +4200,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,
@@ -4195,8 +4211,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,
@@ -4462,7 +4477,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;
       }
     };
@@ -4487,7 +4502,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 () {
@@ -4947,7 +4962,7 @@ function _isSlot(s) {
   }
   var beforeEventFire = function beforeEventFire(fn) {
     if (props.rowDraggable) {
-      fn === null || fn === void 0 ? void 0 : fn();
+      fn === null || fn === void 0 || fn();
     }
   };
   var getTargetRow = function getTargetRow(event) {
@@ -5085,6 +5100,7 @@ function head_filter_isSlot(s) {
       var _filter$value$checked, _filter$value;
       return (_filter$value$checked = (_filter$value = filter.value) === null || _filter$value === void 0 ? void 0 : _filter$value.checked) !== null && _filter$value$checked !== void 0 ? _filter$value$checked : [];
     });
+    var searchValue = (0,external_vue_namespaceObject.ref)('');
     var state = (0,external_vue_namespaceObject.reactive)({
       isOpen: false,
       checked: checked.value
@@ -5106,8 +5122,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);
@@ -5116,21 +5131,28 @@ function head_filter_isSlot(s) {
       isOpen && setTimeout(function () {
         refVirtualRender.value.reset();
       });
+      if (!isOpen) {
+        searchValue.value = '';
+      }
     };
     var theme = "light ".concat(resolveClassName('table-head-filter'));
     var localData = (0,external_vue_namespaceObject.computed)(function () {
       var _filter$value$list = filter.value.list,
         list = _filter$value$list === void 0 ? [] : _filter$value$list;
-      return list;
+      var filterList = list.filter(function (l) {
+        return getRegExp(searchValue.value).test(l.value);
+      });
+      console.log(' filterList: ', filterList);
+      return filterList;
     });
-    var getRegExp = function getRegExp(searchValue) {
+    var getRegExp = function getRegExp(val) {
       var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ig';
-      return new RegExp("".concat(searchValue).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
+      return new RegExp("".concat(val).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
     };
     var defaultFilterFn = function defaultFilterFn(checked, row) {
       var match = filter.value.match;
       var matchText = getRowText(row, resolvePropVal(column, 'field', [column, row]));
-      if (match === 'full') {
+      if (match !== 'fuzzy') {
         return checked.includes(matchText);
       }
       return checked.some(function (str) {
@@ -5294,7 +5316,14 @@ function head_filter_isSlot(s) {
         content: function content() {
           return (0,external_vue_namespaceObject.createVNode)("div", {
             "class": headFilterContentClass
-          }, [(0,external_vue_namespaceObject.createVNode)(external_checkbox_namespaceObject.BkCheckboxGroup, {
+          }, [(0,external_vue_namespaceObject.createVNode)("div", {
+            "style": "padding: 4px 10px;"
+          }, [(0,external_vue_namespaceObject.createVNode)((0,external_vue_namespaceObject.resolveComponent)("bk-input"), {
+            "modelValue": searchValue.value,
+            "onUpdate:modelValue": function onUpdateModelValue($event) {
+              return searchValue.value = $event;
+            }
+          }, null)]), (0,external_vue_namespaceObject.createVNode)(external_checkbox_namespaceObject.BkCheckboxGroup, {
             "class": "content-list"
           }, {
             "default": function _default() {
@@ -5324,31 +5353,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
@@ -5740,8 +5769,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.
@@ -6137,8 +6166,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));
@@ -6358,8 +6386,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.
@@ -6434,7 +6462,6 @@ function table_objectSpread(target) { for (var i = 1; i < arguments.length; i++)
       hasFooter = _useClass.hasFooter,
       footerStyle = _useClass.footerStyle,
       tableBodyClass = _useClass.tableBodyClass,
-      fixedBottomBorder = _useClass.fixedBottomBorder,
       resizeColumnClass = _useClass.resizeColumnClass,
       tableBodyContentClass = _useClass.tableBodyContentClass,
       loadingRowClass = _useClass.loadingRowClass,
@@ -6474,27 +6501,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);
+          });
         });
       });
     }, {
@@ -6549,7 +6579,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;
@@ -6611,9 +6641,8 @@ function table_objectSpread(target) { for (var i = 1; i < arguments.length; i++)
           return renderTableBodySchema(scope.data);
         },
         afterSection: function afterSection() {
-          return [(0,external_vue_namespaceObject.createVNode)("div", {
-            "class": fixedBottomBorder.value
-          }, null), (0,external_vue_namespaceObject.createVNode)("div", {
+          return [// <div class={fixedBottomBorder.value}></div>,
+          (0,external_vue_namespaceObject.createVNode)("div", {
             "class": resizeColumnClass,
             "style": resizeColumnStyle.value
           }, null)];