xph-crud 0.1.0 → 0.1.2

package/dist/types/common/src/componnets/dialog/hooks/useDialogProps.d.ts

@@ -1,7 +1,25 @@
 import { IDialogProps } from '../types';
 
 declare const useDialogPorps: (dialogProps: IDialogProps) => {
-    dialogProps: IDialogProps;
+    dialogProps: {
+        getPopperContainer: () => HTMLElement;
+        width?: number | undefined;
+        height?: number | undefined;
+        mask?: boolean | undefined;
+        title?: string | undefined;
+        okProps?: Omit<import('antd').ButtonProps, "children" | "onClick"> | undefined;
+        cancelProps?: Omit<import('antd').ButtonProps, "children" | "onClick"> | undefined;
+        okText?: string | undefined;
+        cancelText?: string | undefined;
+        onOk?: ((args: any) => Promise<void>) | undefined;
+        onCancel?: ((args: any) => Promise<void>) | undefined;
+        renderFooter?: (({ loading }: {
+            loading: boolean;
+        }) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>) | undefined;
+        renderTitle?: (() => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>) | undefined;
+        onOpen?: (() => void) | undefined;
+        onClose?: (() => void) | undefined;
+    };
     baseDialogProps: Partial<IDialogProps>;
 };
 export default useDialogPorps;

package/dist/types/common/src/componnets/dialog/hooks/useDialogZoom.d.ts

@@ -1,7 +1,7 @@
-import { IDialogChangeRecord } from '../hooks';
+import { IDialogChangeRecord, IContainerSizeTarget } from '../hooks';
 
