tttb 0.1.24

package/dist/types/components/Tooltip/types.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties, VNode, ComponentPublicInstance } from 'vue';
+import { IsElementOverflowOptions } from '../../utils';
+export declare const BASIC_Z_INDEX = 1000;
+export type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type Trigger = 'hover' | 'click';
+export interface Props {
+    content?: string | VNode;
+    placement?: Placement;
+    trigger?: Trigger;
+    manual?: boolean;
+    offset?: number;
+    transition?: 'scale' | 'fade' | 'slide' | string;
+    showArrow?: boolean;
+    singleton?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    light?: boolean;
+    class?: string;
+    style?: CSSProperties;
+    virtualRef?: Element | ComponentPublicInstance | null;
+    overflow?: boolean | IsElementOverflowOptions;
+}
+export declare const defaultProps: {
+    readonly content: "";
+    readonly placement: "top";
+    readonly trigger: "hover";
+    readonly manual: false;
+    readonly offset: 8;
+    readonly transition: "scale";
+    readonly showArrow: true;
+    readonly singleton: false;
+    readonly openDelay: 0;
+    readonly closeDelay: 100;
+    readonly light: false;
+    readonly class: "";
+    readonly style: any;
+    readonly virtualRef: null;
+    readonly overflow: false;
+};
+export interface TooltipItemState {
+    isVisible: boolean;
+    triggerEl: HTMLElement | null;
+    floatingEl: HTMLElement | null;
+    content: string | VNode;
+    zIndex: number;
+    props: Required<Props>;
+    scheduler: {
+        run: (fn: () => void, delay: number) => void;
+        cancel: () => void;
+    };
+    parentId: symbol | null;
+}

package/dist/types/components/Tooltip/useTooltip.d.ts

@@ -0,0 +1,8 @@
+import { Ref, MaybeRefOrGetter, CSSProperties } from 'vue';
+import { Props } from './types';
+export declare const useTooltip: (propsSource: MaybeRefOrGetter<Props>, triggerRef: Ref<HTMLElement | null>, floatingRef: Ref<HTMLElement | null>, arrowRef: Ref<HTMLElement | null>, zIndex: MaybeRefOrGetter<number>, callbacks: {
+    onHide?: () => void;
+}) => {
+    style: import('vue').ComputedRef<CSSProperties>;
+    side: import('vue').ComputedRef<string>;
+};

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

@@ -0,0 +1,20 @@
+import { Props } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    msg: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Warn/types.d.ts

@@ -0,0 +1,6 @@
+export interface Props {
+    msg?: string;
+}
+export declare const defaultProps: {
+    msg: string;
+};

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

@@ -0,0 +1,28 @@
+import { Props } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        parentRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    text: string;
+    color: string;
+    rotate: number;
+    fontSize: number;
+    gap: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    parentRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Watermark/types.d.ts

@@ -0,0 +1,14 @@
+export interface Props {
+    text?: string;
+    fontSize?: number;
+    gap?: number;
+    rotate?: number;
+    color?: string;
+}
+export declare const defaultProps: {
+    readonly text: "Watermark";
+    readonly fontSize: 20;
+    readonly gap: 100;
+    readonly rotate: -45;
+    readonly color: "rgba(0, 0, 0, .1)";
+};

package/dist/types/components/Watermark/useWatermarkBg.d.ts

@@ -0,0 +1,6 @@
+import { Props } from './types';
+declare const _default: (props: Required<Props>) => import('vue').ComputedRef<{
+    base64: string;
+    size: number;
+}>;
+export default _default;

package/dist/types/components/helpers.d.ts

