@magicbe/antd-crud 0.0.13

package/dist/interface.d.ts

@@ -0,0 +1,153 @@
+import { type TableProps, type InputProps, type SelectProps, type CascaderProps, type DatePickerProps, type InputNumberProps, type CheckboxProps, type RadioProps, type SwitchProps, type TimePickerProps } from "antd";
+import { type CheckboxGroupProps } from "antd/es/checkbox";
+import { Rule } from "antd/es/form";
+import { TextAreaProps } from "antd/es/input";
+import { type RadioGroupProps } from "antd/es/radio";
+import { RowSelectionType, type ColumnType as AntdColumnType } from "antd/es/table/interface";
+import React from "react";
+export type AnyObject = Record<PropertyKey, any>;
+/**字段列 */
+export interface BaseColumnField<T extends string, O = any> {
+    type: T;
+    option?: O;
+    rules?: Rule[];
+}
+/**输入框 */
+export interface ColumnInputField extends BaseColumnField<"Input", InputProps> {
+}
+/**长文本输入框 */
+export interface ColumnTextAreaField extends BaseColumnField<"TextArea", TextAreaProps> {
+}
+/**数字输入框 */
+export interface ColumnInputNumberField extends BaseColumnField<"InputNumber", InputNumberProps> {
+}
+/**选择器 */
+export interface ColumnSelectField extends BaseColumnField<"Select", SelectProps> {
+}
+/**级联选择 */
+export interface ColumnCascaderField extends BaseColumnField<"Cascader", CascaderProps> {
+}
+/**多选框 */
+export interface ColumnCheckboxField extends BaseColumnField<"Checkbox", CheckboxProps> {
+}
+/**多选框组 */
+export interface ColumnCheckboxGroupField extends BaseColumnField<"Checkbox.Group", CheckboxGroupProps> {
+}
+/**日期选择框 */
+export interface ColumnDatePickerField extends BaseColumnField<"DatePicker", DatePickerProps> {
+}
+/**年选择框 */
+export interface ColumnDatePickerYearPickerField extends BaseColumnField<"DatePicker.YearPicker", DatePickerProps> {
+}
+/**月选择框 */
+export interface ColumnDatePickerMonthPickerField extends BaseColumnField<"DatePicker.MonthPicker", DatePickerProps> {
+}
+/**周选择框 */
+export interface ColumnDatePickerWeekPickerField extends BaseColumnField<"DatePicker.WeekPicker", DatePickerProps> {
+}
+/**时间选择框 */
+export interface ColumnDatePickerTimePickerField extends BaseColumnField<"DatePicker.TimePicker", DatePickerProps> {
+}
+/**时间范围选择框 */
+export interface ColumnDatePickerRangePickerField extends BaseColumnField<"DatePicker.RangePicker", DatePickerProps> {
+}
+/**季度选择框 */
+export interface ColumnDatePickerQuarterPickerField extends BaseColumnField<"DatePicker.QuarterPicker", DatePickerProps> {
+}
+/**时间选择框 */
+export interface ColumnTimePickerField extends BaseColumnField<"TimePicker", TimePickerProps> {
+}
+/**时间范围选择框 */
+export interface ColumnTimePickerRangePickerField extends BaseColumnField<"TimePicker.RangePicker", TimePickerProps> {
+}
+/**单选框 */
+export interface ColumnRadioField extends BaseColumnField<"Radio", RadioProps> {
+}
+/**单选框组 */
+export interface ColumnRadioGroupField extends BaseColumnField<"Radio.Group", RadioGroupProps> {
+}
+/**开关 */
+export interface ColumnSwitchField extends BaseColumnField<"Switch", SwitchProps> {
+}
+export interface CustormColumnField {
+    type: React.FC;
+    option?: any;
+    rules?: Rule[];
+}
+export type ColumnField = ColumnInputField | ColumnTextAreaField | ColumnInputNumberField | ColumnSelectField | ColumnCascaderField | ColumnCheckboxField | ColumnCheckboxGroupField | ColumnDatePickerField | ColumnDatePickerYearPickerField | ColumnDatePickerMonthPickerField | ColumnDatePickerWeekPickerField | ColumnDatePickerTimePickerField | ColumnDatePickerRangePickerField | ColumnDatePickerQuarterPickerField | ColumnTimePickerField | ColumnTimePickerRangePickerField | ColumnRadioField | ColumnRadioGroupField | ColumnSwitchField | CustormColumnField;
+export type ColumnFieldKeys = ColumnInputField["type"] | ColumnTextAreaField["type"] | ColumnInputNumberField["type"] | ColumnSelectField["type"] | ColumnCascaderField["type"] | ColumnCheckboxField["type"] | ColumnCheckboxGroupField["type"] | ColumnDatePickerField["type"] | ColumnDatePickerYearPickerField["type"] | ColumnDatePickerMonthPickerField["type"] | ColumnDatePickerWeekPickerField["type"] | ColumnDatePickerTimePickerField["type"] | ColumnDatePickerRangePickerField["type"] | ColumnDatePickerQuarterPickerField["type"] | ColumnTimePickerField["type"] | ColumnTimePickerRangePickerField["type"] | ColumnRadioField["type"] | ColumnRadioGroupField["type"] | ColumnSwitchField["type"];
+/**列 */
+export interface ColumnType<RecordType = AnyObject> extends Omit<AntdColumnType<RecordType>, "dataIndex" | "title"> {
+    dataIndex?: string | string[];
+    title: React.ReactNode;
+    field?: ColumnFieldKeys | ColumnField | React.FC;
+    filter?: boolean | ColumnFieldKeys | ColumnField | React.FC;
+    add?: boolean | ColumnFieldKeys | ColumnField | React.FC;
+    edit?: boolean | ColumnFieldKeys | ColumnField | React.FC;
+}
+export type Source<RecordType = AnyObject> = {
+    sources: RecordType[];
+    /**数据总数 */
+    total: number;
+    /**当前页 */
+    page: number;
+    /**每页几条 */
+    size: number;
+};
+/**获取数据的方法 */
+export type getSourceFunction = <RecordType = AnyObject>(params?: any) => Promise<Source<RecordType>>;
+export interface Selection<RecordType = AnyObject> {
+    keys?: React.Key[];
+    rows?: RecordType[];
+}
+export type addHandle = (value: any, selection: Selection) => Promise<any>;
+export type addHandleInit = (selection: Selection) => Promise<Record<string, any> | void> | AnyObject | void;
+export type delHandle = (selection: Selection) => Promise<any>;
+export type editHandle = (value: any, selection: Selection) => Promise<any>;
+export type editHandleInit = (selection: Selection) => Promise<Record<string, any> | void> | AnyObject | void;
+interface HandleMap<T> {
+    before: T;
+    handle: T;
+    after: T;
+}
+export type addHandleMap = Partial<HandleMap<addHandle>> & {
+    init?: addHandleInit;
+};
+/**新增方法 */
+export type add = addHandle | addHandleMap;
+/**删除方法 */
+export type del = delHandle | Partial<HandleMap<delHandle>>;
+export type editHandleMap = Partial<HandleMap<editHandle> & {
+    init?: editHandleInit;
+}>;
+/**编辑方法 */
+export type edit = editHandle | editHandleMap;
+export interface CustomActionGroup {
+    add?: boolean | React.FC;
+    del?: boolean | React.FC;
+    edit?: boolean | React.FC;
+}
+export interface RecordCustomActionGroup extends CustomActionGroup {
+}
+export interface MasterCustomActionGroup extends CustomActionGroup {
+}
+export interface CustomAction {
+    master?: boolean | React.FC | (React.FC)[] | MasterCustomActionGroup;
+    record?: boolean | React.FC | (React.FC)[] | RecordCustomActionGroup;
+}
+/**操作 */
+export type Action = boolean | React.FC | React.FC[] | CustomAction;
+/**主体参数 */
+export interface ContentProps<RecordType = AnyObject> extends Omit<TableProps<RecordType>, "columns" | "pagination" | "dataSource" | "loading" | "rowSelection"> {
+    columns?: ColumnType<RecordType>[];
+    getSources?: getSourceFunction;
+    add?: add;
+    del?: del;
+    edit?: edit;
+    action?: Action;
+    rowSelection?: RowSelectionType;
+}
+/**主体暴露 */
+export interface ContentRef {
+}
+export {};

