hys-ui 0.1.1 → 0.3.0

package/dist/components/HysBadge/HysBadge2.vue.js

@@ -1,44 +1,171 @@
-import { defineComponent as y, openBlock as t, createElementBlock as o, mergeProps as b, unref as u, normalizeStyle as c, normalizeClass as n, renderSlot as f, withModifiers as v, createVNode as g, createCommentVNode as l, toDisplayString as h } from "vue";
-import { useHysRootAttrs as B } from "../../config.js";
-import { X as k } from "lucide-vue-next";
-const C = /* @__PURE__ */ y({
+import { defineComponent as E, ref as H, computed as d, onDeactivated as L, onBeforeUnmount as R, onActivated as Z, openBlock as l, createElementBlock as o, mergeProps as q, unref as h, Fragment as x, createElementVNode as M, normalizeStyle as y, normalizeClass as g, renderSlot as i, createTextVNode as S, toDisplayString as v, createCommentVNode as b, withModifiers as w, createBlock as P, nextTick as U } from "vue";
+import { X } from "lucide-vue-next";
+import { useHysRootAttrs as j } from "../../config.js";
+const G = {
+  key: 0,
+  class: "hys-ui-badge-status-text"
+}, I = ["aria-pressed", "disabled"], J = ["disabled", "aria-label"], K = { key: 0 }, O = ["title"], p = /* @__PURE__ */ E({
   __name: "HysBadge",
   props: {
     tone: { default: "blue" },
     size: { default: "md" },
     round: { type: Boolean },
     closable: { type: Boolean },
+    closeText: {},
+    closeLabel: { default: "关闭标签" },
     dot: { type: Boolean },
     value: {},
     max: { default: 99 },
-    showZero: { type: Boolean }
+    showZero: { type: Boolean },
+    hidden: { type: Boolean },
+    color: {},
+    offset: {},
+    placement: { default: "top-right" },
+    badgeStyle: {},
+    badgeClass: {},
+    status: {},
+    text: {},
+    title: {},
+    effect: { default: "light" },
+    checkable: { type: Boolean },
+    checked: { type: Boolean, default: void 0 },
+    defaultChecked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean }
   },
-  emits: ["close"],
-  setup(e, { emit: d }) {
-    const i = B(), m = d;
-    return (a, s) => (t(), o("span", b(u(i), { class: "hys-ui-badge-wrap" }), [
-      a.$slots.default || e.closable ? (t(), o("span", {
-        key: 0,
-        class: n(["hys-ui-badge", ["hys-ui-badge-" + e.tone, { "hys-ui-badge-content": e.dot || e.value !== void 0 }]]),
-        style: c({ borderRadius: e.round ? "99px" : void 0, fontSize: e.size === "sm" ? "10px" : void 0 })
-      }, [
-        f(a.$slots, "default", {}, void 0, !0),
-        e.closable ? (t(), o("button", {
+  emits: ["close", "update:checked", "change"],
+  setup(t, { emit: z }) {
+    const e = t, f = z, m = j(), k = H(e.defaultChecked), u = d(() => e.checked ?? k.value), B = d(
+      () => typeof e.value == "number" && Number.isFinite(e.value) && e.value > e.max ? e.max + "+" : e.value
+    ), N = d(
+      () => !e.hidden && (e.dot || e.value !== void 0 && e.value !== "" && (typeof e.value != "number" || Number.isFinite(e.value)) && (e.value !== 0 || e.showZero))
+    ), T = d(
+      () => e.color ?? {
+        blue: "#2563eb",
+        green: "#06966c",
+        orange: "#b85f06",
+        red: "#d92d44",
+        purple: "#7945d5",
+        gray: "#68778e"
+      }[e.tone]
+    ), V = d(() => ({
+      "--hys-ui-badge-tag-color": T.value,
+      borderRadius: e.round ? "99px" : void 0,
+      background: e.color && e.effect === "light" && (!e.checkable || u.value) ? `color-mix(in srgb, ${e.color} 12%, transparent)` : void 0,
+      color: e.color && e.effect === "light" && (!e.checkable || u.value) ? e.color : void 0
+    })), F = d(() => {
+      var a, s, r, $;
+      return {
+        background: e.color,
+        "--hys-ui-badge-offset-x": typeof ((a = e.offset) == null ? void 0 : a[0]) == "number" ? e.offset[0] + "px" : (s = e.offset) == null ? void 0 : s[0],
+        "--hys-ui-badge-offset-y": typeof ((r = e.offset) == null ? void 0 : r[1]) == "number" ? e.offset[1] + "px" : ($ = e.offset) == null ? void 0 : $[1],
+        ...e.badgeStyle
+      };
+    }), C = d(
+      () => e.color ?? {
+        success: "#06966c",
+        processing: "var(--hys-ui-primary,var(--hys-ui-theme-primary,#2563eb))",
+        default: "#8794a8",
+        error: "#d92d44",
+        warning: "#d9860c"
+      }[e.status ?? "default"]
+    );
+    let c = !0, n = 0;
+    async function A(a) {
+      if (!c || e.disabled || !e.checkable) return;
+      const s = !u.value, r = ++n;
+      k.value = s, f("update:checked", s), await U(), c && r === n && u.value === s && f("change", s, a);
+    }
+    function D(a) {
+      e.disabled || f("close", a);
+    }
+    return L(() => {
+      c = !1, n++;
+    }), R(() => {
+      c = !1, n++;
+    }), Z(() => c = !0), (a, s) => (l(), o("span", q(h(m), {
+      class: ["hys-ui-badge-wrap", [
+        "hys-ui-badge-size-" + t.size,
+        { "hys-ui-badge-disabled": t.disabled }
+      ]]
+    }), [
+      t.status ? (l(), o(x, { key: 0 }, [
+        M("span", {
+          class: g(["hys-ui-badge-status-dot", {
+            "hys-ui-badge-processing": t.status === "processing" && h(m)["data-hys-motion"] !== "off"
+          }]),
+          style: y({ background: C.value, color: C.value }),
+          "aria-hidden": "true"
+        }, null, 6),
+        t.text || a.$slots.default ? (l(), o("span", G, [
+          i(a.$slots, "default", {}, () => [
+            S(v(t.text), 1)
+          ], !0)
+        ])) : b("", !0)
+      ], 64)) : (l(), o(x, { key: 1 }, [
+        a.$slots.default || t.closable || t.checkable ? (l(), o("span", {
           key: 0,
-          type: "button",
-          "aria-label": "关闭标签",
-          onClick: s[0] || (s[0] = v((r) => m("close", r), ["stop"]))
+          class: g(["hys-ui-badge", [
+            "hys-ui-badge-" + t.tone,
+            "hys-ui-badge-" + t.effect,
+            {
+              "hys-ui-badge-content": t.dot || t.value !== void 0 || !!a.$slots.content,
+              "hys-ui-badge-checkable": t.checkable,
+              "hys-ui-badge-checked": t.checkable && u.value
+            }
+          ]]),
+          style: y(V.value)
         }, [
-          g(u(k), { size: 12 })
-        ])) : l("", !0)
-      ], 6)) : l("", !0),
-      e.dot || e.value !== void 0 && (e.value !== 0 || e.showZero) ? (t(), o("sup", {
-        key: 1,
-        class: n(["hys-ui-badge-counter", { "hys-ui-badge-dot": e.dot, "hys-ui-badge-standalone": !a.$slots.default && !e.closable }])
-      }, h(e.dot ? "" : typeof e.value == "number" && e.value > e.max ? e.max + "+" : e.value), 3)) : l("", !0)
+          t.checkable ? (l(), o("button", {
+            key: 0,
+            type: "button",
+            class: "hys-ui-badge-check",
+            "aria-pressed": u.value,
+            disabled: t.disabled,
+            onClick: w(A, ["stop"])
+          }, [
+            i(a.$slots, "default", {}, void 0, !0)
+          ], 8, I)) : i(a.$slots, "default", {}, void 0, !0, 1),
+          t.closable ? (l(), o("button", {
+            key: 2,
+            type: "button",
+            class: "hys-ui-badge-close",
+            disabled: t.disabled,
+            "aria-label": t.closeLabel,
+            onClick: w(D, ["stop"])
+          }, [
+            i(a.$slots, "close-icon", {}, () => [
+              t.closeText ? (l(), o("span", K, v(t.closeText), 1)) : (l(), P(h(X), {
+                key: 1,
+                size: 12,
+                "aria-hidden": "true"
+              }))
+            ], !0)
+          ], 8, J)) : b("", !0)
+        ], 6)) : b("", !0),
+        !t.hidden && (N.value || a.$slots.content) ? (l(), o("sup", {
+          key: 1,
+          class: g(["hys-ui-badge-counter", [
+            t.badgeClass,
+            "hys-ui-badge-" + t.placement,
+            {
+              "hys-ui-badge-dot": t.dot,
+              "hys-ui-badge-standalone": !a.$slots.default && !t.closable && !t.checkable
+            }
+          ]]),
+          style: y(F.value),
+          title: t.title ?? (t.value === void 0 ? void 0 : String(t.value))
+        }, [
+          i(a.$slots, "content", {
+            value: t.value,
+            displayValue: B.value
+          }, () => [
+            S(v(t.dot ? "" : B.value), 1)
+          ], !0)
+        ], 14, O)) : b("", !0)
+      ], 64))
     ], 16));
   }
 });
 export {
-  C as default
+  p as default
 };

package/dist/components/HysBreadcrumb/HysBreadcrumb.vue.js

@@ -1,40 +1,7 @@
-import { defineComponent as u, openBlock as t, createElementBlock as o, mergeProps as m, unref as h, createElementVNode as l, Fragment as d, renderList as f, renderSlot as c, createTextVNode as p, toDisplayString as s, createCommentVNode as y } from "vue";
-import { useHysRootAttrs as b } from "../../config.js";
-const g = { class: "hys-ui-ex-breadcrumb" }, k = {
-  key: 0,
-  "aria-hidden": "true"
-}, _ = ["href"], v = ["aria-current"], A = /* @__PURE__ */ u({
-  __name: "HysBreadcrumb",
-  props: {
-    separator: {},
-    items: {}
-  },
-  setup(a) {
-    const i = b();
-    return (n, B) => (t(), o("nav", m(h(i), { "aria-label": "面包屑" }), [
-      l("ol", g, [
-        (t(!0), o(d, null, f(a.items, (e, r) => (t(), o("li", { key: r }, [
-          r ? (t(), o("span", k, [
-            c(n.$slots, "separator", {}, () => [
-              p(s(a.separator || "/"), 1)
-            ])
-          ])) : y("", !0),
-          e.href && r !== a.items.length - 1 ? c(n.$slots, "link", {
-            item: e,
-            index: r
-          }, () => [
-            l("a", {
-              href: e.href
-            }, s(e.label), 9, _)
-          ], void 0, 1) : (t(), o("span", {
-            key: 2,
-            "aria-current": r === a.items.length - 1 ? "page" : void 0
-          }, s(e.label), 9, v))
-        ]))), 128))
-      ])
-    ], 16));
-  }
-});
+import o from "./HysBreadcrumb2.vue.js";
+/* empty css                   */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2c7abbe1"]]);
 export {
-  A as default
+  c as default
 };

package/dist/components/HysBreadcrumb/HysBreadcrumb2.vue.js

@@ -1,4 +1,290 @@
-import f from "./HysBreadcrumb.vue.js";
+import { defineComponent as O, useSlots as Q, computed as E, onBeforeUpdate as X, openBlock as r, createElementBlock as m, mergeProps as k, unref as c, createElementVNode as I, Fragment as C, renderList as Y, renderSlot as H, createBlock as p, resolveDynamicComponent as Z, createTextVNode as y, toDisplayString as _, createCommentVNode as V, createSlots as R, withCtx as x, createVNode as u, h as F, toRaw as L } from "vue";
+import { Ellipsis as ee, ChevronDown as te } from "lucide-vue-next";
+import { useHysRootAttrs as ie } from "../../config.js";
+import { menuSafeRel as ae } from "../../composables/menu.js";
+import P from "../HysContextMenu/HysContextMenu.vue.js";
+import z from "../HysContextMenu/HysMenuSlot.js";
+const le = ["aria-label"], ne = { class: "hys-ui-ex-breadcrumb" }, se = {
+  key: 0,
+  class: "hys-ui-breadcrumb-separator",
+  "aria-hidden": "true"
+}, re = ["aria-label", "disabled"], oe = {
+  key: 2,
+  class: "hys-ui-breadcrumb-node"
+}, de = ["aria-current", "aria-disabled"], me = ["disabled", "aria-label"], pe = /* @__PURE__ */ O({
+  __name: "HysBreadcrumb",
+  props: {
+    items: {},
+    separator: { default: "/" },
+    separatorIcon: {},
+    ariaLabel: { default: "面包屑" },
+    size: { default: "md" },
+    disabled: { type: Boolean },
+    maxItems: { default: 0 },
+    itemsBeforeCollapse: { default: 1 },
+    itemsAfterCollapse: { default: 1 },
+    maxItemWidth: {},
+    ellipsisLabel: { default: "更多层级" },
+    dropdownLabel: { default: "{label} 的其他页面" },
+    popupTransition: {},
+    popupTransitionDuration: {}
+  },
+  emits: ["select", "dropdownSelect"],
+  setup(l, { emit: $ }) {
+    const d = l, o = Q(), v = $, j = ie(), w = (t, a) => Number.isFinite(t) ? Math.max(0, Math.floor(t)) : a, U = E(() => {
+      const t = d.items.map((i, s) => ({
+        kind: "item",
+        item: i,
+        index: s
+      })), a = w(d.maxItems, 0);
+      if (a < 3 || t.length <= a) return t;
+      const e = Math.max(
+        1,
+        Math.min(a - 2, w(d.itemsBeforeCollapse, 1))
+      ), n = Math.max(
+        1,
+        Math.min(a - e - 1, w(d.itemsAfterCollapse, 1))
+      );
+      return [
+        ...t.slice(0, e),
+        {
+          kind: "overflow",
+          items: t.slice(e, t.length - n),
+          index: e
+        },
+        ...t.slice(-n)
+      ];
+    });
+    function B(t, a) {
+      const e = /* @__PURE__ */ new WeakSet();
+      function n(i, s, h, b) {
+        var N;
+        const S = L(i);
+        if (e.has(S) || b > 32) return;
+        e.add(S);
+        const G = a ? (N = i.children) == null ? void 0 : N.flatMap((J, K) => {
+          const A = n(J, s, h.concat(K), b + 1);
+          return A ? [A] : [];
+        }) : void 0;
+        return e.delete(S), {
+          value: h.join("-"),
+          label: i.label,
+          href: i.href ?? (o.link && i.to !== void 0 ? "#" : void 0),
+          target: i.target,
+          rel: i.rel,
+          disabled: i.disabled,
+          icon: i.icon ? L(i.icon) : void 0,
+          children: G,
+          crumb: i,
+          index: s
+        };
+      }
+      return t.flatMap(({ item: i, index: s }, h) => {
+        const b = n(i, s, [s, h], 0);
+        return b ? [b] : [];
+      });
+    }
+    function q(t, a) {
+      return B(
+        (t.children ?? []).map((e) => ({ item: e, index: a })),
+        !0
+      );
+    }
+    function T(t, a, e) {
+      const n = t.item.crumb, i = t.item.index;
+      t.event instanceof MouseEvent && v("select", n, i, t.event), v("dropdownSelect", n, {
+        index: i,
+        parent: e,
+        path: t.path.map((s) => s.crumb),
+        source: a,
+        event: t.event
+      });
+    }
+    const g = /* @__PURE__ */ new Map();
+    X(() => g.clear());
+    function M(t, a) {
+      const e = g.get(a);
+      if (e) return e;
+      const n = {
+        ...t.href !== void 0 ? { href: t.href } : {},
+        target: t.target,
+        rel: ae(t.target, t.rel),
+        class: "hys-ui-breadcrumb-link",
+        onClick: (i) => v("select", t, a, i)
+      };
+      return g.set(a, n), n;
+    }
+    function f(t) {
+      const a = { ...t.attrs };
+      return t.item.crumb.href === void 0 && delete a.href, {
+        item: t.item.crumb,
+        index: t.item.index,
+        current: !1,
+        attrs: a
+      };
+    }
+    const W = (t) => {
+      var a;
+      return ((a = o.item) == null ? void 0 : a.call(o, t)) ?? [
+        t.item.icon ? F(L(t.item.icon), {
+          size: d.size === "lg" ? 17 : 14,
+          "aria-hidden": "true"
+        }) : null,
+        F(
+          "span",
+          {
+            class: "hys-ui-breadcrumb-label",
+            title: t.item.title ?? (d.maxItemWidth ? t.item.label : void 0)
+          },
+          t.item.label
+        )
+      ];
+    }, D = E(() => ({
+      trigger: "click",
+      size: d.size,
+      disabled: d.disabled,
+      popupTransition: d.popupTransition,
+      popupTransitionDuration: d.popupTransitionDuration
+    }));
+    return (t, a) => (r(), m("nav", k(c(j), {
+      "aria-label": l.ariaLabel,
+      class: [
+        "hys-ui-breadcrumb",
+        "hys-ui-breadcrumb-" + l.size,
+        { "hys-ui-breadcrumb-truncate": l.maxItemWidth !== void 0 }
+      ],
+      style: {
+        "--hys-ui-breadcrumb-item-width": typeof l.maxItemWidth == "number" ? Math.max(24, l.maxItemWidth) + "px" : l.maxItemWidth
+      }
+    }), [
+      I("ol", ne, [
+        (r(!0), m(C, null, Y(U.value, (e) => {
+          var n;
+          return r(), m("li", {
+            key: e.kind + "-" + e.index
+          }, [
+            e.index && (e.kind === "overflow" || e.item.showSeparator !== !1) ? (r(), m("span", se, [
+              H(t.$slots, "separator", {
+                item: e.kind === "item" ? e.item : e.items[0].item,
+                index: e.index
+              }, () => [
+                l.separatorIcon ? (r(), p(Z(l.separatorIcon), {
+                  key: 0,
+                  size: 14
+                })) : (r(), m(C, { key: 1 }, [
+                  y(_(e.kind === "item" ? e.item.separator ?? l.separator : l.separator), 1)
+                ], 64))
+              ], !0)
+            ])) : V("", !0),
+            e.kind === "overflow" ? (r(), p(P, k({
+              key: 1,
+              ref_for: !0
+            }, D.value, {
+              items: B(e.items, !1),
+              "aria-label": l.ellipsisLabel,
+              onSelect: a[0] || (a[0] = (i, s) => T(s, "overflow"))
+            }), R({
+              default: x(() => [
+                I("button", {
+                  type: "button",
+                  class: "hys-ui-breadcrumb-overflow",
+                  "aria-label": l.ellipsisLabel,
+                  disabled: l.disabled
+                }, [
+                  H(t.$slots, "overflow", {
+                    items: e.items.map((i) => i.item)
+                  }, () => [
+                    u(c(ee), { size: 17 })
+                  ], !0)
+                ], 8, re)
+              ]),
+              _: 2
+            }, [
+              o.link ? {
+                name: "link",
+                fn: x((i) => [
+                  u(c(z), {
+                    content: o.link,
+                    scope: f(i),
+                    "node-attrs": f(i).attrs
+                  }, null, 8, ["content", "scope", "node-attrs"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["items", "aria-label"])) : (r(), m("span", oe, [
+              e.index !== l.items.length - 1 && !l.disabled && !e.item.disabled && (e.item.href || o.link && e.item.to !== void 0) ? (r(), m(C, { key: 0 }, [
+                o.link ? (r(), p(c(z), {
+                  key: 0,
+                  content: o.link,
+                  scope: {
+                    item: e.item,
+                    index: e.index,
+                    current: !1,
+                    attrs: M(e.item, e.index)
+                  },
+                  "node-attrs": M(e.item, e.index)
+                }, null, 8, ["content", "scope", "node-attrs"])) : (r(), m("a", k({
+                  key: 1,
+                  ref_for: !0
+                }, M(e.item, e.index)), [
+                  u(W, {
+                    item: e.item,
+                    index: e.index,
+                    current: !1
+                  }, null, 8, ["item", "index"])
+                ], 16))
+              ], 64)) : (r(), m("span", {
+                key: 1,
+                class: "hys-ui-breadcrumb-item",
+                "aria-current": e.index === l.items.length - 1 ? "page" : void 0,
+                "aria-disabled": l.disabled || e.item.disabled || void 0
+              }, [
+                u(W, {
+                  item: e.item,
+                  index: e.index,
+                  current: e.index === l.items.length - 1
+                }, null, 8, ["item", "index", "current"])
+              ], 8, de)),
+              (n = e.item.children) != null && n.length ? (r(), p(P, k({
+                key: 2,
+                ref_for: !0
+              }, D.value, {
+                disabled: l.disabled || e.item.disabled,
+                items: q(e.item, e.index),
+                "aria-label": l.dropdownLabel.replace("{label}", e.item.label),
+                onSelect: (i, s) => T(s, "dropdown", e.item)
+              }), R({
+                default: x(() => [
+                  I("button", {
+                    type: "button",
+                    class: "hys-ui-breadcrumb-arrow",
+                    disabled: l.disabled || e.item.disabled,
+                    "aria-label": l.dropdownLabel.replace("{label}", e.item.label)
+                  }, [
+                    u(c(te), { size: 13 })
+                  ], 8, me)
+                ]),
+                _: 2
+              }, [
+                o.link ? {
+                  name: "link",
+                  fn: x((i) => [
+                    u(c(z), {
+                      content: o.link,
+                      scope: f(i),
+                      "node-attrs": f(i).attrs
+                    }, null, 8, ["content", "scope", "node-attrs"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["disabled", "items", "aria-label", "onSelect"])) : V("", !0)
+            ]))
+          ]);
+        }), 128))
+      ])
+    ], 16, le));
+  }
+});
 export {
-  f as default
+  pe as default
 };

package/dist/components/HysButton/HysButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysButton2.vue.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b6f996fc"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646a4efb"]]);
 export {
-  p as default
+  m as default
 };

package/dist/components/HysButton/HysButton2.vue.js

@@ -1,20 +1,21 @@
-import { defineComponent as B, ref as $, computed as c, openBlock as a, createBlock as u, resolveDynamicComponent as r, mergeProps as C, unref as d, withCtx as z, createElementBlock as s, renderSlot as i, createVNode as P, createCommentVNode as y } from "vue";
-import { LoaderCircle as L } from "lucide-vue-next";
+import { defineComponent as $, ref as z, computed as d, openBlock as i, createBlock as u, resolveDynamicComponent as r, mergeProps as P, unref as s, withCtx as D, createElementBlock as c, renderSlot as a, createVNode as H, createCommentVNode as y } from "vue";
+import { useHysControlState as L } from "../../composables/formContext.js";
+import { LoaderCircle as S } from "lucide-vue-next";
 import { useHysRootAttrs as w } from "../../config.js";
 const A = {
   key: 0,
   class: "hys-ui-button-icon"
-}, D = {
+}, N = {
   key: 1,
   class: "hys-ui-button-icon"
-}, H = {
+}, R = {
   key: 2,
   class: "hys-ui-button-icon"
-}, E = /* @__PURE__ */ B({
+}, q = /* @__PURE__ */ $({
   __name: "HysButton",
   props: {
     variant: { default: "primary" },
-    size: { default: "md" },
+    size: {},
     disabled: { type: Boolean },
     loading: { type: Boolean },
     plain: { type: Boolean },
@@ -35,14 +36,14 @@ const A = {
     ariaLabel: {}
   },
   emits: ["click"],
-  setup(e, { expose: f, emit: h }) {
-    const n = e, b = h, m = w(), l = $(), o = c(() => n.disabled || n.loading), v = { danger: "#ed4556", success: "#16a46e", warning: "#d9860c", info: "#697b97" }, k = c(() => n.color || v[n.variant] || "var(--hys-ui-primary,var(--hys-ui-theme-primary))");
-    function g(t) {
+  setup(e, { expose: f, emit: b }) {
+    const n = e, { disabled: h, size: m } = L(n), v = b, k = w(), l = z(), o = d(() => h.value || n.loading), g = { danger: "#ed4556", success: "#16a46e", warning: "#d9860c", info: "#697b97" }, B = d(() => n.color || g[n.variant] || "var(--hys-ui-primary,var(--hys-ui-theme-primary))");
+    function C(t) {
       if (o.value) {
         t.preventDefault(), t.stopImmediatePropagation();
         return;
       }
-      b("click", t);
+      v("click", t);
     }
     return f({ element: l, focus: () => {
       var t;
@@ -50,12 +51,12 @@ const A = {
     }, blur: () => {
       var t;
       return (t = l.value) == null ? void 0 : t.blur();
-    } }), (t, N) => (a(), u(r(e.href ? "a" : "button"), C({
+    } }), (t, T) => (i(), u(r(e.href ? "a" : "button"), P({
       ref_key: "element",
       ref: l
-    }, d(m), {
-      class: ["hys-ui-btn", ["hys-ui-btn-" + e.size, "hys-ui-button-" + e.variant, { "hys-ui-button-plain": e.plain, "hys-ui-button-round": e.round, "hys-ui-button-circle": e.circle, "hys-ui-button-block": e.block, "hys-ui-button-dashed": e.dashed, "hys-ui-button-locked": o.value }]],
-      style: { "--hys-ui-button-color": k.value },
+    }, s(k), {
+      class: ["hys-ui-btn", ["hys-ui-btn-" + s(m), "hys-ui-button-" + e.variant, { "hys-ui-button-plain": e.plain, "hys-ui-button-round": e.round, "hys-ui-button-circle": e.circle, "hys-ui-button-block": e.block, "hys-ui-button-dashed": e.dashed, "hys-ui-button-locked": o.value }]],
+      style: { "--hys-ui-button-color": B.value },
       type: e.href ? void 0 : e.nativeType || e.type,
       href: o.value ? void 0 : e.href,
       role: e.href ? "link" : void 0,
@@ -67,40 +68,40 @@ const A = {
       "aria-label": e.ariaLabel,
       tabindex: o.value || !e.focusable ? -1 : void 0,
       autofocus: e.autofocus,
-      onClick: g
+      onClick: C
     }), {
-      default: z(() => [
-        e.loading ? (a(), s("span", A, [
-          i(t.$slots, "loading", {}, () => [
-            P(d(L), {
+      default: D(() => [
+        e.loading ? (i(), c("span", A, [
+          a(t.$slots, "loading", {}, () => [
+            H(s(S), {
               class: "hys-ui-button-spinner",
               size: 16,
               "aria-hidden": "true"
             })
           ], !0)
-        ])) : (e.icon || t.$slots.icon) && e.iconPosition === "left" ? (a(), s("span", D, [
-          i(t.$slots, "icon", {}, () => [
-            (a(), u(r(e.icon), {
+        ])) : (e.icon || t.$slots.icon) && e.iconPosition === "left" ? (i(), c("span", N, [
+          a(t.$slots, "icon", {}, () => [
+            (i(), u(r(e.icon), {
               size: 16,
               "aria-hidden": "true"
             }))
           ], !0)
         ])) : y("", !0),
-        i(t.$slots, "default", {}, void 0, !0),
-        !e.loading && (e.icon || t.$slots.icon) && e.iconPosition === "right" ? (a(), s("span", H, [
-          i(t.$slots, "icon", {}, () => [
-            (a(), u(r(e.icon), {
+        a(t.$slots, "default", {}, void 0, !0),
+        !e.loading && (e.icon || t.$slots.icon) && e.iconPosition === "right" ? (i(), c("span", R, [
+          a(t.$slots, "icon", {}, () => [
+            (i(), u(r(e.icon), {
               size: 16,
               "aria-hidden": "true"
             }))
           ], !0)
         ])) : y("", !0),
-        i(t.$slots, "suffix", {}, void 0, !0)
+        a(t.$slots, "suffix", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["class", "style", "type", "href", "role", "target", "rel", "disabled", "aria-disabled", "aria-busy", "aria-label", "tabindex", "autofocus"]));
   }
 });
 export {
-  E as default
+  q as default
 };