@talex-touch/tuffex 0.3.3 → 0.3.4

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

@@ -1,17 +1,37 @@
-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';
+import { defineComponent, defineAsyncComponent, computed, ref, onMounted, onBeforeUnmount, watch, nextTick, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createBlock, unref, resolveDynamicComponent } from '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 = {
+const _hoisted_2 = { class: "tx-stat-card__progress-inner" };
+const _hoisted_3 = { class: "tx-stat-card__content" };
+const _hoisted_4 = {
+  key: 0,
+  class: "tx-stat-card__label tx-stat-card__label--top"
+};
+const _hoisted_5 = { class: "tx-stat-card__value" };
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = {
   key: 1,
+  class: "tx-stat-card__label"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "tx-stat-card__insight-prefix"
+};
+const _hoisted_9 = { key: 2 };
+const _hoisted_10 = {
+  key: 3,
+  class: "tx-stat-card__insight-suffix"
+};
+const _hoisted_11 = {
+  key: 3,
+  class: "tx-stat-card__meta"
+};
+const _hoisted_12 = {
+  key: 2,
   class: "tx-stat-card__decoration",
   "aria-hidden": "true"
 };
@@ -24,10 +44,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     value: {},
     label: {},
     iconClass: { default: "" },
-    clickable: { type: Boolean, default: false }
+    clickable: { type: Boolean, default: false },
+    insight: {},
+    variant: { default: "default" },
+    progress: {},
+    meta: {}
   },
   setup(__props) {
     const props = __props;
+    const NumberFlowComponent = typeof window !== "undefined" ? defineAsyncComponent(() => import('@number-flow/vue')) : null;
+    const isProgressVariant = computed(() => {
+      if (props.variant === "progress")
+        return true;
+      return typeof props.progress === "number";
+    });
     const numericValue = computed(() => {
       if (typeof props.value === "number")
         return props.value;
@@ -40,6 +70,119 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const displayNumber = ref(0);
     let mountTimer = null;
     const displayString = ref(null);
+    const cardRef = ref(null);
+    const iconRef = ref(null);
+    const glowReady = ref(false);
+    const insightDisplayNumber = ref(0);
+    const hasInsight = computed(() => {
+      if (isProgressVariant.value)
+        return false;
+      if (!props.insight)
+        return false;
+      return Number.isFinite(props.insight.from) && Number.isFinite(props.insight.to);
+    });
+    const progressValue = computed(() => {
+      if (!isProgressVariant.value)
+        return null;
+      if (typeof props.progress === "number")
+        return props.progress;
+      if (numericValue.value != null && numericValue.value <= 100)
+        return numericValue.value;
+      return null;
+    });
+    const progressPercent = computed(() => {
+      if (progressValue.value == null)
+        return null;
+      const normalized = Math.max(0, Math.min(100, progressValue.value));
+      return normalized;
+    });
+    const insightValue = computed(() => {
+      if (!hasInsight.value || !props.insight)
+        return null;
+      const { from, to, type = "percent", precision } = props.insight;
+      const delta = to - from;
+      let raw = type === "delta" ? delta : from === 0 ? 0 : delta / from * 100;
+      if (!Number.isFinite(raw))
+        raw = 0;
+      const digits = precision ?? (type === "percent" ? 1 : 0);
+      if (Number.isFinite(digits))
+        raw = Number(raw.toFixed(Math.max(0, digits)));
+      return raw;
+    });
+    const insightPrefix = computed(() => {
+      if (!hasInsight.value || insightValue.value == null)
+        return "";
+      return insightValue.value > 0 ? "+" : "";
+    });
+    const insightSuffix = computed(() => {
+      if (!hasInsight.value)
+        return "";
+      if (props.insight?.suffix != null)
+        return props.insight.suffix;
+      return props.insight?.type === "delta" ? "" : "%";
+    });
+    const resolveInsightColor = (color) => {
+      if (!color)
+        return null;
+      const map = {
+        success: "var(--tx-color-success, #67c23a)",
+        danger: "var(--tx-color-danger, #f56c6c)",
+        warning: "var(--tx-color-warning, #e6a23c)",
+        info: "var(--tx-color-info, #909399)"
+      };
+      return map[color] ?? color;
+    };
+    const insightColor = computed(() => {
+      if (!hasInsight.value)
+        return null;
+      const override = resolveInsightColor(props.insight?.color);
+      if (override)
+        return override;
+      return resolveInsightColor((insightValue.value ?? 0) >= 0 ? "success" : "danger");
+    });
+    const insightIconClass = computed(() => {
+      if (!hasInsight.value)
+        return "";
+      if (props.insight?.iconClass)
+        return props.insight.iconClass;
+      return (insightValue.value ?? 0) >= 0 ? "i-carbon-growth" : "i-carbon-arrow-down";
+    });
+    const buildGlowColor = (color, alpha) => {
+      const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/i);
+      if (!match)
+        return null;
+      const [, r, g, b] = match;
+      return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    };
+    const resetGlowVars = () => {
+      if (!cardRef.value)
+        return;
+      cardRef.value.style.removeProperty("--tx-stat-card-icon-color");
+      cardRef.value.style.removeProperty("--tx-stat-card-glow-color");
+      cardRef.value.style.removeProperty("--tx-stat-card-glow-color-soft");
+    };
+    const updateGlowVars = () => {
+      if (!cardRef.value || !iconRef.value || !props.iconClass)
+        return;
+      const iconColor = getComputedStyle(iconRef.value).color;
+      if (!iconColor)
+        return;
+      cardRef.value.style.setProperty("--tx-stat-card-icon-color", iconColor);
+      const glowColor = buildGlowColor(iconColor, 0.42);
+      const glowSoftColor = buildGlowColor(iconColor, 0.18);
+      if (glowColor)
+        cardRef.value.style.setProperty("--tx-stat-card-glow-color", glowColor);
+      if (glowSoftColor)
+        cardRef.value.style.setProperty("--tx-stat-card-glow-color-soft", glowSoftColor);
+    };
+    const triggerGlow = () => {
+      if (!props.iconClass)
+        return;
+      glowReady.value = false;
+      requestAnimationFrame(() => {
+        glowReady.value = true;
+      });
+    };
     const displayText = computed(() => {
       return typeof props.value === "number" ? props.value.toLocaleString() : String(props.value);
     });
@@ -50,8 +193,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           displayNumber.value = numericValue.value;
         else
           displayString.value = displayText.value;
+        if (insightValue.value != null)
+          insightDisplayNumber.value = insightValue.value;
         mountTimer = null;
       }, delay);
