@talex-touch/tuffex 0.3.3

package/dist/es/skeleton/src/TxCardSkeleton.vue.js

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

package/dist/es/skeleton/src/TxCardSkeleton.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent, createElementBlock, openBlock, createStaticVNode } from 'vue';
+
+const _hoisted_1 = { class: "tx-card-skeleton" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxCardSkeleton"
+  },
+  __name: "TxCardSkeleton",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
+        createStaticVNode('<div class="tx-card-skeleton__icon" data-v-c8dbeaf1></div><div class="tx-card-skeleton__content" data-v-c8dbeaf1><div class="tx-card-skeleton__header" data-v-c8dbeaf1><div class="tx-card-skeleton__title" data-v-c8dbeaf1></div><div class="tx-card-skeleton__badge" data-v-c8dbeaf1></div></div><div class="tx-card-skeleton__desc" data-v-c8dbeaf1></div></div>', 2)
+      ])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/skeleton/src/TxListItemSkeleton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/es/skeleton/src/TxListItemSkeleton.vue.js

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

package/dist/es/skeleton/src/TxListItemSkeleton.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent, createElementBlock, openBlock, createStaticVNode } from 'vue';
+
+const _hoisted_1 = { class: "tx-list-item-skeleton" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxListItemSkeleton"
+  },
+  __name: "TxListItemSkeleton",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
+        createStaticVNode('<div class="tx-list-item-skeleton__icon" data-v-415c1b35></div><div class="tx-list-item-skeleton__content" data-v-415c1b35><div class="tx-list-item-skeleton__name" data-v-415c1b35></div><div class="tx-list-item-skeleton__meta" data-v-415c1b35></div></div><div class="tx-list-item-skeleton__badge" data-v-415c1b35></div>', 3)
+      ])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/skeleton/src/TxSkeleton.vue.d.ts

@@ -0,0 +1,54 @@
+import { SkeletonProps } from './types.ts';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SkeletonProps>, {
+    loading: boolean;
+    variant: string;
+    width: string;
+    height: number;
+    radius: number;
+    lines: number;
+    gap: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SkeletonProps>, {
+    loading: boolean;
+    variant: string;
+    width: string;
+    height: number;
+    radius: number;
+    lines: number;
+    gap: number;
+}>>> & Readonly<{}>, {
+    loading: boolean;
+    width: string | number;
+    height: string | number;
+    variant: import('./types.ts').SkeletonVariant;
+    radius: string | number;
+    gap: string | number;
+    lines: number;
+}, {}, {}, {}, 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/skeleton/src/TxSkeleton.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent, computed, renderSlot, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, normalizeClass } from 'vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxSkeleton"
+  },
+  __name: "TxSkeleton",
+  props: {
+    loading: { type: Boolean, default: true },
+    variant: { default: "text" },
+    width: { default: "100%" },
+    height: { default: 12 },
+    radius: { default: 8 },
+    lines: { default: 1 },
+    gap: { default: 10 }
+  },
+  setup(__props) {
+    const props = __props;
+    function toCssUnit(v) {
+      return typeof v === "number" ? `${v}px` : v;
+    }
+    const itemStyle = computed(() => {
+      const height = props.variant === "text" ? toCssUnit(props.height) : toCssUnit(props.height);
+      const width = toCssUnit(props.width);
+      const radius = props.variant === "circle" ? "999px" : toCssUnit(props.radius);
+      return {
+        "--tx-skeleton-width": width,
+        "--tx-skeleton-height": height,
+        "--tx-skeleton-radius": radius
+      };
+    });
+    const rootStyle = computed(() => {
+      return {
+        "--tx-skeleton-gap": toCssUnit(props.gap)
+      };
+    });
+    const linesArray = computed(() => {
+      return Array.from({ length: Math.max(1, props.lines) });
+    });
+    return (_ctx, _cache) => {
+      return !__props.loading ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: "tx-skeleton",
+        style: normalizeStyle(rootStyle.value)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(linesArray.value, (_, i) => {
+          return openBlock(), createElementBlock("div", {
+            key: i,
+            class: normalizeClass(["tx-skeleton__item", [`tx-skeleton__item--${__props.variant}`]]),
+            style: normalizeStyle(itemStyle.value)
+          }, null, 6);
+        }), 128))
+      ], 4));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/skeleton/src/TxSkeleton.vue3.js

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

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

@@ -0,0 +1,10 @@
+export type SkeletonVariant = 'text' | 'rect' | 'circle';
+export interface SkeletonProps {
+    loading?: boolean;
+    variant?: SkeletonVariant;
+    width?: string | number;
+    height?: string | number;
+    radius?: string | number;
+    lines?: number;
+    gap?: string | number;
+}

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

