bkui-vue 1.0.3-beta.3 → 1.0.3-beta.30

package/lib/table/index.js

@@ -8,10 +8,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_virtual_render_927587a8__ fro
 import "../virtual-render/virtual-render.less";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__ from "lodash/isElement";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__ from "../loading";
-import "../loading/loading.less";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__ from "lodash/get";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__ from "../loading";
+import "../loading/loading.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
 import "../checkbox/checkbox.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
@@ -25,6 +25,8 @@ import "../button/button.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__ from "../icon/";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../input";
+import "../input/input.less";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -120,7 +122,7 @@ 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, ["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 });
+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, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["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, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["watchEffect"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watchEffect });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -300,7 +302,7 @@ var ColumnTypeEnum;
   ColumnTypeEnum["SELECTION"] = "selection";
   ColumnTypeEnum["INDEX"] = "index";
   ColumnTypeEnum["EXPAND"] = "expand";
-  ColumnTypeEnum["NONE"] = "none";
+  ColumnTypeEnum["NONE"] = "__COL_TYPE_NONE";
 })(ColumnTypeEnum || (ColumnTypeEnum = {}));
 var TableAlignEnum;
 (function (TableAlignEnum) {
@@ -452,6 +454,13 @@ var tableProps = {
    * 是否显示Head
    */
   showHead: shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 排序时对需要排序的字符串数值进行格式化
+   * 这里需要配置为正则或者回调函数，(str) => string | number | boolean
+   * 如果配置为正则，程序会提取匹配到的第一个结果尝试转换为数值
+   * 如果为多个，程序会顺序执行所有正则表达式，直到转换成功
+   */
+  sortValFormat: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def(['']),
   /**
    * table header config
    */
@@ -631,6 +640,7 @@ var tableProps = {
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 
 
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -695,18 +705,38 @@ var TableColumnProp = {
     var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
       field: props.prop || props.field
     }));
+    var isIndexPropChanged = (0,external_vue_namespaceObject.ref)(false);
+    var setIsIndexChanged = function setIsIndexChanged(val) {
+      isIndexPropChanged.value = val;
+    };
     return {
+      isIndexPropChanged: isIndexPropChanged,
+      setIsIndexChanged: setIsIndexChanged,
       initColumns: initColumns,
       bkTableCache: bkTableCache,
       column: column
     };
   },
+  watch: {
+    index: {
+      handler: function handler() {
+        this.setIsIndexChanged(!this.isIndexPropChanged);
+      },
+      deep: true
+    }
+  },
   unmounted: function unmounted() {
     this.updateColumnDefine(true);
   },
   mounted: function mounted() {
     this.updateColumnDefine();
   },
+  updated: function updated() {
+    if (this.isIndexPropChanged) {
+      this.updateColumnDefineByParent();
+      this.setIsIndexChanged(!this.isIndexPropChanged);
+    }
+  },
   methods: {
     updateColumnDefine: function updateColumnDefine() {
       var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -724,43 +754,86 @@ var TableColumnProp = {
         return Object.assign(result, defineProperty_defineProperty({}, target, props[key]));
       }, {});
     },
+    rsolveIndexedColumn: function rsolveIndexedColumn() {
+      // 如果是设置了Index，则先添加Index列，不做自动递归读取Column
+      if (/\d+\.?\d*/.test("".concat(this.$props.index))) {
+        var resolveProp = Object.assign({}, this.copyProps(this.$props), {
+          field: this.$props.prop || this.$props.field,
+          render: this.$slots["default"]
+        });
+        this.initColumns(resolveProp);
+        return false;
+      }
+      return true;
+    },
     updateColumnDefineByParent: function updateColumnDefineByParent() {
       var _this = this;
+      if (!this.rsolveIndexedColumn()) {
+        return;
+      }
       var fn = function fn() {
         // @ts-ignore
         var selfVnode = _this._;
-        var colList = selfVnode.parent.vnode.children["default"]() || [];
+        var getTableNode = function getTableNode(root) {
+          var _parentVnode$type;
+          if (root === document.body || !root) {
+            return null;
+          }
+          var parentVnode = root.parent;
+          if (((_parentVnode$type = parentVnode.type) === null || _parentVnode$type === void 0 ? void 0 : _parentVnode$type.name) === 'Table') {
+            return parentVnode.vnode;
+          }
+          return getTableNode(parentVnode);
+        };
+        var tableNode = getTableNode(selfVnode);
+        if (!tableNode) {
+          return;
+        }
         var sortColumns = [];
         var index = 0;
+        var resolveChildNode = function resolveChildNode(node) {
+          var _node$type;
+          if (!node) {
+            return null;
+          }
+          if (((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'TableColumn') {
+            var _node$children;
+            var resolveProp = Object.assign({
+              index: index
+            }, _this.copyProps(node.props), {
+              field: node.props.prop || node.props.field,
+              render: (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"]
+            });
+            sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
+            index = index + 1;
+            return null;
+          }
+          if (Array.isArray(node.children)) {
+            return node.children;
+          }
+          if ((0,external_vue_namespaceObject.isVNode)(node) && typeof_typeof(node.children) === 'object') {
+            return Object.keys(node.children).map(function (key) {
+              return node.children[key];
+            });
+          }
+          if (typeof node === 'function') {
+            return node();
+          }
+          return null;
+        };
         var reduceColumns = function reduceColumns(nodes) {
           if (!Array.isArray(nodes)) {
+            var children = resolveChildNode(nodes);
+            if (children) {
+              reduceColumns(children);
+            }
             return;
           }
-          nodes.forEach(function (node) {
-            var _node$type, _node$children2;
-            if (Array.isArray(node)) {
-              reduceColumns(node);
-              return;
-            }
-            var skipValidateKey0 = true;
-            if (((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'TableColumn') {
-              var _node$children;
-              skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, 'key');
-              var resolveProp = Object.assign({
-                index: index
-              }, _this.copyProps(node.props), {
-                field: node.props.prop || node.props.field,
-                render: (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"]
-              });
-              sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
-              index = index + 1;
-            }
-            if ((_node$children2 = node.children) !== null && _node$children2 !== void 0 && _node$children2.length && skipValidateKey0) {
-              reduceColumns(node.children);
-            }
+          nodes === null || nodes === void 0 || nodes.forEach(function (node) {
+            return reduceColumns(node);
           });
         };
-        reduceColumns(colList);
+        reduceColumns(tableNode);
         _this.initColumns(sortColumns);
       };
       if (typeof this.bkTableCache.queueStack === 'function') {
@@ -852,21 +925,41 @@ var BkTableCache = /*#__PURE__*/function () {
   function BkTableCache() {
     _classCallCheck(this, BkTableCache);
     defineProperty_defineProperty(this, "storage", undefined);
-    this.storage = {};
+    defineProperty_defineProperty(this, "defKey", Symbol('bk-table-cache-def-key'));
+    this.storage = new WeakMap();
   }
   _createClass(BkTableCache, [{
     key: "queueStack",
     value: function queueStack(methodName) {
+      var _target$methodName;
       var fn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-      this.storage[methodName] && clearTimeout(this.storage[methodName]);
-      this.storage[methodName] = setTimeout(function () {
-        return fn();
-      });
+      var key = arguments.length > 2 ? arguments[2] : undefined;
+      var stackKey = key !== null && key !== void 0 ? key : this.defKey;
+      if (!this.storage.has(stackKey)) {
+        this.storage.set(stackKey, {});
+      }
+      var target = this.storage.get(stackKey);
+      if ((_target$methodName = target[methodName]) !== null && _target$methodName !== void 0 && _target$methodName.timerId) {
+        var _target$methodName2;
+        clearTimeout((_target$methodName2 = target[methodName]) === null || _target$methodName2 === void 0 ? void 0 : _target$methodName2.timerId);
+      }
+      Object.assign(target, defineProperty_defineProperty({}, methodName, {
+        timerId: setTimeout(fn),
+        fn: fn
+      }));
     }
   }, {
     key: "clearQueueStack",
-    value: function clearQueueStack(methodName) {
-      this.storage[methodName] && clearTimeout(this.storage[methodName]);
+    value: function clearQueueStack(methodName, key) {
+      var stackKey = key !== null && key !== void 0 ? key : this.defKey;
+      if (this.storage.has(stackKey)) {
+        var _target$methodName3;
+        var target = this.storage.get(stackKey);
+        if ((_target$methodName3 = target[methodName]) !== null && _target$methodName3 !== void 0 && _target$methodName3.timerId) {
+          var _target$methodName4;
+          clearTimeout((_target$methodName4 = target[methodName]) === null || _target$methodName4 === void 0 ? void 0 : _target$methodName4.timerId);
+        }
+      }
     }
   }]);
   return BkTableCache;
@@ -1430,624 +1523,265 @@ function _toConsumableArray(arr) {
     updateFixClass: updateFixClass
   };
 });
-;// CONCATENATED MODULE: external "../loading"
-var loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var loading_y = x => () => x
-const loading_namespaceObject = loading_x({ ["BkLoadingMode"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingMode, ["BkLoadingSize"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingSize, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__["default"] });
-;// CONCATENATED MODULE: external "../loading/loading.less"
-var loading_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var loading_less_y = x => () => x
-const loading_less_namespaceObject = loading_less_x({  });
-;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-scroll-loading.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.
- */
+;// CONCATENATED MODULE: external "lodash/debounce"
+var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var debounce_y = x => () => x
+const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__["default"] });
+;// CONCATENATED MODULE: external "lodash/get"
+var get_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var get_y = x => () => x
+const get_namespaceObject = get_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__["default"] });
+;// CONCATENATED MODULE: ../../node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
+/**
+ * A collection of shims that provide minimal functionality of the ES6 collections.
+ *
+ * These implementations are not meant to be used outside of the ResizeObserver
+ * modules as they cover only a limited range of use cases.
+ */
+/* eslint-disable require-jsdoc, valid-jsdoc */
+var MapShim = (function () {
+    if (typeof Map !== 'undefined') {
+        return Map;
+    }
+    /**
+     * Returns index in provided array that matches the specified key.
+     *
+     * @param {Array<Array>} arr
+     * @param {*} key
+     * @returns {number}
+     */
+    function getIndex(arr, key) {
+        var result = -1;
+        arr.some(function (entry, index) {
+            if (entry[0] === key) {
+                result = index;
+                return true;
+            }
+            return false;
+        });
+        return result;
+    }
+    return /** @class */ (function () {
+        function class_1() {
+            this.__entries__ = [];
+        }
+        Object.defineProperty(class_1.prototype, "size", {
+            /**
+             * @returns {boolean}
+             */
+            get: function () {
+                return this.__entries__.length;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {*} key
+         * @returns {*}
+         */
+        class_1.prototype.get = function (key) {
+            var index = getIndex(this.__entries__, key);
+            var entry = this.__entries__[index];
+            return entry && entry[1];
+        };
+        /**
+         * @param {*} key
+         * @param {*} value
+         * @returns {void}
+         */
+        class_1.prototype.set = function (key, value) {
+            var index = getIndex(this.__entries__, key);
+            if (~index) {
+                this.__entries__[index][1] = value;
+            }
+            else {
+                this.__entries__.push([key, value]);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.delete = function (key) {
+            var entries = this.__entries__;
+            var index = getIndex(entries, key);
+            if (~index) {
+                entries.splice(index, 1);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.has = function (key) {
+            return !!~getIndex(this.__entries__, key);
+        };
+        /**
+         * @returns {void}
+         */
+        class_1.prototype.clear = function () {
+            this.__entries__.splice(0);
+        };
+        /**
+         * @param {Function} callback
+         * @param {*} [ctx=null]
+         * @returns {void}
+         */
+        class_1.prototype.forEach = function (callback, ctx) {
+            if (ctx === void 0) { ctx = null; }
+            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
+                var entry = _a[_i];
+                callback.call(ctx, entry[1], entry[0]);
+            }
+        };
+        return class_1;
+    }());
+})();
 
+/**
+ * Detects whether window and document objects are available in current environment.
+ */
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
 
+// Returns global object of a current environment.
+var global$1 = (function () {
+    if (typeof __webpack_require__.g !== 'undefined' && __webpack_require__.g.Math === Math) {
+        return __webpack_require__.g;
+    }
+    if (typeof self !== 'undefined' && self.Math === Math) {
+        return self;
+    }
+    if (typeof window !== 'undefined' && window.Math === Math) {
+        return window;
+    }
+    // eslint-disable-next-line no-new-func
+    return Function('return this')();
+})();
 
+/**
+ * A shim for the requestAnimationFrame which falls back to the setTimeout if
+ * first one is not supported.
+ *
+ * @returns {number} Requests' identifier.
+ */
+var requestAnimationFrame$1 = (function () {
+    if (typeof requestAnimationFrame === 'function') {
+        // It's required to use a bounded function because IE sometimes throws
+        // an "Invalid calling object" error if rAF is invoked without the global
+        // object on the left hand side.
+        return requestAnimationFrame.bind(global$1);
+    }
+    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
+})();
 
-/* harmony default export */ const use_scroll_loading = (function (props, ctx) {
-  var refScrollLoading = (0,external_vue_namespaceObject.toRef)(props, 'scrollLoading');
-  var getLoadingOption = function getLoadingOption() {
-    if (typeof refScrollLoading.value === 'boolean') {
-      return {
-        loading: !!refScrollLoading.value,
-        inline: true,
-        title: '',
-        size: loading_namespaceObject.BkLoadingSize.Normal,
-        mode: loading_namespaceObject.BkLoadingMode.Default,
-        indicator: null
-      };
-    }
-    return refScrollLoading.value;
-  };
-  var isRender = (0,external_vue_namespaceObject.computed)(function () {
-    return refScrollLoading.value !== null && (typeof refScrollLoading.value === 'boolean' && refScrollLoading.value || typeof_typeof(refScrollLoading.value) === 'object');
-  });
-  var renderScrollLoading = function renderScrollLoading() {
-    if (isRender.value) {
-      var _ctx$slots$fixedBotto, _ctx$slots$fixedBotto2, _ctx$slots;
-      var _getLoadingOption = getLoadingOption(),
-        loading = _getLoadingOption.loading,
-        size = _getLoadingOption.size,
-        mode = _getLoadingOption.mode,
-        title = _getLoadingOption.title,
-        inline = _getLoadingOption.inline,
-        indicator = _getLoadingOption.indicator;
-      return (_ctx$slots$fixedBotto = (_ctx$slots$fixedBotto2 = (_ctx$slots = ctx.slots).fixedBottom) === null || _ctx$slots$fixedBotto2 === void 0 ? void 0 : _ctx$slots$fixedBotto2.call(_ctx$slots)) !== null && _ctx$slots$fixedBotto !== void 0 ? _ctx$slots$fixedBotto : (0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
-        loading: loading,
-        size: size,
-        mode: mode,
-        title: title,
-        inline: inline,
-        indicator: indicator
-      }, null);
-    }
-  };
-  return {
-    renderScrollLoading: renderScrollLoading
-  };
-});
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-/* harmony default export */ const esm_browser_native = ({
-  randomUUID
-});
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-function stringify(arr, offset = 0) {
-  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
-
-
-
-
-function v4(options, buf, offset) {
-  if (esm_browser_native.randomUUID && !buf && !options) {
-    return esm_browser_native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
+// Defines minimum timeout before adding a trailing call.
+var trailingTimeout = 2;
+/**
+ * Creates a wrapper function which ensures that provided callback will be
+ * invoked only once during the specified delay period.
+ *
+ * @param {Function} callback - Function to be invoked after the delay period.
+ * @param {number} delay - Delay after which to invoke callback.
+ * @returns {Function}
+ */
+function throttle (callback, delay) {
+    var leadingCall = false, trailingCall = false, lastCallTime = 0;
+    /**
+     * Invokes the original callback function and schedules new invocation if
+     * the "proxy" was called during current request.
+     *
+     * @returns {void}
+     */
+    function resolvePending() {
+        if (leadingCall) {
+            leadingCall = false;
+            callback();
+        }
+        if (trailingCall) {
+            proxy();
+        }
+    }
+    /**
+     * Callback invoked after the specified delay. It will further postpone
+     * invocation of the original function delegating it to the
+     * requestAnimationFrame.
+     *
+     * @returns {void}
+     */
+    function timeoutCallback() {
+        requestAnimationFrame$1(resolvePending);
+    }
+    /**
+     * Schedules invocation of the original function.
+     *
+     * @returns {void}
+     */
+    function proxy() {
+        var timeStamp = Date.now();
+        if (leadingCall) {
+            // Reject immediately following calls.
+            if (timeStamp - lastCallTime < trailingTimeout) {
+                return;
+            }
+            // Schedule new call to be in invoked when the pending one is resolved.
+            // This is important for "transitions" which never actually start
+            // immediately so there is a chance that we might miss one if change
+            // happens amids the pending invocation.
+            trailingCall = true;
+        }
+        else {
+            leadingCall = true;
+            trailingCall = false;
+            setTimeout(timeoutCallback, delay);
+        }
+        lastCallTime = timeStamp;
+    }
+    return proxy;
 }
 
-/* harmony default export */ const esm_browser_v4 = (v4);
-;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-pagination.tsx
-
-
-
-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.
- *
- * 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.
- */
-
-
-/**
- * 处理 Prop中的分页配置
- * prop中的配置会覆盖本地的配置
- * @param propPagination 用户传入的配置
- * @param defVal 默认配置
- * @returns 返回值
- */
-var resolvePaginationOption = function resolvePaginationOption(propPagination, defVal) {
-  if (!!propPagination) {
-    if (typeof_typeof(propPagination) === 'object') {
-      var current = Object.prototype.hasOwnProperty.call(propPagination, 'current') ? propPagination.current : propPagination.value;
-      if (!/\d+/.test(current)) {
-        current = 1;
-      }
-      return use_pagination_objectSpread(use_pagination_objectSpread(use_pagination_objectSpread({}, defVal), propPagination), {}, {
-        current: current
-      });
-    }
-    return defVal;
-  }
-  return {};
-};
-/* harmony default export */ const use_pagination = (function (props) {
-  var startIndex = (0,external_vue_namespaceObject.ref)(0);
-  var endIndex = (0,external_vue_namespaceObject.ref)(0);
-  /**
-   * 分页配置
-   * 用于配置分页组件
-   * pagination 为Prop传入配置
-   * 方便兼容内置分页功能，此处需要单独处理count
-   */
-  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,
-    limit: 10,
-    current: 1,
-    align: 'right',
-    layout: ['total', 'limit', 'list']
-  });
-  var resolveLocalPagination = function resolveLocalPagination() {
-    if (!props.pagination) {
-      return;
-    }
-    localPagination.value = props.remotePagination ? pagination : use_pagination_objectSpread(use_pagination_objectSpread({}, pagination), {}, {
-      count: indexData.length
-    });
-  };
-  /**
-   * 重置当前分页开始位置 & 结束位置
-   * 如果未启用分页，则开始位置为0，结束位置为 data.length
-   * @returns
-   */
-  var resetStartEndIndex = function resetStartEndIndex() {
-    if (!props.pagination || props.remotePagination) {
-      startIndex.value = 0;
-      endIndex.value = indexData.length;
-      return;
-    }
-    // 如果是前端分页
-    startIndex.value = (pagination.current - 1) * pagination.limit;
-    endIndex.value = pagination.current * pagination.limit;
-  };
-  /**
-   * 当前页分页数据
-   */
-  var pageData = (0,external_vue_namespaceObject.reactive)([]);
-  var sort = function sort(sourceData, sortFn, column, type, sortScope) {
-    if (typeof sortFn === 'function') {
-      sourceData.sort(function (a, b) {
-        return sortFn(a, b, type, column, sortScope);
-      });
-    }
-  };
-  /**
-   * 初始化排序动作
-   * @param data
-   * @param sortColumns
-   */
-  var multiSort = function multiSort(data, sortColumns) {
-    sortColumns.forEach(function (item) {
-      sort(data, item.schema[COLUMN_ATTRIBUTE.COL_SORT_FN], item.column, item.schema[COLUMN_ATTRIBUTE.COL_SORT_TYPE], item.schema[COLUMN_ATTRIBUTE.COL_SORT_SCOPE]);
-    });
-  };
-  var filter = function filter(sourceData, filterFn) {
-    if (typeof filterFn === 'function') {
-      var filterVals = sourceData.filter(function (row, index) {
-        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.slice();
-    if (multiCol !== null && multiCol !== void 0 && multiCol.length) {
-      multiSort(sourceData, multiCol);
-    }
-    pageData.length = 0;
-    pageData.push.apply(pageData, _toConsumableArray(sourceData.slice(startIndex.value, endIndex.value)));
-    filter(pageData, filterFn);
-    sort(pageData, sortFn, column, type, sortScope);
-    resolveLocalPagination();
-  };
-  var resolvePageDataBySortList = function resolvePageDataBySortList(multiCol) {
-    resolvePageData(null, null, null, null, null, multiCol);
-  };
-  var multiFilter = function multiFilter(filterFnList) {
-    var sourceData = indexData.slice();
-    var target = filterFnList.reduce(function (result, fn) {
-      return filter(result, fn);
-    }, sourceData);
-    pageData.length = 0;
-    pageData.push.apply(pageData, _toConsumableArray(target));
-  };
-  var handlePaginationChange = function handlePaginationChange() {
-    pagination = resolvePaginationOption(props.pagination, pagination);
-    resolveLocalPagination();
-    resetStartEndIndex();
-    resolvePageData();
-  };
-  handlePaginationChange();
-  (0,external_vue_namespaceObject.watch)(function () {
-    return [props.pagination];
-  }, function () {
-    handlePaginationChange();
-  }, {
-    deep: true
-  });
-  return {
-    pageData: pageData,
-    indexData: indexData,
-    localPagination: localPagination,
-    resolvePageData: resolvePageData,
-    resolveIndexData: resolveIndexData,
-    resolvePageDataBySortList: resolvePageDataBySortList,
-    resetStartEndIndex: resetStartEndIndex,
-    multiFilter: multiFilter,
-    sort: sort
-  };
-});
-;// CONCATENATED MODULE: external "lodash/debounce"
-var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var debounce_y = x => () => x
-const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__["default"] });
-;// CONCATENATED MODULE: external "lodash/get"
-var get_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var get_y = x => () => x
-const get_namespaceObject = get_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__["default"] });
-;// CONCATENATED MODULE: ../../node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
+// Minimum delay before invoking the update of observers.
+var REFRESH_DELAY = 20;
+// A list of substrings of CSS properties used to find transition events that
+// might affect dimensions of observed elements.
+var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
+// Check if MutationObserver is available.
+var mutationObserverSupported = typeof MutationObserver !== 'undefined';
 /**
- * A collection of shims that provide minimal functionality of the ES6 collections.
- *
- * These implementations are not meant to be used outside of the ResizeObserver
- * modules as they cover only a limited range of use cases.
+ * Singleton controller class which handles updates of ResizeObserver instances.
  */
-/* eslint-disable require-jsdoc, valid-jsdoc */
-var MapShim = (function () {
-    if (typeof Map !== 'undefined') {
-        return Map;
-    }
+var ResizeObserverController = /** @class */ (function () {
     /**
-     * Returns index in provided array that matches the specified key.
+     * Creates a new instance of ResizeObserverController.
      *
-     * @param {Array<Array>} arr
-     * @param {*} key
-     * @returns {number}
+     * @private
      */
-    function getIndex(arr, key) {
-        var result = -1;
-        arr.some(function (entry, index) {
-            if (entry[0] === key) {
-                result = index;
-                return true;
-            }
-            return false;
-        });
-        return result;
-    }
-    return /** @class */ (function () {
-        function class_1() {
-            this.__entries__ = [];
-        }
-        Object.defineProperty(class_1.prototype, "size", {
-            /**
-             * @returns {boolean}
-             */
-            get: function () {
-                return this.__entries__.length;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @param {*} key
-         * @returns {*}
-         */
-        class_1.prototype.get = function (key) {
-            var index = getIndex(this.__entries__, key);
-            var entry = this.__entries__[index];
-            return entry && entry[1];
-        };
-        /**
-         * @param {*} key
-         * @param {*} value
-         * @returns {void}
-         */
-        class_1.prototype.set = function (key, value) {
-            var index = getIndex(this.__entries__, key);
-            if (~index) {
-                this.__entries__[index][1] = value;
-            }
-            else {
-                this.__entries__.push([key, value]);
-            }
-        };
+    function ResizeObserverController() {
         /**
-         * @param {*} key
-         * @returns {void}
+         * Indicates whether DOM listeners have been added.
+         *
+         * @private {boolean}
          */
-        class_1.prototype.delete = function (key) {
-            var entries = this.__entries__;
-            var index = getIndex(entries, key);
-            if (~index) {
-                entries.splice(index, 1);
-            }
-        };
+        this.connected_ = false;
         /**
-         * @param {*} key
-         * @returns {void}
+         * Tells that controller has subscribed for Mutation Events.
+         *
+         * @private {boolean}
          */
-        class_1.prototype.has = function (key) {
-            return !!~getIndex(this.__entries__, key);
-        };
+        this.mutationEventsAdded_ = false;
         /**
-         * @returns {void}
+         * Keeps reference to the instance of MutationObserver.
+         *
+         * @private {MutationObserver}
          */
-        class_1.prototype.clear = function () {
-            this.__entries__.splice(0);
-        };
+        this.mutationsObserver_ = null;
         /**
-         * @param {Function} callback
-         * @param {*} [ctx=null]
-         * @returns {void}
+         * A list of connected observers.
+         *
+         * @private {Array<ResizeObserverSPI>}
          */
-        class_1.prototype.forEach = function (callback, ctx) {
-            if (ctx === void 0) { ctx = null; }
-            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
-                var entry = _a[_i];
-                callback.call(ctx, entry[1], entry[0]);
-            }
-        };
-        return class_1;
-    }());
-})();
-
-/**
- * Detects whether window and document objects are available in current environment.
- */
-var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
-
-// Returns global object of a current environment.
-var global$1 = (function () {
-    if (typeof __webpack_require__.g !== 'undefined' && __webpack_require__.g.Math === Math) {
-        return __webpack_require__.g;
-    }
-    if (typeof self !== 'undefined' && self.Math === Math) {
-        return self;
-    }
-    if (typeof window !== 'undefined' && window.Math === Math) {
-        return window;
-    }
-    // eslint-disable-next-line no-new-func
-    return Function('return this')();
-})();
-
-/**
- * A shim for the requestAnimationFrame which falls back to the setTimeout if
- * first one is not supported.
- *
- * @returns {number} Requests' identifier.
- */
-var requestAnimationFrame$1 = (function () {
-    if (typeof requestAnimationFrame === 'function') {
-        // It's required to use a bounded function because IE sometimes throws
-        // an "Invalid calling object" error if rAF is invoked without the global
-        // object on the left hand side.
-        return requestAnimationFrame.bind(global$1);
-    }
-    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
-})();
-
-// Defines minimum timeout before adding a trailing call.
-var trailingTimeout = 2;
-/**
- * Creates a wrapper function which ensures that provided callback will be
- * invoked only once during the specified delay period.
- *
- * @param {Function} callback - Function to be invoked after the delay period.
- * @param {number} delay - Delay after which to invoke callback.
- * @returns {Function}
- */
-function throttle (callback, delay) {
-    var leadingCall = false, trailingCall = false, lastCallTime = 0;
-    /**
-     * Invokes the original callback function and schedules new invocation if
-     * the "proxy" was called during current request.
-     *
-     * @returns {void}
-     */
-    function resolvePending() {
-        if (leadingCall) {
-            leadingCall = false;
-            callback();
-        }
-        if (trailingCall) {
-            proxy();
-        }
-    }
-    /**
-     * Callback invoked after the specified delay. It will further postpone
-     * invocation of the original function delegating it to the
-     * requestAnimationFrame.
-     *
-     * @returns {void}
-     */
-    function timeoutCallback() {
-        requestAnimationFrame$1(resolvePending);
-    }
-    /**
-     * Schedules invocation of the original function.
-     *
-     * @returns {void}
-     */
-    function proxy() {
-        var timeStamp = Date.now();
-        if (leadingCall) {
-            // Reject immediately following calls.
-            if (timeStamp - lastCallTime < trailingTimeout) {
-                return;
-            }
-            // Schedule new call to be in invoked when the pending one is resolved.
-            // This is important for "transitions" which never actually start
-            // immediately so there is a chance that we might miss one if change
-            // happens amids the pending invocation.
-            trailingCall = true;
-        }
-        else {
-            leadingCall = true;
-            trailingCall = false;
-            setTimeout(timeoutCallback, delay);
-        }
-        lastCallTime = timeStamp;
-    }
-    return proxy;
-}
-
-// Minimum delay before invoking the update of observers.
-var REFRESH_DELAY = 20;
-// A list of substrings of CSS properties used to find transition events that
-// might affect dimensions of observed elements.
-var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
-// Check if MutationObserver is available.
-var mutationObserverSupported = typeof MutationObserver !== 'undefined';
-/**
- * Singleton controller class which handles updates of ResizeObserver instances.
- */
-var ResizeObserverController = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserverController.
-     *
-     * @private
-     */
-    function ResizeObserverController() {
-        /**
-         * Indicates whether DOM listeners have been added.
-         *
-         * @private {boolean}
-         */
-        this.connected_ = false;
-        /**
-         * Tells that controller has subscribed for Mutation Events.
-         *
-         * @private {boolean}
-         */
-        this.mutationEventsAdded_ = false;
-        /**
-         * Keeps reference to the instance of MutationObserver.
-         *
-         * @private {MutationObserver}
-         */
-        this.mutationsObserver_ = null;
-        /**
-         * A list of connected observers.
-         *
-         * @private {Array<ResizeObserverSPI>}
-         */
-        this.observers_ = [];
-        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
-        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
+        this.observers_ = [];
+        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
+        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
     }
     /**
      * Adds observer to observers list.
@@ -2717,23 +2451,671 @@ var ResizeObserver = /** @class */ (function () {
     };
 });
 
-var index = (function () {
-    // Export existing implementation if available.
-    if (typeof global$1.ResizeObserver !== 'undefined') {
-        return global$1.ResizeObserver;
-    }
-    return ResizeObserver;
-})();
+var index = (function () {
+    // Export existing implementation if available.
+    if (typeof global$1.ResizeObserver !== 'undefined') {
+        return global$1.ResizeObserver;
+    }
+    return ResizeObserver;
+})();
+
+/* harmony default export */ const ResizeObserver_es = (index);
+
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+/* harmony default export */ const esm_browser_native = ({
+  randomUUID
+});
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+function stringify(arr, offset = 0) {
+  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
+
+
+
+
+function v4(options, buf, offset) {
+  if (esm_browser_native.randomUUID && !buf && !options) {
+    return esm_browser_native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+/* harmony default export */ const esm_browser_v4 = (v4);
+;// CONCATENATED MODULE: ../../packages/table/src/utils.tsx
+
+
+
+var _this = undefined;
+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.
+ *
+ * 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.
+ */
+
+
+
+
+
+
+
+/**
+ * 解析Prop值 | 可能为多种类型 & 函数返回的场景
+ * @param prop 当前Prop
+ * @param key 要处理的Key
+ * @param args 如果是函数，传递参数
+ * @returns
+ */
+var resolvePropVal = function resolvePropVal(prop, key, args) {
+  if (prop === undefined || prop === null) {
+    return undefined;
+  }
+  if (typeof key === 'string') {
+    if (Object.prototype.hasOwnProperty.call(prop, key)) {
+      if (typeof prop[key] === 'function') {
+        var _prop$key;
+        return (_prop$key = prop[key]).call.apply(_prop$key, [_this].concat(_toConsumableArray(args)));
+      }
+      return prop[key];
+    }
+    return undefined;
+  }
+  if (Array.isArray(key)) {
+    return key.map(function (_key) {
+      return resolvePropVal(prop, _key, args);
+    }).filter(function (val) {
+      return val !== undefined;
+    }).at(0);
+  }
+};
+/**
+ * 处理Props中的ActiveColumn，解析为统一的数组格式
+ * @param props
+ * @returns
+ */
+var resolveActiveColumns = function resolveActiveColumns(props) {
+  if (props.columnPick !== 'disabled') {
+    if (props.columnPick === 'multi') {
+      return Array.isArray(props.activeColumn) ? props.activeColumn : resolveNumberToNumArray(props.activeColumn);
+    }
+    return Array.isArray(props.activeColumn) ? resolveNumberToNumArray(props.activeColumn[0]) : resolveNumberToNumArray(props.activeColumn);
+  }
+  return [];
+};
+/**
+ * 统一处理数字类型参数
+ * @param prop
+ * @returns
+ */
+var resolveNumberToNumArray = function resolveNumberToNumArray(prop) {
+  if (/^\d+$/.test("".concat(prop))) {
+    return [parseInt("".concat(prop), 10)];
+  }
+  return [];
+};
+/*
+ * 解析宽度配置
+ * @param propWidth
+ * @returns
+ */
+var resolveWidth = function resolveWidth(propWidth) {
+  return resolveNumberOrStringToPix(propWidth, 'auto');
+};
+/**
+ * 解析可为数字或者字符串设置的样式配置
+ * @param val 配置值
+ * @param defaultValue 默认值
+ * @param offset 偏移量
+ * @returns 标准化px string
+ */
+var resolveNumberOrStringToPix = function resolveNumberOrStringToPix(val) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '100%';
+  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var target = '';
+  if (/^auto|null|undefined$/gi.test("".concat(val))) {
+    target = defaultValue;
+  } else {
+    target = /^\d+\.?\d+$/.test("".concat(val)) ? "".concat(val, "px") : val;
+  }
+  if (offset) {
+    target = "calc(".concat(target, " - ").concat(offset, ")");
+  }
+  return target;
+};
+/**
+ * 格式化Border配置为标准Class
+ * @param val
+ * @returns
+ */
+var resolvePropBorderToClassStr = function resolvePropBorderToClassStr(val) {
+  var defaultVal = ['row'];
+  if (typeof val === 'string') {
+    defaultVal.push(val);
+  }
+  if (Array.isArray(val)) {
+    defaultVal.push.apply(defaultVal, _toConsumableArray(val.filter(function (str) {
+      return BORDER_OPTIONS.includes(str);
+    })));
+  }
+  return _toConsumableArray(new Set(defaultVal)).map(function (item) {
+    return "bordered-".concat(item);
+  }).join(' ');
+};
+/**
+ * 获取当前列实际宽度
+ * width props中设置的默认宽度
+ * calcWidth 计算后的宽度
+ * resizeWidth 拖拽重置之后的宽度
+ * @param colmun 当前列配置
+ * @param orders 获取宽度顺序
+ * @returns
+ */
+var getColumnReactWidth = function getColumnReactWidth(colmun) {
+  var _ref, _colmun$orders$;
+  var orders = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['resizeWidth', 'calcWidth', 'width'];
+  return (_ref = (_colmun$orders$ = colmun[orders[0]]) !== null && _colmun$orders$ !== void 0 ? _colmun$orders$ : colmun[orders[1]]) !== null && _ref !== void 0 ? _ref : colmun[orders[2]];
+};
+/**
+ * 监听目标元素的Resize事件
+ * @param root 目标元素
+ * @param callbackFn 执行函数
+ * @param delay 延迟执行时间，默认 60
+ * @param immediate 是否立即执行回调函数
+ * @param resizerWay 执行方式：debounce | throttle
+ * @returns "{ start: () => void, stop: () => void }"
+ */
+var observerResize = function observerResize(root, callbackFn) {
+  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 60;
+  var immediate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var resizerWay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'throttle';
+  // 设置判定，避免因计算导致的resize死循环
+  var resolveCallbackFn = function resolveCallbackFn() {
+    if (typeof callbackFn === 'function') {
+      callbackFn();
+    }
+  };
+  var execFn = resizerWay === 'debounce' ? (0,debounce_namespaceObject["default"])(resolveCallbackFn, delay) : (0,throttle_namespaceObject["default"])(resolveCallbackFn, delay);
+  var callFn = function callFn() {
+    return Reflect.apply(execFn, _this, []);
+  };
+  var resizeObserver = new ResizeObserver_es(function () {
+    callFn();
+  });
+  if (immediate) {
+    if (typeof callbackFn === 'function') {
+      callbackFn();
+    }
+  }
+  return {
+    start: function start() {
+      resizeObserver.observe(root);
+    },
+    disconnect: function disconnect() {
+      resizeObserver.unobserve(root);
+      resizeObserver.disconnect();
+    }
+  };
+};
+/**
+ * 判定为数值 | px | %
+ * @param val
+ * @returns
+ */
+var isPercentPixOrNumber = function isPercentPixOrNumber(val) {
+  return /^\d+\.?\d*(px|%)?$/.test("".concat(val));
+};
+/**
+ * Format Table Head Option
+ * @param props
+ * @returns
+ */
+var resolveHeadConfig = function resolveHeadConfig(props) {
+  var showHead = props.showHead,
+    headHeight = props.headHeight,
+    _props$thead = props.thead,
+    thead = _props$thead === void 0 ? {} : _props$thead;
+  return Object.assign({}, {
+    isShow: showHead,
+    height: headHeight
+  }, thead);
+};
+var getRegExp = function getRegExp(val) {
+  var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ig';
+  return new RegExp("".concat(val).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
+};
+/**
+ * 获取当前行指定列的内容
+ * @param row 当前行
+ * @param key 指定列名
+ * @param column 列配置
+ * @param index 当前行Index
+ * @returns
+ */
+var getRowText = function getRowText(row, key, format) {
+  var result;
+  if (typeof row === 'string' || typeof row === 'number' || typeof row === 'boolean') {
+    result = row;
+  }
+  if (typeof_typeof(row) === 'object') {
+    result = (0,get_namespaceObject["default"])(row, key);
+  }
+  if (format !== null && format !== void 0 && format.length) {
+    format.forEach(function (reg) {
+      if (typeof reg === 'function') {
+        result = reg(result, row, key);
+      } else if (typeof result === 'string') {
+        var _matches$;
+        var matches = result.match(typeof reg === 'string' ? getRegExp(reg) : reg);
+        result = (_matches$ = matches === null || matches === void 0 ? void 0 : matches[1]) !== null && _matches$ !== void 0 ? _matches$ : result;
+      }
+    });
+    if (/^-?\d+.?\d*$/.test(result)) {
+      result = Number(result);
+    }
+  }
+  return result;
+};
+/**
+ * 获取当前行指定列的值
+ * @param row 当前行
+ * @param key 指定列名
+ * @returns
+ */
+var getRowValue = function getRowValue(row, key) {
+  return (0,get_namespaceObject["default"])(row, key);
+};
+/**
+ * 格式化prop配置为标准数组格式
+ * @param prop prop对象值
+ * @param args 如果是function参数
+ * @returns
+ */
+var formatPropAsArray = function formatPropAsArray(prop, args) {
+  if (Array.isArray(prop)) {
+    return prop;
+  }
+  if (typeof prop === 'string' || typeof_typeof(prop) === 'object') {
+    return [prop];
+  }
+  if (typeof prop === 'function') {
+    return formatPropAsArray(Reflect.apply(prop, _this, args), args);
+  }
+  return [];
+};
+var isRenderScrollBottomLoading = function isRenderScrollBottomLoading(props) {
+  if (props.scrollLoading === null) {
+    return false;
+  }
+  return typeof props.scrollLoading === 'boolean' || _typeof(props.scrollLoading) === 'object';
+};
+var getRowKey = function getRowKey(item, props, index) {
+  var val = getRowKeyNull(item, props, index);
+  if (val !== null) {
+    return val;
+  }
+  return esm_browser_v4();
+};
+var getRowKeyNull = function getRowKeyNull(item, props, index) {
+  if (typeof props.rowKey === 'string') {
+    if (props.rowKey === TABLE_ROW_ATTRIBUTE.ROW_INDEX) {
+      return "__ROW_INDEX_".concat(index);
+    }
+    return (0,get_namespaceObject["default"])(item, props.rowKey);
+  }
+  if (typeof props.rowKey === 'function') {
+    return Reflect.apply(props.rowKey, _this, [item]);
+  }
+  return null;
+};
+var hasRootScrollY = function hasRootScrollY(root, querySelector) {
+  var offsetHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  if (root) {
+    var tableBody = root.querySelector(querySelector);
+    if (tableBody) {
+      return tableBody.offsetHeight > root.offsetHeight - offsetHeight;
+    }
+  }
+  return false;
+};
+var getColumnClass = function getColumnClass(column) {
+  var colIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var uuid = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  return utils_objectSpread(utils_objectSpread({}, uuid ? _defineProperty({}, "".concat(uuid, "-column-").concat(colIndex), true) : {}), {}, {
+    column_fixed: !!column.fixed,
+    column_fixed_left: !!column.fixed,
+    column_fixed_right: column.fixed === 'right'
+  });
+};
+var getElementTextWidth = function getElementTextWidth(element, text) {
+  /**
+   * Uses canvas.measureText to compute and return the width of the given text of given font in pixels.
+   *
+   * @param {String} text The text to be rendered.
+   * @param {String} font The css font descriptor that text is to be rendered with (e.g. "bold 14px verdana").
+   *
+   * @see https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript/21015393#21015393
+   */
+  function getTextWidth(text, font) {
+    // re-use canvas object for better performance
+    var canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement('canvas'));
+    var context = canvas.getContext('2d');
+    context.font = font;
+    var metrics = context.measureText(text);
+    return metrics.width;
+  }
+  function getCssStyle(element, prop) {
+    return window.getComputedStyle(element, null).getPropertyValue(prop);
+  }
+  function getCanvasFont() {
+    var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
+    var fontWeight = getCssStyle(el, 'font-weight') || 'normal';
+    var fontSize = getCssStyle(el, 'font-size') || '16px';
+    var fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';
+    return "".concat(fontWeight, " ").concat(fontSize, " ").concat(fontFamily);
+  }
+  return getTextWidth(text || (element === null || element === void 0 ? void 0 : element.innerHTML), getCanvasFont(element));
+};
+var isColumnHidden = function isColumnHidden(settingFields, column, checked) {
+  var getFieldValue = function getFieldValue(field) {
+    var _field$field;
+    return (_field$field = field.field) !== null && _field$field !== void 0 ? _field$field : field.id;
+  };
+  var isSettingField = function isSettingField(col) {
+    return settingFields.some(function (field) {
+      return getFieldValue(field) === resolvePropVal(col, ['field', 'type'], [col]);
+    });
+  };
+  return isSettingField(column) && checked.length && !checked.includes(resolvePropVal(column, ['field', 'type'], [column]));
+};
+var resolveColumnSpan = function resolveColumnSpan(column, colIndex, row, rowIndex, key) {
+  if (typeof column[key] === 'function') {
+    return Reflect.apply(column[key], _this, [{
+      column: column,
+      colIndex: colIndex,
+      row: row,
+      rowIndex: rowIndex
+    }]);
+  }
+  if (typeof column[key] === 'number') {
+    return column[key];
+  }
+  return 1;
+};
+var resolveCellSpan = function resolveCellSpan(column, colIndex, row, rowIndex) {
+  var colspan = resolveColumnSpan(column, colIndex, row, rowIndex, 'colspan');
+  var rowspan = resolveColumnSpan(column, colIndex, row, rowIndex, 'rowspan');
+  return {
+    colspan: colspan,
+    rowspan: rowspan
+  };
+};
+var skipThisColumn = function skipThisColumn(columns, colIndex, row, rowIndex) {
+  var skip = false;
+  for (var i = colIndex; i > 0; i--) {
+    var colspan = resolveColumnSpan(columns[i], i, row, rowIndex, 'colspan');
+    if (colspan > 1) {
+      skip = colspan - 1;
+      break;
+    }
+  }
+  return skip;
+};
+var getSortFn = function getSortFn(column, sortType) {
+  var _column$sort, _column$sort2;
+  var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var fieldName = column.field;
+  var getVal = function getVal(row) {
+    return getRowText(row, fieldName, format);
+  };
+  var sortFn0 = function sortFn0(a, b) {
+    var _getVal, _getVal2;
+    var val0 = (_getVal = getVal(a)) !== null && _getVal !== void 0 ? _getVal : '';
+    var val1 = (_getVal2 = getVal(b)) !== null && _getVal2 !== void 0 ? _getVal2 : '';
+    if (typeof val0 === 'number' && typeof val1 === 'number') {
+      return val0 - val1;
+    }
+    return String.prototype.localeCompare.call(val0, val1);
+  };
+  var sortFn = typeof ((_column$sort = column.sort) === null || _column$sort === void 0 ? void 0 : _column$sort.sortFn) === 'function' ? (_column$sort2 = column.sort) === null || _column$sort2 === void 0 ? void 0 : _column$sort2.sortFn : sortFn0;
+  return sortType === SORT_OPTION.NULL ? function (_a, _b) {
+    return true;
+  } : function (_a, _b) {
+    return sortFn(_a, _b) * (sortType === SORT_OPTION.DESC ? -1 : 1);
+  };
+};
+var getNextSortType = function getNextSortType(sortType) {
+  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;
+  }
+  return Object.keys(steps)[(steps[sortType] + 1) % 3];
+};
+var resolveSort = function resolveSort(sort, column) {
+  var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  if (typeof sort === 'string') {
+    return {
+      value: sort
+    };
+  }
+  if (typeof sort === 'boolean' && sort) {
+    return {
+      value: SORT_OPTION.NULL
+    };
+  }
+  if (typeof_typeof(sort) === 'object' && sort !== null) {
+    var _sort$value;
+    if (typeof sort.sortFn === 'function') {
+      return utils_objectSpread({
+        value: 'custom'
+      }, sort);
+    }
+    return Object.assign({}, {
+      sortFn: getSortFn(column, (_sort$value = sort.value) !== null && _sort$value !== void 0 ? _sort$value : SORT_OPTION.NULL, format)
+    }, sort);
+  }
+  return null;
+};
+var isRowSelectEnable = function isRowSelectEnable(props, _ref3) {
+  var row = _ref3.row,
+    index = _ref3.index,
+    isCheckAll = _ref3.isCheckAll;
+  if (typeof props.isRowSelectEnable === 'boolean') {
+    return props.isRowSelectEnable !== false;
+  }
+  if (typeof props.isRowSelectEnable === 'function') {
+    return props.isRowSelectEnable({
+      row: row,
+      index: index,
+      isCheckAll: isCheckAll
+    });
+  }
+  return true;
+};
+var getRowId = function getRowId(row, defVal, props) {
+  var key = getRowKey(row, props, defVal);
+  if (key !== undefined && row[key] !== undefined) {
+    return row[key];
+  }
+  return defVal;
+};
+var resolveColumnSortProp = function resolveColumnSortProp(col, props) {
+  var _resolveSort, _col$sort;
+  var _ref4 = (_resolveSort = resolveSort((_col$sort = col.sort) !== null && _col$sort !== void 0 ? _col$sort : props.defaultSort, col)) !== null && _resolveSort !== void 0 ? _resolveSort : {},
+    value = _ref4.value,
+    sortFn = _ref4.sortFn,
+    sortScope = _ref4.sortScope;
+  return {
+    type: value,
+    fn: sortFn,
+    scope: sortScope,
+    active: !!col.sort
+  };
+};
+var getRawData = function getRawData(data) {
+  if ((0,external_vue_namespaceObject.isProxy)(data)) {
+    return (0,external_vue_namespaceObject.toRaw)(data);
+  }
+  return data;
+};
+;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-observer-resize.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 ResizeObserver_es = (index);
 
-;// CONCATENATED MODULE: ../../packages/table/src/utils.tsx
 
+/* harmony default export */ const use_observer_resize = (function (target, fn) {
+  var args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var immediate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  var instance = null;
+  var dispose = function dispose() {
+    if (instance) {
+      instance.disconnect();
+      instance = null;
+    }
+  };
+  (0,external_vue_namespaceObject.watch)(target, function () {
+    if (!(0,shared_namespaceObject.isElement)(target.value)) {
+      return;
+    }
+    dispose();
+    instance = observerResize(target.value, function () {
+      fn === null || fn === void 0 || fn.apply.apply(fn, _toConsumableArray(args));
+    }, 60, true, 'debounce');
+    if (immediate) {
+      instance.start();
+    }
+  }, {
+    flush: 'post',
+    immediate: true
+  });
+  return {
+    instance: instance
+  };
+});
+;// CONCATENATED MODULE: external "../loading"
+var loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var loading_y = x => () => x
+const loading_namespaceObject = loading_x({ ["BkLoadingMode"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingMode, ["BkLoadingSize"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingSize, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__["default"] });
+;// CONCATENATED MODULE: external "../loading/loading.less"
+var loading_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var loading_less_y = x => () => x
+const loading_less_namespaceObject = loading_less_x({  });
+;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-scroll-loading.tsx
 
 
-var _this = undefined;
-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.
@@ -2763,436 +3145,238 @@ function utils_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
 
 
 
-
-
-/**
- * 解析Prop值 | 可能为多种类型 & 函数返回的场景
- * @param prop 当前Prop
- * @param key 要处理的Key
- * @param args 如果是函数，传递参数
- * @returns
- */
-var resolvePropVal = function resolvePropVal(prop, key, args) {
-  if (prop === undefined || prop === null) {
-    return undefined;
-  }
-  if (typeof key === 'string') {
-    if (Object.prototype.hasOwnProperty.call(prop, key)) {
-      if (typeof prop[key] === 'function') {
-        var _prop$key;
-        return (_prop$key = prop[key]).call.apply(_prop$key, [_this].concat(_toConsumableArray(args)));
-      }
-      return prop[key];
-    }
-    return undefined;
-  }
-  if (Array.isArray(key)) {
-    return key.map(function (_key) {
-      return resolvePropVal(prop, _key, args);
-    }).filter(function (val) {
-      return val !== undefined;
-    }).at(0);
-  }
-};
-/**
- * 处理Props中的ActiveColumn，解析为统一的数组格式
- * @param props
- * @returns
- */
-var resolveActiveColumns = function resolveActiveColumns(props) {
-  if (props.columnPick !== 'disabled') {
-    if (props.columnPick === 'multi') {
-      return Array.isArray(props.activeColumn) ? props.activeColumn : resolveNumberToNumArray(props.activeColumn);
-    }
-    return Array.isArray(props.activeColumn) ? resolveNumberToNumArray(props.activeColumn[0]) : resolveNumberToNumArray(props.activeColumn);
-  }
-  return [];
-};
-/**
- * 统一处理数字类型参数
- * @param prop
- * @returns
- */
-var resolveNumberToNumArray = function resolveNumberToNumArray(prop) {
-  if (/^\d+$/.test("".concat(prop))) {
-    return [parseInt("".concat(prop), 10)];
-  }
-  return [];
-};
-/*
- * 解析宽度配置
- * @param propWidth
- * @returns
- */
-var resolveWidth = function resolveWidth(propWidth) {
-  return resolveNumberOrStringToPix(propWidth, 'auto');
-};
-/**
- * 解析可为数字或者字符串设置的样式配置
- * @param val 配置值
- * @param defaultValue 默认值
- * @param offset 偏移量
- * @returns 标准化px string
- */
-var resolveNumberOrStringToPix = function resolveNumberOrStringToPix(val) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '100%';
-  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var target = '';
-  if (/^auto|null|undefined$/gi.test("".concat(val))) {
-    target = defaultValue;
-  } else {
-    target = /^\d+\.?\d+$/.test("".concat(val)) ? "".concat(val, "px") : val;
-  }
-  if (offset) {
-    target = "calc(".concat(target, " - ").concat(offset, ")");
-  }
-  return target;
-};
-/**
- * 格式化Border配置为标准Class
- * @param val
- * @returns
- */
-var resolvePropBorderToClassStr = function resolvePropBorderToClassStr(val) {
-  var defaultVal = ['row'];
-  if (typeof val === 'string') {
-    defaultVal.push(val);
-  }
-  if (Array.isArray(val)) {
-    defaultVal.push.apply(defaultVal, _toConsumableArray(val.filter(function (str) {
-      return BORDER_OPTIONS.includes(str);
-    })));
-  }
-  return _toConsumableArray(new Set(defaultVal)).map(function (item) {
-    return "bordered-".concat(item);
-  }).join(' ');
-};
-/**
- * 获取当前列实际宽度
- * width props中设置的默认宽度
- * calcWidth 计算后的宽度
- * resizeWidth 拖拽重置之后的宽度
- * @param colmun 当前列配置
- * @param orders 获取宽度顺序
- * @returns
- */
-var getColumnReactWidth = function getColumnReactWidth(colmun) {
-  var _ref, _colmun$orders$;
-  var orders = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['resizeWidth', 'calcWidth', 'width'];
-  return (_ref = (_colmun$orders$ = colmun[orders[0]]) !== null && _colmun$orders$ !== void 0 ? _colmun$orders$ : colmun[orders[1]]) !== null && _ref !== void 0 ? _ref : colmun[orders[2]];
-};
-/**
- * 监听目标元素的Resize事件
- * @param root 目标元素
- * @param callbackFn 执行函数
- * @param delay 延迟执行时间，默认 60
- * @param immediate 是否立即执行回调函数
- * @param resizerWay 执行方式：debounce | throttle
- * @returns "{ start: () => void, stop: () => void }"
- */
-var observerResize = function observerResize(root, callbackFn) {
-  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 60;
-  var immediate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var resizerWay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'throttle';
-  // 设置判定，避免因计算导致的resize死循环
-  var resolveCallbackFn = function resolveCallbackFn() {
-    if (typeof callbackFn === 'function') {
-      callbackFn();
+/* harmony default export */ const use_scroll_loading = (function (props, ctx) {
+  var refScrollLoading = (0,external_vue_namespaceObject.toRef)(props, 'scrollLoading');
+  var getLoadingOption = function getLoadingOption() {
+    if (typeof refScrollLoading.value === 'boolean') {
+      return {
+        loading: !!refScrollLoading.value,
+        inline: true,
+        title: '',
+        size: loading_namespaceObject.BkLoadingSize.Normal,
+        mode: loading_namespaceObject.BkLoadingMode.Default,
+        indicator: null
+      };
     }
+    return refScrollLoading.value;
   };
-  var execFn = resizerWay === 'debounce' ? (0,debounce_namespaceObject["default"])(resolveCallbackFn, delay) : (0,throttle_namespaceObject["default"])(resolveCallbackFn, delay);
-  var callFn = function callFn() {
-    return Reflect.apply(execFn, _this, []);
-  };
-  var resizeObserver = new ResizeObserver_es(function () {
-    callFn();
+  var isRender = (0,external_vue_namespaceObject.computed)(function () {
+    return refScrollLoading.value !== null && (typeof refScrollLoading.value === 'boolean' && refScrollLoading.value || typeof_typeof(refScrollLoading.value) === 'object');
   });
-  if (immediate) {
-    if (typeof callbackFn === 'function') {
-      callbackFn();
+  var renderScrollLoading = function renderScrollLoading() {
+    if (isRender.value) {
+      var _ctx$slots$fixedBotto, _ctx$slots$fixedBotto2, _ctx$slots;
+      var _getLoadingOption = getLoadingOption(),
+        loading = _getLoadingOption.loading,
+        size = _getLoadingOption.size,
+        mode = _getLoadingOption.mode,
+        title = _getLoadingOption.title,
+        inline = _getLoadingOption.inline,
+        indicator = _getLoadingOption.indicator;
+      return (_ctx$slots$fixedBotto = (_ctx$slots$fixedBotto2 = (_ctx$slots = ctx.slots).fixedBottom) === null || _ctx$slots$fixedBotto2 === void 0 ? void 0 : _ctx$slots$fixedBotto2.call(_ctx$slots)) !== null && _ctx$slots$fixedBotto !== void 0 ? _ctx$slots$fixedBotto : (0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
+        loading: loading,
+        size: size,
+        mode: mode,
+        title: title,
+        inline: inline,
+        indicator: indicator
+      }, null);
     }
-  }
+  };
   return {
-    start: function start() {
-      resizeObserver.observe(root);
-    },
-    disconnect: function disconnect() {
-      resizeObserver.unobserve(root);
-      resizeObserver.disconnect();
-    }
+    renderScrollLoading: renderScrollLoading
   };
-};
-/**
- * 判定为数值 | px | %
- * @param val
- * @returns
- */
-var isPercentPixOrNumber = function isPercentPixOrNumber(val) {
-  return /^\d+\.?\d*(px|%)?$/.test("".concat(val));
-};
-/**
- * Format Table Head Option
- * @param props
- * @returns
- */
-var resolveHeadConfig = function resolveHeadConfig(props) {
-  var showHead = props.showHead,
-    headHeight = props.headHeight,
-    _props$thead = props.thead,
-    thead = _props$thead === void 0 ? {} : _props$thead;
-  return Object.assign({}, {
-    isShow: showHead,
-    height: headHeight
-  }, thead);
-};
-/**
- * 获取当前行指定列的内容
- * @param row 当前行
- * @param key 指定列名
- * @param column 列配置
- * @param index 当前行Index
- * @returns
- */
-var getRowText = function getRowText(row, key) {
-  if (typeof row === 'string' || typeof row === 'number' || typeof row === 'boolean') {
-    return row;
-  }
-  return (0,get_namespaceObject["default"])(row, key);
-};
-/**
- * 获取当前行指定列的值
- * @param row 当前行
- * @param key 指定列名
- * @returns
+});
+;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-pagination.tsx
+
+
+
+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.
+ *
+ * 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.
  */
-var getRowValue = function getRowValue(row, key) {
-  return (0,get_namespaceObject["default"])(row, key);
-};
+
+
+
 /**
- * 格式化prop配置为标准数组格式
- * @param prop prop对象值
- * @param args 如果是function参数
- * @returns
+ * 处理 Prop中的分页配置
+ * prop中的配置会覆盖本地的配置
+ * @param propPagination 用户传入的配置
+ * @param defVal 默认配置
+ * @returns 返回值
  */
-var formatPropAsArray = function formatPropAsArray(prop, args) {
-  if (Array.isArray(prop)) {
-    return prop;
-  }
-  if (typeof prop === 'string' || typeof_typeof(prop) === 'object') {
-    return [prop];
-  }
-  if (typeof prop === 'function') {
-    return formatPropAsArray(Reflect.apply(prop, _this, args), args);
-  }
-  return [];
-};
-var isRenderScrollBottomLoading = function isRenderScrollBottomLoading(props) {
-  if (props.scrollLoading === null) {
-    return false;
-  }
-  return typeof props.scrollLoading === 'boolean' || _typeof(props.scrollLoading) === 'object';
-};
-var getRowKey = function getRowKey(item, props, index) {
-  var val = getRowKeyNull(item, props, index);
-  if (val !== null) {
-    return val;
-  }
-  return esm_browser_v4();
-};
-var getRowKeyNull = function getRowKeyNull(item, props, index) {
-  if (typeof props.rowKey === 'string') {
-    if (props.rowKey === TABLE_ROW_ATTRIBUTE.ROW_INDEX) {
-      return "__ROW_INDEX_".concat(index);
-    }
-    return (0,get_namespaceObject["default"])(item, props.rowKey);
-  }
-  if (typeof props.rowKey === 'function') {
-    return Reflect.apply(props.rowKey, _this, [item]);
-  }
-  return null;
-};
-var hasRootScrollY = function hasRootScrollY(root, querySelector) {
-  var offsetHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  if (root) {
-    var tableBody = root.querySelector(querySelector);
-    if (tableBody) {
-      return tableBody.offsetHeight > root.offsetHeight - offsetHeight;
+var resolvePaginationOption = function resolvePaginationOption(propPagination, defVal) {
+  if (!!propPagination) {
+    if (typeof_typeof(propPagination) === 'object') {
+      var current = Object.prototype.hasOwnProperty.call(propPagination, 'current') ? propPagination.current : propPagination.value;
+      if (!/\d+/.test(current)) {
+        current = 1;
+      }
+      return use_pagination_objectSpread(use_pagination_objectSpread(use_pagination_objectSpread({}, defVal), propPagination), {}, {
+        current: current
+      });
     }
+    return defVal;
   }
-  return false;
-};
-var getColumnClass = function getColumnClass(column) {
-  var colIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var uuid = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  return utils_objectSpread(utils_objectSpread({}, uuid ? _defineProperty({}, "".concat(uuid, "-column-").concat(colIndex), true) : {}), {}, {
-    column_fixed: !!column.fixed,
-    column_fixed_left: !!column.fixed,
-    column_fixed_right: column.fixed === 'right'
-  });
+  return {};
 };
-var getElementTextWidth = function getElementTextWidth(element, text) {
+/* harmony default export */ const use_pagination = (function (props) {
+  var startIndex = (0,external_vue_namespaceObject.ref)(0);
+  var endIndex = (0,external_vue_namespaceObject.ref)(0);
   /**
-   * Uses canvas.measureText to compute and return the width of the given text of given font in pixels.
-   *
-   * @param {String} text The text to be rendered.
-   * @param {String} font The css font descriptor that text is to be rendered with (e.g. "bold 14px verdana").
-   *
-   * @see https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript/21015393#21015393
+   * 分页配置
+   * 用于配置分页组件
+   * pagination 为Prop传入配置
+   * 方便兼容内置分页功能，此处需要单独处理count
    */
-  function getTextWidth(text, font) {
-    // re-use canvas object for better performance
-    var canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement('canvas'));
-    var context = canvas.getContext('2d');
-    context.font = font;
-    var metrics = context.measureText(text);
-    return metrics.width;
-  }
-  function getCssStyle(element, prop) {
-    return window.getComputedStyle(element, null).getPropertyValue(prop);
-  }
-  function getCanvasFont() {
-    var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
-    var fontWeight = getCssStyle(el, 'font-weight') || 'normal';
-    var fontSize = getCssStyle(el, 'font-size') || '16px';
-    var fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';
-    return "".concat(fontWeight, " ").concat(fontSize, " ").concat(fontFamily);
-  }
-  return getTextWidth(text || (element === null || element === void 0 ? void 0 : element.innerHTML), getCanvasFont(element));
-};
-var isColumnHidden = function isColumnHidden(settingFields, column, checked) {
-  var getFieldValue = function getFieldValue(field) {
-    var _field$field;
-    return (_field$field = field.field) !== null && _field$field !== void 0 ? _field$field : field.id;
-  };
-  var isSettingField = function isSettingField(col) {
-    return settingFields.some(function (field) {
-      return getFieldValue(field) === resolvePropVal(col, ['field', 'type'], [col]);
-    });
-  };
-  return isSettingField(column) && checked.length && !checked.includes(resolvePropVal(column, ['field', 'type'], [column]));
-};
-var resolveColumnSpan = function resolveColumnSpan(column, colIndex, row, rowIndex, key) {
-  if (typeof column[key] === 'function') {
-    return Reflect.apply(column[key], _this, [{
-      column: column,
-      colIndex: colIndex,
-      row: row,
-      rowIndex: rowIndex
-    }]);
-  }
-  if (typeof column[key] === 'number') {
-    return column[key];
-  }
-  return 1;
-};
-var resolveCellSpan = function resolveCellSpan(column, colIndex, row, rowIndex) {
-  var colspan = resolveColumnSpan(column, colIndex, row, rowIndex, 'colspan');
-  var rowspan = resolveColumnSpan(column, colIndex, row, rowIndex, 'rowspan');
-  return {
-    colspan: colspan,
-    rowspan: rowspan
+  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,
+    limit: 10,
+    current: 1,
+    align: 'right',
+    layout: ['total', 'limit', 'list']
+  });
+  var resolveLocalPagination = function resolveLocalPagination() {
+    if (!props.pagination) {
+      return;
+    }
+    localPagination.value = props.remotePagination ? pagination : use_pagination_objectSpread(use_pagination_objectSpread({}, pagination), {}, {
+      count: indexData.length
+    });
   };
-};
-var skipThisColumn = function skipThisColumn(columns, colIndex, row, rowIndex) {
-  var skip = false;
-  for (var i = colIndex; i > 0; i--) {
-    var colspan = resolveColumnSpan(columns[i], i, row, rowIndex, 'colspan');
-    if (colspan > 1) {
-      skip = colspan - 1 + i >= colIndex;
-      break;
+  /**
+   * 重置当前分页开始位置 & 结束位置
+   * 如果未启用分页，则开始位置为0，结束位置为 data.length
+   * @returns
+   */
+  var resetStartEndIndex = function resetStartEndIndex() {
+    if (!props.pagination || props.remotePagination) {
+      startIndex.value = 0;
+      endIndex.value = indexData.length;
+      return;
     }
-  }
-  return skip;
-};
-var getSortFn = function getSortFn(column, sortType) {
-  var _column$sort, _column$sort2;
-  var fieldName = column.field;
-  var getVal = function getVal(row) {
-    return getRowText(row, fieldName);
+    // 如果是前端分页
+    startIndex.value = (pagination.current - 1) * pagination.limit;
+    endIndex.value = pagination.current * pagination.limit;
   };
-  var sortFn0 = function sortFn0(a, b) {
-    var _getVal, _getVal2;
-    var val0 = (_getVal = getVal(a)) !== null && _getVal !== void 0 ? _getVal : '';
-    var val1 = (_getVal2 = getVal(b)) !== null && _getVal2 !== void 0 ? _getVal2 : '';
-    if (typeof val0 === 'number' && typeof val1 === 'number') {
-      return val0 - val1;
+  /**
+   * 当前页分页数据
+   */
+  var pageData = (0,external_vue_namespaceObject.reactive)([]);
+  var sort = function sort(sourceData, sortFn, column, type, sortScope) {
+    if (typeof sortFn === 'function') {
+      sourceData.sort(function (a, b) {
+        return sortFn(a, b, type, column, sortScope);
+      });
     }
-    return String.prototype.localeCompare.call(val0, val1);
   };
-  var sortFn = typeof ((_column$sort = column.sort) === null || _column$sort === void 0 ? void 0 : _column$sort.sortFn) === 'function' ? (_column$sort2 = column.sort) === null || _column$sort2 === void 0 ? void 0 : _column$sort2.sortFn : sortFn0;
-  return sortType === SORT_OPTION.NULL ? function (_a, _b) {
-    return true;
-  } : function (_a, _b) {
-    return sortFn(_a, _b) * (sortType === SORT_OPTION.DESC ? -1 : 1);
+  /**
+   * 初始化排序动作
+   * @param data
+   * @param sortColumns
+   */
+  var multiSort = function multiSort(data, sortColumns) {
+    sortColumns.forEach(function (item) {
+      sort(data, item.schema[COLUMN_ATTRIBUTE.COL_SORT_FN], item.column, item.schema[COLUMN_ATTRIBUTE.COL_SORT_TYPE], item.schema[COLUMN_ATTRIBUTE.COL_SORT_SCOPE]);
+    });
   };
-};
-var getNextSortType = function getNextSortType(sortType) {
-  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;
-  }
-  return Object.keys(steps)[(steps[sortType] + 1) % 3];
-};
-var resolveSort = function resolveSort(sort, column) {
-  if (typeof sort === 'string') {
-    return {
-      value: sort
-    };
-  }
-  if (typeof sort === 'boolean' && sort) {
-    return {
-      value: SORT_OPTION.NULL
-    };
-  }
-  if (typeof_typeof(sort) === 'object' && sort !== null) {
-    var _sort$value;
-    if (typeof sort.sortFn === 'function') {
-      return utils_objectSpread({
-        value: 'custom'
-      }, sort);
+  var filter = function filter(sourceData, filterFn) {
+    if (typeof filterFn === 'function') {
+      var filterVals = sourceData.filter(function (row, index) {
+        return filterFn(row, index, indexData);
+      });
+      sourceData.length = 0;
+      sourceData.push.apply(sourceData, _toConsumableArray(filterVals));
     }
-    return Object.assign({}, {
-      sortFn: getSortFn(column, (_sort$value = sort.value) !== null && _sort$value !== void 0 ? _sort$value : SORT_OPTION.NULL)
-    }, sort);
-  }
-  return null;
-};
-var isRowSelectEnable = function isRowSelectEnable(props, _ref3) {
-  var row = _ref3.row,
-    index = _ref3.index,
-    isCheckAll = _ref3.isCheckAll;
-  if (typeof props.isRowSelectEnable === 'boolean') {
-    return props.isRowSelectEnable !== false;
-  }
-  if (typeof props.isRowSelectEnable === 'function') {
-    return props.isRowSelectEnable({
-      row: row,
-      index: index,
-      isCheckAll: isCheckAll
+    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(getRawData(target)));
+        resolve();
+      });
     });
-  }
-  return true;
-};
-var getRowId = function getRowId(row, defVal, props) {
-  var key = getRowKey(row, props, defVal);
-  if (key !== undefined && row[key] !== undefined) {
-    return row[key];
-  }
-  return defVal;
-};
-var resolveColumnSortProp = function resolveColumnSortProp(col, props) {
-  var _resolveSort, _col$sort;
-  var _ref4 = (_resolveSort = resolveSort((_col$sort = col.sort) !== null && _col$sort !== void 0 ? _col$sort : props.defaultSort, col)) !== null && _resolveSort !== void 0 ? _resolveSort : {},
-    value = _ref4.value,
-    sortFn = _ref4.sortFn,
-    sortScope = _ref4.sortScope;
+  };
+  var resolvePageData = function resolvePageData(filterFn, sortFn, column, type, sortScope, multiCol) {
+    var sourceData = indexData.slice();
+    if (multiCol !== null && multiCol !== void 0 && multiCol.length) {
+      multiSort(sourceData, multiCol);
+    }
+    pageData.length = 0;
+    pageData.push.apply(pageData, _toConsumableArray(sourceData.slice(startIndex.value, endIndex.value)));
+    filter(pageData, filterFn);
+    sort(pageData, sortFn, column, type, sortScope);
+    resolveLocalPagination();
+  };
+  var resolvePageDataBySortList = function resolvePageDataBySortList(multiCol) {
+    resolvePageData(null, null, null, null, null, multiCol);
+  };
+  var multiFilter = function multiFilter(filterFnList) {
+    var sourceData = indexData.slice();
+    var target = filterFnList.reduce(function (result, fn) {
+      return filter(result, fn);
+    }, sourceData);
+    pageData.length = 0;
+    pageData.push.apply(pageData, _toConsumableArray(getRawData(target)));
+  };
+  var handlePaginationChange = function handlePaginationChange() {
+    pagination = resolvePaginationOption(props.pagination, pagination);
+    resolveLocalPagination();
+    resetStartEndIndex();
+    resolvePageData();
+  };
+  handlePaginationChange();
+  (0,external_vue_namespaceObject.watch)(function () {
+    return [props.pagination];
+  }, function () {
+    handlePaginationChange();
+  }, {
+    deep: true
+  });
   return {
-    type: value,
-    fn: sortFn,
-    scope: sortScope,
-    active: !!col.sort
+    pageData: pageData,
+    indexData: indexData,
+    localPagination: localPagination,
+    resolvePageData: resolvePageData,
+    resolveIndexData: resolveIndexData,
+    resolvePageDataBySortList: resolvePageDataBySortList,
+    resetStartEndIndex: resetStartEndIndex,
+    multiFilter: multiFilter,
+    sort: sort
   };
-};
+});
 ;// CONCATENATED MODULE: ../../packages/table/src/use-attributes.ts
 
 
@@ -3230,7 +3414,7 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
 
 
 
-/* harmony default export */ const use_attributes = (function (props) {
+var tableSchemaResponse = function tableSchemaResponse(props) {
   var t = (0,config_provider_namespaceObject.useLocale)('table');
   var getDefaultSettings = function getDefaultSettings() {
     var _ref, _SETTING_SIZE$size;
@@ -3580,7 +3764,7 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
         if (typeof item === 'string') {
           return getRowValue(row, item) === item;
         }
-        return item === row;
+        return getRawData(item) === getRawData(row);
       });
     }
     return false;
@@ -3606,7 +3790,8 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     (_formatData$data = formatData.data).push.apply(_formatData$data, _toConsumableArray(data));
     var hasSelectedRow = false;
     var hasUnSelectedRow = false;
-    (data || []).forEach(function (row, index) {
+    (data || []).forEach(function (item, index) {
+      var row = getRawData(item);
       var rowId = getRowId(row, esm_browser_v4(), props);
       var isSelected = isRowSelected(row);
       if (isSelected) {
@@ -3647,7 +3832,8 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
    * @param attrName
    * @param attrValue
    */
-  var setRowAttribute = function setRowAttribute(row, attrName, attrValue) {
+  var setRowAttribute = function setRowAttribute(item, attrName, attrValue) {
+    var row = getRawData(item);
     var target = formatData.dataSchema.get(row);
     if (target && Object.prototype.hasOwnProperty.call(target, attrName)) {
       target[attrName] = attrValue;
@@ -3688,8 +3874,9 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
   var setRowExpand = function setRowExpand(row, isExpand) {
     setRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_EXPAND, isExpand);
   };
-  var getRowAttribute = function getRowAttribute(row, attrName) {
+  var getRowAttribute = function getRowAttribute(item, attrName) {
     var _formatData$dataSchem6;
+    var row = getRawData(item);
     return (_formatData$dataSchem6 = formatData.dataSchema.get(row)) === null || _formatData$dataSchem6 === void 0 ? void 0 : _formatData$dataSchem6[attrName];
   };
   var toggleRowSelection = function toggleRowSelection(row) {
@@ -3892,7 +4079,8 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     formatData: formatData,
     setIndexData: setIndexData
   };
-});
+};
+/* harmony default export */ const use_attributes = (tableSchemaResponse);
 ;// CONCATENATED MODULE: ../../packages/table/src/use-column.ts
 
 /*
@@ -3931,6 +4119,11 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
 /* harmony default export */ const use_column = (function (props, targetColumns) {
   var _props$columns;
   var resolvedColumns = (0,external_vue_namespaceObject.reactive)((_props$columns = props.columns) !== null && _props$columns !== void 0 ? _props$columns : []);
+  /**
+   * 初始化Column配置
+   * @param column 传入
+   * @param remove 是否移除当前列
+   */
   var initColumns = function initColumns(column) {
     var remove = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var resolveColumns = [];
@@ -4376,14 +4569,21 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
     });
     var resolveSetting = function resolveSetting() {
       if (/boolean|object/.test(typeof_typeof(props.column.showOverflowTooltip)) && props.column.showOverflowTooltip !== null) {
+        var _props$column$showOve = props.column.showOverflowTooltip,
+          _props$column$showOve2 = _props$column$showOve.content,
+          content = _props$column$showOve2 === void 0 ? '' : _props$column$showOve2,
+          _props$column$showOve3 = _props$column$showOve.mode,
+          mode = _props$column$showOve3 === void 0 ? undefined : _props$column$showOve3,
+          _props$column$showOve4 = _props$column$showOve.popoverOption,
+          popoverOption = _props$column$showOve4 === void 0 ? {} : _props$column$showOve4;
         var result = {
           showOverflowTooltip: {
-            content: '',
+            content: content,
             disabled: !props.column.showOverflowTooltip,
-            mode: undefined,
+            mode: mode,
             resizerWay: undefined,
             watchCellResize: undefined,
-            popoverOption: {}
+            popoverOption: popoverOption
           }
         };
         if (props.parentSetting !== null && typeof_typeof(props.parentSetting) === 'object') {
@@ -4401,15 +4601,17 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
         showOverflowTooltip: props.parentSetting
       };
     };
-    var _resolveSetting = resolveSetting(),
-      _resolveSetting$showO = _resolveSetting.showOverflowTooltip,
-      showOverflowTooltip = _resolveSetting$showO === void 0 ? false : _resolveSetting$showO;
     var bkEllipsisIns = null;
     var resolveTooltipOption = function resolveTooltipOption() {
+      var _getEllipsisTarget$cl, _getEllipsisTarget, _getEllipsisTarget$cl2;
+      var _resolveSetting = resolveSetting(),
+        _resolveSetting$showO = _resolveSetting.showOverflowTooltip,
+        showOverflowTooltip = _resolveSetting$showO === void 0 ? false : _resolveSetting$showO;
       var disabled = true;
       var resizerWay = props.resizerWay;
+      var defaultContent = (_getEllipsisTarget$cl = (_getEllipsisTarget = getEllipsisTarget()) === null || _getEllipsisTarget === void 0 || (_getEllipsisTarget$cl2 = _getEllipsisTarget.cloneNode) === null || _getEllipsisTarget$cl2 === void 0 ? void 0 : _getEllipsisTarget$cl2.call(_getEllipsisTarget, true)) !== null && _getEllipsisTarget$cl !== void 0 ? _getEllipsisTarget$cl : '';
       var content = function content() {
-        return refRoot.value.innerText;
+        return defaultContent;
       };
       var popoverOption = {};
       var mode = 'auto';
@@ -4422,7 +4624,7 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
         popoverOption = showOverflowTooltip.popoverOption;
         resizerWay = showOverflowTooltip.resizerWay || 'debounce';
         content = function content() {
-          return showOverflowTooltip.content || refRoot.value.innerText;
+          return showOverflowTooltip.content || defaultContent;
         };
         if (typeof showOverflowTooltip.content === 'function') {
           content = function content() {
@@ -4435,21 +4637,6 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
       if (typeof disabled === 'function') {
         disabled = Reflect.apply(disabled, _this, [props.column, props.row]);
       }
-      if (props.isHead) {
-        var _props$column$showOve, _props$column;
-        disabled = !((_props$column$showOve = (_props$column = props.column) === null || _props$column === void 0 || (_props$column = _props$column.showOverflowTooltip) === null || _props$column === void 0 ? void 0 : _props$column.showHead) !== null && _props$column$showOve !== void 0 ? _props$column$showOve : true);
-        mode = 'auto';
-        content = function content() {
-          var _getEllipsisTarget;
-          return (_getEllipsisTarget = getEllipsisTarget()) === null || _getEllipsisTarget === void 0 ? void 0 : _getEllipsisTarget.innerHTML;
-        };
-        if (props.headExplain) {
-          mode = 'static';
-          content = function content() {
-            return props.headExplain;
-          };
-        }
-      }
       /**
        * 当表格中的字段或数据需要做解释说明时，可增加 [下划线] 提示，hover 可查看解释说明的 tooltips
        */
@@ -4462,6 +4649,21 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
           };
         }
       }
+      if (props.isHead) {
+        var _props$column$showOve5, _props$column;
+        disabled = !((_props$column$showOve5 = (_props$column = props.column) === null || _props$column === void 0 || (_props$column = _props$column.showOverflowTooltip) === null || _props$column === void 0 ? void 0 : _props$column.showHead) !== null && _props$column$showOve5 !== void 0 ? _props$column$showOve5 : true);
+        mode = 'auto';
+        content = function content() {
+          var _getEllipsisTarget$cl3, _getEllipsisTarget2, _getEllipsisTarget2$c;
+          return (_getEllipsisTarget$cl3 = (_getEllipsisTarget2 = getEllipsisTarget()) === null || _getEllipsisTarget2 === void 0 || (_getEllipsisTarget2$c = _getEllipsisTarget2.cloneNode) === null || _getEllipsisTarget2$c === void 0 ? void 0 : _getEllipsisTarget2$c.call(_getEllipsisTarget2, true)) !== null && _getEllipsisTarget$cl3 !== void 0 ? _getEllipsisTarget$cl3 : '';
+        };
+        if (props.headExplain) {
+          mode = 'static';
+          content = function content() {
+            return props.headExplain;
+          };
+        }
+      }
       return {
         disabled: disabled,
         content: content,
@@ -4729,7 +4931,7 @@ function _isSlot(s) {
       return resolvePropVal(item, ['id', 'field', 'type'], [item, index]);
     };
     var checkAll = (0,external_vue_namespaceObject.ref)(false);
-    var isShow = (0,external_vue_namespaceObject.ref)(false);
+    var refSetting = (0,external_vue_namespaceObject.ref)(null);
     var localSettings = (0,external_vue_namespaceObject.computed)(function () {
       var deafultSettings = {
         fields: props.columns.map(function (col) {
@@ -4742,6 +4944,7 @@ function _isSlot(s) {
         size: 'small',
         sizeList: defaultSizeList,
         showLineHeight: true,
+        extCls: '',
         trigger: 'manual'
       };
       if (typeof props.settings === 'boolean') {
@@ -4764,6 +4967,7 @@ function _isSlot(s) {
       checkedFields: localSettings.value.checked || []
     };
     var handleSaveClick = function handleSaveClick() {
+      var _refSetting$value;
       Object.assign(cachedValue, {
         checkAll: checkAll.value,
         activeSize: activeSize.value,
@@ -4776,17 +4980,21 @@ function _isSlot(s) {
         height: activeHeight.value,
         fields: (0,external_vue_namespaceObject.unref)(renderFields)
       });
-      isShow.value = false;
+      (_refSetting$value = refSetting.value) === null || _refSetting$value === void 0 || _refSetting$value.hide();
     };
     var handleCancelClick = function handleCancelClick() {
+      var _refSetting$value2;
       checkAll.value = cachedValue.checkAll;
       activeSize.value = cachedValue.activeSize;
       activeHeight.value = cachedValue.activeHeight;
       checkedFields.value = cachedValue.checkedFields;
-      isShow.value = false;
+      (_refSetting$value2 = refSetting.value) === null || _refSetting$value2 === void 0 || _refSetting$value2.hide();
     };
     var handleSettingClick = function handleSettingClick() {
-      isShow.value = true;
+      if (localSettings.value.trigger === 'manual') {
+        var _refSetting$value3;
+        (_refSetting$value3 = refSetting.value) === null || _refSetting$value3 === void 0 || _refSetting$value3.show();
+      }
     };
     var handleCheckAllClick = function handleCheckAllClick(e) {
       e.stopImmediatePropagation();
@@ -4881,9 +5089,10 @@ function _isSlot(s) {
       var _localSettings$value$2;
       return props.settings ? (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
         "trigger": (_localSettings$value$2 = localSettings.value.trigger) !== null && _localSettings$value$2 !== void 0 ? _localSettings$value$2 : 'manual',
-        "isShow": isShow.value,
         "placement": "bottom-end",
-        "arrow": true
+        "ref": refSetting,
+        "arrow": true,
+        "extCls": localSettings.value.extCls
       }, {
         theme: theme
       }), {
@@ -5005,6 +5214,31 @@ function _isSlot(s) {
   if (!props.rowDraggable) {
     return {};
   }
+  var placeDiv = document.createElement('div');
+  placeDiv.style.setProperty('height', '20px');
+  placeDiv.style.setProperty('width', '100%');
+  placeDiv.style.setProperty('background', '#E2EDFF');
+  placeDiv.style.setProperty('cursor', 'move');
+  ['dragenter', 'dragover'].forEach(function (type) {
+    placeDiv.addEventListener(type, function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+      event.dataTransfer.dropEffect = 'move';
+    });
+  });
+  var lastDragRow = null;
+  var lastDragRowClass = '';
+  var insertPlaceDiv = function insertPlaceDiv(target, placement) {
+    if (placement === '--top') {
+      target.parentNode.insertBefore(placeDiv, target);
+      return;
+    }
+    if (target.nextElementSibling === null) {
+      target.parentNode.append(placeDiv);
+      return;
+    }
+    target.parentNode.insertBefore(placeDiv, target.nextElementSibling);
+  };
   var beforeEventFire = function beforeEventFire(fn) {
     if (props.rowDraggable) {
       fn === null || fn === void 0 || fn();
@@ -5018,9 +5252,10 @@ function _isSlot(s) {
     var _target$getBoundingCl = target.getBoundingClientRect(),
       top = _target$getBoundingCl.top,
       bottom = _target$getBoundingCl.bottom;
-    var position = y - top > bottom - y ? '--bottom' : '--top';
+    var placement = y - top > bottom - y ? '--bottom' : '--top';
     removeDragClass(target);
-    target.classList.add(position);
+    target.classList.add(placement);
+    insertPlaceDiv(target, placement);
   };
   var removeDragClass = function removeDragClass(target) {
     var classList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['--bottom', '--top'];
@@ -5031,45 +5266,59 @@ function _isSlot(s) {
   var onDragstart = function onDragstart(event) {
     beforeEventFire(function () {
       var target = getTargetRow(event);
+      placeDiv.style.setProperty('height', "".concat(target.offsetHeight, "px"));
+      placeDiv.style.setProperty('width', "".concat(target.offsetWidth, "px"));
       target.classList.add('--drag-start');
+      event.dataTransfer.setDragImage(target, 0, 0);
       event.dataTransfer.setData('text/plain', null);
-      event.dataTransfer.dropEffect = 'copy';
+      event.dataTransfer.dropEffect = 'move';
       var rowIndex = event.target.dataset.rowIndex;
       event.dataTransfer.setData('data-row-index', rowIndex);
     });
   };
   var onDragenter = function onDragenter(event) {
+    var target = getTargetRow(event);
+    event.preventDefault();
+    event.stopPropagation();
     beforeEventFire(function () {
       event.dataTransfer.dropEffect = 'move';
-      var target = getTargetRow(event);
       target.classList.add('--drag-enter');
       setTargetRowPlacement(target, event);
+      lastDragRow = target;
     });
   };
   var onDragleave = function onDragleave(event) {
     beforeEventFire(function () {
       var target = getTargetRow(event);
+      lastDragRowClass = target.classList.contains('--bottom') ? '--bottom' : '--top';
       removeDragClass(target, ['--drag-enter', '--bottom', '--top']);
     });
   };
   var onDragover = function onDragover(event) {
     event.preventDefault();
+    event.stopPropagation();
     event.dataTransfer.dropEffect = 'move';
     var target = getTargetRow(event);
     setTargetRowPlacement(target, event);
   };
-  var onDrop = function onDrop(event) {
+  var onDragend = function onDragend(event) {
+    var _event$target$dataset;
     event.preventDefault();
     event.stopPropagation();
-    var target = getTargetRow(event);
+    placeDiv.remove();
+    if (!lastDragRow) {
+      return;
+    }
+    var target = lastDragRow;
     var rowIndex = target.dataset.rowIndex;
     var targetIndex = Number(rowIndex);
-    var sourceIndex = event.dataTransfer.getData('data-row-index');
-    if (target.classList.contains('--bottom')) {
+    var sourceIndex = (_event$target$dataset = event.target.dataset) === null || _event$target$dataset === void 0 ? void 0 : _event$target$dataset.rowIndex;
+    if (lastDragRowClass === '--bottom') {
       targetIndex = targetIndex + 1;
     }
     resp.changePageRowIndex(Number(sourceIndex), targetIndex);
-    removeDragClass(target, ['--drag-enter', '--bottom', '--top']);
+    lastDragRow = null;
+    lastDragRowClass = '';
     ctx.emit(EMIT_EVENTS.DRAG_END, {
       sourceEvent: event,
       data: resp.pageData
@@ -5080,9 +5329,17 @@ function _isSlot(s) {
     onDragleave: onDragleave,
     onDragstart: onDragstart,
     onDragover: onDragover,
-    onDrop: onDrop
+    onDragend: onDragend
   };
 });
+;// CONCATENATED MODULE: external "../input"
+var input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var input_y = x => () => x
+const input_namespaceObject = input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__["default"] });
+;// CONCATENATED MODULE: external "../input/input.less"
+var input_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var input_less_y = x => () => x
+const input_less_namespaceObject = input_less_x({  });
 ;// CONCATENATED MODULE: ../../packages/table/src/plugins/head-filter.tsx
 
 
@@ -5128,6 +5385,8 @@ function _isSlot(s) {
 
 
 
+
+
 function head_filter_isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
@@ -5144,8 +5403,10 @@ function head_filter_isSlot(s) {
       resolveClassName = _usePrefix.resolveClassName;
     var t = (0,config_provider_namespaceObject.useLocale)('table');
     var column = props.column;
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props.column),
-      filter = _toRefs.filter;
+    var filter = (0,external_vue_namespaceObject.computed)(function () {
+      var _props$column;
+      return (_props$column = props.column) === null || _props$column === void 0 ? void 0 : _props$column.filter;
+    });
     var checked = (0,external_vue_namespaceObject.computed)(function () {
       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 : [];
@@ -5368,7 +5629,7 @@ function head_filter_isSlot(s) {
             "class": headFilterContentClass
           }, [(0,external_vue_namespaceObject.createVNode)("div", {
             "style": "padding: 4px 10px;"
-          }, [(0,external_vue_namespaceObject.createVNode)((0,external_vue_namespaceObject.resolveComponent)("bk-input"), {
+          }, [(0,external_vue_namespaceObject.createVNode)(input_namespaceObject["default"], {
             "modelValue": searchValue.value,
             "onUpdate:modelValue": function onUpdateModelValue($event) {
               return searchValue.value = $event;
@@ -5482,7 +5743,8 @@ function _slicedToArray(arr, i) {
   props: {
     column: IColumnType,
     defaultSort: shared_namespaceObject.PropTypes.oneOf(SORT_OPTIONS).def(SORT_OPTION.NULL),
-    active: shared_namespaceObject.PropTypes.bool
+    active: shared_namespaceObject.PropTypes.bool,
+    sortValFormat: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def([''])
   },
   emits: ['change'],
   setup: function setup(props, _ref) {
@@ -5520,8 +5782,8 @@ function _slicedToArray(arr, i) {
       if (sortType.value === type) {
         currentSort = SORT_OPTION.NULL;
       }
-      var execFn = getSortFn(props.column, currentSort);
-      var sort = resolveSort(props.column.sort, props.column);
+      var execFn = getSortFn(props.column, currentSort, props.sortValFormat);
+      var sort = resolveSort(props.column.sort, props.column, props.sortValFormat);
       if ((sort === null || sort === void 0 ? void 0 : sort.value) === 'custom') {
         var _sort$sortFn;
         emit('change', (_sort$sortFn = sort === null || sort === void 0 ? void 0 : sort.sortFn) !== null && _sort$sortFn !== void 0 ? _sort$sortFn : execFn, currentSort);
@@ -5632,7 +5894,7 @@ function use_head_cell_isSlot(s) {
       var type = tableResp.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE);
       nextSort.value = getNextSortType(type);
       var sortFn = function sortFn(a, b) {
-        return getSortFnByColumn(column, getSortFn(column, nextSort.value), a, b);
+        return getSortFnByColumn(column, getSortFn(column, nextSort.value, props.sortValFormat), a, b);
       };
       tableResp.setColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE, nextSort.value);
       tableResp.setColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_FN, sortFn);
@@ -5718,7 +5980,8 @@ function use_head_cell_isSlot(s) {
       "column": column,
       "defaultSort": active.value ? nextSort.value : SORT_OPTION.NULL,
       "onChange": handleSortClick,
-      "active": active.value
+      "active": active.value,
+      "sortValFormat": props.sortValFormat
     }, null);
   };
   var getFilterCell = function getFilterCell(column, index) {
@@ -6044,7 +6307,7 @@ function use_render_isSlot(s) {
     }
     return '';
   };
-  var getRowSpanConfig = function getRowSpanConfig(row, index, preRow, col, store) {
+  var getRowSpanConfig = function getRowSpanConfig(row, rowIndex, preRow, col, store) {
     var _store$get$get, _store$get;
     if (!store.has(row)) {
       store.set(row, new WeakMap());
@@ -6059,7 +6322,7 @@ function use_render_isSlot(s) {
       _ref$skipRowLen = _ref.skipRowLen,
       skipRowLen = _ref$skipRowLen === void 0 ? 0 : _ref$skipRowLen;
     var skipRow = false;
-    var rowspan = resolveColumnSpan(col, null, row, index, 'rowspan');
+    var rowspan = resolveColumnSpan(col, null, row, rowIndex, 'rowspan');
     if (skipRowLen > 1) {
       skipRowLen = skipRowLen - 1;
       skipRow = true;
@@ -6132,7 +6395,7 @@ function use_render_isSlot(s) {
             rowspan = _resolveCellSpan.rowspan;
           var _tableResp$getColumnA = tableResp.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SPAN),
             skipCol = _tableResp$getColumnA.skipCol;
-          var _ref2 = needRowSpan && !isChild ? getRowSpanConfig(row, index, preRow, column, rowSpanMap) : {
+          var _ref2 = needRowSpan && !isChild ? getRowSpanConfig(row, rowIndex, preRow, column, rowSpanMap) : {
               skipRow: false
             },
             skipRow = _ref2.skipRow;
@@ -6482,6 +6745,7 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
 
 
 
+
 /* harmony default export */ const table = ((0,external_vue_namespaceObject.defineComponent)({
   // eslint-disable-next-line vue/no-reserved-component-names
   name: 'Table',
@@ -6538,6 +6802,11 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
         hasScrollY: hasScrollYRef.value
       };
     });
+    use_observer_resize(root, function () {
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        resolveFixedColumns(tableOffsetRight.value);
+      });
+    });
     var _useRender = use_render(props, ctx, tableSchema, styleRef, head, root, resetTableHeight),
       renderTableBodySchema = _useRender.renderTableBodySchema,
       renderTableFooter = _useRender.renderTableFooter,
@@ -6555,13 +6824,12 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       }
     };
     var isFirstLoad = (0,external_vue_namespaceObject.ref)(true);
-    // const tableWidth = ref(null);
-    (0,external_vue_namespaceObject.watch)(function () {
-      return [props.data, columns];
-    }, function () {
+    (0,external_vue_namespaceObject.watchEffect)(function () {
+      tableSchema.formatDataSchema(props.data);
+      tableSchema.formatColumns(columns);
+      resolveFixedColumns(tableOffsetRight.value);
       tableSchema.setIndexData().then(function () {
-        tableSchema.formatColumns(columns);
-        tableSchema.formatDataSchema(props.data);
+        // tableSchema.formatDataSchema(props.data);
         tableSchema.resetStartEndIndex();
         if (isFirstLoad.value) {
           tableSchema.resolveByDefColumns();
@@ -6572,7 +6840,6 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
         registerResizeEvent();
         (0,external_vue_namespaceObject.nextTick)(function () {
           updateOffsetRight();
-          resolveFixedColumns(tableOffsetRight.value);
           /**
            * 确保在所有数据渲染完毕再执行fix column计算
            */
@@ -6581,9 +6848,6 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
           });
         });
       });
-    }, {
-      immediate: true,
-      deep: true
     });
     (0,external_vue_namespaceObject.watch)(function () {
       return [props.height, props.maxHeight, props.minHeight];