-declare const useDialogZoom: ({ container, dialogChangeRecord, close, setDialogSize, setDialogPosition, }: {
-    container: HTMLElement;
+declare const useDialogZoom: ({ containerSizeTarget, dialogChangeRecord, close, setDialogSize, setDialogPosition, }: {
+    containerSizeTarget: React.MutableRefObject<IContainerSizeTarget>;
     dialogChangeRecord: React.MutableRefObject<IDialogChangeRecord>;
     close: () => void;
     setDialogSize: (size: {

package/dist/types/common/src/componnets/dialog/hooks/useDragDialog.d.ts

@@ -1,5 +1,7 @@
-declare const useDragDialog: ({ container, dialogHeaderRef, dialogRef, setDialogPosition, }: {
-    container: HTMLElement;
+import { IContainerSizeTarget } from '../hooks';
+
+declare const useDragDialog: ({ containerSizeTarget, dialogHeaderRef, dialogRef, setDialogPosition, }: {
+    containerSizeTarget: React.MutableRefObject<IContainerSizeTarget>;
     dialogHeaderRef: React.RefObject<HTMLDivElement>;
     dialogRef: React.RefObject<HTMLDivElement>;
     setDialogPosition: (position: {

package/dist/types/common/src/componnets/dialog/hooks/useMinResizeRecord.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const useMinResizeRecord: (visible: any, dialogRef: React.RefObject<HTMLDivElement>, dialogWidth: number | string, dialogHeight: number | string) => {
+    minResizeRecord: import('react').MutableRefObject<{
+        width: number;
+        height: number;
+    } | null>;
+};
+export default useMinResizeRecord;

package/dist/types/common/src/componnets/dialog/hooks/useOnContainerSizeChange.d.ts

@@ -1,12 +1,11 @@
 import { IDialogProps } from '../types';
 
-declare const useOnContainerSizeChange: ({ visible, container, dialogRef, dialogProps, baseDialogProps, }: {
-    visible: boolean;
+declare const useOnContainerSizeChange: ({ container, dialogProps, baseDialogProps, }: {
     container: HTMLElement;
-    dialogRef: React.RefObject<HTMLDivElement>;
     dialogProps: IDialogProps;
     baseDialogProps: IDialogProps;
 }) => {
+    containerSizeTarget: import('react').MutableRefObject<import('./usePopperContainerSize').IContainerSizeTarget>;
     parentResizeRecord: number;
     initLeft: import('react').MutableRefObject<number>;
     initTop: import('react').MutableRefObject<number>;
@@ -14,9 +13,13 @@ declare const useOnContainerSizeChange: ({ visible, container, dialogRef, dialog
     initHeight: import('react').MutableRefObject<string | number>;
     curPropsWidth: number;
     curPropsHeight: string | number;
-    minResizeRecord: import('react').MutableRefObject<{
-        width: number;
-        height: number;
-    } | null>;
+    setInitPosition: (position: {
+        left: number;
+        top: number;
+    }) => void;
+    setInitSize: (size: {
+        width: number | string;
+        height: number | string;
+    }) => void;
 };
 export default useOnContainerSizeChange;

package/dist/types/common/src/componnets/dialog/hooks/usePopperContainerSize.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/** 开启了mask后默认挂载到body，因为mask是固定定位，所以后续的所有计算都是基于innerWidth、innerHeight */
+export interface IContainerSizeTarget {
+    clientWidth: number;
+    clientHeight: number;
+    scrollWidth: number;
+    scrollHeight: number;
+}
+declare const usePopperContainerSize: ({ container }: {
+    container: HTMLElement;
+}) => {
+    containerSizeTarget: import('react').MutableRefObject<IContainerSizeTarget>;
+    setContainerSizeTarget: () => void;
+};
+export default usePopperContainerSize;

package/dist/types/common/src/componnets/dialog/hooks/useResizeDialog.d.ts

@@ -1,7 +1,8 @@
 import { MouseEvent } from 'react';
+import { IContainerSizeTarget } from '../hooks';
 
-declare const useResizeDialog: ({ container, dialogRef, minResizeRecord, setDialogSize, setDialogPosition, }: {
-    container: HTMLElement;
+declare const useResizeDialog: ({ containerSizeTarget, dialogRef, minResizeRecord, setDialogSize, setDialogPosition, }: {
+    containerSizeTarget: React.MutableRefObject<IContainerSizeTarget>;
     dialogRef: React.RefObject<HTMLDivElement>;
     minResizeRecord: React.MutableRefObject<{
         width: number;

package/dist/types/common/src/componnets/dialog/types/dialog.d.ts

@@ -10,10 +10,12 @@ export interface IDialogProps {
     okText?: string;
     cancelText?: string;
     /** 点击确定按钮触发该事件 */
-    onOk?: () => void;
+    onOk?: (args: any) => Promise<void>;
     /** 点击取消按钮触发该事件 */
-    onCancel?: () => void;
-    renderFooter?: () => React.ReactElement;
+    onCancel?: (args: any) => Promise<void>;
+    renderFooter?: ({ loading }: {
+        loading: boolean;
+    }) => React.ReactElement;
     renderTitle?: () => React.ReactElement;
     /** 打开的时候会触发该事件 */
     onOpen?: () => void;
@@ -25,4 +27,5 @@ export interface IDialogProps {
 export interface IDialogActionType {
     open: () => Promise<void>;
     close: () => void;
+    setLoading: (loading: boolean) => void;
 }

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

@@ -3,8 +3,16 @@ import { ICrudFormDialogActionType, TCrudFormDialogProps } from '../../types';
 import { TXphExtendComponentPropsMap } from '../../../../common';
 
 declare const CrudFormDialog: (props: TCrudFormDialogProps, ref: ForwardedRef<ICrudFormDialogActionType>) => import("react/jsx-runtime").JSX.Element;
-declare const ForwardedCrudFormDialog: <T extends TXphExtendComponentPropsMap = {}>(props: import('../../../../common').IXphDialogProps & {
+declare const ForwardedCrudFormDialog: <T extends TXphExtendComponentPropsMap = {}>(props: Omit<import('../../../../common').IXphDialogProps, "onOk" | "onCancel"> & {
     formProps: import('../../../../form').IXphFormProps<T>;
+    onOk?: (({ values, data }: {
+        values: any;
+        data: any;
+    }) => Promise<any>) | undefined;
+    onCancel?: (({ values, data }: {
+        values: any;
+        data: any;
+    }) => Promise<any>) | undefined;
 } & {
     ref?: ForwardedRef<ICrudFormDialogActionType> | undefined;
 }) => ReturnType<typeof CrudFormDialog>;

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

@@ -1,9 +1,32 @@
 import { IXphFormProps, IXphFormActionType } from '../../../form';
 import { TXphExtendComponentPropsMap, IXphDialogProps, IXphDialogActionType } from '../../../common';
 
-export type TCrudFormDialogProps<T extends TXphExtendComponentPropsMap = {}> = IXphDialogProps & {
+export type TCrudFormDialogProps<T extends TXphExtendComponentPropsMap = {}> = Omit<IXphDialogProps, "onOk" | "onCancel"> & {
     formProps: IXphFormProps<T>;
+    onOk?: ({ values, data }: {
+        values: any;
+        data: any;
+    }) => Promise<any>;
+    onCancel?: ({ values, data }: {
+        values: any;
+        data: any;
+    }) => Promise<any>;
 };
-export interface ICrudFormDialogActionType extends IXphFormActionType, IXphDialogActionType {
-    open: (data?: any) => Promise<void>;
+export interface IOpenActionConfig {
+    /** 回填表单的内容 */
+    data: any;
+    /**
+     * @description 点击确定的回调(如果弹窗传递了onOk属性就不用传这个了，这个是为了方便所有操作都在open函数中处理)
+     * @param values 表单项的值(如果弹窗传递了onCancel属性就不用传这个了，这个是为了方便所有操作都在close函数中处理)
+     */
+    ok?: ({ values }: {
+        values: any;
+    }) => Promise<any>;
+    /** 点击取消的回调 */
+    cancel?: ({ values }: {
+        values: any;
+    }) => Promise<any>;
+}
+export interface ICrudFormDialogActionType extends IXphFormActionType, Omit<IXphDialogActionType, "open"> {
+    open: (config: IOpenActionConfig) => Promise<void>;
 }

package/package.json

@@ -1,63 +1,63 @@
-{
-  "name": "xph-crud",
-  "version": "0.1.0",
-  "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": {
-    "examples": "vite",
-    "build": "tsc && vite build",
-    "docs": "cd docs && npm run start",
-    "build:docs": "cd docs && 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"
-  }
-}
+{
+  "name": "xph-crud",
+  "version": "0.1.2",
+  "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"
+  ],
+  "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"
+  },
+  "scripts": {
+    "examples": "vite",
+    "build": "tsc && vite build",
+    "docs": "cd docs && npm run start",
+    "build:docs": "cd docs && npm run build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+  }
+}

package/dist/types/common/src/componnets/dialog/hooks/useOnVisableChange.d.ts

@@ -1,21 +0,0 @@
-declare const useOnVisableChange: ({ visible, initWidth, initHeight, initLeft, initTop, minResizeRecord, dialogRef, setDialogSize, setDialogPosition, }: {
-    visible: boolean;
-    initWidth: React.MutableRefObject<string | number>;
-    initHeight: React.MutableRefObject<string | number>;
-    initLeft: React.MutableRefObject<number>;
-    initTop: React.MutableRefObject<number>;
-    minResizeRecord: React.MutableRefObject<{
-        width: number;
-        height: number;
-    } | null>;
-    dialogRef: React.RefObject<HTMLDivElement>;
-    setDialogSize: (size: {
-        width?: number | string;
-        height?: number | string;
-    }) => void;
-    setDialogPosition: (position: {
-        left?: number;
-        top?: number;
-    }) => void;
-}) => void;
-export default useOnVisableChange;