@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/es/base-anchor/src/types.d.ts

@@ -0,0 +1,36 @@
+import { TxCardProps } from '../../card/src/types';
+
+export type BaseAnchorPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export type BaseAnchorSurfaceMotionAdaptation = 'auto' | 'manual' | 'off';
+export type BaseAnchorPanelCardProps = Partial<Pick<TxCardProps, 'glassBlur' | 'glassBlurAmount' | 'glassOverlay' | 'glassOverlayOpacity' | 'maskOpacity' | 'fallbackMaskOpacity' | 'surfaceMoving' | 'refractionStrength' | 'refractionProfile' | 'refractionTone' | 'refractionAngle' | 'refractionLightFollowMouse' | 'refractionLightFollowIntensity' | 'refractionLightSpring' | 'refractionLightSpringStiffness' | 'refractionLightSpringDamping'>>;
+export type BaseAnchorClassValue = string | Record<string, boolean> | BaseAnchorClassValue[];
+export interface BaseAnchorProps {
+    modelValue?: boolean;
+    disabled?: boolean;
+    eager?: boolean;
+    placement?: BaseAnchorPlacement;
+    offset?: number;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    unlimitedHeight?: boolean;
+    matchReferenceWidth?: boolean;
+    referenceClass?: BaseAnchorClassValue;
+    duration?: number;
+    ease?: string;
+    useCard?: boolean;
+    panelVariant?: 'solid' | 'dashed' | 'plain';
+    panelBackground?: 'pure' | 'mask' | 'blur' | 'glass' | 'refraction';
+    panelShadow?: 'none' | 'soft' | 'medium';
+    panelRadius?: number;
+    panelPadding?: number;
+    panelCard?: BaseAnchorPanelCardProps;
+    surfaceMotionAdaptation?: BaseAnchorSurfaceMotionAdaptation;
+    showArrow?: boolean;
+    arrowSize?: number;
+    keepAliveContent?: boolean;
+    closeOnClickOutside?: boolean;
+    closeOnEsc?: boolean;
+    toggleOnReferenceClick?: boolean;
+}

package/dist/es/base-surface/index.d.ts