@@ -0,0 +1,14 @@
+import { Plugin } from 'vue';
+export type WithInstall<T> = T & Plugin;
+export declare const withInstall: <T>(component: T) => WithInstall<T>;
+export declare const RenderContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: (ObjectConstructor | StringConstructor)[];
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: (ObjectConstructor | StringConstructor)[];
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,19 @@
+export { default as Button } from './Button';
+export { default as Checkbox } from './Checkbox';
+export { default as Dialog } from './Dialog';
+export { default as Icon } from './Icon';
+export { default as Loading } from './Loading';
+export { default as Message } from './Message';
+export { default as Modal } from './Modal';
+export { default as Nav } from './Nav';
+export { default as Pagination } from './Pagination';
+export { default as Popconfirm } from './Popconfirm';
+export { default as Popover } from './Popover';
+export { default as Progress } from './Progress';
+export { default as RouterNav } from './RouterNav';
+export { default as Switch } from './Switch';
+export { default as Table } from './Table';
+export { default as Timer } from './Timer';
+export { default as Tooltip } from './Tooltip';
+export { default as Warn } from './Warn';
+export { default as Watermark } from './Watermark';

package/dist/types/directives/helper.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+export interface DirectiveWithName extends ObjectDirective {
+    name: string;
+}

package/dist/types/directives/index.d.ts

@@ -0,0 +1,9 @@
+export { default as vBackTop } from './vBackTop';
+export { default as vDelayIn } from './vDelayIn';
+export { default as vHoldPointer } from './vHoldPointer';
+export { default as vLazy } from './vLazy';
+export { default as vLoading } from './vLoading';
+export { default as vRipple } from './vRipple';
+export { default as vSlideIn } from './vSlideIn';
+export { default as vTextJump } from './vTextJump';
+export { default as vTooltip } from './vTooltip';

package/dist/types/directives/vBackTop.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vBackTop: DirectiveWithName;
+export default vBackTop;

package/dist/types/directives/vDelayIn.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vDelayIn: DirectiveWithName;
+export default vDelayIn;

package/dist/types/directives/vHoldPointer.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vHoldPointer: DirectiveWithName;
+export default vHoldPointer;

package/dist/types/directives/vLazy.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vLazy: DirectiveWithName;
+export default vLazy;

package/dist/types/directives/vLoading.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vLoading: DirectiveWithName;
+export default vLoading;

package/dist/types/directives/vRipple.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vRipple: DirectiveWithName;
+export default vRipple;

package/dist/types/directives/vSlideIn.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vSlideIn: DirectiveWithName;
+export default vSlideIn;

package/dist/types/directives/vTextJump.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveWithName } from './helper';
+declare const vTextJump: DirectiveWithName;
+export default vTextJump;

package/dist/types/directives/vTooltip.d.ts

@@ -0,0 +1,8 @@
+import { ObjectDirective } from 'vue';
+import { DirectiveWithName } from './helper';
+/**
+ * vTooltip 指令 - 为元素快速绑定Tooltip能力
+ * 支持：hover/click触发、overflow模式、单例/多例、自定义位置/样式等
+ */
+declare const vTooltip: ObjectDirective & DirectiveWithName;
+export default vTooltip;

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useAudio';
+export * from './useElementScroll';
+export * from './useGSAP';
+export * from './useRefreshRate';
+export * from './useWindowBackTop';

package/dist/types/hooks/useAudio.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+interface AudioOptions {
+    autoplay?: boolean;
+    loop?: boolean;
+    volume?: number;
+    muted?: boolean;
+    playbackRate?: number;
+    preload?: 'auto' | 'metadata' | 'none';
+}
+interface AudioState {
+    playing: boolean;
+    paused: boolean;
+    ended: boolean;
+    duration: number;
+    currentTime: number;
+    buffered: number;
+    volume: number;
+    muted: boolean;
+    playbackRate: number;
+    loading: boolean;
+    canplay: boolean;
+    error: Error | null;
+}
+export declare const useAudio: (source: string | Ref<string>, opts?: AudioOptions) => {
+    state: Readonly<AudioState>;
+    play: () => Promise<void>;
+    pause: () => void;
+    toggle: () => void;
+    stop: () => void;
+    seek: (time: number) => void;
+    seekRelative: (delta: number) => void;
+    setVolume: (val: number) => void;
+    setMuted: (muted: boolean) => void;
+    setPlaybackRate: (rate: number) => void;
+    setLoop: (loop: boolean) => void;
+    getAudioElement: () => HTMLAudioElement | null;
+};
+export {};

