@pisell/materials 1.0.215 → 1.0.217

package/es/components/table/View/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { GridViewProps } from "../types";
+declare const View: (props: GridViewProps & {
+    setTableSetting: (values: Record<string, any>) => void;
+}) => React.JSX.Element;
+export default View;

package/es/components/table/View/index.js

@@ -0,0 +1,43 @@
+var _excluded = ["dataSource", "columns", "dispatch", "style", "filter", "sort", "buttons", "actionButtons", "title", "summary", "onValuesChange", "columnSetting", "dataSourceGroup", "view", "gallery", "setTableSetting"];
+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; }
+import React from "react";
+import { Form } from 'antd';
+import GridViewTable from "../Table";
+import Gallery from "../Gallery";
+var View = function View(props) {
+  var dataSource = props.dataSource,
+    columns = props.columns,
+    dispatch = props.dispatch,
+    style = props.style,
+    filter = props.filter,
+    sort = props.sort,
+    buttons = props.buttons,
+    actionButtons = props.actionButtons,
+    title = props.title,
+    summary = props.summary,
+    onValuesChange = props.onValuesChange,
+    columnSetting = props.columnSetting,
+    dataSourceGroup = props.dataSourceGroup,
+    view = props.view,
+    gallery = props.gallery,
+    setTableSetting = props.setTableSetting,
+    other = _objectWithoutProperties(props, _excluded);
+  var form = Form.useFormInstance();
+  var viewMode = Form.useWatch("view_mode", {
+    form: form,
+    preserve: true
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, viewMode === "grid" && /*#__PURE__*/React.createElement(GridViewTable, {
+    tableProps: other,
+    filter: filter,
+    setTableSetting: setTableSetting
+  }), viewMode === "gallery" && /*#__PURE__*/React.createElement(Gallery, {
+    loading: other === null || other === void 0 ? void 0 : other.loading,
+    gallery: gallery,
+    pagination: other.pagination,
+    filter: filter,
+    rowKey: other.rowKey
+  }));
+};
+export default View;

package/es/components/table/hooks/useGenScroll.d.ts

@@ -0,0 +1,21 @@
+declare type useGenScrollParams = {
+    wrapHeight: number;
+    scroll?: {
+        x: number;
+        y: number;
+        scrollToFirstRowOnChange?: boolean;
+        autoCalc?: boolean;
+    };
+    columns: any[];
+};
+declare const useGenScroll: (params: useGenScrollParams) => {
+    x: number;
+    y: number;
+    scrollToFirstRowOnChange?: boolean | undefined;
+    autoCalc?: boolean | undefined;
+} | {
+    x: any;
+    y: number;
+    scrollToFirstRowOnChange: boolean | undefined;
+} | undefined;
+export default useGenScroll;

package/es/components/table/hooks/useGenScroll.js

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+var useGenScroll = function useGenScroll(params) {
+  var wrapHeight = params.wrapHeight,
+    propsScroll = params.scroll,
+    columns = params.columns;
+  var scroll = useMemo(function () {
+    if (propsScroll !== null && propsScroll !== void 0 && propsScroll.autoCalc) {
+      return {
+        x: (propsScroll === null || propsScroll === void 0 ? void 0 : propsScroll.x) || columns.reduce(function (p, c) {
+          return p + (c.width || 250);
+        }, 0),
+        y: (propsScroll === null || propsScroll === void 0 ? void 0 : propsScroll.y) || Math.max(wrapHeight - 48 - 50 - 24, 100),
+        scrollToFirstRowOnChange: propsScroll === null || propsScroll === void 0 ? void 0 : propsScroll.scrollToFirstRowOnChange
+      };
+    }
+    return propsScroll;
+  }, [propsScroll, wrapHeight, columns]);
+  return scroll;
+};
+export default useGenScroll;

package/es/components/table/hooks/useGenTableComponents.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { FormInstance } from "antd/es/form";
+declare type UseGenTableComponentsParams = {
+    form: FormInstance;
+};
+declare const useGenTableComponents: (params: UseGenTableComponentsParams) => {
+    header: {
+        row: React.FC<any>;
+        cell: React.FC<import("../Table/tableConfig/header").CustomHeaderCellProps>;
+    };
+    body: {
+        row: React.FC<import("../Table/tableConfig/body").RowProps>;
+        cell: React.FC<import("../Table/tableConfig/body").EditableCellProps>;
+    };
+};
+export default useGenTableComponents;

package/es/components/table/hooks/useGenTableComponents.js

@@ -0,0 +1,29 @@
+import { useMemo } from "react";
+import { Form } from "antd";
+import { isArr } from "@pisell/utils";
+import Header from "../Table/tableConfig/header";
+import Body from "../Table/tableConfig/body";
+var useGenTableComponents = function useGenTableComponents(params) {
+  var form = params.form;
+  var group = Form.useWatch("group_by", {
+    form: form,
+    preserve: true
+  });
+  var isGroup = useMemo(function () {
+    return isArr(group) && group.length > 0;
+  }, [group]);
+  return useMemo(function () {
+    // if (isGroup) return undefined;
+    return {
+      header: {
+        row: Header.Row,
+        cell: Header.Cell
+      },
+      body: {
+        row: Body.Row,
+        cell: Body.Coll
+      }
+    };
+  }, [isGroup]);
+};
+export default useGenTableComponents;

package/es/components/table/hooks/useMergeColumnSetting.d.ts

@@ -0,0 +1,17 @@
+import { ModeType, StorageMode } from "../types";
+declare type Params = {
+    tableId: string;
+    defaultColumns: Record<string, any>[];
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+    storageMode: StorageMode;
+    currentViewMode: ModeType;
+};
+declare const useMergeColumnSetting: (params: Params) => {
+    columns: Record<string, any>[];
+    onChange: (newColumns: Record<string, any>[]) => void;
+    hideColumns: Record<string, any>[];
+};
+export default useMergeColumnSetting;

package/es/components/table/hooks/useMergeColumnSetting.js

@@ -0,0 +1,61 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useMemo, useState } from "react";
+import { useMemoizedFn } from "ahooks";
+import { setTableSettingToLocalStorage } from "../Table/utils";
+var useMergeColumnSetting = function useMergeColumnSetting(params) {
+  var tableId = params.tableId,
+    defaultColumns = params.defaultColumns,
+    dispatch = params.dispatch,
+    storageMode = params.storageMode,
+    currentViewMode = params.currentViewMode;
+  var _useState = useState(defaultColumns),
+    _useState2 = _slicedToArray(_useState, 2),
+    columns = _useState2[0],
+    setColumns = _useState2[1];
+  var onChange = useMemoizedFn(function (newColumns) {
+    if (tableId && storageMode === "localStorage") {
+      setTableSettingToLocalStorage({
+        tableId: tableId,
+        tableSettingObj: {
+          column_setting: newColumns
+        },
+        currentViewMode: currentViewMode
+      });
+    }
+    dispatch({
+      type: "setDefaultColumns",
+      payload: newColumns
+    });
+  });
+  useEffect(function () {
+    setColumns(defaultColumns);
+  }, [defaultColumns]);
+
+  // const fixedColumns = useMemo(() => {
+  //   return columns.filter((item) => item.fixed);
+  // }, [columns]);
+  //
+  // const sortColumns = useMemo(() => {
+  //   return columns.filter((item) => !item?.fixed);
+  // }, [columns]);
+
+  var hideColumns = useMemo(function () {
+    return columns.filter(function (item) {
+      return !(item !== null && item !== void 0 && item.isShow);
+    });
+  }, [columns]);
+  return {
+    columns: columns,
+    onChange: onChange,
+    hideColumns: hideColumns
+    // fixedColumns,
+    // sortColumns,
+  };
+};
+
+export default useMergeColumnSetting;

