@talex-touch/tuffex 0.3.3

package/dist/es/icon/src/TxStatusIcon.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, createVNode, createCommentVNode, normalizeClass } from 'vue';
+import TuffIcon from './TxIcon.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxStatusIcon" },
+  __name: "TxStatusIcon",
+  props: {
+    icon: { default: null },
+    name: { default: "" },
+    alt: { default: "" },
+    size: { default: 18 },
+    empty: { default: "" },
+    colorful: { type: Boolean, default: true },
+    tone: { default: "none" },
+    indicatorSize: { default: void 0 },
+    indicatorOffset: { default: 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const indicatorSize = computed(() => {
+      if (typeof props.indicatorSize === "number" && props.indicatorSize > 0)
+        return props.indicatorSize;
+      const base = Math.round((props.size ?? 18) * 0.32);
+      return Math.max(6, Math.min(12, base));
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: "tx-status-icon",
+        style: normalizeStyle({
+          "--tx-status-icon-size": `${__props.size}px`,
+          "--tx-status-indicator-size": `${indicatorSize.value}px`,
+          "--tx-status-indicator-offset": `${__props.indicatorOffset}px`
+        })
+      }, [
+        createVNode(TuffIcon, {
+          class: "tx-status-icon__icon",
+          icon: __props.icon,
+          name: __props.name,
+          alt: __props.alt,
+          size: __props.size,
+          empty: __props.empty,
+          colorful: __props.colorful
+        }, null, 8, ["icon", "name", "alt", "size", "empty", "colorful"]),
+        __props.tone !== "none" ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["tx-status-icon__indicator", `is-${__props.tone}`]),
+          "aria-hidden": "true"
+        }, null, 2)) : createCommentVNode("", true)
+      ], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/icon/src/status-icon.d.ts

@@ -0,0 +1,14 @@
+import { TxIconSource } from './types';
+
+export type TxStatusIconTone = 'none' | 'loading' | 'warning' | 'success' | 'error' | 'info';
+export interface TxStatusIconProps {
+    icon?: TxIconSource | null;
+    name?: string;
+    alt?: string;
+    size?: number;
+    empty?: string;
+    colorful?: boolean;
+    tone?: TxStatusIconTone;
+    indicatorSize?: number;
+    indicatorOffset?: number;
+}

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

@@ -0,0 +1,35 @@
+import { InjectionKey } from 'vue';
+
+export type TxIconType = 'emoji' | 'url' | 'file' | 'class' | 'builtin';
+export type TxIconStatus = 'normal' | 'loading' | 'error';
+export interface TxIconSource {
+    type: TxIconType;
+    value: string;
+    status?: TxIconStatus;
+    /** Icon colorful mode (only for URL/file type) */
+    colorful?: boolean;
+    /** Error message (when status is error) */
+    error?: string;
+}
+/**
+ * URL resolver function type
+ * @param url - Original URL/path value
+ * @param type - Icon type ('url' | 'file')
+ * @returns Resolved URL string
+ */
+export type TxIconUrlResolver = (url: string, type: 'url' | 'file') => string;
+/**
+ * SVG fetcher function type for custom fetch logic (e.g., with retry, transport)
+ * @param url - Resolved URL to fetch
+ * @returns Promise resolving to SVG content string
+ */
+export type TxIconSvgFetcher = (url: string) => Promise<string>;
+export interface TxIconConfig {
+    /** Custom URL resolver (e.g., for tfile:// protocol) */
+    urlResolver?: TxIconUrlResolver;
+    /** Custom SVG fetcher (e.g., with retry logic) */
+    svgFetcher?: TxIconSvgFetcher;
+    /** Default file protocol prefix (e.g., 'tfile://') */
+    fileProtocol?: string;
+}
+export declare const TX_ICON_CONFIG_KEY: InjectionKey<TxIconConfig>;

package/dist/es/icon/src/types.js

@@ -0,0 +1,3 @@
+const TX_ICON_CONFIG_KEY = Symbol("tx-icon-config");
+
+export { TX_ICON_CONFIG_KEY };

package/dist/es/image-gallery/index.d.ts

