@fewangsit/wangsvue-fats 1.0.1-alpha.68 → 1.0.1-alpha.69

package/animation/index.es.js

@@ -1,7 +1,12 @@
 import { shallowRef as u, defineComponent as g, computed as f, ref as k, watch as h, createElementBlock as w, openBlock as b, mergeProps as y, createElementVNode as v } from "vue";
 import { u as _ } from "../plugins/WangsVue.es.js";
 import { m as D } from "../utils/mergePropsWithDefaults.util.es.js";
-const m = (s, e, n) => {
+const l = u(!1), P = () => ({
+  darkMode: l,
+  toggleDarkMode: (e) => {
+    l.value = e, document.documentElement.classList.toggle("dark", l.value), localStorage.setItem("dark-mode", JSON.stringify(l.value));
+  }
+}), m = (s, e, n) => {
   const o = s[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((r, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -13,12 +18,7 @@ const m = (s, e, n) => {
       )
     );
   });
-}, l = u(!1), P = () => ({
-  darkMode: l,
-  toggleDarkMode: (e) => {
-    l.value = e, document.documentElement.classList.toggle("dark", l.value), localStorage.setItem("dark-mode", JSON.stringify(l.value));
-  }
-}), B = /* @__PURE__ */ g({
+}, B = /* @__PURE__ */ g({
   __name: "Animation",
   props: {
     animation: {},
@@ -59,5 +59,6 @@ const m = (s, e, n) => {
   }
 });
 export {
-  B as _
+  B as _,
+  P as u
 };

package/assetinfo/index.d.ts

@@ -9,12 +9,13 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 type Field = 'brand' | 'model' | 'group' | 'status';
 
 export type AssetGeneralInfo = Partial<AssetDetailDataType> & {
-  assetName?: AssetBrandModelValue;
   assetTagType?: AssetTagType;
-  assetBrand?: AssetBrandModelValue;
-  assetModel?: AssetBrandModelValue;
-  assetGroup?: AssetBrandModelValue;
+  assetName?: AssetBrandModelValue | string;
+  assetBrand?: AssetBrandModelValue | string;
+  assetModel?: AssetBrandModelValue | string;
+  assetGroup?: AssetBrandModelValue | string;
   asset?: string;
+  nameWithSequence?: string;
   assetImage?: string;
 };
 

package/assetinfo/index.es.js

@@ -1,30 +1,30 @@
-import { shallowRef as K, ref as X, defineComponent as Y, onMounted as Z, computed as c, watch as ee, createElementBlock as u, openBlock as d, createVNode as p, createElementVNode as l, createCommentVNode as f, toDisplayString as x, Fragment as se, unref as q, normalizeClass as y } from "vue";
-import { AssetServices as ae } from "@tagsamurai/fats-api-services";
+import { shallowRef as B, ref as j, defineComponent as z, onMounted as J, computed as r, watch as K, createElementBlock as d, openBlock as c, createVNode as p, createElementVNode as i, createCommentVNode as f, toDisplayString as u, Fragment as O, unref as $, normalizeClass as y } from "vue";
+import { AssetServices as R } from "@tagsamurai/fats-api-services";
 import "../utils/role.util.es.js";
-import { g as te } from "../utils/getStatusSeverity.util.es.js";
-import { u as le } from "../utils/toast.util.es.js";
+import { g as H } from "../utils/getStatusSeverity.util.es.js";
+import { u as P } from "../utils/toast.util.es.js";
 import { _ } from "../badge/index.es.js";
-import { _ as ne } from "../image/index.es.js";
-import { _ as oe } from "../tagtype/index.es.js";
-const z = K(!1), J = X(), ie = () => ({
-  loading: z,
-  message: J,
-  setLoading: (m, t) => {
-    z.value = m, J.value = t, document.body.classList[m ? "add" : "remove"]("loading");
+import { _ as Q } from "../image/index.es.js";
+import { _ as U } from "../tagtype/index.es.js";
+const I = B(!1), N = j(), X = () => ({
+  loading: I,
+  message: N,
+  setLoading: (v, s) => {
+    I.value = v, N.value = s, document.body.classList[v ? "add" : "remove"]("loading");
   }
-}), re = { class: "flex justify-between gap-[18px] dark:text-general-100" }, ue = { class: "w-full flex flex-col gap-[6px]" }, de = { class: "flex justify-between" }, ce = { class: "" }, pe = { class: "text-[16px] font-bold leading-[19.12px]" }, fe = { class: "flex items-center gap-[6px]" }, me = { class: "text-general-400 dark:text-general-200 leading-[16.39px]" }, ve = ["href"], ge = { class: "flex flex-col gap-1" }, ye = {
+}), Y = { class: "flex justify-between gap-[18px] dark:text-general-100" }, Z = { class: "w-full flex flex-col gap-[6px]" }, ee = { class: "flex justify-between" }, ae = { class: "" }, se = { class: "text-[16px] font-bold leading-[19.12px]" }, te = { class: "flex items-center gap-[6px]" }, le = { class: "text-general-400 dark:text-general-200 leading-[16.39px]" }, ne = ["href"], oe = { class: "flex flex-col gap-1" }, ie = {
   key: 0,
   class: "flex gap-3"
-}, _e = {
+}, re = {
   key: 1,
   class: "flex gap-3"
-}, xe = {
+}, ue = {
   key: 2,
   class: "flex gap-3"
-}, be = {
+}, de = {
   key: 3,
   class: "flex gap-3"
-}, Ne = /* @__PURE__ */ Y({
+}, xe = /* @__PURE__ */ z({
   __name: "AssetInfo",
   props: {
     id: {},
@@ -33,120 +33,136 @@ const z = K(!1), J = X(), ie = () => ({
     useNfc: { type: Boolean, default: !0 },
     useTagType: { type: Boolean, default: !0 }
   },
-  setup(b, { expose: m }) {
-    const t = b;
-    Z(async () => {
-      t.transactionDetail ? s.value = t.transactionDetail : await U();
+  setup(x, { expose: v }) {
+    const s = x;
+    J(async () => {
+      s.transactionDetail ? t.value = s.transactionDetail : await V();
     });
-    const O = le(), { setLoading: k } = ie(), R = JSON.parse(localStorage.getItem("user") ?? "{}"), s = K(), h = c(() => {
+    const C = P(), { setLoading: b } = X(), A = JSON.parse(localStorage.getItem("user") ?? "{}"), t = B(), h = r(() => {
       var e;
-      return (e = t.fields) == null ? void 0 : e.includes("status");
-    }), H = c(() => {
-      const {
-        setDefault: e,
-        firstImageBig: a,
-        secondImageBig: n,
-        assetImage: o,
-        firstImage: i,
-        secondImage: r
-      } = s.value ?? {}, g = e === "firstImage";
-      return t.transactionDetail ? o : g ? i ?? a : r ?? n;
-    }), T = c(() => {
-      var a, n, o, i, r;
-      const e = t.transactionDetail ? "assetName" : "name";
-      return (o = (n = (a = s.value) == null ? void 0 : a[e]) == null ? void 0 : n.aliasCode) != null && o.length ? `${(r = (i = s.value) == null ? void 0 : i[e]) == null ? void 0 : r.aliasCode}` : void 0;
-    }), P = c(() => {
+      return (e = s.fields) == null ? void 0 : e.includes("status");
+    }), L = r(() => {
+      const { setDefault: e, assetImage: a, firstImage: l, secondImage: n } = t.value ?? {}, o = e === "firstImage";
+      return s.transactionDetail ? a : o ? l : n;
+    }), D = r(() => {
+      var a, l, n, o, m;
+      const e = s.transactionDetail ? "assetName" : "name";
+      return (n = (l = (a = t.value) == null ? void 0 : a[e]) == null ? void 0 : l.aliasCode) != null && n.length ? `${(m = (o = t.value) == null ? void 0 : o[e]) == null ? void 0 : m.aliasCode}` : void 0;
+    }), M = r(() => {
       var e, a;
-      return ((e = s.value) == null ? void 0 : e.assetTagType) ?? ((a = s.value) == null ? void 0 : a.tagType);
-    }), Q = c(() => {
+      return ((e = t.value) == null ? void 0 : e.assetTagType) ?? ((a = t.value) == null ? void 0 : a.tagType);
+    }), W = r(() => {
       var e, a;
-      return ((e = s.value) == null ? void 0 : e.assetName) ?? ((a = s.value) == null ? void 0 : a.name);
-    }), v = c(() => [
+      return ((e = t.value) == null ? void 0 : e.assetName) ?? ((a = t.value) == null ? void 0 : a.name);
+    }), g = r(() => [
       {
         "w-[69px]": !h.value,
         "w-[76px]": h.value
       }
-    ]), U = async () => {
+    ]), q = r(
+      () => {
+        var e, a;
+        return ((e = W.value) == null ? void 0 : e.nameWithSequence) ?? ((a = s.transactionDetail) == null ? void 0 : a.nameWithSequence) ?? "-";
+      }
+    ), E = r(
+      () => {
+        var e, a, l, n, o;
+        return ((a = (e = t.value) == null ? void 0 : e.assetBrand) == null ? void 0 : a.name) ?? ((n = (l = t.value) == null ? void 0 : l.brand) == null ? void 0 : n.name) ?? ((o = s.transactionDetail) == null ? void 0 : o.assetBrand) ?? "-";
+      }
+    ), F = r(
+      () => {
+        var e, a, l, n, o;
+        return ((a = (e = t.value) == null ? void 0 : e.assetModel) == null ? void 0 : a.name) ?? ((n = (l = t.value) == null ? void 0 : l.model) == null ? void 0 : n.name) ?? ((o = s.transactionDetail) == null ? void 0 : o.assetModel) ?? "-";
+      }
+    ), G = r(
+      () => {
+        var e, a, l, n, o;
+        return ((a = (e = t.value) == null ? void 0 : e.assetGroup) == null ? void 0 : a.name) ?? ((n = (l = t.value) == null ? void 0 : l.group) == null ? void 0 : n.name) ?? ((o = s.transactionDetail) == null ? void 0 : o.assetGroup) ?? "-";
+      }
+    ), k = r(
+      () => {
+        var e, a;
+        return ((e = t.value) == null ? void 0 : e.status) ?? ((a = s.transactionDetail) == null ? void 0 : a.status) ?? "-";
+      }
+    ), V = async () => {
       try {
-        k(!0);
-        const { data: e } = await ae.getAssetDetail(t.id);
-        e && (s.value = e.data);
+        b(!0);
+        const { data: e } = await R.getAssetDetail(s.id);
+        e && (t.value = e.data);
       } catch (e) {
-        O.add({ error: e, message: "Error, failed to load asset details." });
+        C.add({ error: e, message: "Error, failed to load asset details." });
       } finally {
-        k(!1);
+        b(!1);
       }
     };
-    return ee(
-      () => t.transactionDetail,
+    return K(
+      () => s.transactionDetail,
       (e) => {
-        s.value = e;
+        t.value = e;
       },
       { deep: !0 }
-    ), m({ asset: s }), (e, a) => {
-      var n, o, i, r, g, w, D, I, S, B, N, C, A, $, L, E, F, M, V, j, G, W;
-      return d(), u("div", re, [
-        p(ne, { src: H.value }, null, 8, ["src"]),
-        l("div", ue, [
-          l("div", de, [
-            l("div", ce, [
-              l("div", pe, x(((n = Q.value) == null ? void 0 : n.nameWithSequence) ?? "-"), 1),
-              l("div", fe, [
-                l("span", me, x((o = s.value) == null ? void 0 : o.assetId) + " " + x(T.value ? `(${T.value})` : ""), 1),
-                e.useTagType ? (d(), u(se, { key: 0 }, [
-                  a[0] || (a[0] = l("div", { class: "w-[6px] h-[6px] rounded-full bg-general-100 dark:bg-general-500" }, null, -1)),
-                  p(oe, {
-                    type: P.value,
+    ), v({ asset: t }), (e, a) => {
+      var l, n, o, m, S, T, w;
+      return c(), d("div", Y, [
+        p(Q, { src: L.value }, null, 8, ["src"]),
+        i("div", Z, [
+          i("div", ee, [
+            i("div", ae, [
+              i("div", se, u(q.value), 1),
+              i("div", te, [
+                i("span", le, u((l = t.value) == null ? void 0 : l.assetId) + " " + u(D.value ? `(${D.value})` : ""), 1),
+                e.useTagType ? (c(), d(O, { key: 0 }, [
+                  a[0] || (a[0] = i("div", { class: "w-[6px] h-[6px] rounded-full bg-general-100 dark:bg-general-500" }, null, -1)),
+                  p(U, {
+                    type: M.value,
                     "use-nfc": e.useNfc
                   }, null, 8, ["type", "use-nfc"])
                 ], 64)) : f("", !0)
               ])
             ]),
-            q(R).userType !== "Basic" ? (d(), u("a", {
+            $(A).userType !== "Basic" ? (c(), d("a", {
               key: 0,
-              href: `/assets/detail/${((i = s.value) == null ? void 0 : i.asset) ?? ((r = s.value) == null ? void 0 : r._id)}`,
+              href: `/assets/detail/${((n = t.value) == null ? void 0 : n.asset) ?? ((o = t.value) == null ? void 0 : o._id)}`,
               class: "text-primary-500 dark:text-primary-300",
               target: "_blank"
-            }, " Asset Detail > ", 8, ve)) : f("", !0)
+            }, u(e.$t("Asset Detail >")), 9, ne)) : f("", !0)
           ]),
-          l("div", ge, [
-            !t.fields || (g = t.fields) != null && g.includes("brand") ? (d(), u("div", ye, [
-              l("span", {
-                class: y(v.value)
-              }, " Brand ", 2),
-              a[1] || (a[1] = l("span", null, ":", -1)),
+          i("div", oe, [
+            !s.fields || (m = s.fields) != null && m.includes("brand") ? (c(), d("div", ie, [
+              i("span", {
+                class: y(g.value)
+              }, u(e.$t("Brand")), 3),
+              a[1] || (a[1] = i("span", null, ":", -1)),
               p(_, {
-                label: ((D = (w = s.value) == null ? void 0 : w.assetBrand) == null ? void 0 : D.name) ?? ((S = (I = s.value) == null ? void 0 : I.brand) == null ? void 0 : S.name) ?? "-",
+                label: E.value,
                 severity: "dark"
               }, null, 8, ["label"])
             ])) : f("", !0),
-            !t.fields || (B = t.fields) != null && B.includes("model") ? (d(), u("div", _e, [
-              l("span", {
-                class: y(v.value)
-              }, " Model/Type ", 2),
-              a[2] || (a[2] = l("span", null, ":", -1)),
+            !s.fields || (S = s.fields) != null && S.includes("model") ? (c(), d("div", re, [
+              i("span", {
+                class: y(g.value)
+              }, u(e.$t("Model/Type")), 3),
+              a[2] || (a[2] = i("span", null, ":", -1)),
               p(_, {
-                label: ((C = (N = s.value) == null ? void 0 : N.assetModel) == null ? void 0 : C.name) ?? (($ = (A = s.value) == null ? void 0 : A.model) == null ? void 0 : $.name) ?? "-",
+                label: F.value,
                 severity: "dark"
               }, null, 8, ["label"])
             ])) : f("", !0),
-            !t.fields || (L = t.fields) != null && L.includes("group") ? (d(), u("div", xe, [
-              l("span", {
-                class: y(v.value)
-              }, " Group ", 2),
-              a[3] || (a[3] = l("span", null, ":", -1)),
-              p(_, {
-                label: ((F = (E = s.value) == null ? void 0 : E.assetGroup) == null ? void 0 : F.name) ?? ((V = (M = s.value) == null ? void 0 : M.group) == null ? void 0 : V.name) ?? "-"
-              }, null, 8, ["label"])
+            !s.fields || (T = s.fields) != null && T.includes("group") ? (c(), d("div", ue, [
+              i("span", {
+                class: y(g.value)
+              }, u(e.$t("Group")), 3),
+              a[3] || (a[3] = i("span", null, ":", -1)),
+              p(_, { label: G.value }, null, 8, ["label"])
             ])) : f("", !0),
-            (j = t.fields) != null && j.includes("status") ? (d(), u("div", be, [
-              l("span", {
-                class: y(v.value)
-              }, " Asset Status ", 2),
-              a[4] || (a[4] = l("span", null, ":", -1)),
+            (w = s.fields) != null && w.includes("status") ? (c(), d("div", de, [
+              i("span", {
+                class: y(g.value)
+              }, u(e.$t("Asset Status")), 3),
+              a[4] || (a[4] = i("span", null, ":", -1)),
               p(_, {
-                label: ((G = s.value) == null ? void 0 : G.status) ?? "-",
-                severity: q(te)((W = s.value) == null ? void 0 : W.status),
+                label: k.value ?? "-",
+                severity: $(H)(k.value),
                 format: "nowrap"
               }, null, 8, ["label", "severity"])
             ])) : f("", !0)
@@ -157,6 +173,6 @@ const z = K(!1), J = X(), ie = () => ({
   }
 });
 export {
-  Ne as _,
-  ie as u
+  xe as _,
+  X as u
 };

package/backgroundimagecropper/index.es.js

@@ -1,12 +1,12 @@
 import { defineComponent as p, shallowRef as f, ref as m, createBlock as h, openBlock as v, unref as a, withCtx as d, renderSlot as z, createElementVNode as g, normalizeClass as w, toDisplayString as C } from "vue";
 import { o as y } from "../vendor/vue-advanced-cropper/dist/index.esm-bundler.es.js";
-import { u as _ } from "../plugins/WangsVue.es.js";
-const I = (i, s) => {
+import { u as I } from "../plugins/WangsVue.es.js";
+const R = (i, s) => {
   const r = i.__vccOpts || i;
   for (const [o, l] of s)
     r[o] = l;
   return r;
-}, R = /* @__PURE__ */ p({
+}, _ = /* @__PURE__ */ p({
   __name: "BackgroundImageCropper",
   props: {
     touchMove: {},
@@ -16,24 +16,24 @@ const I = (i, s) => {
   },
   emits: ["move", "resize"],
   setup(i) {
-    const s = i, { locale: r } = _("ImageCompressor"), o = f(!1), l = m(), n = (e, t) => {
+    const s = i, { locale: r } = I("ImageCompressor"), o = f(!1), l = m(), c = (e, t) => {
       if (e.type === "touchstart" || e.type === "touchmove") {
         if (e.touches.length === 1 && !t)
-          return o.value = !0, l.value = "touch", c(), !1;
+          return o.value = !0, l.value = "touch", n(), !1;
         o.value = !1;
       } else if (e.type === "wheel") {
         if (!t && !e.ctrlKey)
-          return o.value = !0, l.value = "wheel", c(), !1;
+          return o.value = !0, l.value = "wheel", n(), !1;
         o.value = !1;
       }
       e.preventDefault(), e.stopPropagation();
-    }, c = () => {
+    }, n = () => {
       setTimeout(() => {
         o.value = !1;
       }, 1e3);
     };
     return (e, t) => (v(), h(a(y), {
-      "events-filter": n,
+      "events-filter": c,
       "mouse-move": s.mouseMove,
       "touch-move": s.touchMove,
       "touch-resize": s.touchResize,
@@ -45,13 +45,15 @@ const I = (i, s) => {
         z(e.$slots, "default", {}, void 0, !0),
         g("div", {
           class: w([{ "cropper-event-notification--visible": o.value }, "cropper-event-notification"])
-        }, C(l.value === "wheel" ? a(r).cropperCtrlScrollInfo : a(r).cropperTwoFingerInfo), 3)
+        }, C(e.$t(
+          l.value === "wheel" ? a(r).cropperCtrlScrollInfo : a(r).cropperTwoFingerInfo
+        )), 3)
       ]),
       _: 3
     }, 8, ["mouse-move", "touch-move", "touch-resize", "wheel-resize"]));
   }
-}), S = /* @__PURE__ */ I(R, [["__scopeId", "data-v-9031c32d"]]);
+}), $ = /* @__PURE__ */ R(_, [["__scopeId", "data-v-6f59d31e"]]);
 export {
-  S as B,
-  I as _
+  $ as B,
+  R as _
 };

package/button/index.es.js

@@ -1,7 +1,8 @@
-import { defineComponent as P, inject as B, computed as b, resolveDirective as g, withDirectives as c, createBlock as i, openBlock as n, unref as p, mergeProps as t, withCtx as l, renderSlot as u, createCommentVNode as d, normalizeProps as v } from "vue";
-import { s as y } from "../vendor/primevue/button/button.esm.es.js";
-import { _ as f } from "../icon/index.es.js";
-const C = (s) => s ? Array.isArray(s) ? s : [s] : [], z = /* @__PURE__ */ P({
+import { defineComponent as g, inject as $, computed as P, resolveDirective as C, withDirectives as c, createBlock as l, openBlock as t, unref as u, mergeProps as i, withCtx as n, renderSlot as d, createCommentVNode as f, normalizeProps as m } from "vue";
+import { u as h } from "../plugins/basei18n.es.js";
+import { s as v } from "../vendor/primevue/button/button.esm.es.js";
+import { _ as y } from "../icon/index.es.js";
+const A = (s) => s ? Array.isArray(s) ? s : [s] : [], j = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     style: {},
@@ -27,86 +28,95 @@ const C = (s) => s ? Array.isArray(s) ? s : [s] : [], z = /* @__PURE__ */ P({
     plain: { type: Boolean }
   },
   setup(s) {
-    const e = s, m = B("preset", {}).button, r = b(() => ({
+    const e = s, b = $("preset", {}).button, { t: k } = h(), a = P(() => ({
       icon: e.icon ?? "check",
       class: [
-        ...(m == null ? void 0 : m.icon({ props: e }).class) ?? {},
+        ...(b == null ? void 0 : b.icon({ props: e }).class) ?? {},
         { "text-base": e.icon && !e.label },
         // Need to use attrs, because props.label is always undefined.
-        ...C(e.iconClass)
+        ...A(e.iconClass)
       ]
-    }));
-    return (o, h) => {
-      const a = g("tooltip");
-      return o.tooltipPos === "top" ? c((n(), i(p(y), t({ key: 0 }, e, {
+    })), r = P(() => {
+      if (typeof e.tooltip == "string")
+        return k(e.tooltip);
+      if (e.tooltip)
+        return { ...e.tooltip, value: k(e.tooltip.value) };
+    });
+    return (o, w) => {
+      const p = C("tooltip");
+      return o.tooltipPos === "top" ? c((t(), l(u(v), i({ key: 0 }, e, {
         icon: o.icon,
-        "icon-pos": o.iconPos
+        "icon-pos": o.iconPos,
+        label: o.$t(e.label)
       }), {
-        icon: l(({ class: k }) => [
-          o.icon ? (n(), i(f, t({ key: 0 }, r.value, { class: k }), null, 16, ["class"])) : d("", !0)
+        icon: n(({ class: B }) => [
+          o.icon ? (t(), l(y, i({ key: 0 }, a.value, { class: B }), null, 16, ["class"])) : f("", !0)
         ]),
-        default: l(() => [
-          u(o.$slots, "default")
+        default: n(() => [
+          d(o.$slots, "default")
         ]),
         _: 3
-      }, 16, ["icon", "icon-pos"])), [
+      }, 16, ["icon", "icon-pos", "label"])), [
         [
-          a,
-          o.tooltip,
+          p,
+          r.value,
           void 0,
           { top: !0 }
         ]
-      ]) : o.tooltipPos === "left" ? c((n(), i(p(y), t({ key: 1 }, e, {
+      ]) : o.tooltipPos === "left" ? c((t(), l(u(v), i({ key: 1 }, e, {
         icon: o.icon,
-        "icon-pos": o.iconPos
+        "icon-pos": o.iconPos,
+        label: o.$t(e.label)
       }), {
-        icon: l(() => [
-          o.icon ? (n(), i(f, v(t({ key: 0 }, r.value)), null, 16)) : d("", !0)
+        icon: n(() => [
+          o.icon ? (t(), l(y, m(i({ key: 0 }, a.value)), null, 16)) : f("", !0)
         ]),
-        default: l(() => [
-          u(o.$slots, "default")
+        default: n(() => [
+          d(o.$slots, "default")
         ]),
         _: 3
-      }, 16, ["icon", "icon-pos"])), [
+      }, 16, ["icon", "icon-pos", "label"])), [
         [
-          a,
-          o.tooltip,
+          p,
+          r.value,
           void 0,
           { left: !0 }
         ]
-      ]) : o.tooltipPos === "right" ? c((n(), i(p(y), t({ key: 2 }, e, {
+      ]) : o.tooltipPos === "right" ? c((t(), l(u(v), i({ key: 2 }, e, {
         icon: o.icon,
-        "icon-pos": o.iconPos
+        "icon-pos": o.iconPos,
+        label: o.$t(e.label)
       }), {
-        icon: l(() => [
-          o.icon ? (n(), i(f, v(t({ key: 0 }, r.value)), null, 16)) : d("", !0)
+        icon: n(() => [
+          o.icon ? (t(), l(y, m(i({ key: 0 }, a.value)), null, 16)) : f("", !0)
         ]),
-        default: l(() => [
-          u(o.$slots, "default")
+        default: n(() => [
+          d(o.$slots, "default")
         ]),
         _: 3
-      }, 16, ["icon", "icon-pos"])), [
+      }, 16, ["icon", "icon-pos", "label"])), [
         [
-          a,
-          o.tooltip,
+          p,
+          r.value,
           void 0,
           { right: !0 }
         ]
-      ]) : c((n(), i(p(y), t({ key: 3 }, e, {
+      ]) : c((t(), l(u(v), i({ key: 3 }, e, {
         icon: o.icon,
-        "icon-pos": o.iconPos
+        "icon-pos": o.iconPos,
+        label: o.$t(e.label)
       }), {
-        icon: l(() => [
-          o.icon ? (n(), i(f, v(t({ key: 0 }, r.value)), null, 16)) : d("", !0)
+        icon: n(() => [
+          o.icon ? (t(), l(y, m(i({ key: 0 }, a.value)), null, 16)) : f("", !0)
         ]),
-        default: l(() => [
-          u(o.$slots, "default")
+        default: n(() => [
+          d(o.$slots, "default")
         ]),
         _: 3
-      }, 16, ["icon", "icon-pos"])), [
+      }, 16, ["icon", "icon-pos", "label"])), [
         [
-          a,
-          o.tooltip,
+          p,
+          r.value,
           void 0,
           { bottom: !0 }
         ]
@@ -115,6 +125,6 @@ const C = (s) => s ? Array.isArray(s) ? s : [s] : [], z = /* @__PURE__ */ P({
   }
 });
 export {
-  z as _,
-  C as c
+  j as _,
+  A as c
 };