package/dist/types/hooks/useElementScroll.d.ts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue';
+/**
+ * 允许传入 Ref 或者直接的 DOM 元素
+ */
+type MaybeElementRef = Ref<HTMLElement | null> | HTMLElement | null;
+interface ScrollOptions {
+    /**
+     * 唯一标识符。
+     * 如果同一个路由下有多个需要记录滚动的区域，必须传此参数区分。
+     * 默认使用 'default'。
+     */
+    id?: string;
+    /**
+     * 是否在组件挂载/激活时自动恢复滚动位置。
+     * 如果内容是异步加载的（如列表接口），建议设为 false，
+     * 并在数据加载完成后手动调用 restore()。
+     * 默认: true
+     */
+    autoRestore?: boolean;
+}
+/**
+ * 用于记录和恢复元素的滚动位置。
+ * 适用于需要在组件卸载/激活时保持滚动状态的场景。
+ * @param elementRef HTML 元素或 Ref，指向需要记录滚动位置的元素。
+ * @param options 配置项，包括唯一标识符和是否自动恢复滚动位置。
+ * @returns 一个对象，包含 save() 和 restore() 方法，允许手动保存和恢复滚动位置。
+ */
+export declare function useElementScroll(elementRef: MaybeElementRef, options?: ScrollOptions): {
+    save: () => void;
+    restore: () => Promise<void>;
+};
+export {};

package/dist/types/hooks/useGSAP.d.ts

@@ -0,0 +1,32 @@
+import { Ref, WatchSource } from 'vue';
+import { default as gsap } from 'gsap';
+export interface UseGSAPOptions {
+    scope?: Ref<HTMLElement | null> | HTMLElement | string;
+    /**
+     * 依赖项数组，用于在这些依赖变化时重新创建动画实例。每当这些依赖发生变化时，useGSAP 会自动 revert 上一次的动画并创建新的动画实例，以确保动画状态与最新的依赖数据保持一致。
+     */
+    dependencies?: WatchSource<any>[];
+    /**
+     * 是否在依赖变化时自动 revert 上一次的动画并重新创建新的动画实例。
+     * 默认为 true。
+     */
+    revertOnUpdate?: boolean;
+}
+export interface UseGSAPConfig extends UseGSAPOptions {
+    callback?: (g: typeof gsap, self: gsap.Context) => void;
+}
+export interface UseGSAPReturn {
+    /** * 指向原生的 gsap。
+     * 只要在 callback 或 safe 函数内使用，GSAP 就会自动将其选择器限制在 scope 内。
+     */
+    g: typeof gsap;
+    /**
+     * 上下文安全包装器。用于在事件监听器、setTimeout 等异步操作中触发动画。
+     * 包装后的函数会返回原动画实例（如 Tween 或 Timeline），方便后续控制。
+     */
+    safe: <T extends (...args: any[]) => any>(func: T) => (...args: Parameters<T>) => ReturnType<T>;
+    getContext: () => gsap.Context | undefined;
+}
+export declare function useGSAP(): UseGSAPReturn;
+export declare function useGSAP(configs: UseGSAPConfig): UseGSAPReturn;
+export declare function useGSAP(callback: (g: typeof gsap, self: gsap.Context) => void, options?: UseGSAPOptions): UseGSAPReturn;

package/dist/types/hooks/useRefreshRate.d.ts

@@ -0,0 +1,5 @@
+export declare const useRefreshRate: (updateInterval?: number) => {
+    refreshRate: import('vue').Ref<number, number>;
+    start: () => void;
+    stop: () => void;
+};

package/dist/types/hooks/useWindowBackTop.d.ts

@@ -0,0 +1,14 @@
+export interface BackTopOptions {
+    type?: 'primary' | 'success' | 'danger' | 'warning' | 'info';
+    right?: number;
+    bottom?: number;
+    size?: number;
+    scrollThreshold?: number;
+    animationOffset?: number;
+    zIndex?: number;
+}
+export declare const DEFAULT_OPTIONS: Required<BackTopOptions>;
+/**
+ * 全局回到顶部按钮，监听widnow的滚动事件，超过指定距离显示，点击平滑滚动到顶部。
+ */
+export declare const useWindowBackTop: (userOptions?: BackTopOptions) => void;