+      updateGlowVars();
+      triggerGlow();
     });
     onBeforeUnmount(() => {
       if (mountTimer != null)
@@ -63,6 +210,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       displayNumber.value = v;
     });
+    watch(insightValue, (v) => {
+      if (v == null) {
+        insightDisplayNumber.value = 0;
+        return;
+      }
+      if (mountTimer != null)
+        return;
+      insightDisplayNumber.value = v;
+    });
     watch(
       () => props.value,
       (v) => {
@@ -73,36 +229,108 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         displayString.value = String(v);
       }
     );
+    watch(
+      () => props.iconClass,
+      async (v) => {
+        if (!v) {
+          glowReady.value = false;
+          resetGlowVars();
+          return;
+        }
+        await nextTick();
+        updateGlowVars();
+        triggerGlow();
+      }
+    );
+    watch(
+      () => props.variant,
+      async () => {
+        if (!props.iconClass)
+          return;
+        await nextTick();
+        updateGlowVars();
+        triggerGlow();
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tx-stat-card fake-background", { "tx-stat-card--clickable": __props.clickable }]),
+        ref_key: "cardRef",
+        ref: cardRef,
+        class: normalizeClass(["tx-stat-card fake-background", {
+          "tx-stat-card--clickable": __props.clickable,
+          "tx-stat-card--glow-in": glowReady.value,
+          "tx-stat-card--insight": hasInsight.value,
+          "tx-stat-card--progress": isProgressVariant.value
+        }]),
         role: "group",
         "aria-label": "Stat card"
       }, [
-        __props.iconClass ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.iconClass && !isProgressVariant.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("i", {
+            ref_key: "iconRef",
+            ref: iconRef,
             class: normalizeClass(["tx-stat-card__icon", __props.iconClass])
           }, null, 2)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
+        isProgressVariant.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "tx-stat-card__progress",
+          style: normalizeStyle({ "--tx-stat-card-progress": progressPercent.value != null ? `${progressPercent.value}%` : "0%" }),
+          "aria-hidden": "true"
+        }, [
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "tx-stat-card__progress-ring" }, null, -1)),
+          createElementVNode("span", _hoisted_2, [
+            __props.iconClass ? (openBlock(), createElementBlock("i", {
+              key: 0,
+              ref_key: "iconRef",
+              ref: iconRef,
+              class: normalizeClass(["tx-stat-card__progress-icon", __props.iconClass])
+            }, null, 2)) : createCommentVNode("", true)
+          ])
+        ], 4)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          hasInsight.value || isProgressVariant.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "label", {}, () => [
+              createTextVNode(toDisplayString(__props.label), 1)
+            ], true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "value", {}, () => [
-              numericValue.value != null ? (openBlock(), createBlock(unref(NumberFlow), {
+              numericValue.value != null && unref(NumberFlowComponent) ? (openBlock(), createBlock(resolveDynamicComponent(unref(NumberFlowComponent)), {
                 key: 0,
                 value: displayNumber.value
-              }, null, 8, ["value"])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(displayString.value ?? displayText.value), 1))
+              }, null, 8, ["value"])) : (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(displayString.value ?? displayText.value), 1))
             ], true)
           ]),
