xph-crud 0.0.1

package/dist/types/table/src/types/column.d.ts

@@ -0,0 +1,32 @@
+import { ColumnType, ColumnGroupType } from 'antd/es/table';
+import { TDataSourceItem } from './table';
+import { ICellProps, TCellComponentType } from '../components/table/components/cellFunc/types';
+
+/** 扩展一下antd column的属性，不一定要扩展，只是预留 */
+type TBaseColumnType<T> = {} & ColumnType<T>;
+export interface IComponentColumnProps<T, U extends TCellComponentType> extends Omit<TBaseColumnType<T>, "render"> {
+    /** 单元格渲染属性（原理也是使用render渲染不同的内容） */
+    cellFunc: ((props: {
+        text: any;
+        record: T;
+        index: number;
+    }) => ICellProps<U>[]) | ICellProps<U>[];
+}
+export interface IRenderColumnProps<T> extends Omit<TBaseColumnType<T>, "render"> {
+    render?: ColumnType<T>["render"];
+}
+export interface IGroupColumnProps<T> extends Omit<ColumnGroupType<T>, "children"> {
+    children: Array<TColumnProps<T>>;
+}
+type Without<T, K> = {
+    [P in Exclude<keyof T, K>]?: never;
+};
+type XOR<T extends any[]> = T extends [infer A, infer B, ...infer Rest] ? A | B extends object ? (Without<A, keyof B> & B) | (Without<B, keyof A> & A) | XOR<[A | B, ...Rest]> : A | B : T extends [infer A] ? A : never;
+export type TColumnProps<RecordType = TDataSourceItem, ComponentType extends TCellComponentType = TCellComponentType> = XOR<[
+    IComponentColumnProps<RecordType, ComponentType>,
+    IRenderColumnProps<RecordType>,
+    IGroupColumnProps<RecordType>
+]>;
+export declare function isComponentColumnProps<T, U extends TCellComponentType>(column: TColumnProps<T, U>): column is IComponentColumnProps<T, U>;
+export declare function isChildrenColumnProps<T>(column: TColumnProps<T>): column is IGroupColumnProps<T>;
+export {};

package/dist/types/table/src/types/crudForm.d.ts

@@ -0,0 +1,3 @@
+import { IXphFormProps } from '../../../form';
+
+export type TCrudFormProps = IXphFormProps & {};

package/dist/types/table/src/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './table';
+export * from './searchForm';
+export * from './crudForm';
+export * from './apiTable';
+export * from './column';

package/dist/types/table/src/types/searchForm.d.ts

@@ -0,0 +1,9 @@
+import { IXphFormProps, IXphFormActionType } from '../../../form';
+
+export type TSearchFormActionType = IXphFormActionType & {
+    setFormLoading: (loading: boolean) => void;
+};
+export type TSearchFormProps = IXphFormProps & {
+    /** 是否显示搜索 & 重置按钮 */
+    showSearch?: boolean;
+};

package/dist/types/table/src/types/table.d.ts

@@ -0,0 +1,25 @@
+import { TableRef } from 'antd/es/table';
+import { TSearchFormProps } from './searchForm';
+import { TCrudFormProps } from './crudForm';
+import { TApiTableProps } from './apiTable';
+
+/** 行数据 */
+export type TDataSourceItem = Record<PropertyKey, any>;
+/** 整个组件的配置 */
+export type TTableProps<RecordType = TDataSourceItem> = {
+    /** 表格配置 */
+    table?: TApiTableProps<RecordType>;
+    /** 搜索表单配置项 */
+    searchForm?: TSearchFormProps;
+    /** 新增 / 修改表单配置项 */
+    crudForm?: TCrudFormProps;
+    /** 分页改变事件 */
+    onPaginationChange?: (page: number, pageSize: number) => void;
+    /** 列表选中事件 */
+    onRowSelectionChange?: (selectedRowKeys: React.Key[], selectedRows: RecordType[]) => void;
+};
+export type TTableActionType = {
+    resetAllData: () => Promise<void>;
+    resetData: () => Promise<void>;
+    reloadData: () => Promise<void>;
+} & TableRef;

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "xph-crud",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "description": "This is a configurable component library based on React",
+  "keywords": [
+    "react",
+    "ant-design",
+    "configurable-component"
+  ],
+  "scripts": {
+    "web": "vite",
+    "build": "tsc && vite build",
+    "example": "cd example && npm run start",
+    "build:example": "cd example && npm run build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "@ant-design/icons": "5.3.2",
+    "antd": "^5.14.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "dayjs": "^1.11.10",
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.14.2",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "license": "ISC",
+  "author": "XiaoPiHong",
+  "homepage": "https://github.com/XiaoPiHong/xph-crud",
+  "bugs": {
+    "url": "https://github.com/XiaoPiHong/xph-crud/issues",
+    "email": "260094892@qq.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XiaoPiHong/xph-crud.git"
+  },
+  "engines": {
+    "node": ">=16"
+  }
+}