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

package/lib/table/index.js

@@ -25,6 +25,8 @@ import "../button/button.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__ from "../icon/";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../input";
+import "../input/input.less";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -120,7 +122,7 @@ function defineProperty_defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["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
 
 /*
@@ -452,6 +454,13 @@ var tableProps = {
    * 是否显示Head
    */
   showHead: shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 排序时对需要排序的字符串数值进行格式化
+   * 这里需要配置为正则或者回调函数，(str) => string | number | boolean
+   * 如果配置为正则，程序会提取匹配到的第一个结果尝试转换为数值
+   * 如果为多个，程序会顺序执行所有正则表达式，直到转换成功
+   */
+  sortValFormat: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def(['']),
   /**
    * table header config
    */
@@ -1600,195 +1609,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 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 +2585,7 @@ function utils_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
 
 
 
+
 /**
  * 解析Prop值 | 可能为多种类型 & 函数返回的场景
  * @param prop 当前Prop
@@ -2945,6 +2766,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 +2778,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;
 };
 /**
  * 获取当前行指定列的值
@@ -3106,9 +2949,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;
@@ -3134,6 +2978,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
@@ -3152,7 +2997,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;
@@ -3193,6 +3038,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
 
 
@@ -3580,7 +3621,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 +3647,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 +3689,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 +3731,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) {
@@ -4435,6 +4479,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);
@@ -4450,18 +4506,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,
@@ -5083,6 +5127,14 @@ function _isSlot(s) {
     onDrop: onDrop
   };
 });
+;// 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 +5180,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);
 }
@@ -5368,7 +5422,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 +5536,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 +5575,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 +5687,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 +5773,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) {

package/lib/table/plugins/head-sort.d.ts

@@ -8,6 +8,9 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    sortValFormat: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     column: import("vue-types").VueTypeDef<Column>;
     defaultSort: import("vue-types").VueTypeDef<SORT_OPTION> & {
@@ -16,10 +19,14 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    sortValFormat: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
 }, {
     active: boolean;
+    sortValFormat: any[];
     defaultSort: SORT_OPTION;
 }, {}>;
 export default _default;