@dt-frames/ui 2.0.0 → 2.0.2

package/es/components/curd/src/hooks/useCurd.d.ts

@@ -0,0 +1,112 @@
+import { Recordable } from "@dt-frames/core";
+import { ExtractPropTypes, PropType } from "vue";
+import { basicProps } from "../props";
+export declare function useCurd(curdOpt: Partial<ExtractPropTypes<typeof basicProps>>): {
+    add: () => void;
+    del: ({ row }: Recordable) => void;
+    update: ({ row }: Recordable) => void;
+    dels: (ids?: PropType<String | Number>[]) => void;
+    closeModal: () => void;
+    setModalProps: (props: Partial<ExtractPropTypes<{
+        t: {
+            type: StringConstructor;
+        };
+        visible: {
+            type: BooleanConstructor;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnClose: {
+            type: BooleanConstructor;
+        };
+        scrollTop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        height: {
+            type: NumberConstructor;
+        };
+        minHeight: {
+            type: NumberConstructor;
+        };
+        width: {
+            type: PropType<String | Number>;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultFullscreen: {
+            type: BooleanConstructor;
+        };
+        canFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        title: {
+            type: PropType<String | import("vue").ComputedRef<String>>;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingTip: {
+            type: StringConstructor;
+            default: string;
+        };
+        useWrapper: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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: PropType<import("vue").CSSProperties>;
+        footer: {
+            type: PropType<import("../../../form/src/types/form.type").ButtonProps[]>;
+        };
+        bodyStyle: PropType<import("vue").CSSProperties>;
+        wrapperProps: ObjectConstructor;
+        getContainer: PropType<() => any>;
+        closeFunc: PropType<() => Promise<boolean>>;
+        afterClose: FunctionConstructor;
+    }>>) => void;
+    curdFormMethods: import("../../../form/src/types/actions.type").FormActionType;
+    DtCurdModal: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+};

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

@@ -0,0 +1,188 @@
+import { ButtonProps, FormSchema } from '../../form/src/types/form.type';
+import { Recordable } from "@dt-frames/core";
+import { Key } from "ant-design-vue/es/table/interface";
+import { ComputedRef, PropType, Ref } from "vue";
+import { CurdActionType } from "./types/curd.type";
+import { RegisterFn } from '../../modal/src/types/modal.type';
+export declare const basicProps: {
+    title: {
+        type: PropType<Function | String | ComputedRef<any>>;
+    };
+    width: {
+        type: PropType<String | Number>;
+        default: string;
+    };
+    schemas: {
+        type: PropType<FormSchema[]>;
+        default: any[];
+    };
+    footer: {
+        type: PropType<ButtonProps[]>;
+        default: any;
+    };
+    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<Recordable<any>>;
+                default: {};
+            };
+            layout: {
+                type: PropType<"vertical" | "horizontal" | "inline">;
+                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: () => void;
+            };
+            wrapperCol: {
+                type: PropType<Partial<import('../../form/src/types/form.type').ColEx>>;
+                default: () => void;
+            };
+            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: () => void;
+            };
+            colProps: {
+                type: PropType<Partial<import('../../form/src/types/form.type').ColEx>>;
+                default: () => void;
+            };
+            size: {
+                type: PropType<"small" | "middle" | "large">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            compact: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            schemas: {
+                type: PropType<FormSchema[]>;
+                default: () => any[];
+            };
+            autoSearchOnEnter: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alwaysShowLines: {
+                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: Ref<boolean>;
+                    onReset: Ref<boolean>;
+                };
+            };
+            onSearch: {
+                type: PropType<(params: Recordable<any>) => void>;
+                default: (params: Recordable<any>) => void;
+            };
+            onReset: {
+                type: PropType<(params: Recordable<any>) => void>;
+                default: (params: Recordable<any>) => void;
+            };
+            buttons: {
+                type: PropType<boolean | ButtonProps[]>;
+                default: boolean;
+            };
+            resetFunc: {
+                type: PropType<() => void>;
+            };
+            registerInstance: {
+                type: PropType<(instance: import("../../form/src/types/actions.type").FormActionType) => void>;
+            };
+        }>>>>;
+        default: () => {};
+    };
+    primaryKey: {
+        type: PropType<String | Number>;
+        default: string;
+    };
+    actType: {
+        type: PropType<Ref<string>>;
+    };
+    onSave: {
+        type: PropType<() => void>;
+        default: () => void;
+    };
+    onDeletes: {
+        type: PropType<(keys: Key[]) => void>;
+        default: (keys: Key[]) => void;
+    };
+    onQueryById: {
+        type: PropType<(id: Key) => Promise<any>>;
+        default: (id: Key) => void;
+    };
+    onRegister: {
+        type: PropType<RegisterFn>;
+    };
+    registerInstance: {
+        type: PropType<(instance: CurdActionType) => void>;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { FormActionType } from '../../../form/src/types/actions.type';
+import { basicProps } from '../../../modal/src/props';
+import { Recordable } from "@dt-frames/core";
+import { ExtractPropTypes, PropType } from "vue";
+export declare type CurdActionType = {
+    add: () => void;
+    del: (params: {
+        row: Recordable;
+        index: Number;
+    }) => void;
+    dels: (ids: PropType<String | Number>[]) => void;
+    update: (params: {
+        row: Recordable;
+        index: Number;
+    }) => void;
+    closeModal: () => void;
+    setModalProps: (props: Partial<ExtractPropTypes<typeof basicProps>>) => void;
+    curdFormMethods: FormActionType;
+};