bkui-vue 1.0.3-beta.1 → 1.0.3-beta.11

package/lib/table/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./table.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
@@ -24,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__ = {};
 /******/ 
@@ -119,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, ["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, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -451,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
    */
@@ -706,6 +716,9 @@ var TableColumnProp = {
   mounted: function mounted() {
     this.updateColumnDefine();
   },
+  updated: function updated() {
+    this.updateColumnDefineByParent();
+  },
   methods: {
     updateColumnDefine: function updateColumnDefine() {
       var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -1599,183 +1612,6 @@ function v4(options, buf, offset) {
 }
 
 /* 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 localPagination = (0,external_vue_namespaceObject.ref)(null);
-  var indexData = (0,external_vue_namespaceObject.computed)(function () {
-    return props.data;
-  });
-  // 当前分页缓存，用于支持内置前端分页，用户无需接收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.value.length
-    });
-  };
-  /**
-   * 重置当前分页开始位置 & 结束位置
-   * 如果未启用分页，则开始位置为0，结束位置为 data.length
-   * @returns
-   */
-  var resetStartEndIndex = function resetStartEndIndex() {
-    if (!props.pagination || props.remotePagination) {
-      startIndex.value = 0;
-      endIndex.value = indexData.value.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.value);
-      });
-      sourceData.length = 0;
-      sourceData.push.apply(sourceData, _toConsumableArray(filterVals));
-    }
-    return sourceData;
-  };
-  var resolvePageData = function resolvePageData(filterFn, sortFn, column, type, sortScope, multiCol) {
-    var sourceData = indexData.value.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.value.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,
-    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
@@ -2752,6 +2588,7 @@ function utils_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
 
 
 
+
 /**
  * 解析Prop值 | 可能为多种类型 & 函数返回的场景
  * @param prop 当前Prop
@@ -2932,6 +2769,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 当前行
@@ -2940,11 +2781,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;
 };
 /**
  * 获取当前行指定列的值
@@ -3085,7 +2944,7 @@ var skipThisColumn = function skipThisColumn(columns, colIndex, row, rowIndex) {
   for (var i = colIndex; i > 0; i--) {
     var colspan = resolveColumnSpan(columns[i], i, row, rowIndex, 'colspan');
     if (colspan > 1) {
-      skip = colspan - 1 + i >= colIndex;
+      skip = colspan - 1;
       break;
     }
   }
@@ -3093,9 +2952,10 @@ var skipThisColumn = function skipThisColumn(columns, colIndex, row, rowIndex) {
 };
 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);
+    return getRowText(row, fieldName, format);
   };
   var sortFn0 = function sortFn0(a, b) {
     var _getVal, _getVal2;
@@ -3121,6 +2981,7 @@ var getNextSortType = function getNextSortType(sortType) {
   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
@@ -3139,7 +3000,7 @@ var resolveSort = function resolveSort(sort, column) {
       }, sort);
     }
     return Object.assign({}, {
-      sortFn: getSortFn(column, (_sort$value = sort.value) !== null && _sort$value !== void 0 ? _sort$value : SORT_OPTION.NULL)
+      sortFn: getSortFn(column, (_sort$value = sort.value) !== null && _sort$value !== void 0 ? _sort$value : SORT_OPTION.NULL, format)
     }, sort);
   }
   return null;
@@ -3180,6 +3041,202 @@ var resolveColumnSortProp = function resolveColumnSortProp(col, props) {
     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-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(getRawData(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(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 {
+    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
 
 
@@ -3250,12 +3307,14 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
   });
   var _usePagination = use_pagination(props),
     pageData = _usePagination.pageData,
+    indexData = _usePagination.indexData,
     localPagination = _usePagination.localPagination,
     resolvePageData = _usePagination.resolvePageData,
     resolvePageDataBySortList = _usePagination.resolvePageDataBySortList,
     multiFilter = _usePagination.multiFilter,
     sort = _usePagination.sort,
-    resetStartEndIndex = _usePagination.resetStartEndIndex;
+    resetStartEndIndex = _usePagination.resetStartEndIndex,
+    resolveIndexData = _usePagination.resolveIndexData;
   var updateSettings = function updateSettings(settings, rowHeight) {
     if (settings) {
       var _ref2, _ref3;
@@ -3391,6 +3450,13 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     var type = getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE);
     var scope = getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_SCOPE);
     if (type === SORT_OPTION.NULL) {
+      resolveIndexData().then(function () {
+        resolvePageData();
+      });
+      return;
+    }
+    if (scope === 'all') {
+      sort(indexData, fn, column, type, scope);
       resolvePageData();
       return;
     }
@@ -3558,7 +3624,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;
@@ -3584,7 +3650,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) {
@@ -3625,7 +3692,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;
@@ -3666,8 +3734,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) {
@@ -3828,6 +3897,9 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     var resolvedIndex = sourceIndex < targetIndex ? sourceIndex : sourceIndex + 1;
     pageData.splice(resolvedIndex, 1);
   };
+  var setIndexData = function setIndexData() {
+    return resolveIndexData();
+  };
   return {
     formatColumns: formatColumns,
     formatDataSchema: formatDataSchema,
@@ -3864,7 +3936,8 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     changePageRowIndex: changePageRowIndex,
     pageData: pageData,
     localPagination: localPagination,
-    formatData: formatData
+    formatData: formatData,
+    setIndexData: setIndexData
   };
 });
 ;// CONCATENATED MODULE: ../../packages/table/src/use-column.ts
@@ -4036,10 +4109,12 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
   });
   var config = resolveHeadConfig(props);
   var headStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var _props$thead$color, _props$thead;
     return {
       '--row-height': "".concat(resolvePropVal(config, 'height', ['thead']), "px"),
       '--scroll-head-left': "-".concat(TableSchema.formatData.layout.translateX, "px"),
-      '--scroll-left': "".concat(TableSchema.formatData.layout.translateX, "px")
+      '--scroll-left': "".concat(TableSchema.formatData.layout.translateX, "px"),
+      '--background-color': DEF_COLOR[(_props$thead$color = (_props$thead = props.thead) === null || _props$thead === void 0 ? void 0 : _props$thead.color) !== null && _props$thead$color !== void 0 ? _props$thead$color : IHeadColor.DEF1]
     };
   });
   var contentClass = defineProperty_defineProperty({}, resolveClassName('table-body'), true);
@@ -4407,6 +4482,18 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
       if (typeof disabled === 'function') {
         disabled = Reflect.apply(disabled, _this, [props.column, props.row]);
       }
+      /**
+       * 当表格中的字段或数据需要做解释说明时，可增加 [下划线] 提示，hover 可查看解释说明的 tooltips
+       */
+      if (props.column.explain) {
+        disabled = false;
+        mode = 'static';
+        if (typeof_typeof(props.column.explain) === 'object') {
+          content = function content() {
+            return resolvePropVal(props.column.explain, 'content', [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);
@@ -4422,18 +4509,6 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
           };
         }
       }
-      /**
-       * 当表格中的字段或数据需要做解释说明时，可增加 [下划线] 提示，hover 可查看解释说明的 tooltips
-       */
-      if (props.column.explain) {
-        disabled = false;
-        mode = 'static';
-        if (typeof_typeof(props.column.explain) === 'object') {
-          content = function content() {
-            return resolvePropVal(props.column.explain, 'content', [props.column, props.row]);
-          };
-        }
-      }
       return {
         disabled: disabled,
         content: content,
@@ -4977,6 +5052,30 @@ 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 insertPlaceDiv = function insertPlaceDiv(target, placement) {
+    if (placement === '--top') {
+      target.parentNode.insertBefore(placeDiv, target);
+      return;
+    }
+    if (target.nextElementSibling === null) {
+      target.parentNode.appendChild(placeDiv);
+      return;
+    }
+    target.parentNode.insertBefore(placeDiv, target.nextElementSibling);
+  };
   var beforeEventFire = function beforeEventFire(fn) {
     if (props.rowDraggable) {
       fn === null || fn === void 0 || fn();
@@ -4990,9 +5089,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'];
@@ -5003,19 +5103,25 @@ 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) {
@@ -5026,22 +5132,29 @@ function _isSlot(s) {
   };
   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');
+    var sourceIndex = (_event$target$dataset = event.target.dataset) === null || _event$target$dataset === void 0 ? void 0 : _event$target$dataset.rowIndex;
     if (target.classList.contains('--bottom')) {
       targetIndex = targetIndex + 1;
     }
     resp.changePageRowIndex(Number(sourceIndex), targetIndex);
     removeDragClass(target, ['--drag-enter', '--bottom', '--top']);
+    lastDragRow = null;
     ctx.emit(EMIT_EVENTS.DRAG_END, {
       sourceEvent: event,
       data: resp.pageData
@@ -5052,9 +5165,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
 
 
@@ -5100,6 +5221,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);
 }
@@ -5122,6 +5245,7 @@ function head_filter_isSlot(s) {
       var _filter$value$checked, _filter$value;
       return (_filter$value$checked = (_filter$value = filter.value) === null || _filter$value === void 0 ? void 0 : _filter$value.checked) !== null && _filter$value$checked !== void 0 ? _filter$value$checked : [];
     });
+    var searchValue = (0,external_vue_namespaceObject.ref)('');
     var state = (0,external_vue_namespaceObject.reactive)({
       isOpen: false,
       checked: checked.value
@@ -5152,21 +5276,28 @@ function head_filter_isSlot(s) {
       isOpen && setTimeout(function () {
         refVirtualRender.value.reset();
       });
+      if (!isOpen) {
+        searchValue.value = '';
+      }
     };
     var theme = "light ".concat(resolveClassName('table-head-filter'));
     var localData = (0,external_vue_namespaceObject.computed)(function () {
       var _filter$value$list = filter.value.list,
         list = _filter$value$list === void 0 ? [] : _filter$value$list;
-      return list;
+      var filterList = list.filter(function (l) {
+        return getRegExp(searchValue.value).test(l.value);
+      });
+      console.log(' filterList: ', filterList);
+      return filterList;
     });
-    var getRegExp = function getRegExp(searchValue) {
+    var getRegExp = function getRegExp(val) {
       var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ig';
-      return new RegExp("".concat(searchValue).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
+      return new RegExp("".concat(val).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
     };
     var defaultFilterFn = function defaultFilterFn(checked, row) {
       var match = filter.value.match;
       var matchText = getRowText(row, resolvePropVal(column, 'field', [column, row]));
-      if (match === 'full') {
+      if (match !== 'fuzzy') {
         return checked.includes(matchText);
       }
       return checked.some(function (str) {
@@ -5330,7 +5461,14 @@ function head_filter_isSlot(s) {
         content: function content() {
           return (0,external_vue_namespaceObject.createVNode)("div", {
             "class": headFilterContentClass
-          }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject.BkCheckboxGroup, {
+          }, [(0,external_vue_namespaceObject.createVNode)("div", {
+            "style": "padding: 4px 10px;"
+          }, [(0,external_vue_namespaceObject.createVNode)(input_namespaceObject["default"], {
+            "modelValue": searchValue.value,
+            "onUpdate:modelValue": function onUpdateModelValue($event) {
+              return searchValue.value = $event;
+            }
+          }, null)]), (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject.BkCheckboxGroup, {
             "class": "content-list"
           }, {
             "default": function _default() {
@@ -5439,7 +5577,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) {
@@ -5477,8 +5616,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);
@@ -5589,7 +5728,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);
@@ -5675,7 +5814,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) {
@@ -6001,7 +6141,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());
@@ -6016,7 +6156,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;
@@ -6089,7 +6229,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;
@@ -6473,7 +6613,6 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       hasFooter = _useClass.hasFooter,
       footerStyle = _useClass.footerStyle,
       tableBodyClass = _useClass.tableBodyClass,
-      fixedBottomBorder = _useClass.fixedBottomBorder,
       resizeColumnClass = _useClass.resizeColumnClass,
       tableBodyContentClass = _useClass.tableBodyContentClass,
       loadingRowClass = _useClass.loadingRowClass,
@@ -6513,27 +6652,30 @@ 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 () {
-      tableSchema.formatColumns(columns);
-      tableSchema.formatDataSchema(props.data);
-      tableSchema.resetStartEndIndex();
-      if (isFirstLoad.value) {
-        tableSchema.resolveByDefColumns();
-        isFirstLoad.value = false;
-      } else {
-        tableSchema.resolvePageData();
-      }
-      registerResizeEvent();
-      (0,external_vue_namespaceObject.nextTick)(function () {
-        updateOffsetRight();
-        resolveFixedColumns(tableOffsetRight.value);
-        /**
-         * 确保在所有数据渲染完毕再执行fix column计算
-         */
+      tableSchema.setIndexData().then(function () {
+        tableSchema.formatColumns(columns);
+        tableSchema.formatDataSchema(props.data);
+        tableSchema.resetStartEndIndex();
+        if (isFirstLoad.value) {
+          tableSchema.resolveByDefColumns();
+          isFirstLoad.value = false;
+        } else {
+          tableSchema.resolvePageData();
+        }
+        registerResizeEvent();
         (0,external_vue_namespaceObject.nextTick)(function () {
-          resetTableHeight(root.value);
+          updateOffsetRight();
+          resolveFixedColumns(tableOffsetRight.value);
+          /**
+           * 确保在所有数据渲染完毕再执行fix column计算
+           */
+          (0,external_vue_namespaceObject.nextTick)(function () {
+            resetTableHeight(root.value);
+          });
         });
       });
     }, {
@@ -6650,9 +6792,8 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
           return renderTableBodySchema(scope.data);
         },
         afterSection: function afterSection() {
-          return [(0,external_vue_namespaceObject.createVNode)("div", {
-            "class": fixedBottomBorder.value
-          }, null), (0,external_vue_namespaceObject.createVNode)("div", {
+          return [// <div class={fixedBottomBorder.value}></div>,
+          (0,external_vue_namespaceObject.createVNode)("div", {
             "class": resizeColumnClass,
             "style": resizeColumnStyle.value
           }, null)];