@pisell/materials 1.0.215 → 1.0.217

package/es/components/table/Table/utils.d.ts

@@ -1 +1,146 @@
+import { GroupValue } from "../Actions/component/Group/PopoverContent";
+import { FilterItemProps, FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingValueType, ModeType, SortType } from "../types";
 export declare const calcFilterSort: ({ dataSource, filter, sort, columns }: any) => any;
+/**
+ * 合并列设置
+ * @param defaultColumns 默认列设置
+ * @param tableId 表ID
+ * @returns 合并后的列设置
+ */
+export declare const mergeColumnSetting: ({ columns, tableId, currentViewMode, }: {
+    columns: Record<string, any>[];
+    tableId?: string | undefined;
+    currentViewMode: ModeType;
+}) => Record<string, any>[];
+/**
+ * 对数据源进行排序
+ * @param dataSource 数据源数组
+ * @param sortObj 排序对象，包含排序的键、值和类型
+ * @returns 排序后的数据源数组
+ */
+export declare const sortDataSource: (dataSource: Record<string, any>[], sortObj: {
+    sortKey: string;
+    sortValue: "asc" | "desc";
+    sortType: "date" | "string" | "number";
+}) => Record<string, any>[];
+/**
+ * 根据行键获取 ID
+ * @param item 记录对象
+ * @param rowKey 行键，可以是字符串或函数
+ * @returns 返回 ID
+ */
+export declare const getIdByRowKey: (item: Record<string, any>, rowKey: string | ((params: any) => string)) => any;
+/**
+ * 根据分组条件对数据源进行分组
+ * @param dataSource 数据源
+ * @param group 分组条件
+ * @param rowKey 行键生成函数或字符串
+ * @returns 返回分组后的数据源
+ */
+export declare const groupDataSource: (dataSource: Record<string, any>[], group: GroupValue, rowKey: string | ((params: any) => string)) => Record<string, any>[];
+declare type ViewSetting = {
+    order_by: string;
+    group_by: GroupValue;
+    column_setting: Record<string, any>[];
+    gallery_setting: GallerySettingValueType;
+    filters: any;
+    filter_setting: {
+        quickFilter: FilterItemProps[];
+        otherFilter: FilterItemProps[];
+    };
+};
+/**
+ * 本地存储的表格设置对象
+ */
+declare type TableSettingObjType = {
+    view_mode: ModeType;
+} & {
+    [K in ModeType]: ViewSetting;
+};
+/**
+ * 将表格设置保存到本地存储
+ * @param tableId 表格id
+ * @param tableSettingObj 表格设置对象
+ */
+export declare const setTableSettingToLocalStorage: ({ tableId, tableSettingObj, currentViewMode, }: {
+    tableId: string;
+    tableSettingObj: Partial<ViewSetting & {
+        view_mode: ModeType;
+    }>;
+    currentViewMode: ModeType;
+}) => void;
+/**
+ * 从本地存储中获取表格设置, 全部配置
+ * @param tableId 表格ID
+ * @returns 表格设置对象
+ */
+export declare const getTableSettingFromLocalStorage: (tableId?: string) => Partial<TableSettingObjType>;
+/**
+ * 从LocalStorage读取表当前视图模式
+ * @param tableId
+ */
+export declare const getCurrentViewModeFromLocalStorage: (tableId?: string) => ModeType | undefined;
+/**
+ * 根据视图模式获取配置
+ * @param tableId
+ * @param currentViewMode
+ */
+export declare const getTableSettingByCurrentViewMode: (tableId: string, currentViewMode: ModeType) => ViewSetting | undefined;
+/**
+ * 将表单值保存到本地存储中
+ * @param tableId 表单ID
+ * @param allValues 表单所有值
+ * @param keys 存储的键名
+ */
+export declare const setFormValuesToLocalStorage: ({ tableId, allValues, keys, currentViewMode, }: {
+    tableId?: string | undefined;
+    allValues?: Record<string, any> | undefined;
+    keys?: string[] | undefined;
+    currentViewMode: ModeType;
+}) => void;
+/**
+ * 合并筛选设置
+ * @param list 列表数据
+ * @param quickFilterMaxLength 快速筛选最大长度
+ * @param tableId 表ID
+ * @returns 返回合并后的筛选设置
+ */
+export declare const mergeFilterSetting: ({ list, quickFilterMaxLength, tableId, sortButtonShow, currentViewMode, }: {
+    list: FilterItemProps[];
+    quickFilterMaxLength: number;
+    tableId?: string | undefined;
+    sortButtonShow: boolean;
+    currentViewMode: ModeType;
+}) => {
+    quickFilter: FilterItemProps[];
+    otherFilter: FilterItemProps[];
+    notSortFilter: FilterItemProps[];
+};
+/**
+ * 过滤数据源
+ * @param dataSource 数据源
+ * @param filters 过滤条件
+ * @param filterLocalArr 本地过滤项
+ * @returns 过滤后的数据源
+ */
+export declare const filterDataSource: (dataSource: Record<string, any>[], filters: Record<string, any>, filterLocalArr: FilterItemProps[]) => Record<string, any>[];
+/**
+ * 根据模式获取设置键数组
+ * @param filter 筛选器
+ * @param columnSetting 列设置
+ * @param dataSourceGroup 数据源分组
+ * @param sort 排序
+ * @param mode 模式，可选值为 "localStorage" 或 "remote"
+ * @returns 返回设置键数组
+ */
+export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourceGroup, sort, mode, currentViewMode, }: {
+    filter?: FilterType | undefined;
+    columnSetting?: ColumnSettingType | undefined;
+    dataSourceGroup?: DataSourceGroupType | undefined;
+    sort?: SortType | undefined;
+    mode: "" | "localStorage" | "remote";
+    currentViewMode: ModeType;
+}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
+export {};

