@aplus-frontend/ui 7.13.6 → 7.13.8

package/es/src/business/ap-table-modal/table-layout/index.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as N, createElementBlock as o, openBlock as l, normalizeClass as a, unref as t, renderSlot as g, Fragment as n, createCommentVNode as h, createElementVNode as m, createVNode as p, withCtx as i, createBlock as s, resolveDynamicComponent as c, h as b, normalizeStyle as v, createTextVNode as B, toDisplayString as $, renderList as M } from "vue";
-import { Button as A, Empty as S } from "@aplus-frontend/antdv";
-import { ApTitle as T } from "../../ap-title/index.mjs";
+import { defineComponent as L, createElementBlock as i, openBlock as l, normalizeClass as n, unref as t, renderSlot as h, Fragment as o, createCommentVNode as b, createElementVNode as s, createVNode as u, withCtx as c, createBlock as d, resolveDynamicComponent as y, h as S, normalizeStyle as N, createTextVNode as v, toDisplayString as B, renderList as $ } from "vue";
+import { Button as M, Empty as T } from "@aplus-frontend/antdv";
+import { ApTitle as x } from "../../ap-title/index.mjs";
 import "../../../config-provider/index.mjs";
-import { useLocale as V } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
-const F = /* @__PURE__ */ N({
+import { useLocale as A } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as V } from "../../../config-provider/hooks/use-namespace.mjs";
+const F = /* @__PURE__ */ L({
   __name: "index",
   props: {
     leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
@@ -14,71 +14,71 @@ const F = /* @__PURE__ */ N({
     selectedList: { default: () => [] }
   },
   emits: ["clear", "deleteItem"],
-  setup(k, { emit: I }) {
-    const { t: d } = V(), u = k, y = I, { m: r } = D("ap-table-modal"), C = () => {
-      y("clear");
-    }, E = (e) => {
-      y("deleteItem", e);
-    }, L = (e) => typeof u.rightTitle == "function" ? u.rightTitle(e) : `${d("ap.apTableModal.selected")} (${e})`;
-    return (e, j) => (l(), o("div", {
-      class: a([
+  setup(e, { emit: k }) {
+    const { t: m } = A(), f = e, g = k, { m: r } = V("ap-table-modal"), I = () => {
+      g("clear");
+    }, C = (a) => {
+      g("deleteItem", a);
+    }, E = (a) => typeof f.rightTitle == "function" ? f.rightTitle(a) : `${m("ap.apTableModal.selected")} (${a})`;
+    return (a, D) => (l(), i("div", {
+      class: n([
         e.renderSelectedItem ? t(r)("table-layout") : "",
         { "complex-layout": !!e.renderSelectedItem }
       ])
     }, [
-      e.renderSelectedItem ? (l(), o(n, { key: 0 }, [
-        e.leftTitle ? (l(), o("div", {
+      e.renderSelectedItem ? (l(), i(o, { key: 0 }, [
+        e.leftTitle ? (l(), i("div", {
           key: 0,
-          class: a(t(r)("table-layout-left"))
+          class: n(t(r)("table-layout-left"))
         }, [
-          p(t(T), { style: { "margin-bottom": "16px" } }, {
-            prefix: i(() => [
-              (l(), s(c(b(n, [e.leftTitle]))))
+          u(t(x), { style: { "margin-bottom": "16px" } }, {
+            prefix: c(() => [
+              (l(), d(y(S(o, [e.leftTitle]))))
             ]),
             _: 1
           }),
-          m("div", {
-            class: a(t(r)("table-layout-left-content"))
+          s("div", {
+            class: n(t(r)("table-layout-left-content"))
           }, [
-            g(e.$slots, "default")
+            h(a.$slots, "default")
           ], 2)
-        ], 2)) : h("", !0),
-        m("div", {
-          class: a(t(r)("table-layout-right")),
-          style: v(e.rightContentStyle)
+        ], 2)) : b("", !0),
+        s("div", {
+          class: n(t(r)("table-layout-right")),
+          style: N(e.rightContentStyle)
         }, [
-          p(t(T), {
-            title: `${t(d)("ap.apTableModal.selected")} (${e.selectedList.length})`
+          u(t(x), {
+            title: `${t(m)("ap.apTableModal.selected")} (${e.selectedList.length})`
           }, {
-            prefix: i(() => [
-              (l(), s(c(b(n, [L(e.selectedList.length)]))))
+            prefix: c(() => [
+              (l(), d(y(S(o, [E(e.selectedList.length)]))))
             ]),
-            suffix: i(() => [
-              p(t(A), {
+            suffix: c(() => [
+              u(t(M), {
                 type: "link",
                 style: { padding: "0px", height: "22px", "border-width": "0px" },
-                onClick: C
+                onClick: I
               }, {
-                default: i(() => [
-                  B($(t(d)("ap.apTableModal.clear")), 1)
+                default: c(() => [
+                  v(B(t(m)("ap.apTableModal.clear")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title"]),
-          m("div", {
-            class: a(t(r)("table-layout-right-content"))
+          s("div", {
+            class: n(t(r)("table-layout-right-content"))
           }, [
-            (l(!0), o(n, null, M(e.selectedList, (f) => (l(), s(c(e.renderSelectedItem?.(f, { deleteItem: E })), { key: f }))), 128)),
-            e.selectedList.length === 0 ? (l(), s(t(S), {
+            (l(!0), i(o, null, $(e.selectedList, (p) => (l(), d(y(e.renderSelectedItem?.(p, { deleteItem: C })), { key: p }))), 128)),
+            e.selectedList.length === 0 ? (l(), d(t(T), {
               key: 0,
-              image: t(S).PRESENTED_IMAGE_SIMPLE,
+              image: t(T).PRESENTED_IMAGE_SIMPLE,
               style: { "margin-top": "100px" }
-            }, null, 8, ["image"])) : h("", !0)
+            }, null, 8, ["image"])) : b("", !0)
           ], 2)
         ], 6)
-      ], 64)) : g(e.$slots, "default", { key: 1 })
+      ], 64)) : h(a.$slots, "default", { key: 1 })
     ], 2));
   }
 });

package/es/src/business/ap-table-modal/table-modal.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as E, ref as d, unref as r, computed as G, h as H, createBlock as w, openBlock as g, mergeProps as m, withCtx as k, createCommentVNode as U, createVNode as h, resolveDynamicComponent as q } from "vue";
-import { message as R, Modal as V } from "@aplus-frontend/antdv";
+import { defineComponent as E, ref as d, unref as r, computed as G, h as H, createBlock as g, openBlock as k, mergeProps as y, withCtx as h, createCommentVNode as U, createVNode as R, resolveDynamicComponent as q } from "vue";
+import { message as T, Modal as V } from "@aplus-frontend/antdv";
 import { transformTableParams as z } from "@aplus-frontend/utils";
-import { cloneDeep as W, omit as T } from "lodash-unified";
+import { cloneDeep as W, omit as S } from "lodash-unified";
 import { ApTable as J } from "../../ap-table/index.mjs";
 import "../../config-provider/index.mjs";
-import { AsyncOpenResultError as y } from "./interface.mjs";
+import { AsyncOpenResultError as v } from "./interface.mjs";
 import "./modal-title.vue.mjs";
 import Q from "./style/index.mjs";
 import "./table-layout/index.vue.mjs";
@@ -66,11 +66,11 @@ const ye = /* @__PURE__ */ E({
     loading: { type: Boolean }
   },
   emits: ["finish"],
-  setup(S, { expose: B, emit: P }) {
-    const e = S, M = P, i = d(!1), v = d({}), u = d(null), a = d([]), b = d();
-    let f = null, c = null;
-    const { b: K } = X("ap-table-modal"), I = Q("ap-table-modal"), { t: C } = Y(), O = async (t = [], o = {}) => {
-      switch (a.value = [...t], i.value = !0, v.value = o?.extraParams, b.value = o.apTableDataSources || e.apTableProps?.dataSource, o.refreshMode || "reset") {
+  setup(f, { expose: B, emit: P }) {
+    const e = f, M = P, i = d(!1), b = d({}), u = d(null), a = d([]), x = d();
+    let m = null, c = null;
+    const { b: K } = X("ap-table-modal"), I = Q("ap-table-modal"), { t: C } = Y(), O = async (o = [], t = {}) => {
+      switch (a.value = [...o], i.value = !0, b.value = t?.extraParams, x.value = t.apTableDataSources || e.apTableProps?.dataSource, t.refreshMode || "reset") {
         case "reset":
           u.value?.reset();
           break;
@@ -81,49 +81,49 @@ const ye = /* @__PURE__ */ E({
           break;
       }
       return new Promise((n, l) => {
-        f = n, c = (s) => l("Ignored Reject: " + s);
+        m = n, c = (s) => l("Ignored Reject: " + s);
       });
-    }, x = () => {
-      i.value = !1, f = null, c?.(y.ModalCancel), c = null;
-    }, _ = async (t) => {
-      t = z({
-        ...t,
-        ...v.value
+    }, w = () => {
+      i.value = !1, m = null, c?.(v.ModalCancel), c = null;
+    }, N = async (o) => {
+      o = z({
+        ...o,
+        ...b.value
       });
-      const o = e.api, { records: n, total: l } = await o(t);
+      const t = e.api, { records: n, total: l } = await t(o);
       return {
         data: n,
         total: l
       };
-    }, N = async () => {
+    }, _ = async () => {
       if (a.value.length > e.maxCount) {
-        c?.(y.ExceedMaxCount);
+        c?.(v.ExceedMaxCount);
         return;
       }
       if (e.getRowKey) {
-        const t = W(r(a)), o = t.map(e.getRowKey);
+        const o = W(r(a)), t = o.map(e.getRowKey);
         if (e.onOk && await e.onOk({
-          keys: o,
-          rows: t
+          keys: t,
+          rows: o
         }) === !1)
           return;
-        M("finish", o, t), f?.({ keys: o, rows: t });
+        M("finish", t, o), m?.({ keys: t, rows: o });
       } else {
-        c?.(y.NotFineGetRowKey);
+        c?.(v.NotFineGetRowKey);
         return;
       }
       i.value = !1;
     }, D = G(() => {
       if (!e.getRowKey) return;
-      const t = e.getRowKey;
+      const o = e.getRowKey;
       return {
         fixed: !0,
-        selectedRowKeys: a.value.map(t),
+        selectedRowKeys: a.value.map(o),
         columnWidth: 50,
         preserveSelectedRowKeys: !0,
-        onSelectAll(o, n) {
+        onSelectAll(t, n) {
           if (n.length > e.maxCount) {
-            R.warning(
+            T.warning(
               C("ap.apTableModal.messageMaxCount", {
                 maxCount: e.maxCount
               })
@@ -131,32 +131,32 @@ const ye = /* @__PURE__ */ E({
             return;
           }
           const l = u.value?.dataSource;
-          if (o) {
-            const s = r(l).filter((p) => !a.value.some((j) => t(j) === t(p)));
+          if (t) {
+            const s = r(l).filter((p) => !a.value.some((j) => o(j) === o(p)));
             a.value = a.value.concat(s);
           } else
-            a.value = a.value?.filter((s) => !l.some((p) => t(p) === t(s)));
+            a.value = a.value?.filter((s) => !l.some((p) => o(p) === o(s)));
         },
-        onSelect(o, n) {
+        onSelect(t, n) {
           if (n) {
             if (a.value.length >= e.maxCount) {
-              R.warning(
+              T.warning(
                 C("ap.apTableModal.messageMaxCount", {
                   maxCount: e.maxCount
                 })
               );
               return;
             }
-            e.rowSelection?.type === "radio" ? a.value = [o] : a.value.push(o);
+            e.rowSelection?.type === "radio" ? a.value = [t] : a.value.push(t);
           } else {
             const l = a.value.findIndex(
-              (s) => t(o) === t(s)
+              (s) => o(t) === o(s)
             );
             a.value.splice(l, 1);
           }
         },
-        getCheckboxProps: (o) => ({
-          disabled: typeof e.disabledCheckbox == "function" ? e.disabledCheckbox(o, a.value) : e.disabledCheckbox
+        getCheckboxProps: (t) => ({
+          disabled: typeof e.disabledCheckbox == "function" ? e.disabledCheckbox(t, a.value) : e.disabledCheckbox
           // Column configuration not to be checked
         }),
         ...e.rowSelection || {}
@@ -173,24 +173,24 @@ const ye = /* @__PURE__ */ E({
       }
     ) : e.title, A = () => u.value, F = () => {
       a.value = [];
-    }, $ = (t) => {
-      const o = e.getRowKey;
-      if (!o) return;
+    }, $ = (o) => {
+      const t = e.getRowKey;
+      if (!t) return;
       const n = a.value.findIndex(
-        (l) => o(t) === o(l)
+        (l) => t(o) === t(l)
       );
       a.value.splice(n, 1);
     };
     return B({
       open: O,
-      close: x,
+      close: w,
       getApTableInstance: A
-    }), (t, o) => (g(), w(r(V), m(
+    }), (o, t) => (k(), g(r(V), y(
       {
         open: i.value,
-        "onUpdate:open": o[0] || (o[0] = (n) => i.value = n)
+        "onUpdate:open": t[0] || (t[0] = (n) => i.value = n)
       },
-      r(T)(e, [
+      r(S)(e, [
         "api",
         "getRowKey",
         "centered",
@@ -208,33 +208,33 @@ const ye = /* @__PURE__ */ E({
         title: L(),
         centered: e.centered ?? !0,
         "wrap-class-name": `${r(K)()} ${r(I)}`,
-        onOk: N,
-        onCancel: x
+        onOk: _,
+        onCancel: w
       }
     ), {
-      default: k(() => [
-        e.renderHeader ? (g(), w(q(e.renderHeader), { key: 0 })) : U("", !0),
-        h(ee, m(e.tableLayoutConfig || {}, {
+      default: h(() => [
+        e.renderHeader ? (k(), g(q(e.renderHeader), { key: 0 })) : U("", !0),
+        R(ee, y(e.tableLayoutConfig || {}, {
           "selected-list": a.value,
           onClear: F,
           onDeleteItem: $
         }), {
-          default: k(() => [
-            h(r(J), m({
+          default: h(() => [
+            R(r(J), y({
               ref_key: "apTableRef",
               ref: u,
               scroll: { y: 450 },
               style: { padding: "0px" },
-              columns: t.columns,
-              request: _,
-              "row-key": t.getRowKey,
+              columns: f.columns,
+              request: N,
+              "row-key": f.getRowKey,
               "row-selection": D.value,
-              "data-source": b.value,
+              "data-source": x.value,
               "search-form": {
                 sortable: !1,
                 countPerRow: 2
               }
-            }, r(T)(e.apTableProps, "dataSource")), null, 16, ["columns", "row-key", "row-selection", "data-source"])
+            }, r(S)(e.apTableProps, "dataSource")), null, 16, ["columns", "row-key", "row-selection", "data-source"])
           ]),
           _: 1
         }, 16, ["selected-list"])

package/es/src/business/ap-tag/ap-tag-group.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as j, ref as x, computed as n, unref as p, watch as I, nextTick as L, onMounted as A, onUnmounted as F, createBlock as g, openBlock as a, mergeProps as w, withCtx as v, createElementVNode as t, normalizeStyle as C, normalizeClass as k, createElementBlock as _, createCommentVNode as G, Fragment as M, renderList as U, toDisplayString as b, renderSlot as q, createTextVNode as H } from "vue";
+import { defineComponent as j, ref as w, computed as a, unref as p, watch as I, nextTick as L, onMounted as A, onUnmounted as F, createBlock as v, openBlock as u, mergeProps as C, withCtx as d, createElementVNode as t, normalizeStyle as k, normalizeClass as b, createElementBlock as W, createCommentVNode as G, Fragment as M, renderList as U, toDisplayString as T, renderSlot as q, createTextVNode as H } from "vue";
 import J from "@ant-design/icons-vue";
 import { Tooltip as K } from "@aplus-frontend/antdv";
 import { omit as O } from "lodash-unified";
@@ -8,7 +8,7 @@ import "../../hooks/index.mjs";
 import { useDevWarning as X } from "../../utils/warning.mjs";
 import "./ap-tag.vue2.mjs";
 import Y from "./style/group.mjs";
-import { getTextWidth as W } from "./utils.mjs";
+import { getTextWidth as _ } from "./utils.mjs";
 import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
 import { useResize as te } from "../../hooks/useResize.mjs";
@@ -21,40 +21,40 @@ const xe = /* @__PURE__ */ j({
     ellipsisColor: {},
     ellipsis: { default: () => ({}) }
   },
-  setup(T) {
-    const { t: z } = Z(), l = T, { token: V } = Q(), B = X("ApTagGroup"), { b: d } = ee("tag-group"), E = Y("tag-group"), i = x(), { observe: D, unobserve: P } = te(), r = n(() => ({
+  setup(n) {
+    const { t: z } = Z(), l = n, { token: V } = Q(), B = X("ApTagGroup"), { b: h } = ee("tag-group"), E = Y("tag-group"), r = w(), { observe: D, unobserve: P } = te(), i = a(() => ({
       ...{
         iconColor: V.value?.textColor1,
         symbol: "icon",
         text: z("ap.common.more")
       },
       ...l.ellipsis
-    })), S = n(() => r.value.tooltip && typeof r.value.tooltip == "object" ? O(r.value.tooltip, ["trigger", "title"]) : {}), c = n(() => p(m) < l.list.length), m = x(0), N = n(() => l.list.map((e) => e.text).join("、")), R = n(() => [d(), E.value].filter(Boolean)), h = () => {
+    })), S = a(() => i.value.tooltip && typeof i.value.tooltip == "object" ? O(i.value.tooltip, ["trigger", "title"]) : {}), m = a(() => p(f) < l.list.length), f = w(0), N = a(() => l.list.map((e) => e.text).join("、")), R = a(() => [h(), E.value].filter(Boolean)), y = () => {
       let e = 0, o = 0;
-      if (!i.value) return;
-      const u = i.value.offsetWidth;
+      if (!r.value) return;
+      const c = r.value.offsetWidth;
       for (let s of l.list) {
-        const f = s.size === "small" ? 8 : 12, y = W(
+        const g = s.size === "small" ? 8 : 12, x = _(
           s.size === "large" ? 14 : 12,
           s.text
-        ) + f + l.space;
-        if (e += y, e > u) {
-          e -= y;
+        ) + g + l.space;
+        if (e += x, e > c) {
+          e -= x;
           break;
         }
         o++;
       }
       if (o < l.list.length) {
-        const f = W(12, r.value.text);
-        l.ellipsis.symbol === "icon" ? e += 16 : e += f, e > u && o--;
+        const g = _(12, i.value.text);
+        l.ellipsis.symbol === "icon" ? e += 16 : e += g, e > c && o--;
       }
-      m.value = o;
+      f.value = o;
     };
     I(
       () => l.list,
       (e, o) => {
         e !== o && L(() => {
-          h();
+          y();
         });
       },
       {
@@ -62,7 +62,7 @@ const xe = /* @__PURE__ */ j({
       }
     );
     const $ = () => {
-      h();
+      y();
     };
     return A(() => {
       [["ellipsisColor", "ellipse.color"]].forEach(
@@ -73,40 +73,40 @@ const xe = /* @__PURE__ */ j({
             o
           );
         }
-      ), i.value && D(i.value, $);
+      ), r.value && D(r.value, $);
     }), F(() => {
-      i.value && P(i.value);
-    }), (e, o) => (a(), g(p(K), w({ trigger: "hover" }, S.value), {
-      title: v(() => [
-        q(e.$slots, "tooltip", { tags: e.list }, () => [
-          H(b(N.value), 1)
+      r.value && P(r.value);
+    }), (e, o) => (u(), v(p(K), C({ trigger: "hover" }, S.value), {
+      title: d(() => [
+        q(e.$slots, "tooltip", { tags: n.list }, () => [
+          H(T(N.value), 1)
         ])
       ]),
-      default: v(() => [
+      default: d(() => [
         t("div", {
           ref_key: "container",
-          ref: i,
-          class: k(R.value),
-          style: C({
-            pointerEvents: c.value ? "auto" : "none"
+          ref: r,
+          class: b(R.value),
+          style: k({
+            pointerEvents: m.value ? "auto" : "none"
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (a(!0), _(M, null, U(e.list, (u, s) => (a(), g(oe, w({ ref_for: !0 }, u, {
+          (u(!0), W(M, null, U(n.list, (c, s) => (u(), v(oe, C({ ref_for: !0 }, c, {
             key: s,
             style: {
-              display: s >= m.value ? "none" : "inline-flex",
-              marginRight: `${e.space}px`
+              display: s >= f.value ? "none" : "inline-flex",
+              marginRight: `${n.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          c.value && r.value.symbol === "icon" ? (a(), g(p(J), {
+          m.value && i.value.symbol === "icon" ? (u(), v(p(J), {
             key: 0,
-            style: C({
-              color: e.ellipsisColor || r.value.iconColor,
+            style: k({
+              color: n.ellipsisColor || i.value.iconColor,
               cursor: "pointer"
             })
           }, {
-            component: v(() => [...o[0] || (o[0] = [
+            component: d(() => [...o[0] || (o[0] = [
               t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -162,11 +162,11 @@ const xe = /* @__PURE__ */ j({
               ], -1)
             ])]),
             _: 1
-          }, 8, ["style"])) : c.value && r.value.symbol === "text" ? (a(), _("span", {
+          }, 8, ["style"])) : m.value && i.value.symbol === "text" ? (u(), W("span", {
             key: 1,
-            class: k(p(d)("ellipsis-text")),
+            class: b(p(h)("ellipsis-text")),
             style: { cursor: "pointer" }
-          }, b(r.value.text), 3)) : G("", !0)
+          }, T(i.value.text), 3)) : G("", !0)
         ], 6)
       ]),
       _: 3

package/es/src/business/ap-tag/ap-tag.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as n, createElementBlock as $, openBlock as b, normalizeClass as i, normalizeStyle as w, createElementVNode as B, toDisplayString as _ } from "vue";
+import { defineComponent as S, computed as s, createElementBlock as $, openBlock as b, normalizeClass as l, normalizeStyle as w, createElementVNode as B, toDisplayString as z } from "vue";
 import "../../config-provider/index.mjs";
-import z from "./style/index.mjs";
-import { useNamespace as I } from "../../config-provider/hooks/use-namespace.mjs";
-const v = ["title"], A = /* @__PURE__ */ S({
+import I from "./style/index.mjs";
+import { useNamespace as v } from "../../config-provider/hooks/use-namespace.mjs";
+const W = ["title"], A = /* @__PURE__ */ S({
   name: "ApTag",
   __name: "ap-tag",
   props: {
@@ -13,36 +13,36 @@ const v = ["title"], A = /* @__PURE__ */ S({
     disabled: { type: Boolean, default: !1 },
     fixedWidth: { type: Boolean, default: !1 }
   },
-  setup(o) {
-    const e = o, { b: a, bm: r } = I("tag"), l = z("tag");
-    function s(t, p) {
+  setup(r) {
+    const e = r, { b: a, bm: n } = v("tag"), c = I("tag");
+    function p(t, i) {
       t.length === 4 && (t = `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);
-      const m = parseInt(t.slice(1, 3), 16), f = parseInt(t.slice(3, 5), 16), g = parseInt(t.slice(5, 7), 16), y = Math.round(p * 255).toString(16).padStart(2, "0");
+      const m = parseInt(t.slice(1, 3), 16), f = parseInt(t.slice(3, 5), 16), g = parseInt(t.slice(5, 7), 16), y = Math.round(i * 255).toString(16).padStart(2, "0");
       return `#${m.toString(16).padStart(2, "0")}${f.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${y}`;
     }
-    const c = n(() => ({
+    const o = s(() => ({
       "--tag-main-color": e.color,
-      "--tag-main-color-opacity": s(e.color, 0.06),
-      "--tag-main-color-background": s(e.color, 0.15)
-    })), d = n(() => [
+      "--tag-main-color-opacity": p(e.color, 0.06),
+      "--tag-main-color-background": p(e.color, 0.15)
+    })), d = s(() => [
       a(),
       a("wrapper"),
       a(`wrapper-${e.type}`),
-      r("wrapper", e.size),
-      l.value
-    ].filter(Boolean)), u = n(() => {
-      const t = [a("inner-wrapper"), r("inner-wrapper", e.size)];
-      return e.disabled && t.push(r("inner-wrapper", "disabled")), t;
+      n("wrapper", e.size),
+      c.value
+    ].filter(Boolean)), u = s(() => {
+      const t = [a("inner-wrapper"), n("inner-wrapper", e.size)];
+      return e.disabled && t.push(n("inner-wrapper", "disabled")), t;
     });
-    return (t, p) => (b(), $("span", {
-      style: w(c.value),
-      title: t.text,
-      class: i(d.value)
+    return (t, i) => (b(), $("span", {
+      style: w(o.value),
+      title: r.text,
+      class: l(d.value)
     }, [
       B("span", {
-        class: i(u.value)
-      }, _(t.text), 3)
-    ], 14, v));
+        class: l(u.value)
+      }, z(r.text), 3)
+    ], 14, W));
   }
 });
 export {