bkui-vue 1.0.3-beta.4 → 1.0.3-beta.41

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,95 @@ 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: ../../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/const.ts
 
 /*
@@ -300,7 +390,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 +542,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 +728,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.
@@ -660,6 +758,7 @@ var tableProps = {
 
 
 
+
 var TableColumnProp = {
   label: LabelFunctionStringType,
   field: LabelFunctionStringType,
@@ -678,7 +777,10 @@ var TableColumnProp = {
   align: TableAlign,
   className: RowClassFunctionStringType,
   prop: LabelFunctionStringType,
-  index: shared_namespaceObject.PropTypes.number.def(undefined)
+  index: shared_namespaceObject.PropTypes.number.def(undefined),
+  uniqueId: shared_namespaceObject.PropTypes.object.def({
+    val: ''
+  })
 };
 /* harmony default export */ const table_column = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'TableColumn',
@@ -695,18 +797,39 @@ 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.setNodeUid();
     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 +847,110 @@ 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 _props$render;
+        var props = this.$.vnode.props;
+        var resolveProp = Object.assign({}, this.copyProps(props), {
+          field: props.prop || props.field,
+          render: (_props$render = props.render) !== null && _props$render !== void 0 ? _props$render : this.$slots["default"],
+          uniqueId: this.getNodeUid(this.$.ctx)
+        });
+        this.initColumns(resolveProp);
+        return false;
+      }
+      return true;
+    },
+    setNodeUid: function setNodeUid() {
+      var ctx = this.$.ctx;
+      if (ctx.uniqueId && !ctx.uniqueId.val) {
+        ctx.uniqueId.val = esm_browser_v4();
+      }
+      if (!ctx.uniqueId) {
+        Object.assign(ctx, {
+          uniqueId: {
+            val: esm_browser_v4()
+          }
+        });
+      }
+    },
+    getNodeUid: function getNodeUid(ctx) {
+      var _ctx$uniqueId;
+      return (_ctx$uniqueId = ctx.uniqueId) === null || _ctx$uniqueId === void 0 ? void 0 : _ctx$uniqueId.val;
+    },
     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 selfVnode = _this.$;
+        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 getNodeUid = function getNodeUid(node) {
+          return _this.getNodeUid(node.ctx);
+        };
+        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$props$render, _node$children;
+            var resolveProp = Object.assign({
+              index: index
+            }, _this.copyProps(node.props), {
+              field: node.props.prop || node.props.field,
+              render: (_node$props$render = node.props.render) !== null && _node$props$render !== void 0 ? _node$props$render : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"],
+              uniqueId: getNodeUid(node.ctx)
+            });
+            sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
+            index = index + 1;
+            return null;
+          }
+          if (Array.isArray(node === null || node === void 0 ? void 0 : node.children)) {
+            return node.children;
+          }
+          if ((0,external_vue_namespaceObject.isVNode)(node) && node !== null && node !== void 0 && node.children && typeof_typeof(node === null || node === void 0 ? void 0 : 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') {
@@ -768,9 +958,12 @@ var TableColumnProp = {
       }
     },
     unmountColumn: function unmountColumn() {
+      var _props$render2;
+      var props = this.$.vnode.props;
       var resolveProp = Object.assign({}, this.copyProps(this.$props), {
-        field: this.$props.prop || this.$props.field,
-        render: this.$slots["default"]
+        field: props.prop || props.field,
+        render: (_props$render2 = props.render) !== null && _props$render2 !== void 0 ? _props$render2 : this.$slots["default"],
+        uniqueId: this.getNodeUid(this.$.ctx)
       });
       this.initColumns(resolveProp, true);
     }
@@ -852,21 +1045,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,365 +1643,6 @@ 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.
- */
-
-
-
-
-/* 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);
-}
-
-/* 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
@@ -2765,6 +2619,7 @@ function utils_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
 
 
 
+
 /**
  * 解析Prop值 | 可能为多种类型 & 函数返回的场景
  * @param prop 当前Prop
@@ -2945,6 +2800,10 @@ var resolveHeadConfig = function resolveHeadConfig(props) {
     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 当前行
@@ -2953,11 +2812,29 @@ var resolveHeadConfig = function resolveHeadConfig(props) {
  * @param index 当前行Index
  * @returns
  */
-var getRowText = function getRowText(row, key) {
+var getRowText = function getRowText(row, key, format) {
+  var result;
   if (typeof row === 'string' || typeof row === 'number' || typeof row === 'boolean') {
-    return row;
+    result = row;
   }
-  return (0,get_namespaceObject["default"])(row, key);
+  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;
 };
 /**
  * 获取当前行指定列的值
@@ -3092,107 +2969,446 @@ var resolveCellSpan = function resolveCellSpan(column, colIndex, row, rowIndex)
     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 + i >= colIndex;
-      break;
+};
+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 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
+
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+/* harmony default export */ const use_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: ../../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;
     }
-  }
-  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 +3446,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 +3796,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 +3822,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 +3864,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 +3906,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 +4111,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 +4151,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 = [];
@@ -3942,7 +4167,7 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     if (!remove) {
       resolveColumns.forEach(function (col) {
         var index = targetColumns.findIndex(function (tc) {
-          return tc.label === col.label && tc.field === col.field;
+          return tc.label === col.label && tc.field === col.field && tc.uniqueId === col.uniqueId;
         });
         if (index >= 0) {
           Object.assign(targetColumns[index], col);
@@ -3956,7 +4181,7 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     } else {
       resolveColumns.forEach(function (col) {
         var matchColIndex = targetColumns.findIndex(function (c) {
-          return c.label === col.label && c.field === col.field;
+          return c.label === col.label && c.field === col.field && c.uniqueId === col.uniqueId;
         });
         if (matchColIndex >= 0) {
           targetColumns.splice(matchColIndex, 1);
@@ -4376,14 +4601,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 +4633,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 +4656,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 +4669,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 +4681,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 +4963,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 +4976,7 @@ function _isSlot(s) {
         size: 'small',
         sizeList: defaultSizeList,
         showLineHeight: true,
+        extCls: '',
         trigger: 'manual'
       };
       if (typeof props.settings === 'boolean') {
@@ -4764,6 +4999,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 +5012,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 +5121,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 +5246,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 +5284,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 +5298,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 +5361,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 +5417,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 +5435,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 : [];
@@ -5192,7 +5485,6 @@ function head_filter_isSlot(s) {
       var filterList = list.filter(function (l) {
         return getRegExp(searchValue.value).test(l.value);
       });
-      console.log(' filterList: ', filterList);
       return filterList;
     });
     var getRegExp = function getRegExp(val) {
@@ -5368,7 +5660,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 +5774,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 +5813,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 +5925,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 +6011,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 +6338,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 +6353,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 +6426,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 +6776,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 +6833,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 +6855,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 +6871,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 +6879,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];