package/es/components/table/Table/utils.js

@@ -1,10 +1,23 @@
+var _excluded = ["view_mode"];
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import dayjs from "dayjs";
+import { isBoolean, isFunction, isJson, isNumber, isString } from "@pisell/utils";
+import { fieldMaps } from "./fields";
+import { getValueByKeys } from "./fields/utils";
+var tableKeyPrefix = "table-setting";
 var transColumnsMap = function transColumnsMap(columns) {
   return columns.reduce(function (p, c) {
     return _objectSpread(_objectSpread({}, p), {}, _defineProperty({}, c.dataIndex, c));
@@ -67,4 +80,410 @@ export var calcFilterSort = function calcFilterSort(_ref) {
     });
   }
   return newDataSource;
+};
+
+/**
+ * 从本地存储获取指定表的列信息
+ * @param tableId 表的标识符
+ * @returns 返回包含列信息的对象，若未找到则返回空对象
+ */
+var getColumnsFromLocalStorage = function getColumnsFromLocalStorage(tableId, currentViewMode) {
+  if (!tableId) return {};
+  var _ref2 = getTableSettingByCurrentViewMode(tableId, currentViewMode) || {},
+    column_setting = _ref2.column_setting;
+  var col = column_setting;
+  if (col) {
+    var colKeyMap = col.reduce(function (p, c) {
+      p[c.key] = c;
+      return p;
+    }, {});
+    return colKeyMap;
+  }
+  return {};
+};
+
+/**
+ * 合并列设置
+ * @param defaultColumns 默认列设置
+ * @param tableId 表ID
+ * @returns 合并后的列设置
+ */
+export var mergeColumnSetting = function mergeColumnSetting(_ref3) {
+  var columns = _ref3.columns,
+    tableId = _ref3.tableId,
+    currentViewMode = _ref3.currentViewMode;
+  if (!tableId) return columns;
+  var colKeyMap = getColumnsFromLocalStorage(tableId, currentViewMode);
+  var newColumns = columns.map(function (item, index) {
+    var col = colKeyMap[item.key];
+    var sortIndex = index;
+    if (isBoolean(item.fixed) && item.fixed || item.fixed === "left") {
+      sortIndex = -99;
+    } else if (item.fixed === "right") {
+      sortIndex = 9999;
+    }
+    // 如果本地已经存在columns配置
+    if (col) {
+      var _col$width, _col$isShow;
+      sortIndex = [true, false, "left", "right"].includes(item.fixed) ? sortIndex : col.sortIndex;
+      return _objectSpread(_objectSpread({}, item), {}, {
+        width: (_col$width = col.width) !== null && _col$width !== void 0 ? _col$width : item.width,
+        isShow: (_col$isShow = col.isShow) !== null && _col$isShow !== void 0 ? _col$isShow : true,
+        sortIndex: sortIndex
+      });
+    }
+    return _objectSpread(_objectSpread({}, item), {}, {
+      isShow: true,
+      sortIndex: sortIndex
+    });
+  });
+  // 排序
+  newColumns.sort(function (a, b) {
+    return a.sortIndex - b.sortIndex;
+  });
+  return newColumns;
+};
+
+/**
+ * 对数据源进行排序
+ * @param dataSource 数据源数组
+ * @param sortObj 排序对象，包含排序的键、值和类型
+ * @returns 排序后的数据源数组
+ */
+export var sortDataSource = function sortDataSource(dataSource, sortObj) {
+  var sortKey = sortObj.sortKey,
+    sortValue = sortObj.sortValue,
+    sortType = sortObj.sortType;
+  var newDataSource = _toConsumableArray(dataSource);
+  var sorter = function sorter(sortKey, sortType) {
+    return function (a, b) {
+      var aValue = getValueByKeys(a, sortKey.split(","));
+      var bValue = getValueByKeys(b, sortKey.split(","));
+      // 对比字符串排序
+      if (sortType === "string") {
+        if (sortValue === "asc") {
+          return aValue === null || aValue === void 0 ? void 0 : aValue.localeCompare(bValue);
+        }
+        return bValue === null || bValue === void 0 ? void 0 : bValue.localeCompare(aValue);
+      }
+      // 对比日期排序
+      if (sortType === "date") {
+        if (sortValue === "asc") {
+          return new Date(bValue).getTime() - new Date(aValue).getTime();
+        }
+        return new Date(aValue).getTime() - new Date(bValue).getTime();
+      }
+      // 对比数字排序
+      if (sortType === "number") {
+        if (sortValue === "asc") {
+          return (Number(aValue) || 0) - (Number(bValue) || 0);
+        }
+        return (Number(bValue) || 0) - (Number(aValue) || 0);
+      }
+    };
+  };
+  newDataSource.sort(sorter(sortKey, sortType));
+  return newDataSource;
+};
+
+/**
+ * 根据行键获取 ID
+ * @param item 记录对象
+ * @param rowKey 行键，可以是字符串或函数
+ * @returns 返回 ID
+ */
+export var getIdByRowKey = function getIdByRowKey(item, rowKey) {
+  if (isString(rowKey)) {
+    return item[rowKey];
+  } else if (isFunction(rowKey)) {
+    return item[rowKey(item)];
+  }
+  return item[rowKey || "id"];
+};
+
+/**
+ * 根据分组条件对数据源进行分组
+ * @param dataSource 数据源
+ * @param group 分组条件
+ * @param rowKey 行键生成函数或字符串
+ * @returns 返回分组后的数据源
+ */
+export var groupDataSource = function groupDataSource(dataSource, group, rowKey) {
+  var groupField = group[0].field;
+  if (!groupField) {
+    return dataSource;
+  }
+  var dataIndex = groupField.split(",");
+  var newDataSource = _toConsumableArray(dataSource);
+  newDataSource = Object.values(newDataSource.reduce(function (pre, cur, index) {
+    var groupValue = getValueByKeys(cur, dataIndex);
+    if (!pre[groupValue]) {
+      pre[groupValue] = {
+        __table_group_field: groupField,
+        __is_group: true,
+        children: [cur]
+      };
+    } else {
+      pre[groupValue].children.push(cur);
+    }
+    pre[groupValue].__rowKey = "group-".concat(pre[groupValue].children.map(function (item) {
+      return getIdByRowKey(item, rowKey);
+    }).join("-"));
+    pre[groupValue].id = pre[groupValue].__rowKey;
+    return _objectSpread({}, pre);
+  }, {}));
+  return newDataSource;
+};
+/**
+ * 将表格设置保存到本地存储
+ * @param tableId 表格id
+ * @param tableSettingObj 表格设置对象
+ */
+export var setTableSettingToLocalStorage = function setTableSettingToLocalStorage(_ref4) {
+  var tableId = _ref4.tableId,
+    tableSettingObj = _ref4.tableSettingObj,
+    currentViewMode = _ref4.currentViewMode;
+  if (!tableId) return;
+  var originData = localStorage.getItem(getTableKey(tableId));
+  var newData = {};
+  if (originData && isJson(originData)) {
+    var data = JSON.parse(originData) || {};
+    newData = _objectSpread({}, data);
+  }
+  var view_mode = tableSettingObj.view_mode,
+    itemSetting = _objectWithoutProperties(tableSettingObj, _excluded);
+  newData = _objectSpread(_objectSpread({}, newData), {}, _defineProperty({
+    view_mode: view_mode || newData.view_mode
+  }, currentViewMode, _objectSpread(_objectSpread({}, newData[currentViewMode] || {}), itemSetting)));
+  localStorage.setItem(getTableKey(tableId), JSON.stringify(newData));
+};
+
+/**
+ * 从本地存储中获取表格设置, 全部配置
+ * @param tableId 表格ID
+ * @returns 表格设置对象
+ */
+export var getTableSettingFromLocalStorage = function getTableSettingFromLocalStorage(tableId) {
+  if (!tableId) return {};
+  var originData = localStorage.getItem(getTableKey(tableId));
+  if (originData && isJson(originData)) {
+    return JSON.parse(originData);
+  }
+  return {};
+};
+
+/**
+ * 从LocalStorage读取表当前视图模式
+ * @param tableId
+ */
+export var getCurrentViewModeFromLocalStorage = function getCurrentViewModeFromLocalStorage(tableId) {
+  var allSetting = getTableSettingFromLocalStorage(tableId);
+  return allSetting["view_mode"];
+};
+
+/**
+ * 根据视图模式获取配置
+ * @param tableId
+ * @param currentViewMode
+ */
+export var getTableSettingByCurrentViewMode = function getTableSettingByCurrentViewMode(tableId, currentViewMode) {
+  var allSetting = getTableSettingFromLocalStorage(tableId);
+  return allSetting[currentViewMode];
+};
+
+/**
+ * 将表单值保存到本地存储中
+ * @param tableId 表单ID
+ * @param allValues 表单所有值
+ * @param keys 存储的键名
+ */
+export var setFormValuesToLocalStorage = function setFormValuesToLocalStorage(_ref5) {
+  var tableId = _ref5.tableId,
+    allValues = _ref5.allValues,
+    keys = _ref5.keys,
+    currentViewMode = _ref5.currentViewMode;
+  if (!tableId) return;
+  var obj = {};
+  keys === null || keys === void 0 ? void 0 : keys.forEach(function (key) {
+    obj[key] = allValues === null || allValues === void 0 ? void 0 : allValues[key];
+  });
+  setTableSettingToLocalStorage({
+    tableId: tableId,
+    tableSettingObj: obj,
+    currentViewMode: currentViewMode
+  });
+};
+
+/**
+ * 获取表格键值
+ * @param tableId 表格ID
+ * @returns 返回格式化后的表格键值
+ */
+var getTableKey = function getTableKey(tableId) {
+  return "".concat(tableKeyPrefix, "-").concat(tableId);
+};
+
+/**
+ * 合并筛选设置
+ * @param list 列表数据
+ * @param quickFilterMaxLength 快速筛选最大长度
+ * @param tableId 表ID
+ * @returns 返回合并后的筛选设置
+ */
+export var mergeFilterSetting = function mergeFilterSetting(_ref6) {
+  var list = _ref6.list,
+    quickFilterMaxLength = _ref6.quickFilterMaxLength,
+    tableId = _ref6.tableId,
+    sortButtonShow = _ref6.sortButtonShow,
+    currentViewMode = _ref6.currentViewMode;
+  if (!sortButtonShow) {
+    return {
+      quickFilter: [],
+      otherFilter: [],
+      notSortFilter: list
+    };
+  }
+  var _ref7 = getTableSettingByCurrentViewMode(tableId, currentViewMode) || {},
+    filter_setting = _ref7.filter_setting;
+  var _ref8 = filter_setting || {},
+    quickFilter = _ref8.quickFilter,
+    otherFilter = _ref8.otherFilter;
+  // 如果没有本地配置，使用quickFilterMaxLength切割数组
+  var notSortList = [];
+  var sortList = [];
+  list.forEach(function (item) {
+    if (item.sort) {
+      sortList.push(item);
+    } else {
+      notSortList.push(item);
+    }
+  });
+  if (!tableId || !quickFilter || !otherFilter) {
+    var _sortList$slice, _sortList$slice2;
+    return {
+      quickFilter: (sortList === null || sortList === void 0 ? void 0 : (_sortList$slice = sortList.slice) === null || _sortList$slice === void 0 ? void 0 : _sortList$slice.call(sortList, 0, quickFilterMaxLength)) || [],
+      otherFilter: (sortList === null || sortList === void 0 ? void 0 : (_sortList$slice2 = sortList.slice) === null || _sortList$slice2 === void 0 ? void 0 : _sortList$slice2.call(sortList, quickFilterMaxLength)) || [],
+      notSortFilter: notSortList
+    };
+  }
+  var quickFilterMap = new Map(quickFilter.map(function (item, index) {
+    return [item.key, _objectSpread(_objectSpread({}, item), {}, {
+      sortIndex: index
+    })];
+  }));
+  var otherFilterMap = new Map(otherFilter.map(function (item, index) {
+    return [item.key, _objectSpread(_objectSpread({}, item), {}, {
+      sortIndex: index
+    })];
+  }));
+  var newQuickFilter = Array.from({
+    length: 200
+  });
+  var newOtherFilter = Array.from({
+    length: 200
+  });
+  var notSortFilter = [];
+  list.forEach(function (item) {
+    if (!item.sort) {
+      notSortFilter.push(item);
+    } else if (quickFilterMap.has(item.key)) {
+      if (isNumber(quickFilterMap.get(item.key).sortIndex)) {
+        newQuickFilter[quickFilterMap.get(item.key).sortIndex] = item;
+      } else {
+        newQuickFilter.push(item);
+      }
+    } else if (otherFilterMap.has(item.key)) {
+      if (isNumber(otherFilterMap.get(item.key).sortIndex)) {
+        newOtherFilter[otherFilterMap.get(item.key).sortIndex] = item;
+      } else {
+        newOtherFilter.push(item);
+      }
+    } else {
+      newOtherFilter.push(item);
+    }
+  });
+  return {
+    quickFilter: newQuickFilter.filter(Boolean),
+    otherFilter: newOtherFilter.filter(Boolean),
+    notSortFilter: notSortFilter
+  };
+};
+
+/**
+ * 过滤数据源
+ * @param dataSource 数据源
+ * @param filters 过滤条件
+ * @param filterLocalArr 本地过滤项
+ * @returns 过滤后的数据源
+ */
+export var filterDataSource = function filterDataSource(dataSource, filters, filterLocalArr) {
+  var fnArr = filterLocalArr.map(function (filterItem) {
+    if (!filters[filterItem.name]) {
+      return null;
+    }
+    var filterFn = fieldMaps[filterItem.type].filterFn;
+    if (!isFunction(filterFn)) {
+      return null;
+    }
+    return function (item) {
+      try {
+        return filterFn({
+          value: filters[filterItem.name],
+          item: item,
+          key: filterItem.name
+        });
+      } catch (error) {
+        return false;
+      }
+    };
+  }).filter(Boolean);
+  return dataSource.filter(function (item) {
+    return !fnArr.some(function (fn) {
+      return !(fn !== null && fn !== void 0 && fn(item));
+    });
+  });
+};
+
+/**
+ * 根据模式获取设置键数组
+ * @param filter 筛选器
+ * @param columnSetting 列设置
+ * @param dataSourceGroup 数据源分组
+ * @param sort 排序
+ * @param mode 模式，可选值为 "localStorage" 或 "remote"
+ * @returns 返回设置键数组
+ */
+export var getSettingKeyArrByMode = function getSettingKeyArrByMode(_ref9) {
+  var filter = _ref9.filter,
+    columnSetting = _ref9.columnSetting,
+    dataSourceGroup = _ref9.dataSourceGroup,
+    sort = _ref9.sort,
+    mode = _ref9.mode,
+    currentViewMode = _ref9.currentViewMode;
+  var keyArr = [];
+  if (filter !== null && filter !== void 0 && filter.show && (filter === null || filter === void 0 ? void 0 : filter.storageMode) == mode) {
+    keyArr.push("filter_setting");
+  }
+  if (((columnSetting === null || columnSetting === void 0 ? void 0 : columnSetting.storageMode) || "") == mode && currentViewMode === "gallery") {
+    keyArr.push("gallery_setting", "column_setting");
+  }
+  if (((columnSetting === null || columnSetting === void 0 ? void 0 : columnSetting.storageMode) || "") == mode && currentViewMode === "grid") {
+    keyArr.push("column_setting");
+  }
+  if (dataSourceGroup !== null && dataSourceGroup !== void 0 && dataSourceGroup.show && ((dataSourceGroup === null || dataSourceGroup === void 0 ? void 0 : dataSourceGroup.storageMode) || "") == mode) {
+    keyArr.push("group_by");
+  }
+  if (sort !== null && sort !== void 0 && sort.show && sort.storageMode == mode) {
+    keyArr.push("order_by");
+  }
+  keyArr.push("view_mode");
+  return keyArr;
+};
+export var omit = function omit(obj, keys) {
+  var shallowCopy = Object.assign({}, obj);
+  for (var i = 0; i < keys.length; i += 1) {
+    var key = keys[i];
+    delete shallowCopy[key];
+  }
+  return shallowCopy;
 };

