@dt-frames/ui 2.0.23 → 3.0.1

package/es/components/curd/src/props.d.ts

@@ -1,188 +1,138 @@
-import { ButtonProps, FormSchema } from '../../form/src/types/form.type';
-import { Key } from "ant-design-vue/es/table/interface";
-import { ComputedRef, PropType, Ref } from "vue";
-import { CurdActionType } from "./types/curd.type";
-import { RegisterFn, ReturnInnerMethods } from '../../modal/src/types/modal.type';
+import { FormSchema } from '../../form';
+import { Key } from 'ant-design-vue/es/table/interface';
+import { CloseParam, CurdActionType, SaveParam } from './types/curd.type';
+import { FormProps } from '../../form';
 export declare const basicProps: {
-    t: {
-        type: StringConstructor;
-    };
     title: {
-        type: PropType<Function | String | ComputedRef<any>>;
+        type: globalThis.PropType<String | globalThis.ComputedRef<String> | globalThis.Ref<String>>;
     };
-    width: {
-        type: PropType<String | Number>;
-        default: string;
+    titlepRrefix: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     schemas: {
-        type: PropType<FormSchema[]>;
+        type: globalThis.PropType<FormSchema[]>;
         default: () => any[];
     };
-    footer: {
-        type: PropType<ButtonProps[]>;
-        default: any;
-    };
     authPrefix: {
         type: StringConstructor;
     };
-    showFullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showClosable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     formProps: {
-        type: PropType<Partial<Partial<import("vue").ExtractPropTypes<{
-            mode: {
-                type: PropType<"search" | "dialog">;
-                default: string;
-            };
-            autoFetch: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            model: {
-                type: PropType<import("@dt-frames/core").Recordable<any>>;
-                default: () => {};
-            };
-            layout: {
-                type: PropType<"vertical" | "inline" | "horizontal">;
-                default: string;
-            };
-            labelWidth: {
-                type: PropType<string | number>;
-                default: number;
-            };
-            enLabelWidth: {
-                type: PropType<string | number>;
-                default: number;
-            };
-            labelAlign: {
-                type: PropType<"left" | "right">;
-                default: string;
-            };
-            labelCol: {
-                type: PropType<Partial<import('../../form/src/types/form.type').ColEx>>;
-                default: () => {};
-            };
-            wrapperCol: {
-                type: PropType<Partial<import('../../form/src/types/form.type').ColEx>>;
-                default: () => {};
-            };
-            rowProps: {
-                type: PropType<Partial<import("vue").ExtractPropTypes<{
-                    align: PropType<"stretch" | "bottom" | "top" | "middle">;
-                    justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
-                    prefixCls: StringConstructor;
-                    gutter: {
-                        type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
-                        default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
-                    };
-                    wrap: {
-                        type: BooleanConstructor;
-                        default: any;
-                    };
-                }>>>;
-                default: () => {};
-            };
-            colProps: {
-                type: PropType<Partial<import('../../form/src/types/form.type').ColEx>>;
-            };
-            span: {
-                type: NumberConstructor;
-            };
-            size: {
-                type: PropType<"middle" | "small" | "large">;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            compact: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            schemas: {
-                type: PropType<FormSchema[]>;
-                default: () => any[];
-            };
-            autoSearchOnEnter: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            minShowColumn: {
-                type: NumberConstructor;
-                default: number;
-            };
-            showAdvancedButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            allowClear: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            scrollToFirstError: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            colon: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            loading: {
-                type: PropType<{
-                    [key: string]: Ref<boolean>;
-                }>;
-                default: () => {};
-            };
-            onSearch: {
-                type: PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
-                default: (params: import("@dt-frames/core").Recordable<any>) => void;
-            };
-            onReset: {
-                type: PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
-                default: (params: import("@dt-frames/core").Recordable<any>) => void;
-            };
-            buttons: {
-                type: PropType<boolean | ButtonProps[]>;
-                default: boolean;
-            };
-            resetFunc: {
-                type: PropType<() => void>;
-            };
-            registerInstance: {
-                type: PropType<(instance: import("../../form").FormActionType) => void>;
-            };
-        }>>>>;
+        type: globalThis.PropType<Partial<FormProps>>;
         default: () => {};
     };
     primaryKey: {
-        type: PropType<String | Number>;
+        type: globalThis.PropType<String | Number>;
         default: string;
     };
-    afterOpened: {
-        type: PropType<(modalMethods: ReturnInnerMethods) => void>;
-        default: (modalMethods: ReturnInnerMethods) => {};
+    defaultFormValue: {
+        type: globalThis.PropType<globalThis.Recordable>;
+    };
+    beforeSave: {
+        type: globalThis.PropType<(param: SaveParam) => SaveParam>;
+    };
+    afterClose: {
+        type: globalThis.PropType<(param: CloseParam) => void>;
     };
     onSave: {
-        type: PropType<() => void>;
+        type: globalThis.PropType<() => void>;
         default: () => {};
     };
     onDeletes: {
-        type: PropType<(keys: Key[]) => void>;
+        type: globalThis.PropType<(keys: Key[]) => void>;
         default: (keys: Key[]) => {};
     };
     onQueryById: {
-        type: PropType<(id: Key) => Promise<any>>;
+        type: globalThis.PropType<(id: Key) => Promise<any>>;
         default: (id: Key) => {};
     };
-    onRegister: {
-        type: PropType<RegisterFn>;
-    };
     registerInstance: {
-        type: PropType<(instance: CurdActionType) => void>;
+        type: globalThis.PropType<(instance: CurdActionType) => void>;
+    };
+    t: {
+        type: StringConstructor;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    minHeight: {
+        type: NumberConstructor;
+    };
+    width: {
+        type: globalThis.PropType<String | Number>;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultFullscreen: {
+        type: BooleanConstructor;
+    };
+    canFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingTip: {
+        type: StringConstructor;
+        default: string;
+    };
+    wrapClassName: {
+        type: StringConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    centered: {
+        type: BooleanConstructor;
+    };
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okText: {
+        type: StringConstructor;
+    };
+    cancelText: {
+        type: StringConstructor;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskStyle: globalThis.PropType<import("vue").CSSProperties>;
+    footer: {
+        type: globalThis.PropType<import('../../form').ButtonProps[]>;
     };
+    bodyStyle: globalThis.PropType<import("vue").CSSProperties>;
+    wrapperProps: ObjectConstructor;
+    getContainer: globalThis.PropType<() => any>;
+    closeFunc: globalThis.PropType<() => Promise<boolean>>;
 };

package/es/components/curd/src/types/curd.type.d.ts

@@ -1,13 +1,59 @@
-import { FormActionType } from '../../../form';
-import { basicProps } from '../../../modal';
-import { Recordable } from "@dt-frames/core";
-import { ExtractPropTypes, PropType } from "vue";
-export declare type CurdActionType = {
+import { ExtractPropTypes, ComputedRef, Ref, CSSProperties } from 'vue';
+import { Recordable } from '@dt-frames/core';
+import { Key } from 'ant-design-vue/es/table/interface';
+import { basicProps } from '../props';
+import { ButtonProps, FormActionType, FormProps, FormSchema } from '../../../form';
+export type CurdActionType = Partial<FormActionType> & {
     openAddDialog: () => void;
     del: (row: Recordable) => void;
-    dels: (ids: PropType<String | Number>[]) => void;
-    openUpdateDialog: (row: Recordable) => void;
+    dels: (ids: Key[]) => void;
+    openEditDialog: (row: Recordable) => void;
     closeModal: () => void;
     setModalProps: (props: Partial<ExtractPropTypes<typeof basicProps>>) => void;
-    curdFormMethods: FormActionType;
+    beforeSave: (param: SaveParam) => SaveParam;
+    afterClose: (param: CloseParam) => void;
+};
+export type CloseParam = {
+    type: 'ADD' | 'EDIT' | 'DELETE';
+    data: any;
+};
+export type SaveParam = Recordable | String | Boolean | null | Array<any>;
+export type CurdType = {
+    t?: string;
+    title?: string | ComputedRef<string> | Ref<string> | ((data?: Recordable) => String);
+    titlePrefix?: boolean;
+    closable?: boolean;
+    height?: number;
+    minHeight?: number;
+    width?: string | number;
+    draggable?: boolean;
+    defaultFullscreen?: boolean;
+    canFullscreen?: boolean;
+    loading?: boolean;
+    loadingTip?: string;
+    wrapClassName?: string;
+    zIndex?: number;
+    centered?: boolean;
+    showOkBtn?: boolean;
+    showCancelBtn?: boolean;
+    okText?: string;
+    cancelText?: string;
+    mask?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    maskStyle?: CSSProperties;
+    bodyStyle?: CSSProperties;
+    wrapperProps?: Object;
+    schemas?: FormSchema[];
+    footer?: null | ButtonProps[];
+    formProps?: FormProps;
+    primaryKey?: string | number;
+    defaultFormValue?: Recordable;
+    authPrefix?: string;
+    beforeSave?: (param: SaveParam) => SaveParam;
+    afterClose?: (param: CloseParam) => void;
+    onSave?: () => void;
+    onDeletes?: (keys: Key[]) => void;
+    onQueryById?: (id: Key) => Promise<any>;
+    registerInstance?: (instance: CurdActionType) => void;
 };