package/es/components/table/hooks/useTableSetting.d.ts

@@ -0,0 +1,20 @@
+import { FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType } from "../types";
+declare type UseTableSettingProps = {
+    tableId?: string;
+    filter: FilterType;
+    columns: Record<string, any>[];
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    sort?: SortType;
+    view: GridViewType;
+    currentViewMode: ModeType;
+    gallery?: GallerySettingType;
+};
+declare const useTableSetting: (params: UseTableSettingProps) => {
+    setTableSetting: (values: Record<string, any>) => void;
+    tableSetting: {
+        [x: string]: any;
+    };
+};
+export default useTableSetting;

package/es/components/table/hooks/useTableSetting.js

@@ -0,0 +1,173 @@
+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 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 { useMemo } from "react";
+import { getSettingKeyArrByMode, getTableSettingByCurrentViewMode, getTableSettingFromLocalStorage, mergeColumnSetting, mergeFilterSetting, setFormValuesToLocalStorage } from "../Table/utils";
+var useTableSetting = function useTableSetting(params) {
+  var tableId = params.tableId,
+    filter = params.filter,
+    columnSetting = params.columnSetting,
+    dataSourceGroup = params.dataSourceGroup,
+    sort = params.sort,
+    view = params.view,
+    currentViewMode = params.currentViewMode,
+    propsColumns = params.columns,
+    gallery = params.gallery;
+  var columnsMap = useMemo(function () {
+    return new Map(propsColumns.map(function (item) {
+      return [item.key, item];
+    }));
+  }, [propsColumns]);
+
+  // 获取当前视图下的columns配置
+  var columns = useMemo(function () {
+    if (currentViewMode === "grid") {
+      return propsColumns;
+    } else if (currentViewMode === "gallery") {
+      var _gallery$content;
+      return ((gallery === null || gallery === void 0 ? void 0 : (_gallery$content = gallery.content) === null || _gallery$content === void 0 ? void 0 : _gallery$content.fields) || []).filter(function (item) {
+        return item.show;
+      }).map(function (item) {
+        return columnsMap.get(item.columnKey);
+      }).filter(Boolean);
+    }
+    return propsColumns;
+  }, [propsColumns, currentViewMode, gallery, columnsMap]);
+  var _ref = filter || {},
+    list = _ref.list,
+    quickFilterMaxLength = _ref.quickFilterMaxLength,
+    sortButtonShow = _ref.sortButtonShow;
+  var defaultGalleryCoverSetting = useMemo(function () {
+    var _gallery$cover, _columns$find;
+    return {
+      coverObjectFit: gallery === null || gallery === void 0 ? void 0 : (_gallery$cover = gallery.cover) === null || _gallery$cover === void 0 ? void 0 : _gallery$cover.objectFit,
+      coverField: (_columns$find = columns.find(function (column) {
+        var _gallery$cover2, _gallery$cover2$field;
+        return column.key === (gallery === null || gallery === void 0 ? void 0 : (_gallery$cover2 = gallery.cover) === null || _gallery$cover2 === void 0 ? void 0 : (_gallery$cover2$field = _gallery$cover2.fields) === null || _gallery$cover2$field === void 0 ? void 0 : _gallery$cover2$field[0]);
+      })) === null || _columns$find === void 0 ? void 0 : _columns$find.dataIndex,
+      compactMode: "default",
+      isShowLabel: true
+    };
+  }, [gallery, columns]);
+
+  /**
+   * 获取需要本地存储的 keyArr
+   */
+  var localStorageSettingKeyArr = useMemo(function () {
+    return getSettingKeyArrByMode({
+      filter: filter,
+      columnSetting: columnSetting,
+      dataSourceGroup: dataSourceGroup,
+      sort: sort,
+      mode: "localStorage",
+      currentViewMode: currentViewMode
+    });
+  }, [tableId, filter, columnSetting, dataSourceGroup, sort, currentViewMode]);
+  var defaultKeyArr = useMemo(function () {
+    return getSettingKeyArrByMode({
+      filter: filter,
+      columnSetting: columnSetting,
+      dataSourceGroup: dataSourceGroup,
+      sort: sort,
+      mode: "",
+      currentViewMode: currentViewMode
+    });
+  }, [tableId, filter, columnSetting, dataSourceGroup, sort, view, currentViewMode]);
+
+  /**
+   * 获取本地存储的 tableSetting 用于刷新后回显
+   */
+  var tableLocalSetting = useMemo(function () {
+    var setting = {};
+    /** 当前组件下的所有配置 */
+    var allSetting = getTableSettingFromLocalStorage(tableId);
+    /** 当前视图下的配置 */
+    var currentViewModeSetting = getTableSettingByCurrentViewMode(tableId, currentViewMode);
+    var mergedSetting = _objectSpread(_objectSpread({}, allSetting), currentViewModeSetting);
+    localStorageSettingKeyArr.forEach(function (item) {
+      if (item === "view_mode") {
+        /** 多视图模式当前视图从本地存储取， 单视图模式直接取默认视图 */
+        setting[item] = view.multiple ? (mergedSetting === null || mergedSetting === void 0 ? void 0 : mergedSetting[item]) || view.defaultViewMode : view.defaultViewMode;
+      } else if (item === "filter_setting") {
+        setting[item] = mergeFilterSetting({
+          list: list,
+          quickFilterMaxLength: quickFilterMaxLength,
+          tableId: tableId,
+          sortButtonShow: sortButtonShow,
+          currentViewMode: currentViewMode
+        });
+      } else if (item === "column_setting") {
+        setting[item] = mergeColumnSetting({
+          columns: columns,
+          tableId: tableId,
+          currentViewMode: currentViewMode
+        });
+      } else if (item === "gallery_setting") {
+        var _mergedSetting$item, _mergedSetting$item2, _mergedSetting$item3, _mergedSetting$item$i, _mergedSetting$item4;
+        setting[item] = _objectSpread(_objectSpread({}, mergedSetting === null || mergedSetting === void 0 ? void 0 : mergedSetting[item]), {}, {
+          // 本地没有默认封面效果时取配置中的
+          coverObjectFit: (mergedSetting === null || mergedSetting === void 0 ? void 0 : (_mergedSetting$item = mergedSetting[item]) === null || _mergedSetting$item === void 0 ? void 0 : _mergedSetting$item.coverObjectFit) || defaultGalleryCoverSetting.coverObjectFit,
+          coverField: (mergedSetting === null || mergedSetting === void 0 ? void 0 : (_mergedSetting$item2 = mergedSetting[item]) === null || _mergedSetting$item2 === void 0 ? void 0 : _mergedSetting$item2.coverField) || defaultGalleryCoverSetting.coverField,
+          compactMode: (mergedSetting === null || mergedSetting === void 0 ? void 0 : (_mergedSetting$item3 = mergedSetting[item]) === null || _mergedSetting$item3 === void 0 ? void 0 : _mergedSetting$item3.compactMode) || defaultGalleryCoverSetting.compactMode,
+          isShowLabel: (_mergedSetting$item$i = mergedSetting === null || mergedSetting === void 0 ? void 0 : (_mergedSetting$item4 = mergedSetting[item]) === null || _mergedSetting$item4 === void 0 ? void 0 : _mergedSetting$item4.isShowLabel) !== null && _mergedSetting$item$i !== void 0 ? _mergedSetting$item$i : defaultGalleryCoverSetting.isShowLabel
+        });
+      } else {
+        setting[item] = mergedSetting === null || mergedSetting === void 0 ? void 0 : mergedSetting[item];
+      }
+    });
+    return setting;
+  }, [localStorageSettingKeyArr, tableId, view, list, quickFilterMaxLength, tableId, sortButtonShow, columns, currentViewMode, gallery, defaultGalleryCoverSetting]);
+  var defaultTableSetting = useMemo(function () {
+    var setting = {};
+    defaultKeyArr.forEach(function (item) {
+      if (item === "column_setting") {
+        setting[item] = mergeColumnSetting({
+          columns: columns,
+          tableId: tableId,
+          currentViewMode: currentViewMode
+        });
+      } else if (item === "filter_setting") {
+        setting[item] = mergeFilterSetting({
+          list: list,
+          quickFilterMaxLength: quickFilterMaxLength,
+          tableId: "",
+          sortButtonShow: sortButtonShow,
+          currentViewMode: currentViewMode
+        });
+      } else if (item === "gallery_setting") {
+        setting[item] = {
+          // 取配置中的设置
+          coverObjectFit: defaultGalleryCoverSetting.coverObjectFit,
+          coverField: defaultGalleryCoverSetting.coverField,
+          compactMode: defaultGalleryCoverSetting.compactMode,
+          isShowLabel: defaultGalleryCoverSetting.isShowLabel
+        };
+      }
+    });
+    return setting;
+  }, [defaultKeyArr, columns, defaultGalleryCoverSetting, columns, tableId, currentViewMode, list, quickFilterMaxLength, sortButtonShow]);
+
+  /**
+   * 更新 tableSetting
+   * @param values
+   */
+  var setTableSetting = function setTableSetting(values) {
+    setFormValuesToLocalStorage({
+      tableId: tableId,
+      allValues: values,
+      keys: localStorageSettingKeyArr,
+      currentViewMode: currentViewMode
+    });
+  };
+  var tableSetting = useMemo(function () {
+    return _objectSpread(_objectSpread({}, tableLocalSetting), defaultTableSetting);
+  }, [tableLocalSetting, defaultTableSetting]);
+  return {
+    setTableSetting: setTableSetting,
+    tableSetting: tableSetting
+  };
+};
+export default useTableSetting;