@@ -0,0 +1,561 @@
+import { BaseSurfaceMode, BaseSurfacePreset, BaseSurfaceProps, BaseSurfaceRefractionProfile, BaseSurfaceRefractionRenderer, BaseSurfaceRefractionTone } from './src/types';
+import { default as TxBaseSurface } from './src/TxBaseSurface.vue';
+
+declare const BaseSurface: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<BaseSurfaceMode>;
+            default: string;
+        };
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        blur: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        fallbackMaskOpacity: {
+            type: import('vue').PropType<number>;
+        };
+        refractionStrength: {
+            type: import('vue').PropType<number>;
+        };
+        refractionProfile: {
+            type: import('vue').PropType<BaseSurfaceRefractionProfile>;
+        };
+        refractionTone: {
+            type: import('vue').PropType<BaseSurfaceRefractionTone>;
+            default: string;
+        };
+        refractionAngle: {
+            type: import('vue').PropType<number>;
+        };
+        radius: {
+            type: import('vue').PropType<string | number>;
+        };
+        borderWidth: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        brightness: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        opacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        displace: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        backgroundOpacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        saturation: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        distortionScale: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        redOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        greenOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        blueOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        xChannel: {
+            type: import('vue').PropType<"B" | "R" | "G">;
+            default: string;
+        };
+        yChannel: {
+            type: import('vue').PropType<"B" | "R" | "G">;
+            default: string;
+        };
+        mixBlendMode: {
+            type: import('vue').PropType<"normal" | "difference" | "color" | "saturation" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "exclusion" | "hue" | "luminosity" | "plus-darker" | "plus-lighter">;
+            default: string;
+        };
+        filterSaturation: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        filterContrast: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        filterBrightness: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        refractionLightX: {
+            type: import('vue').PropType<number>;
+        };
+        refractionLightY: {
+            type: import('vue').PropType<number>;
+        };
+        refractionHaloOpacity: {
+            type: import('vue').PropType<number>;
+        };
+        moving: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        fallbackMode: {
+            type: import('vue').PropType<"mask" | "pure">;
+            default: string;
+        };
+        settleDelay: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        autoDetect: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        transitionDuration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        fake: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        fakeIndex: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        preset: {
+            type: import('vue').PropType<BaseSurfacePreset>;
+            default: string;
+        };
+        refractionRenderer: {
+            type: import('vue').PropType<BaseSurfaceRefractionRenderer>;
+            default: string;
+        };
+        overlayOpacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mode: BaseSurfaceMode;
+        tag: string;
+        blur: number;
+        refractionTone: BaseSurfaceRefractionTone;
+        borderWidth: number;
+        brightness: number;
+        opacity: number;
+        displace: number;
+        backgroundOpacity: number;
+        saturation: number;
+        distortionScale: number;
+        redOffset: number;
+        greenOffset: number;
+        blueOffset: number;
+        xChannel: "R" | "G" | "B";
+        yChannel: "R" | "G" | "B";
+        mixBlendMode: "normal" | "difference" | "color" | "saturation" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "exclusion" | "hue" | "luminosity" | "plus-darker" | "plus-lighter";
+        filterSaturation: number;
+        filterContrast: number;
+        filterBrightness: number;
+        moving: boolean;
+        fallbackMode: "pure" | "mask";
+        settleDelay: number;
+        autoDetect: boolean;
+        transitionDuration: number;
+        fake: boolean;
+        fakeIndex: number;
+        preset: BaseSurfacePreset;
+        refractionRenderer: BaseSurfaceRefractionRenderer;
+        overlayOpacity: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<BaseSurfaceMode>;
+            default: string;
+        };
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        blur: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        fallbackMaskOpacity: {
+            type: import('vue').PropType<number>;
+        };
+        refractionStrength: {
+            type: import('vue').PropType<number>;
+        };
+        refractionProfile: {
+            type: import('vue').PropType<BaseSurfaceRefractionProfile>;
+        };
+        refractionTone: {
+            type: import('vue').PropType<BaseSurfaceRefractionTone>;
+            default: string;
+        };
+        refractionAngle: {
+            type: import('vue').PropType<number>;
+        };
+        radius: {
+            type: import('vue').PropType<string | number>;
+        };
+        borderWidth: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        brightness: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        opacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        displace: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        backgroundOpacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        saturation: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        distortionScale: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        redOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        greenOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        blueOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        xChannel: {
+            type: import('vue').PropType<"B" | "R" | "G">;
+            default: string;
+        };
+        yChannel: {
+            type: import('vue').PropType<"B" | "R" | "G">;
+            default: string;
+        };
+        mixBlendMode: {
+            type: import('vue').PropType<"normal" | "difference" | "color" | "saturation" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "exclusion" | "hue" | "luminosity" | "plus-darker" | "plus-lighter">;
+            default: string;
+        };
+        filterSaturation: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        filterContrast: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        filterBrightness: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        refractionLightX: {
+            type: import('vue').PropType<number>;
+        };
+        refractionLightY: {
+            type: import('vue').PropType<number>;
+        };
+        refractionHaloOpacity: {
+            type: import('vue').PropType<number>;
+        };
+        moving: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        fallbackMode: {
+            type: import('vue').PropType<"mask" | "pure">;
+            default: string;
+        };
+        settleDelay: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        autoDetect: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        transitionDuration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        fake: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        fakeIndex: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        preset: {
+            type: import('vue').PropType<BaseSurfacePreset>;
+            default: string;
+        };
+        refractionRenderer: {
+            type: import('vue').PropType<BaseSurfaceRefractionRenderer>;
+            default: string;
+        };
+        overlayOpacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        mode: BaseSurfaceMode;
+        tag: string;
+        blur: number;
+        refractionTone: BaseSurfaceRefractionTone;
+        borderWidth: number;
+        brightness: number;
+        opacity: number;
+        displace: number;
+        backgroundOpacity: number;
+        saturation: number;
+        distortionScale: number;
+        redOffset: number;
+        greenOffset: number;
+        blueOffset: number;
+        xChannel: "R" | "G" | "B";
+        yChannel: "R" | "G" | "B";
+        mixBlendMode: "normal" | "difference" | "color" | "saturation" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "exclusion" | "hue" | "luminosity" | "plus-darker" | "plus-lighter";
+        filterSaturation: number;
+        filterContrast: number;
+        filterBrightness: number;
+        moving: boolean;
+        fallbackMode: "pure" | "mask";
+        settleDelay: number;
+        autoDetect: boolean;
+        transitionDuration: number;
+        fake: boolean;
+        fakeIndex: number;
+        preset: BaseSurfacePreset;
+        refractionRenderer: BaseSurfaceRefractionRenderer;
+        overlayOpacity: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: import('vue').PropType<BaseSurfaceMode>;
+        default: string;
+    };
+    tag: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    blur: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    color: {
+        type: import('vue').PropType<string>;
+    };
+    fallbackMaskOpacity: {
+        type: import('vue').PropType<number>;
+    };
+    refractionStrength: {
+        type: import('vue').PropType<number>;
+    };
+    refractionProfile: {
+        type: import('vue').PropType<BaseSurfaceRefractionProfile>;
+    };
+    refractionTone: {
+        type: import('vue').PropType<BaseSurfaceRefractionTone>;
+        default: string;
+    };
+    refractionAngle: {
+        type: import('vue').PropType<number>;
+    };
+    radius: {
+        type: import('vue').PropType<string | number>;
+    };
+    borderWidth: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    brightness: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    opacity: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    displace: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    backgroundOpacity: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    saturation: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    distortionScale: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    redOffset: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    greenOffset: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    blueOffset: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    xChannel: {
+        type: import('vue').PropType<"B" | "R" | "G">;
+        default: string;
+    };
+    yChannel: {
+        type: import('vue').PropType<"B" | "R" | "G">;
+        default: string;
+    };
+    mixBlendMode: {
+        type: import('vue').PropType<"normal" | "difference" | "color" | "saturation" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "exclusion" | "hue" | "luminosity" | "plus-darker" | "plus-lighter">;
+        default: string;
+    };
+    filterSaturation: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    filterContrast: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    filterBrightness: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    refractionLightX: {
+        type: import('vue').PropType<number>;
+    };
+    refractionLightY: {
+        type: import('vue').PropType<number>;
+    };
+    refractionHaloOpacity: {
+        type: import('vue').PropType<number>;
+    };
+    moving: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    fallbackMode: {
+        type: import('vue').PropType<"mask" | "pure">;
+        default: string;
+    };
+    settleDelay: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    autoDetect: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    transitionDuration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    fake: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    fakeIndex: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    preset: {
+        type: import('vue').PropType<BaseSurfacePreset>;
+        default: string;
+    };
+    refractionRenderer: {
+        type: import('vue').PropType<BaseSurfaceRefractionRenderer>;
+        default: string;
+    };
+    overlayOpacity: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    mode: BaseSurfaceMode;
+    tag: string;
+    blur: number;
+    refractionTone: BaseSurfaceRefractionTone;
+    borderWidth: number;
+    brightness: number;
+    opacity: number;
+    displace: number;
+    backgroundOpacity: number;
+    saturation: number;
+    distortionScale: number;
+    redOffset: number;
+    greenOffset: number;
+    blueOffset: number;
+    xChannel: "R" | "G" | "B";
+    yChannel: "R" | "G" | "B";
+    mixBlendMode: "normal" | "difference" | "color" | "saturation" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "exclusion" | "hue" | "luminosity" | "plus-darker" | "plus-lighter";
+    filterSaturation: number;
+    filterContrast: number;
+    filterBrightness: number;
+    moving: boolean;
+    fallbackMode: "pure" | "mask";
+    settleDelay: number;
+    autoDetect: boolean;
+    transitionDuration: number;
+    fake: boolean;
+    fakeIndex: number;
+    preset: BaseSurfacePreset;
+    refractionRenderer: BaseSurfaceRefractionRenderer;
+    overlayOpacity: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export { BaseSurface, TxBaseSurface };
+export type { BaseSurfaceMode, BaseSurfacePreset, BaseSurfaceProps, BaseSurfaceRefractionProfile, BaseSurfaceRefractionRenderer, BaseSurfaceRefractionTone, };
+export type TxBaseSurfaceInstance = InstanceType<typeof TxBaseSurface>;
+export default BaseSurface;

package/dist/es/base-surface/index.js

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