xph-crud 0.0.3 → 0.0.4

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

@@ -0,0 +1,7 @@
+import { IDialogProps } from '../types';
+
+declare const useDialogPorps: (dialogProps: IDialogProps) => {
+    dialogProps: IDialogProps;
+    baseDialogProps: Partial<IDialogProps>;
+};
+export default useDialogPorps;

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

@@ -0,0 +1,19 @@
+import { IDialogProps } from '../types';
+import { IDialogChangeRecord } from '../hooks';
+
+/**
+ * @description 首次打开弹窗的时候，限制弹窗的宽高（不得大于弹窗容器可视区域的宽高）
+ */
+declare const useDialogInitSize: (container: HTMLElement, baseDialogProps: IDialogProps, dialogProps: IDialogProps, setDialogChangeRecord: ({ left, top, width, height, }: IDialogChangeRecord) => void) => {
+    dialogWidth: string | number;
+    dialogHeight: string | number;
+    initWidth: import('react').MutableRefObject<string | number>;
+    initHeight: import('react').MutableRefObject<string | number>;
+    curPropsWidth: number;
+    curPropsHeight: string | number;
+    setDialogSize: ({ width: newWidth, height: newHeight, }: {
+        width?: string | number | undefined;
+        height?: string | number | undefined;
+    }) => void;
+};
+export default useDialogInitSize;

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

@@ -0,0 +1,23 @@
+import { IDialogChangeRecord } from '../hooks';
+
+declare const useDialogZoom: ({ container, dialogChangeRecord, close, setDialogSize, setDialogPosition, }: {
+    container: HTMLElement;
+    dialogChangeRecord: React.MutableRefObject<IDialogChangeRecord>;
+    close: () => void;
+    setDialogSize: (size: {
+        width: number | string;
+        height: number | string;
+    }) => void;
+    setDialogPosition: (position: {
+        left: number;
+        top: number;
+    }) => void;
+}) => {
+    minimizeVisible: boolean;
+    maximizeVisible: boolean;
+    onMinimize: () => void;
+    onMaximize: (type: "minimize" | "maximize") => void;
+    onRecovery: () => void;
+    onClose: () => void;
+};
+export default useDialogZoom;

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

@@ -0,0 +1,10 @@
+declare const useDragDialog: ({ container, dialogHeaderRef, dialogRef, setDialogPosition, }: {
+    container: HTMLElement;
+    dialogHeaderRef: React.RefObject<HTMLDivElement>;
+    dialogRef: React.RefObject<HTMLDivElement>;
+    setDialogPosition: (position: {
+        left: number;
+        top: number;
+    }) => void;
+}) => {};
+export default useDragDialog;

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

@@ -0,0 +1,4 @@
+declare const useExtendDialog: () => {
+    extendDialogProps: import('../types/dialog').IDialogProps | undefined;
+};
+export default useExtendDialog;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const useMinimizeDialog: () => {
+    minimizeTop: number;
+    minimizeLeft: number;
+    minimizeRef: import('react').RefObject<HTMLDivElement>;
+    setMinimizePosition: ({ left, top, }: {
+        left?: number | undefined;
+        top?: number | undefined;
+    }) => void;
+};
+export default useMinimizeDialog;

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

@@ -0,0 +1,17 @@
+declare const useOnPropsSizeChange: ({ visible, container, initWidth, initHeight, curPropsWidth, curPropsHeight, setDialogSize, setDialogPosition, }: {
+    visible: boolean;
+    container: HTMLElement;
+    initWidth: React.MutableRefObject<string | number>;
+    initHeight: React.MutableRefObject<string | number>;
+    curPropsWidth: number | string;
+    curPropsHeight: number | string;
+    setDialogSize: (size: {
+        width?: number | string;
+        height?: number | string;
+    }) => void;
+    setDialogPosition: (position: {
+        left?: number;
+        top?: number;
+    }) => void;
+}) => void;
+export default useOnPropsSizeChange;

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

@@ -0,0 +1,23 @@
+import { MouseEvent } from 'react';
+
+declare const useResizeDialog: ({ visible, container, dialogRef, setDialogSize, setDialogPosition, }: {
+    visible: boolean;
+    container: HTMLElement;
+    dialogRef: React.RefObject<HTMLDivElement>;
+    setDialogSize: (size: {
+        width: number | string;
+        height: number | string;
+    }) => void;
+    setDialogPosition: (position: {
+        left: number;
+        top: number;
+    }) => void;
+}) => {
+    resizingState: boolean;
+    DashedBox: () => import("react/jsx-runtime").JSX.Element;
+    onMousedownResizeLt: (event: MouseEvent) => void;
+    onMousedownResizeRt: (event: MouseEvent) => void;
+    onMousedownResizeRb: (event: MouseEvent) => void;
+    onMousedownResizeLb: (event: MouseEvent) => void;
+};
+export default useResizeDialog;

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

