@talex-touch/tuffex 0.3.3

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

@@ -0,0 +1,304 @@
+import { default as TuffIcon } from './src/TxIcon.vue';
+import { TX_ICON_CONFIG_KEY } from './src/types';
+
+declare const TxStatusIcon: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        icon: {
+            type: import('vue').PropType<import('.').TxIconSource | null>;
+            default: null;
+        };
+        size: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        empty: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        colorful: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tone: {
+            type: import('vue').PropType<import('.').TxStatusIconTone>;
+            default: string;
+        };
+        indicatorSize: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
+        indicatorOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        name: string;
+        alt: string;
+        icon: import('.').TxIconSource | null;
+        size: number;
+        empty: string;
+        colorful: boolean;
+        tone: import('.').TxStatusIconTone;
+        indicatorSize: number;
+        indicatorOffset: 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;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        icon: {
+            type: import('vue').PropType<import('.').TxIconSource | null>;
+            default: null;
+        };
+        size: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        empty: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        colorful: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        tone: {
+            type: import('vue').PropType<import('.').TxStatusIconTone>;
+            default: string;
+        };
+        indicatorSize: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
+        indicatorOffset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        name: string;
+        alt: string;
+        icon: import('.').TxIconSource | null;
+        size: number;
+        empty: string;
+        colorful: boolean;
+        tone: import('.').TxStatusIconTone;
+        indicatorSize: number;
+        indicatorOffset: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    alt: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<import('.').TxIconSource | null>;
+        default: null;
+    };
+    size: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    empty: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    colorful: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    tone: {
+        type: import('vue').PropType<import('.').TxStatusIconTone>;
+        default: string;
+    };
+    indicatorSize: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
+    indicatorOffset: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    name: string;
+    alt: string;
+    icon: import('.').TxIconSource | null;
+    size: number;
+    empty: string;
+    colorful: boolean;
+    tone: import('.').TxStatusIconTone;
+    indicatorSize: number;
+    indicatorOffset: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+declare const TxIcon: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        urlResolver: {
+            type: import('vue').PropType<import('.').TxIconUrlResolver>;
+            default: undefined;
+        };
+        svgFetcher: {
+            type: import('vue').PropType<import('.').TxIconSvgFetcher>;
+            default: undefined;
+        };
+        icon: {
+            type: import('vue').PropType<import('.').TxIconSource | null>;
+            default: null;
+        };
+        size: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
+        empty: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        colorful: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        name: string;
+        alt: string;
+        urlResolver: import('.').TxIconUrlResolver;
+        svgFetcher: import('.').TxIconSvgFetcher;
+        icon: import('.').TxIconSource | null;
+        size: number;
+        empty: string;
+        colorful: boolean;
+    }, 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;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        urlResolver: {
+            type: import('vue').PropType<import('.').TxIconUrlResolver>;
+            default: undefined;
+        };
+        svgFetcher: {
+            type: import('vue').PropType<import('.').TxIconSvgFetcher>;
+            default: undefined;
+        };
+        icon: {
+            type: import('vue').PropType<import('.').TxIconSource | null>;
+            default: null;
+        };
+        size: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
+        empty: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        colorful: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        name: string;
+        alt: string;
+        urlResolver: import('.').TxIconUrlResolver;
+        svgFetcher: import('.').TxIconSvgFetcher;
+        icon: import('.').TxIconSource | null;
+        size: number;
+        empty: string;
+        colorful: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    alt: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    urlResolver: {
+        type: import('vue').PropType<import('.').TxIconUrlResolver>;
+        default: undefined;
+    };
+    svgFetcher: {
+        type: import('vue').PropType<import('.').TxIconSvgFetcher>;
+        default: undefined;
+    };
+    icon: {
+        type: import('vue').PropType<import('.').TxIconSource | null>;
+        default: null;
+    };
+    size: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
+    empty: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    colorful: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    name: string;
+    alt: string;
+    urlResolver: import('.').TxIconUrlResolver;
+    svgFetcher: import('.').TxIconSvgFetcher;
+    icon: import('.').TxIconSource | null;
+    size: number;
+    empty: string;
+    colorful: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        empty?(_: {}): any;
+    };
+});
+export { TuffIcon, TX_ICON_CONFIG_KEY, TxIcon, TxStatusIcon };
+export type { TxStatusIconProps, TxStatusIconTone } from './src/status-icon';
+export type { TxIconConfig, TxIconSource, TxIconStatus, TxIconSvgFetcher, TxIconType, TxIconUrlResolver, } from './src/types';
+export default TuffIcon;