package/dist/interface.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,61 @@
+{
+    "name": "@magicbe/antd-crud",
+    "version": "0.0.13",
+    "description": "antd crud table",
+    "author": "wang quan",
+    "private": false,
+    "main": "dist/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "license": "MIT",
+    "keywords": [
+        "Component",
+        "UI",
+        "React"
+    ],
+    "homepage": "http://www.wangquan.top",
+    "files": [
+        "dist"
+    ],
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    },
+    "dependencies": {
+        "@ant-design/icons": "^5.4.0",
+        "@emotion/css": "^11.13.0",
+        "antd": "5.18.3",
+        "deepmerge": "^4.3.1",
+        "lodash": "^4.17.21",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    },
+    "devDependencies": {
+        "@storybook/addon-actions": "^6.5.15",
+        "@storybook/addon-essentials": "^6.5.15",
+        "@storybook/addon-interactions": "^6.5.15",
+        "@storybook/addon-links": "^6.5.15",
+        "@storybook/builder-webpack5": "^6.5.15",
+        "@storybook/manager-webpack5": "^6.5.15",
+        "@storybook/node-logger": "^6.5.15",
+        "@storybook/react": "6.5.15",
+        "@types/lodash": "^4.17.7",
+        "@types/node": "^16.18.10",
+        "@types/react": "^18.0.26",
+        "@types/react-dom": "^18.0.9",
+        "http-proxy-middleware": "^3.0.0",
+        "react-scripts": "^5.0.1",
+        "typescript": "^4.9.4"
+    },
+    "scripts": {
+        "lint": "eslint --ext js,ts,tsx src --max-warnings 5",
+        "build": "tsc -p tsconfig.build.json",
+        "storybook": "start-storybook -p 6007 -s public",
+        "build-storybook": "build-storybook -s public"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "yarn lint"
+        }
+    }
+}