tt-design-web-vue 0.1.0

package/dist/types/components/Drawer/Drawer.vue.d.ts

@@ -0,0 +1,398 @@
+import { DrawerProps } from 'element-plus';
+type TTDrawerProps = Pick<DrawerProps, 'appendToBody'>;
+type __VLS_Props = TTDrawerProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare var __VLS_7: {
+    close: () => void;
+    titleId: string;
+    titleClass: string;
+}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    footer?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    drawerRef: import('vue').Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
+            readonly resizable?: boolean | undefined;
+            readonly size?: string | number | undefined;
+            readonly withHeader?: boolean | undefined;
+            readonly modalFade?: boolean | undefined;
+            readonly headerAriaLevel?: string | undefined;
+            readonly appendToBody?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
+            readonly destroyOnClose?: boolean | undefined;
+            readonly closeOnClickModal?: boolean | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
+            readonly lockScroll?: boolean | undefined;
+            readonly modal?: boolean | undefined;
+            readonly modalPenetrable?: boolean | undefined;
+            readonly openDelay?: number | undefined;
+            readonly closeDelay?: number | undefined;
+            readonly top?: string | undefined;
+            readonly modelValue?: boolean | undefined;
+            readonly modalClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly width?: string | number | undefined;
+            readonly zIndex?: number | undefined;
+            readonly trapFocus?: boolean | undefined;
+            readonly transition?: import('element-plus').DialogTransition | undefined;
+            readonly center?: boolean | undefined;
+            readonly alignCenter?: boolean | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/vue/icon.mjs').IconPropType | undefined;
+            readonly draggable?: boolean | undefined;
+            readonly overflow?: boolean | undefined;
+            readonly fullscreen?: boolean | undefined;
+            readonly headerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly bodyClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly footerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly showClose?: boolean | undefined;
+            readonly title?: string | undefined;
+            readonly ariaLevel?: string | undefined;
+            readonly onClose?: (() => any) | undefined | undefined;
+            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+            readonly onOpen?: (() => any) | undefined | undefined;
+            readonly onOpened?: (() => any) | undefined | undefined;
+            readonly onClosed?: (() => any) | undefined | undefined;
+            readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+            readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+            readonly "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
+            readonly "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void) & ((event: "resize-start", evt: MouseEvent, size: number) => void) & ((event: "resize-end", evt: MouseEvent, size: number) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<DrawerProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            onOpenAutoFocus?: (() => any) | undefined;
+            onCloseAutoFocus?: (() => any) | undefined;
+            "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
+            "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
+        }>, {
+            handleClose: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: () => void;
+            resize: (evt: MouseEvent, size: number) => void;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
+            "resize-start": (evt: MouseEvent, size: number) => void;
+            "resize-end": (evt: MouseEvent, size: number) => void;
+        }, string, {
+            size: string | number;
+            appendTo: string | HTMLElement;
+            transition: import('element-plus').DialogTransition;
+            title: string;
+            direction: "ltr" | "rtl" | "ttb" | "btt";
+            overflow: boolean;
+            alignCenter: boolean;
+            draggable: boolean;
+            headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            showClose: boolean;
+            closeOnPressEscape: boolean;
+            bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            closeOnClickModal: boolean;
+            lockScroll: boolean;
+            modal: boolean;
+            openDelay: number;
+            closeDelay: number;
+            modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            headerAriaLevel: string;
+            ariaLevel: string;
+            withHeader: boolean;
+            modalFade: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: string | number;
+        appendTo: string | HTMLElement;
+        transition: import('element-plus').DialogTransition;
+        title: string;
+        direction: "ltr" | "rtl" | "ttb" | "btt";
+        overflow: boolean;
+        alignCenter: boolean;
+        draggable: boolean;
+        headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        showClose: boolean;
+        closeOnPressEscape: boolean;
+        bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        closeOnClickModal: boolean;
+        lockScroll: boolean;
+        modal: boolean;
+        openDelay: number;
+        closeDelay: number;
+        modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        headerAriaLevel: string;
+        ariaLevel: string;
+        withHeader: boolean;
+        modalFade: boolean;
+    }> & Omit<Readonly<DrawerProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+        "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
+        "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
+    }>, "size" | "transition" | "title" | "direction" | "draggable" | "appendTo" | "headerClass" | "bodyClass" | "footerClass" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "modalClass" | "headerAriaLevel" | "alignCenter" | "overflow" | "showClose" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade"> & {
+        handleClose: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            header?: (props: {
+                close: () => void;
+                titleId: string;
+                titleClass: string;
+            }) => any;
+        } & {
+            title?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    }) | undefined, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
+            readonly resizable?: boolean | undefined;
+            readonly size?: string | number | undefined;
+            readonly withHeader?: boolean | undefined;
+            readonly modalFade?: boolean | undefined;
+            readonly headerAriaLevel?: string | undefined;
+            readonly appendToBody?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
+            readonly destroyOnClose?: boolean | undefined;
+            readonly closeOnClickModal?: boolean | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
+            readonly lockScroll?: boolean | undefined;
+            readonly modal?: boolean | undefined;
+            readonly modalPenetrable?: boolean | undefined;
+            readonly openDelay?: number | undefined;
+            readonly closeDelay?: number | undefined;
+            readonly top?: string | undefined;
+            readonly modelValue?: boolean | undefined;
+            readonly modalClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly width?: string | number | undefined;
+            readonly zIndex?: number | undefined;
+            readonly trapFocus?: boolean | undefined;
+            readonly transition?: import('element-plus').DialogTransition | undefined;
+            readonly center?: boolean | undefined;
+            readonly alignCenter?: boolean | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/vue/icon.mjs').IconPropType | undefined;
+            readonly draggable?: boolean | undefined;
+            readonly overflow?: boolean | undefined;
+            readonly fullscreen?: boolean | undefined;
+            readonly headerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly bodyClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly footerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly showClose?: boolean | undefined;
+            readonly title?: string | undefined;
+            readonly ariaLevel?: string | undefined;
+            readonly onClose?: (() => any) | undefined | undefined;
+            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+            readonly onOpen?: (() => any) | undefined | undefined;
+            readonly onOpened?: (() => any) | undefined | undefined;
+            readonly onClosed?: (() => any) | undefined | undefined;
+            readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+            readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+            readonly "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
+            readonly "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void) & ((event: "resize-start", evt: MouseEvent, size: number) => void) & ((event: "resize-end", evt: MouseEvent, size: number) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<DrawerProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            onOpenAutoFocus?: (() => any) | undefined;
+            onCloseAutoFocus?: (() => any) | undefined;
+            "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
+            "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
+        }>, {
+            handleClose: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: () => void;
+            resize: (evt: MouseEvent, size: number) => void;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
+            "resize-start": (evt: MouseEvent, size: number) => void;
+            "resize-end": (evt: MouseEvent, size: number) => void;
+        }, string, {
+            size: string | number;
+            appendTo: string | HTMLElement;
+            transition: import('element-plus').DialogTransition;
+            title: string;
+            direction: "ltr" | "rtl" | "ttb" | "btt";
+            overflow: boolean;
+            alignCenter: boolean;
+            draggable: boolean;
+            headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            showClose: boolean;
+            closeOnPressEscape: boolean;
+            bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            closeOnClickModal: boolean;
+            lockScroll: boolean;
+            modal: boolean;
+            openDelay: number;
+            closeDelay: number;
+            modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            headerAriaLevel: string;
+            ariaLevel: string;
+            withHeader: boolean;
+            modalFade: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: string | number;
+        appendTo: string | HTMLElement;
+        transition: import('element-plus').DialogTransition;
+        title: string;
+        direction: "ltr" | "rtl" | "ttb" | "btt";
+        overflow: boolean;
+        alignCenter: boolean;
+        draggable: boolean;
+        headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        showClose: boolean;
+        closeOnPressEscape: boolean;
+        bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        closeOnClickModal: boolean;
+        lockScroll: boolean;
+        modal: boolean;
+        openDelay: number;
+        closeDelay: number;
+        modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        headerAriaLevel: string;
+        ariaLevel: string;
+        withHeader: boolean;
+        modalFade: boolean;
+    }> & Omit<Readonly<DrawerProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+        "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
+        "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
+    }>, "size" | "transition" | "title" | "direction" | "draggable" | "appendTo" | "headerClass" | "bodyClass" | "footerClass" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "modalClass" | "headerAriaLevel" | "alignCenter" | "overflow" | "showClose" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade"> & {
+        handleClose: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            header?: (props: {
+                close: () => void;
+                titleId: string;
+                titleClass: string;
+            }) => any;
+        } & {
+            title?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    }) | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    appendToBody: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Drawer.vue';