@talex-touch/tuffex 0.3.3

package/dist/es/stagger/index.d.ts

@@ -0,0 +1,131 @@
+import { StaggerProps } from './src/types';
+import { default as TxStagger } from './src/TxStagger.vue';
+
+declare const Stagger: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        appear: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        easing: {
+            type: import('vue').PropType<import('./src/types').StaggerEasing>;
+            default: string;
+        };
+        delayStep: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        delayBase: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        name: string;
+        appear: boolean;
+        duration: number;
+        tag: string;
+        easing: import('./src/types').StaggerEasing;
+        delayStep: number;
+        delayBase: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        appear: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        easing: {
+            type: import('vue').PropType<import('./src/types').StaggerEasing>;
+            default: string;
+        };
+        delayStep: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        delayBase: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        name: string;
+        appear: boolean;
+        duration: number;
+        tag: string;
+        easing: import('./src/types').StaggerEasing;
+        delayStep: number;
+        delayBase: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    appear: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tag: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    easing: {
+        type: import('vue').PropType<import('./src/types').StaggerEasing>;
+        default: string;
+    };
+    delayStep: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    delayBase: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    name: string;
+    appear: boolean;
+    duration: number;
+    tag: string;
+    easing: import('./src/types').StaggerEasing;
+    delayStep: number;
+    delayBase: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { Stagger, TxStagger };
+export type { StaggerProps };
+export type TxStaggerInstance = InstanceType<typeof TxStagger>;
+export default Stagger;

package/dist/es/stagger/index.js

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

package/dist/es/stagger/src/TxStagger.vue.d.ts