-          createElementVNode("div", _hoisted_5, [
+          !hasInsight.value && !isProgressVariant.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
             renderSlot(_ctx.$slots, "label", {}, () => [
               createTextVNode(toDisplayString(__props.label), 1)
             ], true)
-          ])
+          ])) : hasInsight.value ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: "tx-stat-card__insight",
+            style: normalizeStyle({ color: insightColor.value || void 0 })
+          }, [
+            createElementVNode("i", {
+              class: normalizeClass(["tx-stat-card__insight-icon", insightIconClass.value]),
+              "aria-hidden": "true"
+            }, null, 2),
+            insightPrefix.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(insightPrefix.value), 1)) : createCommentVNode("", true),
+            insightValue.value != null && unref(NumberFlowComponent) ? (openBlock(), createBlock(resolveDynamicComponent(unref(NumberFlowComponent)), {
+              key: 1,
+              value: insightDisplayNumber.value
+            }, null, 8, ["value"])) : insightValue.value != null ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(insightDisplayNumber.value), 1)) : createCommentVNode("", true),
+            insightSuffix.value ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(insightSuffix.value), 1)) : createCommentVNode("", true)
+          ], 4)) : isProgressVariant.value && (_ctx.$slots.meta || __props.meta) ? (openBlock(), createElementBlock("div", _hoisted_11, [
+            renderSlot(_ctx.$slots, "meta", {}, () => [
+              createTextVNode(toDisplayString(__props.meta), 1)
+            ], true)
+          ])) : createCommentVNode("", true)
         ]),
-        __props.iconClass ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        __props.iconClass && !isProgressVariant.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          _cache[1] || (_cache[1] = createElementVNode("span", { class: "tx-stat-card__glow" }, null, -1)),
           createElementVNode("i", {
-            class: normalizeClass(["tx-stat-card__decoration-icon", __props.iconClass]),
-            style: { color: "var(--tx-text-color-secondary, #909399)" }
+            class: normalizeClass(["tx-stat-card__decoration-icon", __props.iconClass])
           }, null, 2)
         ])) : createCommentVNode("", true)
       ], 2);

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

@@ -1,6 +1,21 @@
+export type StatCardInsightType = 'percent' | 'delta';
+export type StatCardVariant = 'default' | 'progress';
+export interface StatCardInsight {
+    from: number;
+    to: number;
+    type?: StatCardInsightType;
+    color?: 'success' | 'danger' | 'warning' | 'info' | string;
+    iconClass?: string;
+    suffix?: string;
+    precision?: number;
+}
 export interface StatCardProps {
     value: number | string;
     label: string;
     iconClass?: string;
     clickable?: boolean;
+    insight?: StatCardInsight;
+    variant?: StatCardVariant;
+    progress?: number;
+    meta?: string;
 }

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

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxStatusBadge.vue.js';
 /* empty css                       */
 

