@dt-frames/ui 2.0.1 → 2.0.3

package/es/components/modal/index.less

@@ -0,0 +1,54 @@
+.fullscreen-modal{
+	overflow: hidden;
+
+	.ant-modal {
+        top: 0 !important;
+        right: 0 !important;
+        bottom: 0 !important;
+        left: 0 !important;
+        width: 100% !important;
+        height: 100%;
+		max-width: 100%;
+
+        &-content {
+            height: 100%;
+        }
+    }
+}
+
+
+.dt-modal{
+	.ant-modal {
+		padding: 0;
+	}
+}
+
+.dt-basic-modal-close{
+	&--can-full {
+        margin-right: 15px;
+        > i {
+            padding-right: 15px;
+            width: 40px;
+        }
+    }
+
+	&:not(&--can-full) {
+		&>i:nth-child(1) {
+            &:hover {
+                color: @primary-color;
+            }
+        }
+	}
+
+	&>i:last-child {
+		&:hover {
+			color: @error-color;
+		}
+	}
+}
+
+.dt-form-btns {
+	.ant-form-item-control-input-content{
+		display: flex;
+	}
+}

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

@@ -0,0 +1,40 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    canFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+    };
+}, {
+    t: {
+        (key: string): string;
+        (key: string, locale: string): string;
+        (key: string, locale: string, list: unknown[]): string;
+        (key: string, locale: string, named: Record<string, unknown>): string;
+        (key: string, list: unknown[]): string;
+        (key: string, named: Record<string, unknown>): string;
+    };
+    props: any;
+    emit: (event: "cancel" | "fullscreen", ...args: any[]) => void;
+    getClass: import("vue").ComputedRef<(string | {
+        "dt-basic-modal-close--can-full": boolean;
+    })[]>;
+    handleCancel: (e: Event) => void;
+    handleFullScreen: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "fullscreen")[], "cancel" | "fullscreen", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    canFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+    };
+}>> & {
+    onCancel?: (...args: any[]) => any;
+    onFullscreen?: (...args: any[]) => any;
+}, {
+    canFullscreen: boolean;
+    fullScreen: boolean;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,108 @@
+declare const _sfc_main: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        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: import("vue").PropType<String | Number>;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultFullscreen: {
+            type: BooleanConstructor;
+        };
+        canFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        title: {
+            type: import("vue").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: import("vue").PropType<import("vue").CSSProperties>;
+        footer: {
+            type: import("vue").PropType<import("../../../form/src/types/form.type").ButtonProps[]>;
+        };
+        bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+        wrapperProps: ObjectConstructor;
+        getContainer: import("vue").PropType<() => any>;
+        closeFunc: import("vue").PropType<() => Promise<boolean>>;
+        afterClose: FunctionConstructor;
+    };
+    emits: string[];
+    setup(props: any, { slots, emit }: {
+        slots: any;
+        emit: any;
+    }): () => JSX.Element;
+};
+export default _sfc_main;

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