@@ -0,0 +1,449 @@
+import { SliderEmits, SliderProps } from './src/types.ts';
+import { default as TxSlider } from './src/TxSlider.vue';
+
+declare const Slider: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        max: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        min: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        step: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        showValue: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        formatValue: {
+            type: import('vue').PropType<(value: number) => string>;
+        };
+        showTooltip: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTrigger: {
+            type: import('vue').PropType<"drag" | "hover" | "always">;
+            default: string;
+        };
+        tooltipFormatter: {
+            type: import('vue').PropType<(value: number) => string>;
+        };
+        tooltipPlacement: {
+            type: import('vue').PropType<"top" | "bottom">;
+            default: string;
+        };
+        tooltipTilt: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTiltMaxDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipOffsetMaxPx: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipAccelBoost: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipSpringStiffness: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipSpringDamping: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipMotion: {
+            type: import('vue').PropType<"none" | "blur" | "fade">;
+            default: string;
+        };
+        tooltipMotionDuration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipMotionBlurPx: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipDistortSkewDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJelly: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tooltipJellyFrequency: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellyDecay: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellyRotateDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellySkewDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellySquash: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellyTriggerAccel: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => void;
+        change: (value: number) => void;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        max: number;
+        modelValue: number;
+        min: number;
+        step: number;
+        showValue: boolean;
+        showTooltip: boolean;
+        tooltipTrigger: "drag" | "hover" | "always";
+        tooltipPlacement: "top" | "bottom";
+        tooltipTilt: boolean;
+        tooltipTiltMaxDeg: number;
+        tooltipOffsetMaxPx: number;
+        tooltipAccelBoost: number;
+        tooltipSpringStiffness: number;
+        tooltipSpringDamping: number;
+        tooltipMotion: "blur" | "fade" | "none";
+        tooltipMotionDuration: number;
+        tooltipMotionBlurPx: number;
+        tooltipDistortSkewDeg: number;
+        tooltipJelly: boolean;
+        tooltipJellyFrequency: number;
+        tooltipJellyDecay: number;
+        tooltipJellyRotateDeg: number;
+        tooltipJellySkewDeg: number;
+        tooltipJellySquash: number;
+        tooltipJellyTriggerAccel: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        max: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        min: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        step: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        showValue: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        formatValue: {
+            type: import('vue').PropType<(value: number) => string>;
+        };
+        showTooltip: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTrigger: {
+            type: import('vue').PropType<"drag" | "hover" | "always">;
+            default: string;
+        };
+        tooltipFormatter: {
+            type: import('vue').PropType<(value: number) => string>;
+        };
+        tooltipPlacement: {
+            type: import('vue').PropType<"top" | "bottom">;
+            default: string;
+        };
+        tooltipTilt: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTiltMaxDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipOffsetMaxPx: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipAccelBoost: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipSpringStiffness: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipSpringDamping: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipMotion: {
+            type: import('vue').PropType<"none" | "blur" | "fade">;
+            default: string;
+        };
+        tooltipMotionDuration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipMotionBlurPx: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipDistortSkewDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJelly: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tooltipJellyFrequency: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellyDecay: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellyRotateDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellySkewDeg: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellySquash: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        tooltipJellyTriggerAccel: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        max: number;
+        modelValue: number;
+        min: number;
+        step: number;
+        showValue: boolean;
+        showTooltip: boolean;
+        tooltipTrigger: "drag" | "hover" | "always";
+        tooltipPlacement: "top" | "bottom";
+        tooltipTilt: boolean;
+        tooltipTiltMaxDeg: number;
+        tooltipOffsetMaxPx: number;
+        tooltipAccelBoost: number;
+        tooltipSpringStiffness: number;
+        tooltipSpringDamping: number;
+        tooltipMotion: "blur" | "fade" | "none";
+        tooltipMotionDuration: number;
+        tooltipMotionBlurPx: number;
+        tooltipDistortSkewDeg: number;
+        tooltipJelly: boolean;
+        tooltipJellyFrequency: number;
+        tooltipJellyDecay: number;
+        tooltipJellyRotateDeg: number;
+        tooltipJellySkewDeg: number;
+        tooltipJellySquash: number;
+        tooltipJellyTriggerAccel: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    modelValue: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    min: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    step: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    showValue: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    formatValue: {
+        type: import('vue').PropType<(value: number) => string>;
+    };
+    showTooltip: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    tooltipTrigger: {
+        type: import('vue').PropType<"drag" | "hover" | "always">;
+        default: string;
+    };
+    tooltipFormatter: {
+        type: import('vue').PropType<(value: number) => string>;
+    };
+    tooltipPlacement: {
+        type: import('vue').PropType<"top" | "bottom">;
+        default: string;
+    };
+    tooltipTilt: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    tooltipTiltMaxDeg: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipOffsetMaxPx: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipAccelBoost: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipSpringStiffness: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipSpringDamping: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipMotion: {
+        type: import('vue').PropType<"none" | "blur" | "fade">;
+        default: string;
+    };
+    tooltipMotionDuration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipMotionBlurPx: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipDistortSkewDeg: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipJelly: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    tooltipJellyFrequency: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipJellyDecay: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipJellyRotateDeg: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipJellySkewDeg: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipJellySquash: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    tooltipJellyTriggerAccel: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => void;
+    change: (value: number) => void;
+}, string, {
+    disabled: boolean;
+    max: number;
+    modelValue: number;
+    min: number;
+    step: number;
+    showValue: boolean;
+    showTooltip: boolean;
+    tooltipTrigger: "drag" | "hover" | "always";
+    tooltipPlacement: "top" | "bottom";
+    tooltipTilt: boolean;
+    tooltipTiltMaxDeg: number;
+    tooltipOffsetMaxPx: number;
+    tooltipAccelBoost: number;
+    tooltipSpringStiffness: number;
+    tooltipSpringDamping: number;
+    tooltipMotion: "blur" | "fade" | "none";
+    tooltipMotionDuration: number;
+    tooltipMotionBlurPx: number;
+    tooltipDistortSkewDeg: number;
+    tooltipJelly: boolean;
+    tooltipJellyFrequency: number;
+    tooltipJellyDecay: number;
+    tooltipJellyRotateDeg: number;
+    tooltipJellySkewDeg: number;
+    tooltipJellySquash: number;
+    tooltipJellyTriggerAccel: 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 { Slider, TxSlider };
+export type { SliderEmits, SliderProps };
+export type TxSliderInstance = InstanceType<typeof TxSlider>;
+export default Slider;

package/dist/es/slider/index.js

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