package/dist/es/switch/index.js

@@ -1,4 +1,5 @@
 import _sfc_main from './src/TxSwitch.vue.js';
+/* empty css                 */
 
 _sfc_main.install = (app) => {
   app.component(_sfc_main.name || "TuffSwitch", _sfc_main);

package/dist/es/tab-bar/index.d.ts

@@ -15,14 +15,14 @@ declare const TabBar: {
             type: import('vue').PropType<import('./src/types').TabBarValue>;
             default: any;
         };
-        items: {
-            type: import('vue').PropType<TabBarItem[]>;
-            default: () => never[];
-        };
         zIndex: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        items: {
+            type: import('vue').PropType<TabBarItem[]>;
+            default: () => never[];
+        };
         safeAreaBottom: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -37,8 +37,8 @@ declare const TabBar: {
         disabled: boolean;
         fixed: boolean;
         modelValue: import('./src/types').TabBarValue;
-        items: TabBarItem[];
         zIndex: number;
+        items: TabBarItem[];
         safeAreaBottom: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -60,14 +60,14 @@ declare const TabBar: {
             type: import('vue').PropType<import('./src/types').TabBarValue>;
             default: any;
         };
-        items: {
-            type: import('vue').PropType<TabBarItem[]>;
-            default: () => never[];
-        };
         zIndex: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        items: {
+            type: import('vue').PropType<TabBarItem[]>;
+            default: () => never[];
+        };
         safeAreaBottom: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -79,8 +79,8 @@ declare const TabBar: {
         disabled: boolean;
         fixed: boolean;
         modelValue: import('./src/types').TabBarValue;
-        items: TabBarItem[];
         zIndex: number;
+        items: TabBarItem[];
         safeAreaBottom: boolean;
     }>;
     __isFragment?: never;
@@ -99,14 +99,14 @@ declare const TabBar: {
         type: import('vue').PropType<import('./src/types').TabBarValue>;
         default: any;
     };
-    items: {
-        type: import('vue').PropType<TabBarItem[]>;
-        default: () => never[];
-    };
     zIndex: {
         type: import('vue').PropType<number>;
         default: number;
     };
+    items: {
+        type: import('vue').PropType<TabBarItem[]>;
+        default: () => never[];
+    };
     safeAreaBottom: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -121,8 +121,8 @@ declare const TabBar: {
     disabled: boolean;
     fixed: boolean;
     modelValue: import('./src/types').TabBarValue;
-    items: TabBarItem[];
     zIndex: number;
+    items: TabBarItem[];
     safeAreaBottom: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
 export { TabBar, TxTabBar };

package/dist/es/tab-bar/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxTabBar from './src/TxTabBar.vue.js';
 
 const TabBar = withInstall(TxTabBar);

package/dist/es/tab-bar/src/TxTabBar.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     disabled: boolean;
     fixed: boolean;
     modelValue: TabBarValue;
-    items: import('./types').TabBarItem[];
     zIndex: number;
+    items: import('./types').TabBarItem[];
     safeAreaBottom: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -33,6 +33,10 @@ declare const Tabs: {
             type: BooleanConstructor;
             default: boolean;
         };
+        borderless: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         autoHeight: {
             type: BooleanConstructor;
             default: boolean;
@@ -72,8 +76,9 @@ declare const Tabs: {
         [key: string]: any;
     }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], import('vue').PublicProps, {
         animation: any;
-        placement: string;
         offset: number;
+        placement: string;
+        borderless: boolean;
         indicatorVariant: string;
         navMinWidth: number;
         navMaxWidth: number;
@@ -119,6 +124,10 @@ declare const Tabs: {
             type: BooleanConstructor;
             default: boolean;
         };
+        borderless: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         autoHeight: {
             type: BooleanConstructor;
             default: boolean;
@@ -158,8 +167,9 @@ declare const Tabs: {
         [key: string]: any;
     }>, {}, {}, {}, {
         animation: any;
-        placement: string;
         offset: number;
+        placement: string;
+        borderless: boolean;
         indicatorVariant: string;
         navMinWidth: number;
         navMaxWidth: number;
@@ -202,6 +212,10 @@ declare const Tabs: {
         type: BooleanConstructor;
         default: boolean;
     };
+    borderless: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     autoHeight: {
         type: BooleanConstructor;
         default: boolean;
@@ -241,8 +255,9 @@ declare const Tabs: {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
     animation: any;
-    placement: string;
     offset: number;
+    placement: string;
+    borderless: boolean;
     indicatorVariant: string;
     navMinWidth: number;
     navMaxWidth: number;

package/dist/es/tabs/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxTabHeader from './src/TxTabHeader.vue.js';
 import TxTabItem from './src/TxTabItem.vue.js';
 import _sfc_main from './src/TxTabItemGroup.vue.js';

package/dist/es/tabs/src/TxTabs.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    borderless: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     autoHeight: {
         type: BooleanConstructor;
         default: boolean;
@@ -88,6 +92,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    borderless: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     autoHeight: {
         type: BooleanConstructor;
         default: boolean;
@@ -125,8 +133,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     animation: any;
-    placement: string;
     offset: number;
+    placement: string;
+    borderless: boolean;
     indicatorVariant: string;
     navMinWidth: number;
     navMaxWidth: number;

package/dist/es/tabs/src/TxTabs.vue.js

@@ -2,6 +2,6 @@ import _sfc_main from './TxTabs.vue2.js';
 /* empty css            */
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
-const TxTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f775e5f4"]]);
+const TxTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c3976ad"]]);
 
 export { TxTabs as default };

package/dist/es/tabs/src/TxTabs.vue2.js

@@ -15,6 +15,7 @@ const _sfc_main = defineComponent({
     navMaxWidth: { type: Number, default: 320 },
     contentPadding: { type: Number, default: 12 },
     contentScrollable: { type: Boolean, default: true },
+    borderless: { type: Boolean, default: false },
     autoHeight: { type: Boolean, default: false },
     autoWidth: { type: Boolean, default: false },
     indicatorVariant: { type: String, default: "line" },
@@ -194,7 +195,7 @@ const _sfc_main = defineComponent({
     });
     watch(
       () => [contentRootElRef.value, sizeAnimEnabled.value],
-      ([el, enabled]) => {
+      () => {
       },
       { immediate: true }
     );
@@ -471,6 +472,7 @@ const _sfc_main = defineComponent({
             {
               "tx-tabs--auto-height": heightAnimEnabled.value,
               "tx-tabs--auto-width": !!props.autoWidth,
+              "tx-tabs--borderless": props.borderless,
               "tx-tabs--indicator-anim": animationIndicator.value.enabled,
               "tx-tabs--nav-anim": animationNav.value.enabled,
               "tx-tabs--content-anim": animationContent.value.enabled

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

@@ -7,6 +7,7 @@ export interface TabsProps {
     navMaxWidth?: number;
     contentPadding?: number;
     contentScrollable?: boolean;
+    borderless?: boolean;
     autoHeight?: boolean;
     autoWidth?: boolean;
     indicatorVariant?: 'line' | 'pill' | 'block' | 'dot' | 'outline';

package/dist/es/tag/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxTag.vue.js';
 /* empty css               */
 

package/dist/es/tag-input/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxTagInput from './src/TxTagInput.vue.js';
 
 const TagInput = withInstall(TxTagInput);

package/dist/es/text-transformer/index.d.ts

@@ -1,4 +1,4 @@
-import { TextTransformerProps } from './src/types.ts';
+import { TextTransformerProps } from './src/types';
 import { default as TxTextTransformer } from './src/TxTextTransformer.vue';
 
 declare const TextTransformer: {

package/dist/es/text-transformer/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxTextTransformer from './src/TxTextTransformer.vue.js';
 
 const TextTransformer = withInstall(TxTextTransformer);

package/dist/es/toast/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxToastHost.vue.js';
 /* empty css                     */