@dt-frames/ui 1.0.0

package/es/components/modal/src/components/modal.d.ts

@@ -0,0 +1,194 @@
+declare const _default: import("vue").DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+    };
+    scrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    minHeight: {
+        type: NumberConstructor;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeFunc: FunctionConstructor;
+} & {
+    defaultFullscreen: {
+        type: BooleanConstructor;
+    };
+    canFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperFooterOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    loadingTip: {
+        type: StringConstructor;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    width: {
+        type: import("vue").PropType<String | Number>;
+    };
+    wrapClassName: {
+        type: StringConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    centered: {
+        type: BooleanConstructor;
+    };
+    showSave: {
+        type: BooleanConstructor;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskStyle: import("vue").PropType<import("vue").CSSProperties>;
+    footer: import("vue").PropType<import("vue").VNodeChild | JSX.Element>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    wrapperProps: ObjectConstructor;
+    afterClose: FunctionConstructor;
+    getContainer: import("vue").PropType<() => any>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "cancel"[], "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+    };
+    scrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    minHeight: {
+        type: NumberConstructor;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeFunc: FunctionConstructor;
+} & {
+    defaultFullscreen: {
+        type: BooleanConstructor;
+    };
+    canFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperFooterOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    loadingTip: {
+        type: StringConstructor;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    width: {
+        type: import("vue").PropType<String | Number>;
+    };
+    wrapClassName: {
+        type: StringConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    centered: {
+        type: BooleanConstructor;
+    };
+    showSave: {
+        type: BooleanConstructor;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskStyle: import("vue").PropType<import("vue").CSSProperties>;
+    footer: import("vue").PropType<import("vue").VNodeChild | JSX.Element>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    wrapperProps: ObjectConstructor;
+    afterClose: FunctionConstructor;
+    getContainer: import("vue").PropType<() => any>;
+}>> & {
+    onCancel?: (...args: any[]) => any;
+}, {
+    visible: boolean;
+    loading: boolean;
+    defaultFullscreen: boolean;
+    canFullscreen: boolean;
+    wrapperFooterOffset: number;
+    useWrapper: boolean;
+    closable: boolean;
+    destroyOnClose: boolean;
+    centered: boolean;
+    showSave: boolean;
+    mask: boolean;
+    maskClosable: boolean;
+    keyboard: boolean;
+    scrollTop: boolean;
+    draggable: boolean;
+}>;
+export default _default;

package/es/components/modal/src/components/modalFooter.d.ts

@@ -0,0 +1,102 @@
+import { ButtonProps } from '../../../forms';
+declare const _sfc_main: import("vue").DefineComponent<{
+    showSave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    emits: (event: "handleSave" | "handleCancel", ...args: any[]) => void;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        showSave: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onHandleSave?: (...args: any[]) => any;
+        onHandleCancel?: (...args: any[]) => any;
+    }>>;
+    buttonActions: ButtonProps[];
+    handleMethod: (item: ButtonProps) => void;
+    FormButtons: import("vue").DefineComponent<{
+        mode: {
+            type: import("vue").PropType<"search" | "dialog">;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showAdvancedButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        minShowColumn: {
+            type: NumberConstructor;
+            default: number;
+        };
+        buttonList: {
+            type: import("vue").PropType<ButtonProps[]>;
+            default: any[];
+        };
+        isAdvanced: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        colOpt: import("vue").ComputedRef<{
+            style: import("@dt-frames/core").Recordable<any>;
+        }>;
+        advancedRef: import("vue").Ref<{
+            valueOf: () => boolean;
+        }>;
+        showAdvanceRef: import("vue").ComputedRef<boolean>;
+        getAdvanceClass: import("vue").ComputedRef<(string | {
+            'basic-arrow--active': boolean;
+        })[]>;
+        toggleAdvanced: () => void;
+        handleBtnClick: (button: ButtonProps) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: import("vue").PropType<"search" | "dialog">;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showAdvancedButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        minShowColumn: {
+            type: NumberConstructor;
+            default: number;
+        };
+        buttonList: {
+            type: import("vue").PropType<ButtonProps[]>;
+            default: any[];
+        };
+        isAdvanced: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        mode: "search" | "dialog";
+        show: boolean;
+        showAdvancedButton: boolean;
+        minShowColumn: number;
+        buttonList: ButtonProps[];
+        isAdvanced: boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleSave" | "handleCancel")[], "handleSave" | "handleCancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showSave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onHandleSave?: (...args: any[]) => any;
+    onHandleCancel?: (...args: any[]) => any;
+}, {
+    showSave: boolean;
+}>;
+export default _sfc_main;

package/es/components/modal/src/hooks/useDrag.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export interface UseModalDragMoveContext {
+    draggable: Ref<boolean>;
+    destroyOnClose: Ref<boolean | undefined> | undefined;
+    visible: Ref<boolean>;
+}
+export declare function useDragMove(context: UseModalDragMoveContext): void;

package/es/components/modal/src/hooks/useFullScreen.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from "vue";
+interface FullScreenOptions {
+    wrapClassName: Ref<string | undefined>;
+    modalWrapperRef: Ref<any>;
+    extHeightRef: Ref<number>;
+}
+export declare function useFullScreen(options: FullScreenOptions): {
+    fullScreenRef: Ref<boolean>;
+    getWrapClassName: import("vue").ComputedRef<string>;
+    toggleFullScreen: (e: Event) => void;
+};
+export {};

package/es/components/modal/src/hooks/useModal.d.ts

@@ -0,0 +1,4 @@
+import { ModalProps } from "@dt-frames/core";
+import { UseModalInnerReturnType, UseModalReturnType } from '../types/modal.type';
+export declare function useModalOut(): UseModalReturnType;
+export declare function useModal(props?: Partial<ModalProps>, callbackFn?: Function): UseModalInnerReturnType;