package/dist/es/icon/index.js

@@ -0,0 +1,13 @@
+import { withInstall } from '../utils/withInstall.js';
+import TuffIcon from './src/TxIcon.vue.js';
+import TxStatusIconComponent from './src/TxStatusIcon.vue.js';
+
+const TxStatusIcon = withInstall(TxStatusIconComponent);
+TuffIcon.install = (app) => {
+  app.component("TuffIcon", TuffIcon);
+  app.component("TxIcon", TuffIcon);
+  app.component("TxStatusIcon", TxStatusIcon);
+};
+const TxIcon = TuffIcon;
+
+export { TuffIcon, TxIcon, TxStatusIcon, TuffIcon as default };

package/dist/es/icon/src/TxIcon.vue.d.ts

@@ -0,0 +1,81 @@
+import { TxIconConfig, TxIconSource } from './types';
+
+declare function __VLS_template(): {
+    empty?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    icon?: TxIconSource | null;
+    name?: string;
+    alt?: string;
+    size?: number;
+    empty?: string;
+    /** Preserve the original color of the svg icon (default: false = use currentColor mask) */
+    colorful?: boolean;
+    /** Override injected URL resolver for this instance */
+    urlResolver?: TxIconConfig["urlResolver"];
+    /** Override injected SVG fetcher for this instance */
+    svgFetcher?: TxIconConfig["svgFetcher"];
+}>, {
+    icon: null;
+    name: string;
+    alt: string;
+    size: undefined;
+    empty: string;
+    colorful: boolean;
+    urlResolver: undefined;
+    svgFetcher: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    icon?: TxIconSource | null;
+    name?: string;
+    alt?: string;
+    size?: number;
+    empty?: string;
+    /** Preserve the original color of the svg icon (default: false = use currentColor mask) */
+    colorful?: boolean;
+    /** Override injected URL resolver for this instance */
+    urlResolver?: TxIconConfig["urlResolver"];
+    /** Override injected SVG fetcher for this instance */
+    svgFetcher?: TxIconConfig["svgFetcher"];
+}>, {
+    icon: null;
+    name: string;
+    alt: string;
+    size: undefined;
+    empty: string;
+    colorful: boolean;
+    urlResolver: undefined;
+    svgFetcher: undefined;
+}>>> & Readonly<{}>, {
+    name: string;
+    alt: string;
+    urlResolver: import('./types').TxIconUrlResolver;
+    svgFetcher: import('./types').TxIconSvgFetcher;
+    icon: TxIconSource | null;
+    size: number;
+    empty: string;
+    colorful: 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/icon/src/TxIcon.vue.js

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

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

@@ -0,0 +1,210 @@
+import { defineComponent, inject, computed, ref, watch, createElementBlock, openBlock, normalizeStyle, createCommentVNode, renderSlot, createElementVNode, toDisplayString, normalizeClass, Fragment } from 'vue';
+import { TX_ICON_CONFIG_KEY } from './types.js';
+
+const _hoisted_1 = ["title", "data-icon-type", "data-icon-value"];
+const _hoisted_2 = {
+  key: 0,
+  class: "tuff-icon__empty"
+};
+const _hoisted_3 = ["alt", "src"];
+const _hoisted_4 = {
+  key: 1,
+  class: "tuff-icon__error"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "tuff-icon__loading"
+};
+const _hoisted_6 = {
+  key: 3,
+  class: "tuff-icon__emoji"
+};
+const _hoisted_7 = {
+  key: 4,
+  class: "tuff-icon__class"
+};
+const _hoisted_8 = {
+  key: 5,
+  class: "tuff-icon__builtin"
+};
+const _hoisted_9 = ["viewBox"];
+const _hoisted_10 = ["d"];
+const _hoisted_11 = ["alt", "src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TuffIcon"
+  },
+  __name: "TxIcon",
+  props: {
+    icon: { default: null },
+    name: { default: "" },
+    alt: { default: "" },
+    size: { default: void 0 },
+    empty: { default: "" },
+    colorful: { type: Boolean, default: false },
+    urlResolver: { default: void 0 },
+    svgFetcher: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const injectedConfig = inject(TX_ICON_CONFIG_KEY, {});
+    const urlResolver = computed(() => props.urlResolver ?? injectedConfig.urlResolver);
+    const svgFetcher = computed(() => props.svgFetcher ?? injectedConfig.svgFetcher);
+    const fileProtocol = computed(() => injectedConfig.fileProtocol ?? "");
+    const builtinIcons = {
+      "chevron-down": {
+        viewBox: "0 0 24 24",
+        path: "M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z"
+      },
+      "close": {
+        viewBox: "0 0 24 24",
+        path: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.954.95-1.414-1.414 4.95-4.95-4.95-4.95 1.414-1.414z"
+      },
+      "search": {
+        viewBox: "0 0 24 24",
+        path: "M10 2a8 8 0 105.293 14.293l4.7074.707 1.414-1.414-4.707-4.707A8 8 0 0010 2zm0 2a6 6 0 11012 6 6 0 010-12z"
+      },
+      "user": {
+        viewBox: "0 0 24 24",
+        path: "M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5z"
+      },
+      "star": {
+        viewBox: "0 0 24 24",
+        path: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 29.19 8.6229.24l5.46 4.73L5.82 21z"
+      },
+      "star-half": {
+        viewBox: "0 0 24 24",
+        path: "M12 2l2.19 6.62 7.81.62-5.9 4.73 1.82 7.03L12 17.77V2z"
+      }
+    };
+    const safeIcon = computed(() => {
+      if (props.icon)
+        return props.icon;
+      const name = (props.name ?? "").trim();
+      if (!name)
+        return { type: "emoji", value: "" };
+      if (name.startsWith("i-"))
+        return { type: "class", value: name };
+      if (name in builtinIcons)
+        return { type: "builtin", value: name };
+      return { type: "class", value: name };
+    });
+    const isLoading = computed(() => safeIcon.value.status === "loading");
+    const isError = computed(() => safeIcon.value.status === "error");
+    const isAddressable = computed(() => safeIcon.value.type === "url" || safeIcon.value.type === "file");
+    const resolvedUrl = computed(() => {
+      const icon = safeIcon.value;
+      const rawValue = icon.value;
+      if (!isAddressable.value || !rawValue)
+        return rawValue;
+      if (urlResolver.value) {
+        return urlResolver.value(rawValue, icon.type);
+      }
+      if (icon.type === "file" && fileProtocol.value) {
+        return `${fileProtocol.value}${rawValue}`;
+      }
+      if (icon.type === "url" && rawValue.startsWith("/") && !rawValue.startsWith("/api/") && fileProtocol.value) {
+        return `${fileProtocol.value}${rawValue}`;
+      }
+      return rawValue;
+    });
+    const isSvg = computed(() => {
+      const v = resolvedUrl.value;
+      return typeof v === "string" && v.toLowerCase().endsWith(".svg");
+    });
+    const shouldUseMask = computed(() => isSvg.value && !props.colorful);
+    const builtin = computed(() => {
+      if (safeIcon.value.type !== "builtin")
+        return null;
+      return builtinIcons[safeIcon.value.value] ?? null;
+    });
+    const svgContent = ref("");
+    const svgDataUrl = computed(() => {
+      return `data:image/svg+xml;utf8,${encodeURIComponent(svgContent.value ?? "")}`;
+    });
+    async function fetchSvg(url) {
+      try {
+        let content;
+        if (svgFetcher.value) {
+          content = await svgFetcher.value(url);
+        } else {
+          const res = await fetch(url);
+          if (!res.ok) {
+            svgContent.value = "";
+            return;
+          }
+          content = await res.text();
+        }
+        svgContent.value = content;
+      } catch {
+        svgContent.value = "";
+      }
+    }
+    watch(
+      () => ({ url: resolvedUrl.value, shouldUseMask: shouldUseMask.value, type: safeIcon.value.type }),
+      (v) => {
+        if (isAddressable.value && v.shouldUseMask && v.url) {
+          fetchSvg(v.url);
+          return;
+        }
+        svgContent.value = "";
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: "tuff-icon",
+        title: __props.alt,
+        role: "img",
+        "data-icon-type": safeIcon.value.type,
+        "data-icon-value": safeIcon.value.value,
+        style: normalizeStyle({ fontSize: __props.size ? `${__props.size}px` : void 0 })
+      }, [
+        !safeIcon.value.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            __props.empty ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              alt: __props.alt,
+              src: __props.empty
+            }, null, 8, _hoisted_3)) : createCommentVNode("", true)
+          ], true)
+        ])) : isError.value ? (openBlock(), createElementBlock("span", _hoisted_4, [..._cache[0] || (_cache[0] = [
+          createElementVNode("i", { class: "i-ri-image-line" }, null, -1)
+        ])])) : isLoading.value ? (openBlock(), createElementBlock("span", _hoisted_5, [..._cache[1] || (_cache[1] = [
+          createElementVNode("span", { class: "tuff-icon__loading-skeleton" }, [
+            createElementVNode("span", { class: "tuff-icon__loading-shimmer" })
+          ], -1)
+        ])])) : safeIcon.value.type === "emoji" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(safeIcon.value.value || "⚠️"), 1)) : safeIcon.value.type === "class" ? (openBlock(), createElementBlock("span", _hoisted_7, [
+          createElementVNode("i", {
+            class: normalizeClass(safeIcon.value.value)
+          }, null, 2)
+        ])) : safeIcon.value.type === "builtin" && builtin.value ? (openBlock(), createElementBlock("span", _hoisted_8, [
+          (openBlock(), createElementBlock("svg", {
+            viewBox: builtin.value.viewBox,
+            width: "1em",
+            height: "1em",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            createElementVNode("path", {
+              d: builtin.value.path,
+              fill: "currentColor"
+            }, null, 8, _hoisted_10)
+          ], 8, _hoisted_9))
+        ])) : isAddressable.value ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+          shouldUseMask.value && svgContent.value ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "tuff-icon__svg-mask",
+            style: normalizeStyle({ WebkitMaskImage: `url('${svgDataUrl.value}')`, maskImage: `url('${svgDataUrl.value}')` })
+          }, null, 4)) : (openBlock(), createElementBlock("img", {
+            key: 1,
+            alt: __props.alt,
+            src: resolvedUrl.value
+          }, null, 8, _hoisted_11))
+        ], 64)) : createCommentVNode("", true)
+      ], 12, _hoisted_1);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/icon/src/TxStatusIcon.vue.d.ts

@@ -0,0 +1,51 @@
+import { TxStatusIconProps } from './status-icon';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TxStatusIconProps>, {
+    icon: null;
+    name: string;
+    alt: string;
+    size: number;
+    empty: string;
+    colorful: boolean;
+    tone: string;
+    indicatorSize: undefined;
+    indicatorOffset: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TxStatusIconProps>, {
+    icon: null;
+    name: string;
+    alt: string;
+    size: number;
+    empty: string;
+    colorful: boolean;
+    tone: string;
+    indicatorSize: undefined;
+    indicatorOffset: number;
+}>>> & Readonly<{}>, {
+    name: string;
+    alt: string;
+    icon: import('./types').TxIconSource | null;
+    size: number;
+    empty: string;
+    colorful: boolean;
+    tone: import('./status-icon').TxStatusIconTone;
+    indicatorSize: number;
+    indicatorOffset: 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/icon/src/TxStatusIcon.vue.js

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