package/es/components/table/TableFilter/SortIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }
-declare const SortIcon: (props: SortIconProps) => JSX.Element;
+declare const SortIcon: (props: SortIconProps) => React.JSX.Element;
 export default SortIcon;

package/es/components/table/TableFilter/numberFilter.js

@@ -9,6 +9,7 @@ import { Button, InputNumber, Space } from "antd";
 // import { FilterFunnel01, FilterFunnel01Fill } from "@pisell/icon/es";
 import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
 import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
+import { getText } from "../../../locales";
 import "./index.less";
 var getColumnNumberProps = function getColumnNumberProps(_ref) {
   var dataIndex = _ref.dataIndex;
@@ -36,7 +37,7 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
           });
           setSelectedKeys([newVal]);
         },
-        placeholder: "Min",
+        placeholder: getText("table-filter-min"),
         onPressEnter: function onPressEnter() {
           return confirm();
         },
@@ -45,7 +46,7 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
         }
       }), /*#__PURE__*/React.createElement(InputNumber, {
         value: selectedKeys === null || selectedKeys === void 0 ? void 0 : (_selectedKeys$2 = selectedKeys[0]) === null || _selectedKeys$2 === void 0 ? void 0 : _selectedKeys$2.max,
-        placeholder: "Max",
+        placeholder: getText("table-filter-max"),
         onChange: function onChange(value) {
           var newVal = _objectSpread(_objectSpread({}, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || {}), {}, {
             max: value
@@ -71,13 +72,13 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
           confirm();
         },
         block: true
-      }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+      }, getText("table-filter-clear")), /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         onClick: function onClick() {
           return confirm();
         },
         block: true
-      }, "Filter")));
+      }, getText("table-filter-filter"))));
     },
     filterIcon: function filterIcon(filtered) {
       return filtered ? /*#__PURE__*/React.createElement(FilterFunnel01Fill, {

package/es/components/table/TableFilter/selectFilter.js

@@ -13,6 +13,7 @@ import React, { useEffect, useMemo, useState } from "react";
 import { Button, Checkbox, Space, Menu } from "antd";
 import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
 import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
+import { getText } from "../../../locales";
 import "./index.less";
 var FilterDropdown = function FilterDropdown(props) {
   var setSelectedKeys = props.setSelectedKeys,
@@ -89,7 +90,7 @@ var FilterDropdown = function FilterDropdown(props) {
     style: {
       flex: 1
     }
-  }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+  }, getText("table-filter-clear")), /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     onClick: function onClick() {
       return confirm();
@@ -98,7 +99,7 @@ var FilterDropdown = function FilterDropdown(props) {
     style: {
       flex: 1
     }
-  }, "Filter")));
+  }, getText("table-filter-filter"))));
 };
 var getColumnSelectProps = function getColumnSelectProps(_ref2) {
   var dataIndex = _ref2.dataIndex,

package/es/components/table/TableFilter/stringFilter.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { Button, Input, Space } from "antd";
 import SearchLg from "@pisell/icon/es/SearchLg";
+import { getText } from "../../../locales";
 import "./index.less";
 var getColumnStringProps = function getColumnStringProps(_ref) {
   var dataIndex = _ref.dataIndex;
@@ -20,7 +21,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
         className: "pisell-table-filter-dropdown-top"
       }, /*#__PURE__*/React.createElement(Input, {
         prefix: /*#__PURE__*/React.createElement(SearchLg, null),
-        placeholder: "Search",
+        placeholder: getText("table-filter-search"),
         value: selectedKeys[0],
         onChange: function onChange(e) {
           return setSelectedKeys(e.target.value ? [e.target.value] : []);
@@ -47,7 +48,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
         style: {
           flex: 1
         }
-      }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+      }, getText('table-filter-clear')), /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         onClick: function onClick() {
           return confirm();
@@ -56,7 +57,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
         style: {
           flex: 1
         }
-      }, "Filter")));
+      }, getText('table-filter-filter'))));
     },
     filterIcon: function filterIcon(filtered) {
       return /*#__PURE__*/React.createElement(SearchLg, {