package/es/components/table/hooks/useTransColumns.d.ts

@@ -0,0 +1,13 @@
+import { FormInstance } from "antd/es/form";
+declare type UseTransColumnsProps = {
+    columns: Record<string, any>[];
+    form: FormInstance;
+    localPagination: boolean;
+    handleSave?: (row: Record<string, any>) => void;
+    handleResize?: (index: number) => (e: any, p2: any) => void;
+    dragSort: boolean;
+};
+declare const useTransColumns: (params: UseTransColumnsProps) => {
+    columns: any[];
+};
+export default useTransColumns;

package/es/components/table/hooks/useTransColumns.js

@@ -0,0 +1,179 @@
+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 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 React, { useCallback, useMemo } from "react";
+import { Form } from "antd";
+import { isBoolean } from "@pisell/utils";
+import getColumnNumberProps from "../TableFilter/numberFilter";
+import getColumnStringProps from "../TableFilter/stringFilter";
+import getColumnSelectProps from "../TableFilter/selectFilter";
+import SortIcon from "../TableFilter/SortIcon";
+import { getValueByKeys } from "../Table/fields/utils";
+import { getText } from "../../../locales";
+var genOnCell = function genOnCell(position) {
+  return function (_) {
+    var styleObj = {};
+    var notGroupStyle = {};
+    if (position === "start") {
+      styleObj = {
+        borderLeft: "1px solid #EAECF0",
+        borderRadius: "8px 0px 0px 0px",
+        padding: "12px"
+      };
+      notGroupStyle = {
+        borderLeft: "1px solid #EAECF0"
+      };
+    } else if (position === "end") {
+      styleObj = {
+        borderRight: "1px solid #EAECF0",
+        borderRadius: "0px 8px 0px 0px"
+      };
+      notGroupStyle = {
+        borderRight: "1px solid #EAECF0"
+      };
+    }
+    return {
+      style: _.__is_group ? _objectSpread({
+        borderTop: "1px solid var(--Gray-200, #EAECF0)"
+      }, styleObj) : _objectSpread({}, notGroupStyle)
+    };
+  };
+};
+var useTransColumns = function useTransColumns(params) {
+  var _group$;
+  var columns = params.columns,
+    form = params.form,
+    handleSave = params.handleSave,
+    handleResize = params.handleResize,
+    dragSort = params.dragSort;
+  var group = Form.useWatch("group_by", {
+    form: form,
+    preserve: true
+  });
+  var groupField = group === null || group === void 0 ? void 0 : (_group$ = group[0]) === null || _group$ === void 0 ? void 0 : _group$.field;
+  var groupFieldRender = useCallback(function (text, record) {
+    if (!groupField) return undefined;
+    var children = record.children;
+    var fieldCol = columns.find(function (item) {
+      return "".concat(item.dataIndex) === groupField;
+    });
+    var _ref = fieldCol || {},
+      render = _ref.render,
+      dataIndex = _ref.dataIndex;
+    var dom = /*#__PURE__*/React.createElement("div", null, getValueByKeys(children === null || children === void 0 ? void 0 : children[0], dataIndex || groupField.split(",")));
+    if (render) {
+      dom = render(getValueByKeys(children === null || children === void 0 ? void 0 : children[0], dataIndex), record.children[0]);
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "start"
+      }
+    }, /*#__PURE__*/React.createElement("span", null, dom), /*#__PURE__*/React.createElement("span", null, children.length, " ", getText("table-column-group-records")));
+  }, [groupField, columns]);
+  var _columns = useMemo(function () {
+    // 过滤掉不显示的列
+    var newColumns = columns.filter(function (item) {
+      return !(isBoolean(item.isShow) && !item.isShow);
+    });
+
+    // 分组后不展示拖拽排序
+    if (dragSort && !groupField) {
+      newColumns.unshift({
+        key: "__sort",
+        width: 60,
+        align: "center"
+      });
+    }
+    return newColumns.map(function (col, index) {
+      var _col$filters;
+      // if (!col.editable) {
+      //   return col;
+      // }
+
+      var position = "";
+      if (index === 0) {
+        position = "start";
+      } else if (index === newColumns.length - 1) {
+        position = "end";
+      }
+      var groupObj = {};
+      if (position === "start" && groupField) {
+        groupObj = {
+          fixed: "left",
+          width: 350,
+          render: function render(text, record) {
+            var _col$render;
+            if (record.__is_group && groupFieldRender) {
+              return groupFieldRender(text, record);
+            }
+            return (col === null || col === void 0 ? void 0 : (_col$render = col.render) === null || _col$render === void 0 ? void 0 : _col$render.call(col, text, record)) || text;
+          }
+        };
+      }
+      var item = {
+        editable: col.editable || true,
+        dataIndex: col.dataIndex,
+        title: col.title,
+        field_type: col.field_type,
+        lock: col.lock,
+        width: col.width || 250,
+        action: col.action || "",
+        render: col.render,
+        contentClassName: col.contentClassName || ""
+      };
+      var filterObj = {};
+
+      // 开启默认筛选后根据字段类型渲染表头筛选
+      if (col.defaultFilters) {
+        if (col.field_type === "number") {
+          filterObj = getColumnNumberProps({
+            dataIndex: col.dataIndex
+          });
+        }
+        if (col.field_type === "text") {
+          filterObj = getColumnStringProps({
+            dataIndex: col.dataIndex
+          });
+        }
+      }
+
+      // 表头的筛选菜单项
+      if (((_col$filters = col.filters) === null || _col$filters === void 0 ? void 0 : _col$filters.length) > 0) {
+        filterObj = _objectSpread(_objectSpread({}, getColumnSelectProps({
+          dataIndex: col.dataIndex,
+          filters: col.filters
+        })), {}, {
+          filters: col.filters
+        });
+      }
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, col), filterObj), groupObj), {}, {
+        sortIcon: function sortIcon(props) {
+          return /*#__PURE__*/React.createElement(SortIcon, props);
+        },
+        onCell: function onCell(record) {
+          return _objectSpread(_objectSpread(_objectSpread({
+            record: record
+          }, item), genOnCell(position)(record)), {}, {
+            handleSave: handleSave
+          });
+        },
+        onHeaderCell: function onHeaderCell(record) {
+          return _objectSpread(_objectSpread({
+            record: record
+          }, item), {}, {
+            onResize: handleResize === null || handleResize === void 0 ? void 0 : handleResize(index)
+          });
+        }
+      });
+    });
+  }, [columns, groupFieldRender, dragSort, groupField]);
+  return {
+    columns: _columns
+  };
+};
+export default useTransColumns;

package/es/components/table/hooks/useTransDataSource.d.ts

@@ -0,0 +1,11 @@
+import { FormInstance } from "antd/es/form";
+import { FilterType } from "../../filter/types";
+declare type UseTransDataSourceParams = {
+    form: FormInstance;
+    localPagination: boolean;
+    dataSource: Record<string, any>[];
+    rowKey: string | ((params: any) => string);
+    filter: FilterType;
+};
+declare const useTransDataSource: (params: UseTransDataSourceParams) => Record<string, any>[];
+export default useTransDataSource;