@talex-touch/tuffex 0.3.3

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

@@ -0,0 +1,30 @@
+export type TxRadioValue = string | number;
+export type TxRadioType = 'button' | 'standard' | 'card';
+export type TxRadioIndicatorVariant = 'solid' | 'outline' | 'glass' | 'blur';
+export interface TxRadioGroupProps {
+    modelValue?: TxRadioValue;
+    disabled?: boolean;
+    type?: TxRadioType;
+    direction?: 'row' | 'column';
+    indicatorVariant?: TxRadioIndicatorVariant;
+    /** 启用玻璃效果（仅 button 类型有效） */
+    glass?: boolean;
+    /** 启用模糊效果（仅 button 类型有效，比玻璃更轻量） */
+    blur?: boolean;
+    /** 指示器动画到位后再触发 v-model 更新（仅 button 类型有效） */
+    updateOnSettled?: boolean;
+    /** 弹簧刚度，值越大速度越快（默认 85） */
+    stiffness?: number;
+    /** 弹簧阻尼，值越小越Q弹（默认 10） */
+    damping?: number;
+    /** 模糊强度（默认 1） */
+    blurAmount?: number;
+    /** 是否启用弹性动画（默认 true） */
+    elastic?: boolean;
+}
+export interface TxRadioProps {
+    value: TxRadioValue;
+    disabled?: boolean;
+    label?: string;
+    type?: TxRadioType;
+}

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

@@ -0,0 +1 @@
+export * from './src';

package/dist/es/rating/src/TxRating.vue.d.ts

@@ -0,0 +1,71 @@
+import { RatingProps } from './types';
+
+interface Props extends RatingProps {
+}
+declare function __VLS_template(): {
+    text?(_: {
+        value: number;
+        max: number;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    modelValue: number;
+    maxStars: number;
+    precision: number;
+    disabled: boolean;
+    readonly: boolean;
+    showText: boolean;
+    filledIcon: string;
+    emptyIcon: string;
+    halfIcon: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: number) => void;
+    "update:modelValue": (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    modelValue: number;
+    maxStars: number;
+    precision: number;
+    disabled: boolean;
+    readonly: boolean;
+    showText: boolean;
+    filledIcon: string;
+    emptyIcon: string;
+    halfIcon: string;
+}>>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: number;
+    readonly: boolean;
+    showText: boolean;
+    maxStars: number;
+    precision: number | 0.5;
+    filledIcon: string;
+    emptyIcon: string;
+    halfIcon: string;
+}, {}, {}, {}, 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/rating/src/TxRating.vue.js

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

package/dist/es/rating/src/TxRating.vue2.js

@@ -0,0 +1,110 @@
+import { defineComponent, computed, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, normalizeClass, createVNode, unref, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { TxIcon } from '../../icon/index.js';
+
+const _hoisted_1 = { class: "tx-rating" };
+const _hoisted_2 = { class: "tx-rating__stars" };
+const _hoisted_3 = ["disabled", "aria-label", "onClick", "onMouseenter"];
+const _hoisted_4 = {
+  key: 0,
+  class: "tx-rating__text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TxRating",
+  props: {
+    modelValue: { default: 0 },
+    maxStars: { default: 5 },
+    precision: { default: 1 },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    showText: { type: Boolean, default: false },
+    filledIcon: { default: "star" },
+    emptyIcon: { default: "star" },
+    halfIcon: { default: "star-half" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const rating = computed(() => props.modelValue ?? 0);
+    const precisionDigits = computed(() => {
+      const p = props.precision ?? 1;
+      if (p === 0.5)
+        return 1;
+      if (typeof p !== "number" || !Number.isFinite(p))
+        return 1;
+      return Math.max(0, Math.min(6, Math.round(p)));
+    });
+    const hoverValue = ref(props.modelValue);
+    const filledStars = computed(() => {
+      if (props.readonly || props.disabled) {
+        return props.modelValue;
+      }
+      return hoverValue.value;
+    });
+    function getStarIcon(star) {
+      const filledValue = filledStars.value;
+      if (star <= filledValue) {
+        return props.filledIcon;
+      } else if (star === filledValue + 0.5) {
+        return props.halfIcon;
+      } else {
+        return props.emptyIcon;
+      }
+    }
+    function handleClick(star) {
+      if (props.disabled || props.readonly)
+        return;
+      let newValue = star;
+      if (props.precision === 0.5 && star === filledStars.value) {
+        newValue = star - 0.5;
+      }
+      emit("update:modelValue", newValue);
+      emit("change", newValue);
+    }
+    function handleMouseEnter(star) {
+      if (props.disabled || props.readonly)
+        return;
+      hoverValue.value = star;
+    }
+    function handleMouseLeave() {
+      if (props.disabled || props.readonly)
+        return;
+      hoverValue.value = props.modelValue;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.maxStars, (star) => {
+            return openBlock(), createElementBlock("button", {
+              key: star,
+              class: normalizeClass(["tx-rating__star", {
+                "tx-rating__star--filled": star <= filledStars.value,
+                "tx-rating__star--half": star === filledStars.value + 0.5,
+                "tx-rating__star--disabled": __props.disabled
+              }]),
+              disabled: __props.disabled,
+              "aria-label": `Rate ${star} star${star !== 1 ? "s" : ""}`,
+              onClick: ($event) => handleClick(star),
+              onMouseenter: ($event) => handleMouseEnter(star),
+              onMouseleave: handleMouseLeave
+            }, [
+              createVNode(unref(TxIcon), {
+                name: getStarIcon(star)
+              }, null, 8, ["name"])
+            ], 42, _hoisted_3);
+          }), 128))
+        ]),
+        __props.showText ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "text", {
+            value: rating.value,
+            max: __props.maxStars
+          }, () => [
+            createTextVNode(toDisplayString(rating.value.toFixed(precisionDigits.value)) + " / " + toDisplayString(__props.maxStars), 1)
+          ], true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/rating/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TxRating } from './TxRating.vue';
+export type { RatingEmits, RatingProps } from './types';

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