@@ -0,0 +1,82 @@
+import { ImageGalleryEmits, ImageGalleryItem, ImageGalleryProps } from './src/types';
+import { default as TxImageGallery } from './src/TxImageGallery.vue';
+
+declare const ImageGallery: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        items: {
+            type: import('vue').PropType<ImageGalleryItem[]>;
+            required: true;
+        };
+        startIndex: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onOpen?: ((payload: {
+            index: number;
+            item: ImageGalleryItem;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        open: (payload: {
+            index: number;
+            item: ImageGalleryItem;
+        }) => void;
+        close: () => void;
+    }, import('vue').PublicProps, {
+        startIndex: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        items: {
+            type: import('vue').PropType<ImageGalleryItem[]>;
+            required: true;
+        };
+        startIndex: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onOpen?: ((payload: {
+            index: number;
+            item: ImageGalleryItem;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        startIndex: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    items: {
+        type: import('vue').PropType<ImageGalleryItem[]>;
+        required: true;
+    };
+    startIndex: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onOpen?: ((payload: {
+        index: number;
+        item: ImageGalleryItem;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    open: (payload: {
+        index: number;
+        item: ImageGalleryItem;
+    }) => void;
+    close: () => void;
+}, string, {
+    startIndex: 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 { ImageGallery, TxImageGallery };
+export type { ImageGalleryEmits, ImageGalleryItem, ImageGalleryProps };
+export default ImageGallery;

package/dist/es/image-gallery/index.js

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

package/dist/es/image-gallery/src/TxImageGallery.vue.d.ts

@@ -0,0 +1,39 @@
+import { ImageGalleryItem, ImageGalleryProps } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageGalleryProps>, {
+    startIndex: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    open: (payload: {
+        index: number;
+        item: ImageGalleryItem;
+    }) => void;
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageGalleryProps>, {
+    startIndex: number;
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onOpen?: ((payload: {
+        index: number;
+        item: ImageGalleryItem;
+    }) => any) | undefined;
+}>, {
+    startIndex: 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/image-gallery/src/TxImageGallery.vue.js

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

package/dist/es/image-gallery/src/TxImageGallery.vue2.js

@@ -0,0 +1,119 @@
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, createElementVNode, createVNode, Fragment, renderList, withCtx, createCommentVNode, toDisplayString } from 'vue';
+import TxModalVue from '../../modal/src/TxModal.vue.js';
+
+const _hoisted_1 = { class: "tx-image-gallery" };
+const _hoisted_2 = { class: "tx-image-gallery__grid" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["src", "alt"];
+const _hoisted_5 = {
+  key: 0,
+  class: "tx-image-gallery__viewer"
+};
+const _hoisted_6 = ["src", "alt"];
+const _hoisted_7 = { class: "tx-image-gallery__footer" };
+const _hoisted_8 = ["disabled"];
+const _hoisted_9 = { class: "tx-image-gallery__count" };
+const _hoisted_10 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxImageGallery"
+  },
+  __name: "TxImageGallery",
+  props: {
+    items: {},
+    startIndex: { default: 0 }
+  },
+  emits: ["open", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    const index = ref(0);
+    const list = computed(() => props.items ?? []);
+    watch(
+      () => props.startIndex,
+      (v) => {
+        index.value = Math.min(Math.max(0, v ?? 0), Math.max(0, list.value.length - 1));
+      },
+      { immediate: true }
+    );
+    const current = computed(() => {
+      return list.value[index.value] ?? null;
+    });
+    function openAt(i) {
+      index.value = Math.min(Math.max(0, i), Math.max(0, list.value.length - 1));
+      visible.value = true;
+      const item = list.value[index.value];
+      if (item)
+        emit("open", { index: index.value, item });
+    }
+    function close() {
+      visible.value = false;
+      emit("close");
+    }
+    function prev() {
+      if (index.value > 0)
+        index.value -= 1;
+    }
+    function next() {
+      if (index.value < list.value.length - 1)
+        index.value += 1;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, i) => {
+            return openBlock(), createElementBlock("button", {
+              key: item.id,
+              type: "button",
+              class: "tx-image-gallery__thumb",
+              onClick: ($event) => openAt(i)
+            }, [
+              createElementVNode("img", {
+                src: item.url,
+                alt: item.name || "",
+                loading: "lazy"
+              }, null, 8, _hoisted_4)
+            ], 8, _hoisted_3);
+          }), 128))
+        ]),
+        createVNode(TxModalVue, {
+          modelValue: visible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          title: current.value?.name || "Preview",
+          width: "min(92vw, 880px)",
+          onClose: close
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("button", {
+                type: "button",
+                class: "tx-image-gallery__nav",
+                disabled: index.value <= 0,
+                onClick: prev
+              }, " Prev ", 8, _hoisted_8),
+              createElementVNode("div", _hoisted_9, toDisplayString(index.value + 1) + " / " + toDisplayString(list.value.length), 1),
+              createElementVNode("button", {
+                type: "button",
+                class: "tx-image-gallery__nav",
+                disabled: index.value >= list.value.length - 1,
+                onClick: next
+              }, " Next ", 8, _hoisted_10)
+            ])
+          ]),
+          default: withCtx(() => [
+            current.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              createElementVNode("img", {
+                src: current.value.url,
+                alt: current.value.name || ""
+              }, null, 8, _hoisted_6)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/image-gallery/src/types.d.ts

@@ -0,0 +1,16 @@
+export interface ImageGalleryItem {
+    id: string;
+    url: string;
+    name?: string;
+}
+export interface ImageGalleryProps {
+    items: ImageGalleryItem[];
+    startIndex?: number;
+}
+export interface ImageGalleryEmits {
+    (e: 'open', payload: {
+        index: number;
+        item: ImageGalleryItem;
+    }): void;
+    (e: 'close'): void;
+}

package/dist/es/image-uploader/index.d.ts

@@ -0,0 +1,132 @@
+import { ImageUploaderEmits, ImageUploaderFile, ImageUploaderProps } from './src/types';
+import { default as TxImageUploader } from './src/TxImageUploader.vue';
+
+declare const ImageUploader: {
+    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<ImageUploaderFile[]>;
+            required: true;
+        };
+        multiple: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        accept: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onRemove?: ((payload: {
+            id: string;
+            value: ImageUploaderFile[];
+        }) => any) | undefined;
+        onChange?: ((value: ImageUploaderFile[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: ImageUploaderFile[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: ImageUploaderFile[]) => void;
+        change: (value: ImageUploaderFile[]) => void;
+        remove: (payload: {
+            id: string;
+            value: ImageUploaderFile[];
+        }) => void;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        max: number;
+        multiple: boolean;
+        accept: string;
+    }, 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<ImageUploaderFile[]>;
+            required: true;
+        };
+        multiple: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        accept: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onRemove?: ((payload: {
+            id: string;
+            value: ImageUploaderFile[];
+        }) => any) | undefined;
+        onChange?: ((value: ImageUploaderFile[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: ImageUploaderFile[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        max: number;
+        multiple: boolean;
+        accept: string;
+    }>;
+    __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<ImageUploaderFile[]>;
+        required: true;
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onRemove?: ((payload: {
+        id: string;
+        value: ImageUploaderFile[];
+    }) => any) | undefined;
+    onChange?: ((value: ImageUploaderFile[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ImageUploaderFile[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ImageUploaderFile[]) => void;
+    change: (value: ImageUploaderFile[]) => void;
+    remove: (payload: {
+        id: string;
+        value: ImageUploaderFile[];
+    }) => void;
+}, string, {
+    disabled: boolean;
+    max: number;
+    multiple: boolean;
+    accept: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { ImageUploader, TxImageUploader };
+export type { ImageUploaderEmits, ImageUploaderFile, ImageUploaderProps };
+export default ImageUploader;

package/dist/es/image-uploader/index.js

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

package/dist/es/image-uploader/src/TxImageUploader.vue.d.ts

@@ -0,0 +1,50 @@
+import { ImageUploaderFile, ImageUploaderProps } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageUploaderProps>, {
+    multiple: boolean;
+    accept: string;
+    disabled: boolean;
+    max: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ImageUploaderFile[]) => void;
+    change: (value: ImageUploaderFile[]) => void;
+    remove: (payload: {
+        id: string;
+        value: ImageUploaderFile[];
+    }) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageUploaderProps>, {
+    multiple: boolean;
+    accept: string;
+    disabled: boolean;
+    max: number;
+}>>> & Readonly<{
+    onRemove?: ((payload: {
+        id: string;
+        value: ImageUploaderFile[];
+    }) => any) | undefined;
+    onChange?: ((value: ImageUploaderFile[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ImageUploaderFile[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    max: number;
+    multiple: boolean;
+    accept: string;
+}, {}, {}, {}, 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/image-uploader/src/TxImageUploader.vue.js

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