@@ -0,0 +1,13 @@
+declare const useTopShowDialog: ({ visible, dialogRef, minimizeRef, container, }: {
+    visible: boolean;
+    dialogRef: React.RefObject<HTMLDivElement>;
+    minimizeRef: React.RefObject<HTMLDivElement>;
+    container: HTMLElement;
+}) => {
+    dialogTopShowClassConfig: {
+        xphDialog: string;
+        xphDialogWrapper: string;
+        xphMinimizeDialog: string;
+    };
+};
+export default useTopShowDialog;

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

@@ -1,9 +1,28 @@
+import { ButtonProps } from 'antd';
+
 export interface IDialogProps {
-    visible?: boolean;
+    width?: number;
+    height?: number;
+    mask?: boolean;
     title?: string;
-    content?: string;
+    okProps?: Omit<ButtonProps, "children" | "onClick">;
+    cancelProps?: Omit<ButtonProps, "children" | "onClick">;
     okText?: string;
     cancelText?: string;
+    /** 点击确定按钮触发该事件 */
     onOk?: () => void;
+    /** 点击取消按钮触发该事件 */
     onCancel?: () => void;
+    renderFooter?: () => React.ReactElement;
+    renderTitle?: () => React.ReactElement;
+    /** 打开的时候会触发该事件 */
+    onOpen?: () => void;
+    /** 关闭的时候会触发该事件 */
+    onClose?: () => void;
+    /** 挂载弹窗的容器，默认是body */
+    getPopperContainer?: () => HTMLElement | null;
+}
+export interface IDialogActionType {
+    open: () => void;
+    close: () => void;
 }

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

@@ -0,0 +1 @@
+export * from './dialog';

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

@@ -1,5 +1,7 @@
 import { default as XphActions } from './actions/actions';
 import { TActionItemProps as TXphActionItemProps, IActionsProps as IXphActionsProps } from './actions/types';
 import { default as XphDialog } from './dialog/dialog';
+import { IDialogProps as IXphDialogProps, IDialogActionType as IXphDialogActionType } from './dialog/types';
+import { default as XphPortal } from './portal/portal';
 
-export { XphActions, TXphActionItemProps, IXphActionsProps, XphDialog };
+export { XphActions, TXphActionItemProps, IXphActionsProps, XphDialog, IXphDialogProps, IXphDialogActionType, XphPortal, };

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+declare const Portal: ({ children, getPopperContainer, }: {
+    children: React.ReactElement;
+    getPopperContainer: () => HTMLElement | null;
+}) => React.ReactPortal | null;
+export default Portal;

package/dist/types/common/src/hooks/useExtendCompProps.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { IXphActionsProps } from '../componnets';
 import { IXphFormProps } from '../../../form';
 import { TXphTableProps } from '../../../table';