@@ -0,0 +1,15 @@
+export interface RatingProps {
+    modelValue?: number;
+    maxStars?: number;
+    precision?: number | 0.5;
+    disabled?: boolean;
+    readonly?: boolean;
+    showText?: boolean;
+    filledIcon?: string;
+    emptyIcon?: string;
+    halfIcon?: string;
+}
+export interface RatingEmits {
+    'update:modelValue': [value: number];
+    'change': [value: number];
+}

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

@@ -0,0 +1,386 @@
+import { TxScrollInfo } from './src/types';
+
+declare const TxScroll: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        click: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        wheel: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import('vue').PropType<Record<string, unknown>>;
+            default: () => {};
+        };
+        direction: {
+            type: import('vue').PropType<"both" | "vertical" | "horizontal">;
+            default: string;
+        };
+        scrollbar: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        bounce: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        noPadding: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        native: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollChaining: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarFade: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarInteractive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarAlwaysVisible: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarMinSize: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        probeType: {
+            type: import('vue').PropType<0 | 1 | 2 | 3>;
+            default: number;
+        };
+        refreshOnContentChange: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        pullDownRefresh: {
+            type: import('vue').PropType<boolean | Record<string, unknown>>;
+            default: boolean;
+        };
+        pullDownThreshold: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        pullDownStop: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        pullUpLoad: {
+            type: import('vue').PropType<boolean | Record<string, unknown>>;
+            default: boolean;
+        };
+        pullUpThreshold: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{
+        onScroll?: ((scrollInfo: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onPulling-down"?: (() => any) | undefined;
+        "onPulling-up"?: (() => any) | undefined;
+    }>, {
+        nativeScrollRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        scrollTo(x: number, y: number, time?: number): void;
+        getScrollInfo(): TxScrollInfo;
+        refresh(): void;
+        finishPullDown(): void;
+        finishPullUp(): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        scroll: (scrollInfo: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void;
+        "pulling-down": () => void;
+        "pulling-up": () => void;
+    }, import('vue').PublicProps, {
+        click: boolean;
+        wheel: boolean;
+        options: Record<string, unknown>;
+        direction: "vertical" | "horizontal" | "both";
+        scrollbar: boolean;
+        bounce: boolean;
+        noPadding: boolean;
+        native: boolean;
+        scrollChaining: boolean;
+        scrollbarFade: boolean;
+        scrollbarInteractive: boolean;
+        scrollbarAlwaysVisible: boolean;
+        scrollbarMinSize: number;
+        probeType: 0 | 1 | 2 | 3;
+        refreshOnContentChange: boolean;
+        pullDownRefresh: boolean | Record<string, unknown>;
+        pullDownThreshold: number;
+        pullDownStop: number;
+        pullUpLoad: boolean | Record<string, unknown>;
+        pullUpThreshold: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        click: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        wheel: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import('vue').PropType<Record<string, unknown>>;
+            default: () => {};
+        };
+        direction: {
+            type: import('vue').PropType<"both" | "vertical" | "horizontal">;
+            default: string;
+        };
+        scrollbar: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        bounce: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        noPadding: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        native: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollChaining: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarFade: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarInteractive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarAlwaysVisible: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scrollbarMinSize: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        probeType: {
+            type: import('vue').PropType<0 | 1 | 2 | 3>;
+            default: number;
+        };
+        refreshOnContentChange: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        pullDownRefresh: {
+            type: import('vue').PropType<boolean | Record<string, unknown>>;
+            default: boolean;
+        };
+        pullDownThreshold: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        pullDownStop: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        pullUpLoad: {
+            type: import('vue').PropType<boolean | Record<string, unknown>>;
+            default: boolean;
+        };
+        pullUpThreshold: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{
+        onScroll?: ((scrollInfo: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onPulling-down"?: (() => any) | undefined;
+        "onPulling-up"?: (() => any) | undefined;
+    }>, {
+        nativeScrollRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        scrollTo(x: number, y: number, time?: number): void;
+        getScrollInfo(): TxScrollInfo;
+        refresh(): void;
+        finishPullDown(): void;
+        finishPullUp(): void;
+    }, {}, {}, {}, {
+        click: boolean;
+        wheel: boolean;
+        options: Record<string, unknown>;
+        direction: "vertical" | "horizontal" | "both";
+        scrollbar: boolean;
+        bounce: boolean;
+        noPadding: boolean;
+        native: boolean;
+        scrollChaining: boolean;
+        scrollbarFade: boolean;
+        scrollbarInteractive: boolean;
+        scrollbarAlwaysVisible: boolean;
+        scrollbarMinSize: number;
+        probeType: 0 | 1 | 2 | 3;
+        refreshOnContentChange: boolean;
+        pullDownRefresh: boolean | Record<string, unknown>;
+        pullDownThreshold: number;
+        pullDownStop: number;
+        pullUpLoad: boolean | Record<string, unknown>;
+        pullUpThreshold: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    click: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    wheel: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    options: {
+        type: import('vue').PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    direction: {
+        type: import('vue').PropType<"both" | "vertical" | "horizontal">;
+        default: string;
+    };
+    scrollbar: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    bounce: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    noPadding: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    native: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    scrollChaining: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    scrollbarFade: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    scrollbarInteractive: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    scrollbarAlwaysVisible: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    scrollbarMinSize: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    probeType: {
+        type: import('vue').PropType<0 | 1 | 2 | 3>;
+        default: number;
+    };
+    refreshOnContentChange: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    pullDownRefresh: {
+        type: import('vue').PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    pullDownThreshold: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    pullDownStop: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    pullUpLoad: {
+        type: import('vue').PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    pullUpThreshold: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onScroll?: ((scrollInfo: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
+    "onPulling-down"?: (() => any) | undefined;
+    "onPulling-up"?: (() => any) | undefined;
+}>, {
+    nativeScrollRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    scrollTo(x: number, y: number, time?: number): void;
+    getScrollInfo(): TxScrollInfo;
+    refresh(): void;
+    finishPullDown(): void;
+    finishPullUp(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scroll: (scrollInfo: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => void;
+    "pulling-down": () => void;
+    "pulling-up": () => void;
+}, string, {
+    click: boolean;
+    wheel: boolean;
+    options: Record<string, unknown>;
+    direction: "vertical" | "horizontal" | "both";
+    scrollbar: boolean;
+    bounce: boolean;
+    noPadding: boolean;
+    native: boolean;
+    scrollChaining: boolean;
+    scrollbarFade: boolean;
+    scrollbarInteractive: boolean;
+    scrollbarAlwaysVisible: boolean;
+    scrollbarMinSize: number;
+    probeType: 0 | 1 | 2 | 3;
+    refreshOnContentChange: boolean;
+    pullDownRefresh: boolean | Record<string, unknown>;
+    pullDownThreshold: number;
+    pullDownStop: number;
+    pullUpLoad: boolean | Record<string, unknown>;
+    pullUpThreshold: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export { TxScroll };
+export type { TxScrollInfo };
+export default TxScroll;

package/dist/es/scroll/index.js

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