xmirror-components 1.0.28 → 1.0.29

package/build/es/index.d.ts

@@ -5,4 +5,5 @@ export { default as SwitchValue } from './components/SwitchValue';
 export { default as IconButton } from './components/IconButton';
 export { default as GlobalLoading, setGlobalLoading } from './components/GlobalLoading';
 export { default as ConfigProvider, ConfigContext } from './components/ConfigProvider';
+export { default as Table } from './components/Table';
 export { default as useRequest } from './hooks/useRequest';

package/build/es/index.js

@@ -5,4 +5,5 @@ export { default as SwitchValue } from './components/SwitchValue';
 export { default as IconButton } from './components/IconButton';
 export { default as GlobalLoading, setGlobalLoading } from './components/GlobalLoading';
 export { default as ConfigProvider, ConfigContext } from './components/ConfigProvider';
+export { default as Table } from './components/Table';
 export { default as useRequest } from './hooks/useRequest';

package/build/lib/index.d.ts

@@ -1,6 +1,8 @@
+import { AnyObject } from 'antd/es/_util/type';
 import { AppProps } from 'antd';
 import { Checkbox } from 'antd';
 import { CheckboxChangeEvent } from 'antd/es/checkbox';
+import { ColumnTitleProps } from 'antd/es/table/interface';
 import { default as default_2 } from 'react';
 import { MessageInstance } from 'antd/es/message/interface';
 import { ModalStaticFunctions } from 'antd/es/modal/confirm';
@@ -10,6 +12,8 @@ import { Plugin as Plugin_2 } from 'ahooks/lib/useRequest/src/types';
 import { Result } from 'ahooks/lib/useRequest/src/types';
 import { Service } from 'ahooks/lib/useRequest/src/types';
 import { SwitchProps } from 'antd/es/switch';
+import { TableColumnType } from 'antd';
+import { TableProps } from 'antd';
 
 export declare function App({ children, config, ...props }: AppProps & {
     config?: ConfigProviderConfigProps;
@@ -77,6 +81,40 @@ declare interface CheckboxValueProps<T = any, F = any> extends Omit<default_2.Co
     children?: default_2.ReactNode;
 }
 
+declare interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
+    children: TableComponentProps<RecordType>['columns'];
+}
+
+declare interface ColumnType<RecordType> extends Omit<TableColumnType<RecordType>, 'title' | 'fixed'> {
+    /**
+     * 控制该字段是否支持排序，列表 columnsSort 为 true 时有效
+     * （columnSortDisabled，尽量只给首尾字段加，中间的字段加了用处不大）
+     */
+    columnSortDisabled?: boolean;
+    /**
+     * 控制是否支持字段的显示隐藏功能
+     */
+    columnVisibleDisabled?: boolean;
+    /**
+     * 字段的显示隐藏属性
+     */
+    columnVisible?: boolean;
+    /**
+     * 字段id
+     */
+    dataIndex: string | string[];
+    /**
+     * 字段id
+     */
+    fixed?: 'left' | 'right' | boolean | string;
+    /**
+     * 标题
+     */
+    title?: default_2.ReactNode | ((props: ColumnTitleProps<RecordType>) => default_2.ReactNode);
+}
+
+declare type ColumnTypes<RecordType = AnyObject> = ColumnType<RecordType> | ColumnGroupType<RecordType>;
+
 export declare const ConfigContext: default_2.Context<ConfigContextProps>;
 
 declare interface ConfigContextProps {
@@ -208,6 +246,31 @@ declare interface SwitchValueProps<T = boolean | string | number, F = boolean |
     onChange?: (value: T | F, event: default_2.MouseEvent<HTMLButtonElement> | default_2.KeyboardEvent<HTMLButtonElement>) => void;
 }
 
+export declare const Table: default_2.ForwardRefExoticComponent<TableComponentProps<AnyObject> & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface TableComponentProps<RecordType = AnyObject> extends Omit<TableProps<RecordType>, 'columns'> {
+    /**
+     * 列表项
+     */
+    columns?: Array<ColumnTypes<RecordType>>;
+    /**
+     * 是否打开列表字段排序功能
+     */
+    columnsSort?: boolean;
+    /**
+     * 是否打开列表字段的显示隐藏属性
+     */
+    columnsVisible?: boolean;
+    /**
+     * 列表唯一值，用来处理一个页面多个列表且同时开启字段排序或字段隐藏功能
+     */
+    tableId?: string;
+    /**
+     * 中间的批量操作弹出层
+     */
+    selectionPopover?: default_2.ReactNode;
+}
+
 export declare function useRequest<TData, TParams extends unknown[]>(service: Service<TData, TParams>, options?: Options<TData, TParams>, plugins?: Array<Plugin_2<TData, TParams>>): WrappedResult<TData, TParams>;
 
 declare interface WrappedResult<TData, TParams extends unknown[]> extends Omit<Result<TData, TParams>, 'data'> {

package/build/lib/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRequest = exports.ConfigContext = exports.ConfigProvider = exports.setGlobalLoading = exports.GlobalLoading = exports.IconButton = exports.SwitchValue = exports.CheckboxValue = exports.IconFont = exports.modal = exports.notification = exports.message = exports.App = void 0;
+exports.useRequest = exports.Table = exports.ConfigContext = exports.ConfigProvider = exports.setGlobalLoading = exports.GlobalLoading = exports.IconButton = exports.SwitchValue = exports.CheckboxValue = exports.IconFont = exports.modal = exports.notification = exports.message = exports.App = void 0;
 var AntdApp_1 = require("./components/AntdApp");
 Object.defineProperty(exports, "App", { enumerable: true, get: function () { return __importDefault(AntdApp_1).default; } });
 Object.defineProperty(exports, "message", { enumerable: true, get: function () { return AntdApp_1.message; } });
@@ -23,5 +23,7 @@ Object.defineProperty(exports, "setGlobalLoading", { enumerable: true, get: func
 var ConfigProvider_1 = require("./components/ConfigProvider");
 Object.defineProperty(exports, "ConfigProvider", { enumerable: true, get: function () { return __importDefault(ConfigProvider_1).default; } });
 Object.defineProperty(exports, "ConfigContext", { enumerable: true, get: function () { return ConfigProvider_1.ConfigContext; } });
+var Table_1 = require("./components/Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
 var useRequest_1 = require("./hooks/useRequest");
 Object.defineProperty(exports, "useRequest", { enumerable: true, get: function () { return __importDefault(useRequest_1).default; } });

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",

package/build/types/index.d.ts

@@ -5,4 +5,5 @@ export { default as SwitchValue } from './components/SwitchValue';
 export { default as IconButton } from './components/IconButton';
 export { default as GlobalLoading, setGlobalLoading } from './components/GlobalLoading';
 export { default as ConfigProvider, ConfigContext } from './components/ConfigProvider';
+export { default as Table } from './components/Table';
 export { default as useRequest } from './hooks/useRequest';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",