+import { IXphDialogProps } from '../..';
 
 export interface IExtendProps {
     /** 表单的属性 */
@@ -10,6 +11,8 @@ export interface IExtendProps {
     table?: TXphTableProps;
     /** 操作组的属性 */
     actions?: IXphActionsProps;
+    /** 弹窗的属性 */
+    dialog?: IXphDialogProps;
 }
 export interface IExtendComp {
     /** 扩展的表单项 */

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

@@ -1,4 +1,5 @@
 import { default as XphTable } from './src/table';
-import { TTableProps as TXphTableProps, TTableActionType as TXphTableActionType, TDataSourceItem as TXphDataSourceItem, TColumnProps as TXphColumnProps, TApiTableProps as TXphApiTableProps, TSearchFormProps as TXphSearchFormProps, TCrudFormProps as TXphCrudFormProps, IMainProps as IXphMainProps } from './src/types';
+import { default as XphCrudFormDialog } from './src/components/crudFormDialog';
+import { TTableProps as TXphTableProps, TTableActionType as TXphTableActionType, TDataSourceItem as TXphDataSourceItem, TColumnProps as TXphColumnProps, TApiTableProps as TXphApiTableProps, TSearchFormProps as TXphSearchFormProps, IMainProps as IXphMainProps, TCrudFormDialogProps as TXphCrudFormDialogProps } from './src/types';
 
-export { XphTable, TXphTableProps, TXphTableActionType, TXphDataSourceItem, TXphColumnProps, TXphApiTableProps, TXphSearchFormProps, TXphCrudFormProps, IXphMainProps, };
+export { XphTable, TXphTableProps, TXphTableActionType, TXphDataSourceItem, TXphColumnProps, TXphApiTableProps, TXphSearchFormProps, IXphMainProps, XphCrudFormDialog, TXphCrudFormDialogProps, };

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

@@ -0,0 +1,11 @@
+import { ForwardedRef } from 'react';
+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 & {
+    formProps: import('../../../../form').IXphFormProps<T>;
+} & {
+    ref?: ForwardedRef<ICrudFormDialogActionType> | undefined;
+}) => ReturnType<typeof CrudFormDialog>;
+export default ForwardedCrudFormDialog;

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

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { TTableActionType, TSearchFormActionType } from '../../types';
 
-declare const SearchForm: import('react').ForwardRefExoticComponent<import('../../../..').IXphFormProps<{}> & {
+declare const SearchForm: import('react').ForwardRefExoticComponent<import('../../../../form').IXphFormProps<{}> & {
     showSearch?: boolean | undefined;
 } & {
     tableRef: RefObject<TTableActionType>;

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

@@ -1,9 +1,9 @@
 import { RefObject } from 'react';
-import { TTableProps, TSearchFormActionType, TTableActionType } from '../../types';
+import { TTableProps, TSearchFormActionType, TApiTableActionType } from '../../types';
 
 declare const Table: import('react').ForwardRefExoticComponent<{
     fullHeight?: boolean | undefined;
     tableProps: TTableProps;
     searchFormRef: RefObject<TSearchFormActionType>;
-} & import('react').RefAttributes<TTableActionType>>;
+} & import('react').RefAttributes<TApiTableActionType>>;
 export default Table;

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

@@ -16,3 +16,5 @@ export { default as useTopToolbar } from './useTopToolbar';
 export * from './useTopToolbar';
 export { default as useExtendTable } from './useExtendTable';
 export * from './useExtendTable';
+export { default as useCrudFormDialog } from './useCrudFormDialog';
+export * from './useCrudFormDialog';

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

@@ -0,0 +1,7 @@
+import { TTableProps, ICrudFormDialogActionType } from '../types';
+
+declare const useCrudFormDialog: ({ crudFormDialog }: TTableProps) => {
+    crudFormDialogRef: import('react').RefObject<ICrudFormDialogActionType>;
+    crudFormProps: import('../types').TCrudFormDialogProps<{}> | undefined;
+};
+export default useCrudFormDialog;

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

@@ -1,8 +1,9 @@
 import { TableProps, PaginationProps } from 'antd';
+import { TableRef } from 'antd/es/table';
 import { TableRowSelection, RowSelectionType } from 'antd/lib/table/interface';
-import { IXphActionsProps, TXphExtendComponentPropsMap } from '../../../common';
 import { TDataSourceItem } from './table';
 import { TColumnProps } from './column';
+import { TXphExtendComponentPropsMap, IXphActionsProps } from '../../../common';
 
 export interface IFunctionToolbarParams<T = TDataSourceItem> {
     loading: boolean;
@@ -33,3 +34,8 @@ export type TApiTableProps<T = TDataSourceItem, J extends TXphExtendComponentPro
 } & Omit<TableProps<T>, 
 /** 内部控制的属性/重写的属性 */
 "rowSelection" | "columns" | "loading" | "dataSource" | "pagination">;
+export type TApiTableActionType = {
+    resetAllData: () => Promise<void>;
+    resetData: () => Promise<void>;
+    reloadData: () => Promise<void>;
+} & TableRef;

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

@@ -0,0 +1,8 @@
+import { IXphFormProps, IXphFormActionType } from '../../../form';
+import { TXphExtendComponentPropsMap, IXphDialogProps, IXphDialogActionType } from '../../../common';
+
+export type TCrudFormDialogProps<T extends TXphExtendComponentPropsMap = {}> = IXphDialogProps & {
+    formProps: IXphFormProps<T>;
+};
+export interface ICrudFormDialogActionType extends IXphFormActionType, IXphDialogActionType {
+}

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

@@ -1,6 +1,6 @@
 export * from './table';
 export * from './searchForm';
-export * from './crudForm';
+export * from './crudFormDialog';
 export * from './apiTable';
 export * from './column';
 export * from '../components/table/components/cellFunc/types';

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

@@ -1,7 +1,6 @@
-import { TableRef } from 'antd/es/table';
 import { TSearchFormProps } from './searchForm';
-import { TCrudFormProps } from './crudForm';
-import { TApiTableProps } from './apiTable';
+import { ICrudFormDialogActionType, TCrudFormDialogProps } from './crudFormDialog';
+import { TApiTableProps, TApiTableActionType } from './apiTable';
 import { TXphExtendComponentPropsMap } from '../../../common';
 
 /** 行数据 */
@@ -22,15 +21,11 @@ FormExtendPropsMap extends TXphExtendComponentPropsMap = {}> = {
     table?: TApiTableProps<RecordType, CellFuncExtendPropsMap, ActionsExtendPropsMap, ToolbarExtendPropsMap>;
     /** 搜索表单配置项 */
     searchForm?: TSearchFormProps<FormExtendPropsMap>;
-    /** 新增 / 修改表单配置项 */
-    crudForm?: TCrudFormProps<FormExtendPropsMap>;
+    /** （新增 / 修改）表单弹窗配置项 */
+    crudFormDialog?: TCrudFormDialogProps<FormExtendPropsMap>;
     /** 分页改变事件 */
     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;
+export type TTableActionType = TApiTableActionType & ICrudFormDialogActionType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xph-crud",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",

package/dist/types/table/src/components/searchForm/components/cacheForm/index.d.ts

@@ -1,6 +0,0 @@
-import { TSearchFormActionType } from '../../../../types';
-
-declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
-    getBindProps: () => any;
-} & import('react').RefAttributes<TSearchFormActionType>>>;
-export default _default;

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

@@ -1,4 +0,0 @@
-import { IXphFormProps } from '../../../form';
-import { TXphExtendComponentPropsMap } from '../../../common';
-
-export type TCrudFormProps<T extends TXphExtendComponentPropsMap = {}> = IXphFormProps<T> & {};