@@ -0,0 +1,45 @@
+import { StaggerProps } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StaggerProps>, {
+    tag: string;
+    appear: boolean;
+    name: string;
+    duration: number;
+    delayStep: number;
+    delayBase: number;
+    easing: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StaggerProps>, {
+    tag: string;
+    appear: boolean;
+    name: string;
+    duration: number;
+    delayStep: number;
+    delayBase: number;
+    easing: string;
+}>>> & Readonly<{}>, {
+    name: string;
+    appear: boolean;
+    duration: number;
+    tag: string;
+    easing: import('./types').StaggerEasing;
+    delayStep: number;
+    delayBase: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/es/stagger/src/TxStagger.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, useSlots, computed, Comment, createBlock, openBlock, TransitionGroup, normalizeStyle, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent } from 'vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxStagger"
+  },
+  __name: "TxStagger",
+  props: {
+    tag: { default: "div" },
+    appear: { type: Boolean, default: true },
+    name: { default: "tx-stagger" },
+    duration: { default: 180 },
+    delayStep: { default: 24 },
+    delayBase: { default: 0 },
+    easing: { default: "ease-out" }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const rootStyle = computed(() => {
+      return {
+        "--tx-stagger-duration": `${props.duration}ms`,
+        "--tx-stagger-delay-step": `${props.delayStep}ms`,
+        "--tx-stagger-delay-base": `${props.delayBase}ms`,
+        "--tx-stagger-easing": props.easing
+      };
+    });
+    const normalizedChildren = computed(() => {
+      const vnodes = slots.default?.() ?? [];
+      return vnodes.filter((v) => v.type !== Comment);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TransitionGroup, {
+        name: __props.name,
+        tag: __props.tag,
+        appear: __props.appear,
+        class: "tx-stagger",
+        style: normalizeStyle(rootStyle.value)
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedChildren.value, (child, index) => {
+            return openBlock(), createBlock(resolveDynamicComponent(child), {
+              key: child.key ?? index,
+              style: normalizeStyle({ "--tx-stagger-index": index })
+            }, null, 8, ["style"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["name", "tag", "appear", "style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/stagger/src/TxStagger.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from './TxStagger.vue.js';
+/* empty css               */
+
+
+
+export { _sfc_main as default };

package/dist/es/stagger/src/types.d.ts

@@ -0,0 +1,10 @@
+export type StaggerEasing = 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
+export interface StaggerProps {
+    tag?: string;
+    appear?: boolean;
+    name?: string;
+    duration?: number;
+    delayStep?: number;
+    delayBase?: number;
+    easing?: StaggerEasing;
+}

package/dist/es/stat-card/index.d.ts

@@ -0,0 +1,85 @@
+import { StatCardProps } from './src/types.ts';
+import { default as TxStatCard } from './src/TxStatCard.vue';
+
+declare const StatCard: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        iconClass: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        clickable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        value: {
+            type: import('vue').PropType<string | number>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        iconClass: string;
+        clickable: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        iconClass: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        clickable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        value: {
+            type: import('vue').PropType<string | number>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        iconClass: string;
+        clickable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    iconClass: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    clickable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<string | number>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    iconClass: string;
+    clickable: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        value?(_: {}): any;
+        label?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export { StatCard, TxStatCard };
+export type { StatCardProps };
+export type TxStatCardInstance = InstanceType<typeof TxStatCard>;
+export default StatCard;

package/dist/es/stat-card/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '../utils/withInstall.js';
+import TxStatCard from './src/TxStatCard.vue.js';
+
+const StatCard = withInstall(TxStatCard);
+
+export { StatCard, TxStatCard, StatCard as default };

package/dist/es/stat-card/src/TxStatCard.vue.d.ts

@@ -0,0 +1,40 @@
+import { StatCardProps } from './types.ts';
+
+declare function __VLS_template(): {
+    value?(_: {}): any;
+    label?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StatCardProps>, {
+    iconClass: string;
+    clickable: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StatCardProps>, {
+    iconClass: string;
+    clickable: boolean;
+}>>> & Readonly<{}>, {
+    iconClass: string;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/stat-card/src/TxStatCard.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxStatCard.vue2.js';
+/* empty css                */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxStatCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be05be5e"]]);
+
+export { TxStatCard as default };

package/dist/es/stat-card/src/TxStatCard.vue2.js

@@ -0,0 +1,113 @@
+import { defineComponent, computed, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, unref, toDisplayString, createTextVNode } from 'vue';
+import NumberFlow from '@number-flow/vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "tx-stat-card__icon-layer",
+  "aria-hidden": "true"
+};
+const _hoisted_2 = { class: "tx-stat-card__content" };
+const _hoisted_3 = { class: "tx-stat-card__value" };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { class: "tx-stat-card__label" };
+const _hoisted_6 = {
+  key: 1,
+  class: "tx-stat-card__decoration",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxStatCard"
+  },
+  __name: "TxStatCard",
+  props: {
+    value: {},
+    label: {},
+    iconClass: { default: "" },
+    clickable: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const numericValue = computed(() => {
+      if (typeof props.value === "number")
+        return props.value;
+      if (typeof props.value === "string") {
+        const n = Number(props.value);
+        return Number.isFinite(n) ? n : null;
+      }
+      return null;
+    });
+    const displayNumber = ref(0);
+    let mountTimer = null;
+    const displayString = ref(null);
+    const displayText = computed(() => {
+      return typeof props.value === "number" ? props.value.toLocaleString() : String(props.value);
+    });
+    onMounted(() => {
+      const delay = Math.floor(Math.random() * 500 + 100);
+      mountTimer = setTimeout(() => {
+        if (numericValue.value != null)
+          displayNumber.value = numericValue.value;
+        else
+          displayString.value = displayText.value;
+        mountTimer = null;
+      }, delay);
+    });
+    onBeforeUnmount(() => {
+      if (mountTimer != null)
+        clearTimeout(mountTimer);
+      mountTimer = null;
+    });
+    watch(numericValue, (v) => {
+      if (v == null)
+        return;
+      displayNumber.value = v;
+    });
+    watch(
+      () => props.value,
+      (v) => {
+        if (numericValue.value != null) {
+          displayString.value = null;
+          return;
+        }
+        displayString.value = String(v);
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-stat-card fake-background", { "tx-stat-card--clickable": __props.clickable }]),
+        role: "group",
+        "aria-label": "Stat card"
+      }, [
+        __props.iconClass ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("i", {
+            class: normalizeClass(["tx-stat-card__icon", __props.iconClass])
+          }, null, 2)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "value", {}, () => [
+              numericValue.value != null ? (openBlock(), createBlock(unref(NumberFlow), {
+                key: 0,
+                value: displayNumber.value
+              }, null, 8, ["value"])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(displayString.value ?? displayText.value), 1))
+            ], true)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "label", {}, () => [
+              createTextVNode(toDisplayString(__props.label), 1)
+            ], true)
+          ])
+        ]),
+        __props.iconClass ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createElementVNode("i", {
+            class: normalizeClass(["tx-stat-card__decoration-icon", __props.iconClass]),
+            style: { color: "var(--tx-text-color-secondary, #909399)" }
+          }, null, 2)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/stat-card/src/types.d.ts

@@ -0,0 +1,6 @@
+export interface StatCardProps {
+    value: number | string;
+    label: string;
+    iconClass?: string;
+    clickable?: boolean;
+}

package/dist/es/status-badge/index.d.ts

@@ -0,0 +1,139 @@
+import { StatusBadgeEmits, StatusBadgeProps, StatusKey, StatusTone, TxOsType } from './src/types';
+import { default as TxStatusBadge } from './src/TxStatusBadge.vue';
+
+/**
+ * TxStatusBadge component with Vue plugin installation support.
+ *
+ * @example
+ * ```ts
+ * import { TxStatusBadge } from '@talex-touch/tuffex'
+ *
+ * // Use in template
+ * <TxStatusBadge text="Approved" status="success" />
+ * ```
+ *
+ * @public
+ */
+declare const StatusBadge: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        icon: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"sm" | "md">;
+            default: string;
+        };
+        status: {
+            type: import('vue').PropType<StatusTone>;
+            default: undefined;
+        };
+        statusKey: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        os: {
+            type: import('vue').PropType<TxOsType>;
+        };
+        osOnly: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (event: MouseEvent) => void;
+    }, import('vue').PublicProps, {
+        icon: string;
+        size: "sm" | "md";
+        status: StatusTone;
+        statusKey: StatusKey;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        icon: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"sm" | "md">;
+            default: string;
+        };
+        status: {
+            type: import('vue').PropType<StatusTone>;
+            default: undefined;
+        };
+        statusKey: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        os: {
+            type: import('vue').PropType<TxOsType>;
+        };
+        osOnly: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        icon: string;
+        size: "sm" | "md";
+        status: StatusTone;
+        statusKey: StatusKey;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md">;
+        default: string;
+    };
+    status: {
+        type: import('vue').PropType<StatusTone>;
+        default: undefined;
+    };
+    statusKey: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    os: {
+        type: import('vue').PropType<TxOsType>;
+    };
+    osOnly: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, {
+    icon: string;
+    size: "sm" | "md";
+    status: StatusTone;
+    statusKey: StatusKey;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { StatusBadge, TxStatusBadge };
+export type { StatusBadgeEmits, StatusBadgeProps, StatusKey, StatusTone, TxOsType };
+export type TxStatusBadgeInstance = InstanceType<typeof TxStatusBadge>;
+export default StatusBadge;

package/dist/es/status-badge/index.js

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