@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/es/flip-overlay/index.d.ts

@@ -0,0 +1,579 @@
+import { FlipOverlayEmits, FlipOverlayProps, FlipOverlaySlotProps } from './src/types';
+import { default as TxFlipOverlayComponent } from './src/TxFlipOverlay.vue';
+
+declare const FlipOverlay: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        header: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        source: {
+            type: import('vue').PropType<HTMLElement | DOMRect | null>;
+            default: null;
+        };
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        closable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        border: {
+            type: import('vue').PropType<"none" | "solid" | "dashed" | "dash">;
+            default: string;
+        };
+        surfaceColor: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        surfaceOpacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        rotateX: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        rotateY: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        perspective: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        expanded: {
+            type: import('vue').PropType<boolean>;
+        };
+        surface: {
+            type: import('vue').PropType<"mask" | "blur" | "pure" | "glass" | "refraction">;
+            default: string;
+        };
+        sourceRadius: {
+            type: import('vue').PropType<string | null>;
+            default: null;
+        };
+        tiltRange: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        speedBoost: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        speedBoostAt: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        easeOut: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        easeIn: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        maskClosable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        preventAccidentalClose: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        transitionName: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        maskClass: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        cardClass: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        cardStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        globalMask: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        headerTitle: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        headerDesc: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        closeAriaLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        scrollable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        randomTilt: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        animating: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+        "onUpdate:animating"?: ((value: boolean) => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        close: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => void;
+        "update:expanded": (value: boolean) => void;
+        "update:animating": (value: boolean) => void;
+        open: () => void;
+        opened: () => void;
+        close: () => void;
+        closed: () => void;
+    }, import('vue').PublicProps, {
+        header: boolean;
+        source: HTMLElement | DOMRect | null;
+        duration: number;
+        closable: boolean;
+        border: "solid" | "dashed" | "dash" | "none";
+        surfaceColor: string;
+        surfaceOpacity: number;
+        modelValue: boolean;
+        rotateX: number;
+        rotateY: number;
+        perspective: number;
+        surface: "pure" | "mask" | "blur" | "glass" | "refraction";
+        sourceRadius: string | null;
+        tiltRange: number;
+        speedBoost: number;
+        speedBoostAt: number;
+        easeOut: string;
+        easeIn: string;
+        maskClosable: boolean;
+        preventAccidentalClose: boolean;
+        transitionName: string;
+        maskClass: string;
+        cardClass: string;
+        globalMask: boolean;
+        headerTitle: string;
+        headerDesc: string;
+        closeAriaLabel: string;
+        scrollable: boolean;
+        randomTilt: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        header: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        source: {
+            type: import('vue').PropType<HTMLElement | DOMRect | null>;
+            default: null;
+        };
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        closable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        border: {
+            type: import('vue').PropType<"none" | "solid" | "dashed" | "dash">;
+            default: string;
+        };
+        surfaceColor: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        surfaceOpacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        rotateX: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        rotateY: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        perspective: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        expanded: {
+            type: import('vue').PropType<boolean>;
+        };
+        surface: {
+            type: import('vue').PropType<"mask" | "blur" | "pure" | "glass" | "refraction">;
+            default: string;
+        };
+        sourceRadius: {
+            type: import('vue').PropType<string | null>;
+            default: null;
+        };
+        tiltRange: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        speedBoost: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        speedBoostAt: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        easeOut: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        easeIn: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        maskClosable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        preventAccidentalClose: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        transitionName: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        maskClass: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        cardClass: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        cardStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        globalMask: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        headerTitle: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        headerDesc: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        closeAriaLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        scrollable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        randomTilt: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        animating: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+        "onUpdate:animating"?: ((value: boolean) => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        close: () => void;
+    }, {}, {}, {}, {
+        header: boolean;
+        source: HTMLElement | DOMRect | null;
+        duration: number;
+        closable: boolean;
+        border: "solid" | "dashed" | "dash" | "none";
+        surfaceColor: string;
+        surfaceOpacity: number;
+        modelValue: boolean;
+        rotateX: number;
+        rotateY: number;
+        perspective: number;
+        surface: "pure" | "mask" | "blur" | "glass" | "refraction";
+        sourceRadius: string | null;
+        tiltRange: number;
+        speedBoost: number;
+        speedBoostAt: number;
+        easeOut: string;
+        easeIn: string;
+        maskClosable: boolean;
+        preventAccidentalClose: boolean;
+        transitionName: string;
+        maskClass: string;
+        cardClass: string;
+        globalMask: boolean;
+        headerTitle: string;
+        headerDesc: string;
+        closeAriaLabel: string;
+        scrollable: boolean;
+        randomTilt: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    header: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    source: {
+        type: import('vue').PropType<HTMLElement | DOMRect | null>;
+        default: null;
+    };
+    duration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    closable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    border: {
+        type: import('vue').PropType<"none" | "solid" | "dashed" | "dash">;
+        default: string;
+    };
+    surfaceColor: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    surfaceOpacity: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    modelValue: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    rotateX: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    rotateY: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    perspective: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    expanded: {
+        type: import('vue').PropType<boolean>;
+    };
+    surface: {
+        type: import('vue').PropType<"mask" | "blur" | "pure" | "glass" | "refraction">;
+        default: string;
+    };
+    sourceRadius: {
+        type: import('vue').PropType<string | null>;
+        default: null;
+    };
+    tiltRange: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    speedBoost: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    speedBoostAt: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    easeOut: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    easeIn: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    maskClosable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    preventAccidentalClose: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    transitionName: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    maskClass: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    cardClass: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    cardStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+    };
+    globalMask: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    headerTitle: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    headerDesc: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    closeAriaLabel: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    scrollable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    randomTilt: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    animating: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+    "onUpdate:animating"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}>, {
+    close: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    "update:expanded": (value: boolean) => void;
+    "update:animating": (value: boolean) => void;
+    open: () => void;
+    opened: () => void;
+    close: () => void;
+    closed: () => void;
+}, string, {
+    header: boolean;
+    source: HTMLElement | DOMRect | null;
+    duration: number;
+    closable: boolean;
+    border: "solid" | "dashed" | "dash" | "none";
+    surfaceColor: string;
+    surfaceOpacity: number;
+    modelValue: boolean;
+    rotateX: number;
+    rotateY: number;
+    perspective: number;
+    surface: "pure" | "mask" | "blur" | "glass" | "refraction";
+    sourceRadius: string | null;
+    tiltRange: number;
+    speedBoost: number;
+    speedBoostAt: number;
+    easeOut: string;
+    easeIn: string;
+    maskClosable: boolean;
+    preventAccidentalClose: boolean;
+    transitionName: string;
+    maskClass: string;
+    cardClass: string;
+    globalMask: boolean;
+    headerTitle: string;
+    headerDesc: string;
+    closeAriaLabel: string;
+    scrollable: boolean;
+    randomTilt: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {
+            close: () => void;
+            expanded: boolean;
+            animating: boolean;
+            closable: boolean;
+            headerTitle?: string;
+            headerDesc?: string;
+        }): any;
+        "header-display"?(_: {
+            close: () => void;
+            expanded: boolean;
+            animating: boolean;
+            closable: boolean;
+            headerTitle?: string;
+            headerDesc?: string;
+        }): any;
+        "header-actions"?(_: {
+            close: () => void;
+            expanded: boolean;
+            animating: boolean;
+            closable: boolean;
+            headerTitle?: string;
+            headerDesc?: string;
+        }): any;
+        "header-close"?(_: {
+            close: () => void;
+            expanded: boolean;
+            animating: boolean;
+            closable: boolean;
+            headerTitle?: string;
+            headerDesc?: string;
+        }): any;
+        default?(_: {
+            close: () => void;
+            expanded: boolean;
+            animating: boolean;
+            closable: boolean;
+            headerTitle?: string;
+            headerDesc?: string;
+        }): any;
+    };
+}) & import('vue').Plugin;
+export { FlipOverlay, TxFlipOverlayComponent as TxFlipOverlay };
+export type { FlipOverlayEmits, FlipOverlayProps, FlipOverlaySlotProps };
+export type TxFlipOverlayInstance = InstanceType<typeof TxFlipOverlayComponent> & {
+    close: () => void;
+};
+export default FlipOverlay;

package/dist/es/flip-overlay/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
+import _sfc_main from './src/TxFlipOverlay.vue.js';
+/* empty css                       */
+
+const FlipOverlay = withInstall(_sfc_main);
+
+export { FlipOverlay, _sfc_main as TxFlipOverlay, FlipOverlay as default };