@@ -0,0 +1,139 @@
+import { ButtonProps } from '../../../form/src/types/form.type';
+import { PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    buttons: PropType<ButtonProps[]>;
+    showSave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okText: {
+        type: StringConstructor;
+    };
+    cancelText: {
+        type: StringConstructor;
+    };
+}, {
+    t: {
+        (key: string): string;
+        (key: string, locale: string): string;
+        (key: string, locale: string, list: unknown[]): string;
+        (key: string, locale: string, named: Record<string, unknown>): string;
+        (key: string, list: unknown[]): string;
+        (key: string, named: Record<string, unknown>): string;
+    };
+    emits: (event: "handleSave" | "handleCancel", ...args: any[]) => void;
+    props: any;
+    buttonList: import("vue").ComputedRef<ButtonProps[]>;
+    handleMethod: (item: ButtonProps) => void;
+    DtFormButtons: import("vue").DefineComponent<{
+        mode: {
+            type: PropType<"search" | "dialog">;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showAdvancedButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        minShowColumn: {
+            type: NumberConstructor;
+            default: number;
+        };
+        buttonList: {
+            type: PropType<ButtonProps[]>;
+            default: any[];
+        };
+        isAdvanced: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        props: any;
+        emits: (event: "handle-method", ...args: any[]) => void;
+        t: {
+            (key: string): string;
+            (key: string, locale: string): string;
+            (key: string, locale: string, list: unknown[]): string;
+            (key: string, locale: string, named: Record<string, unknown>): string;
+            (key: string, list: unknown[]): string;
+            (key: string, named: Record<string, unknown>): string;
+        };
+        advancedRef: import("vue").Ref<{
+            valueOf: () => boolean;
+        }>;
+        key: number;
+        showAdvanceRef: import("vue").ComputedRef<boolean>;
+        colOpt: import("vue").ComputedRef<{
+            style: import("@dt-frames/core").Recordable<any>;
+        }>;
+        getAdvanceClass: import("vue").ComputedRef<(string | {
+            'basic-arrow--active': boolean;
+        })[]>;
+        toggleAdvanced: () => void;
+        handleBtnClick: (button: ButtonProps) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "handle-method"[], "handle-method", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: PropType<"search" | "dialog">;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showAdvancedButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        minShowColumn: {
+            type: NumberConstructor;
+            default: number;
+        };
+        buttonList: {
+            type: PropType<ButtonProps[]>;
+            default: any[];
+        };
+        isAdvanced: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onHandle-method"?: (...args: any[]) => any;
+    }, {
+        mode: "search" | "dialog";
+        minShowColumn: number;
+        showAdvancedButton: boolean;
+        show: boolean;
+        isAdvanced: boolean;
+        buttonList: ButtonProps[];
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleSave" | "handleCancel")[], "handleSave" | "handleCancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    buttons: PropType<ButtonProps[]>;
+    showSave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okText: {
+        type: StringConstructor;
+    };
+    cancelText: {
+        type: StringConstructor;
+    };
+}>> & {
+    onHandleSave?: (...args: any[]) => any;
+    onHandleCancel?: (...args: any[]) => any;
+}, {
+    showSave: boolean;
+    showCancel: boolean;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,153 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalHeaderHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modalFooterHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+    };
+}, {
+    wrapperRef: any;
+    wrapRef: any;
+    realHeightRef: import("vue").Ref<number>;
+    minRealHeightRef: import("vue").Ref<number>;
+    realHeight: number;
+    props: any;
+    emits: (event: "height-change" | "ext-height", ...args: any[]) => void;
+    wrapStyle: import("vue").ComputedRef<{
+        [x: string]: string;
+        minHeight: string;
+    }>;
+    getModalDom: () => Promise<any>;
+    setModalHeight: () => Promise<void>;
+    readonly DtScrollContainer: import("../../../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{}, {
+        scrollbarRef: any;
+        scrollTo: (to: number, duration?: number) => void;
+        getScrollWrap: () => any;
+        scrollBottom: () => void;
+        ScrollBar: import("vue").DefineComponent<{
+            wrapClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            wrapStyle: ArrayConstructor;
+            viewClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            viewStyle: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            noresize: BooleanConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            sizeWidth: import("vue").Ref<string>;
+            sizeHeight: import("vue").Ref<string>;
+            moveX: import("vue").Ref<number>;
+            moveY: import("vue").Ref<number>;
+            wrap: import("vue").Ref<any>;
+            resize: import("vue").Ref<any>;
+            props: any;
+            style: import("vue").ComputedRef<{}>;
+            handleScroll: () => void;
+            update: () => void;
+            readonly Bar: import("vue").DefineComponent<{
+                vertical: BooleanConstructor;
+                size: StringConstructor;
+                move: NumberConstructor;
+            }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                vertical: BooleanConstructor;
+                size: StringConstructor;
+                move: NumberConstructor;
+            }>>, {
+                vertical: boolean;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            wrapClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            wrapStyle: ArrayConstructor;
+            viewClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            viewStyle: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            noresize: BooleanConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>, {
+            wrapClass: string | unknown[];
+            viewClass: string | unknown[];
+            viewStyle: string | unknown[];
+            noresize: boolean;
+            tag: string;
+        }>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("height-change" | "ext-height")[], "height-change" | "ext-height", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalHeaderHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modalFooterHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+    };
+}>> & {
+    "onHeight-change"?: (...args: any[]) => any;
+    "onExt-height"?: (...args: any[]) => any;
+}, {
+    visible: boolean;
+    minHeight: number;
+    useWrapper: boolean;
+    fullScreen: boolean;
+    modalHeaderHeight: number;
+    modalFooterHeight: number;
+}>;
+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,6 @@
+import { Ref } from "vue";
+export declare function useFullScreen(wrapClassName: Ref<string | undefined>): {
+    fullScreenRef: Ref<boolean>;
+    getWrapClassName: import("vue").ComputedRef<string>;
+    toggleFullScreen: (e: Event) => void;
+};

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

@@ -0,0 +1,5 @@
+import { ExtractPropTypes } from "vue";
+import { basicProps } from "../props";
+import { UseModalReturnType, UseModalInnerReturnType } from "../types/modal.type";
+export declare function useModalOut(): UseModalReturnType;
+export declare function useModal(props: Partial<ExtractPropTypes<typeof basicProps>>, setModalData?: (params: any) => void): UseModalInnerReturnType;