hys-ui 0.1.0 → 0.2.0

package/dist/components/HysMention/HysMention2.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent as _, useModel as ee, ref as g, useId as te, computed as C, watch as S, onBeforeUnmount as ae, onDeactivated as le, openBlock as M, createElementBlock as D, mergeProps as N, unref as r, withDirectives as oe, createElementVNode as A, vModelText as ne, createBlock as ie, Teleport as re, Fragment as de, renderList as se, withModifiers as ue, normalizeClass as ce, renderSlot as ve, toDisplayString as O, createCommentVNode as fe, mergeModels as U, nextTick as K } from "vue";
-import { useHysRootAttrs as pe } from "../../config.js";
-import { useFloating as he } from "../../composables/useFloating.js";
-const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-controls", "aria-expanded", "aria-activedescendant"], ge = ["id"], be = ["id", "disabled", "aria-selected", "data-active", "onPointerenter", "onClick"], ye = {
+import { defineComponent as te, useModel as ae, ref as g, useId as le, computed as k, watch as D, onBeforeUnmount as oe, onDeactivated as ne, openBlock as C, createElementBlock as F, mergeProps as O, unref as o, withDirectives as ie, createElementVNode as z, vModelText as re, createBlock as de, Teleport as se, Fragment as ue, renderList as ce, withModifiers as ve, normalizeClass as fe, renderSlot as pe, toDisplayString as U, createCommentVNode as he, mergeModels as K, nextTick as j } from "vue";
+import { useHysControlState as me } from "../../composables/formContext.js";
+import { useHysRootAttrs as ge } from "../../config.js";
+import { useFloating as be } from "../../composables/useFloating.js";
+const ye = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-controls", "aria-expanded", "aria-activedescendant"], xe = ["id"], we = ["id", "disabled", "aria-selected", "data-active", "onPointerenter", "onClick"], ke = {
   class: "hys-ui-mention-avatar",
   "aria-hidden": "true"
-}, Ce = /* @__PURE__ */ _({
+}, Se = /* @__PURE__ */ te({
   __name: "HysMention",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ K({
     users: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -17,9 +18,9 @@ const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "a
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["select", "change"], ["update:modelValue"]),
-  setup(c, { expose: j, emit: q }) {
-    const b = c, i = ee(c, "modelValue"), R = q, z = pe(), o = g(0), v = g(!1), T = g(!1), d = g(), V = g(), B = g(i.value.length), L = te(), J = C(() => d.value ? { getBoundingClientRect: X, contains: (e) => {
+  emits: /* @__PURE__ */ K(["select", "change"], ["update:modelValue"]),
+  setup(h, { expose: q, emit: J }) {
+    const M = h, { disabled: R, label: G } = me(M), r = ae(h, "modelValue"), T = J, H = ge(), n = g(0), c = g(!1), V = g(!1), d = g(), $ = g(), L = g(r.value.length), B = le(), Q = k(() => d.value ? { getBoundingClientRect: Z, contains: (e) => {
       var t;
       return !!((t = d.value) != null && t.contains(e));
     }, focus: () => {
@@ -28,62 +29,62 @@ const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "a
     }, get isConnected() {
       var e;
       return !!((e = d.value) != null && e.isConnected);
-    } } : void 0), { open: f, style: G, show: I, close: y, update: Q } = he(J, V, { gap: 6 }), $ = C(() => i.value.slice(0, B.value)), E = C(() => {
+    } } : void 0), { open: v, style: X, show: I, close: b, update: Y } = be(Q, $, { gap: 6 }), E = k(() => r.value.slice(0, L.value)), W = k(() => {
       var e;
-      return ((e = $.value.match(/@([^\s@]*)$/)) == null ? void 0 : e[1]) ?? null;
+      return ((e = E.value.match(/@([^\s@]*)$/)) == null ? void 0 : e[1]) ?? null;
     });
-    let n;
-    function W() {
-      n == null || n.remove(), n = void 0;
+    let i;
+    function A() {
+      i == null || i.remove(), i = void 0;
     }
-    function X() {
+    function Z() {
       const e = d.value, t = e.getBoundingClientRect();
       if (!t.width && !t.height) return t;
       const l = getComputedStyle(e);
-      n || (n = document.createElement("div"), n.setAttribute("aria-hidden", "true"), document.body.append(n));
-      for (const H of ["direction", "font", "font-family", "font-size", "font-weight", "font-style", "font-variant", "letter-spacing", "word-spacing", "text-transform", "text-indent", "text-align", "line-height", "padding-top", "padding-right", "padding-bottom", "padding-left", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-style", "box-sizing", "tab-size"]) n.style.setProperty(H, l.getPropertyValue(H));
-      Object.assign(n.style, { position: "fixed", top: "0px", left: "-10000px", visibility: "hidden", pointerEvents: "none", height: "auto", overflow: "hidden", whiteSpace: e.wrap === "off" ? "pre" : "pre-wrap", overflowWrap: "break-word", wordBreak: l.wordBreak });
-      const a = parseFloat(l.borderLeftWidth) || 0, p = parseFloat(l.borderTopWidth) || 0;
-      n.style.width = (e.clientWidth || t.width - a - (parseFloat(l.borderRightWidth) || 0)) + a + (parseFloat(l.borderRightWidth) || 0) + "px";
-      const u = Math.max(0, $.value.lastIndexOf("@"));
-      n.textContent = i.value.slice(0, u);
-      const h = document.createElement("span");
-      h.textContent = i.value.slice(u) || "@", n.append(h);
-      const k = parseFloat(l.lineHeight) || (parseFloat(l.fontSize) || 14) * 1.6, m = t.left + h.offsetLeft + a - e.scrollLeft, F = t.top + h.offsetTop + p - e.scrollTop;
-      return { x: m, y: F, left: m, top: F, right: m + 1, bottom: F + k, width: 1, height: k, toJSON: () => ({ left: m, top: F, width: 1, height: k }) };
+      i || (i = document.createElement("div"), i.setAttribute("aria-hidden", "true"), document.body.append(i));
+      for (const N of ["direction", "font", "font-family", "font-size", "font-weight", "font-style", "font-variant", "letter-spacing", "word-spacing", "text-transform", "text-indent", "text-align", "line-height", "padding-top", "padding-right", "padding-bottom", "padding-left", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-style", "box-sizing", "tab-size"]) i.style.setProperty(N, l.getPropertyValue(N));
+      Object.assign(i.style, { position: "fixed", top: "0px", left: "-10000px", visibility: "hidden", pointerEvents: "none", height: "auto", overflow: "hidden", whiteSpace: e.wrap === "off" ? "pre" : "pre-wrap", overflowWrap: "break-word", wordBreak: l.wordBreak });
+      const a = parseFloat(l.borderLeftWidth) || 0, f = parseFloat(l.borderTopWidth) || 0;
+      i.style.width = (e.clientWidth || t.width - a - (parseFloat(l.borderRightWidth) || 0)) + a + (parseFloat(l.borderRightWidth) || 0) + "px";
+      const u = Math.max(0, E.value.lastIndexOf("@"));
+      i.textContent = r.value.slice(0, u);
+      const p = document.createElement("span");
+      p.textContent = r.value.slice(u) || "@", i.append(p);
+      const w = parseFloat(l.lineHeight) || (parseFloat(l.fontSize) || 14) * 1.6, m = t.left + p.offsetLeft + a - e.scrollLeft, S = t.top + p.offsetTop + f - e.scrollTop;
+      return { x: m, y: S, left: m, top: S, right: m + 1, bottom: S + w, width: 1, height: w, toJSON: () => ({ left: m, top: S, width: 1, height: w }) };
     }
-    S(f, (e) => {
-      e || W();
-    }), ae(W), le(W);
-    const x = C(() => E.value === null || b.disabled || b.readonly || v.value || !T.value ? [] : b.users.filter((e) => e.name.toLocaleLowerCase().includes(E.value.toLocaleLowerCase())).slice(0, 8)), s = C(() => x.value.filter((e) => !e.disabled));
-    S(E, () => {
-      o.value = 0, v.value = !1;
-    }), S(x, (e) => {
-      o.value = Math.min(o.value, Math.max(0, s.value.length - 1)), e.length ? I() : y();
+    D(v, (e) => {
+      e || A();
+    }), oe(A), ne(A);
+    const y = k(() => W.value === null || R.value || M.readonly || c.value || !V.value ? [] : M.users.filter((e) => e.name.toLocaleLowerCase().includes(W.value.toLocaleLowerCase())).slice(0, 8)), s = k(() => y.value.filter((e) => !e.disabled));
+    D(W, () => {
+      n.value = 0, c.value = !1;
+    }), D(y, (e) => {
+      n.value = Math.min(n.value, Math.max(0, s.value.length - 1)), e.length ? I() : b();
     }, { flush: "post" });
-    async function w() {
+    async function x() {
       var e;
-      await K(), B.value = ((e = d.value) == null ? void 0 : e.selectionStart) ?? i.value.length, f.value && Q();
+      await j(), L.value = ((e = d.value) == null ? void 0 : e.selectionStart) ?? r.value.length, v.value && Y();
     }
-    S(i, () => void w(), { flush: "post" });
+    D(r, () => void x(), { flush: "post" });
     async function P(e) {
-      var p, u;
-      if (!e || e.disabled || b.disabled || b.readonly) return;
-      const t = $.value.replace(/@[^\s@]*$/, "@" + e.name + " "), l = i.value.slice(B.value), a = l.startsWith(" ") ? l.slice(1) : l;
-      i.value = t + a, v.value = !0, o.value = 0, y(), R("select", e), R("change", i.value), await K(), (p = d.value) == null || p.focus(), (u = d.value) == null || u.setSelectionRange(t.length, t.length), B.value = t.length;
+      var f, u;
+      if (!e || e.disabled || R.value || M.readonly) return;
+      const t = E.value.replace(/@[^\s@]*$/, "@" + e.name + " "), l = r.value.slice(L.value), a = l.startsWith(" ") ? l.slice(1) : l;
+      r.value = t + a, c.value = !0, n.value = 0, b(), T("select", e), T("change", r.value), await j(), (f = d.value) == null || f.focus(), (u = d.value) == null || u.setSelectionRange(t.length, t.length), L.value = t.length;
     }
-    function Y(e) {
+    function _(e) {
       var t, l;
       if (e.key === "Tab") {
-        v.value = !0, y();
+        c.value = !0, b();
         return;
       }
-      x.value.length && (e.key === "Escape" ? (e.preventDefault(), v.value = !0, y()) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), f.value ? o.value = (o.value + (e.key === "ArrowDown" ? 1 : -1) + Math.max(1, s.value.length)) % Math.max(1, s.value.length) : I(), (l = (t = V.value) == null ? void 0 : t.querySelector('[data-active="true"]')) == null || l.scrollIntoView({ block: "nearest" })) : e.key === "Enter" && !e.isComposing && s.value[o.value] && (e.preventDefault(), P(s.value[o.value])));
+      y.value.length && (e.key === "Escape" ? (e.preventDefault(), c.value = !0, b()) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), v.value ? n.value = (n.value + (e.key === "ArrowDown" ? 1 : -1) + Math.max(1, s.value.length)) % Math.max(1, s.value.length) : I(), (l = (t = $.value) == null ? void 0 : t.querySelector('[data-active="true"]')) == null || l.scrollIntoView({ block: "nearest" })) : e.key === "Enter" && !e.isComposing && s.value[n.value] && (e.preventDefault(), P(s.value[n.value])));
     }
-    function Z() {
-      v.value = !1, w(), R("change", i.value);
+    function ee() {
+      c.value = !1, x(), T("change", r.value);
     }
-    return j({ focus: () => {
+    return q({ focus: () => {
       var e;
       return (e = d.value) == null ? void 0 : e.focus();
     }, blur: () => {
@@ -91,75 +92,75 @@ const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "a
       return (e = d.value) == null ? void 0 : e.blur();
     } }), (e, t) => {
       var l;
-      return M(), D("div", N(r(z), { class: "hys-ui-ent-mention" }), [
-        oe(A("textarea", {
+      return C(), F("div", O(o(H), { class: "hys-ui-ent-mention" }), [
+        ie(z("textarea", {
           ref_key: "input",
           ref: d,
-          "onUpdate:modelValue": t[0] || (t[0] = (a) => i.value = a),
-          placeholder: c.placeholder || "输入 @ 提及成员",
-          disabled: c.disabled,
-          readonly: c.readonly,
-          maxlength: c.maxlength,
-          "aria-label": c.ariaLabel || "提及输入",
-          "aria-controls": r(f) ? r(L) : void 0,
-          "aria-expanded": r(f),
-          "aria-activedescendant": r(f) ? r(L) + "-" + ((l = s.value[o.value]) == null ? void 0 : l.id) : void 0,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => r.value = a),
+          placeholder: h.placeholder || "输入 @ 提及成员",
+          disabled: o(R),
+          readonly: h.readonly,
+          maxlength: h.maxlength,
+          "aria-label": h.ariaLabel || o(G) || "提及输入",
+          "aria-controls": o(v) ? o(B) : void 0,
+          "aria-expanded": o(v),
+          "aria-activedescendant": o(v) ? o(B) + "-" + ((l = s.value[n.value]) == null ? void 0 : l.id) : void 0,
           role: "combobox",
-          onKeydown: Y,
-          onKeyup: w,
+          onKeydown: _,
+          onKeyup: x,
           onClick: t[1] || (t[1] = (a) => {
-            v.value = !1, w();
+            c.value = !1, x();
           }),
           onFocus: t[2] || (t[2] = (a) => {
-            T.value = !0, w();
+            V.value = !0, x();
           }),
           onBlur: t[3] || (t[3] = (a) => {
-            T.value = !1, r(y)();
+            V.value = !1, o(b)();
           }),
-          onInput: Z
-        }, null, 40, me), [
-          [ne, i.value]
+          onInput: ee
+        }, null, 40, ye), [
+          [re, r.value]
         ]),
-        (M(), ie(re, { to: "body" }, [
-          r(f) && x.value.length ? (M(), D("div", N({
+        (C(), de(se, { to: "body" }, [
+          o(v) && y.value.length ? (C(), F("div", O({
             key: 0,
-            id: r(L),
+            id: o(B),
             ref_key: "panel",
-            ref: V
-          }, r(z), {
+            ref: $
+          }, o(H), {
             class: "hys-ui-mention-list hys-ui-floating-surface",
-            style: { ...r(G), maxHeight: "min(240px,calc(100vh - 20px))" },
+            style: { ...o(X), maxHeight: "min(240px,calc(100vh - 20px))" },
             role: "listbox",
             "aria-label": "提及候选成员"
           }), [
-            (M(!0), D(de, null, se(x.value, (a) => {
-              var p, u, h;
-              return M(), D("button", {
-                id: r(L) + "-" + a.id,
+            (C(!0), F(ue, null, ce(y.value, (a) => {
+              var f, u, p;
+              return C(), F("button", {
+                id: o(B) + "-" + a.id,
                 key: a.id,
                 type: "button",
                 role: "option",
                 disabled: a.disabled,
-                "aria-selected": ((p = s.value[o.value]) == null ? void 0 : p.id) === a.id,
-                "data-active": ((u = s.value[o.value]) == null ? void 0 : u.id) === a.id,
-                class: ce({ "hys-ui-mention-active": ((h = s.value[o.value]) == null ? void 0 : h.id) === a.id }),
-                onMousedown: t[4] || (t[4] = ue(() => {
+                "aria-selected": ((f = s.value[n.value]) == null ? void 0 : f.id) === a.id,
+                "data-active": ((u = s.value[n.value]) == null ? void 0 : u.id) === a.id,
+                class: fe({ "hys-ui-mention-active": ((p = s.value[n.value]) == null ? void 0 : p.id) === a.id }),
+                onMousedown: t[4] || (t[4] = ve(() => {
                 }, ["prevent"])),
-                onPointerenter: (k) => !a.disabled && (o.value = s.value.findIndex((m) => m.id === a.id)),
-                onClick: (k) => P(a)
+                onPointerenter: (w) => !a.disabled && (n.value = s.value.findIndex((m) => m.id === a.id)),
+                onClick: (w) => P(a)
               }, [
-                ve(e.$slots, "option", { user: a }, () => [
-                  A("span", ye, O(a.name.slice(0, 1)), 1),
-                  A("span", null, O(a.name), 1)
+                pe(e.$slots, "option", { user: a }, () => [
+                  z("span", ke, U(a.name.slice(0, 1)), 1),
+                  z("span", null, U(a.name), 1)
                 ], !0)
-              ], 42, be);
+              ], 42, we);
             }), 128))
-          ], 16, ge)) : fe("", !0)
+          ], 16, xe)) : he("", !0)
         ]))
       ], 16);
     };
   }
 });
 export {
-  Ce as default
+  Se as default
 };

package/dist/components/HysModal/HysModal.vue.js

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

package/dist/components/HysModal/HysModal2.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as g, toRef as E, watch as O, onDeactivated as $, openBlock as n, createBlock as x, Teleport as D, createVNode as C, Transition as M, withCtx as S, unref as c, withDirectives as H, createElementBlock as f, mergeProps as N, withModifiers as R, createElementVNode as r, normalizeStyle as V, renderSlot as y, toDisplayString as z, createCommentVNode as h, vShow as A } from "vue";
+import { defineComponent as B, ref as g, toRef as E, watch as O, onDeactivated as $, openBlock as r, createBlock as x, Teleport as D, createVNode as C, Transition as M, withCtx as S, unref as f, withDirectives as H, createElementBlock as y, mergeProps as N, withModifiers as R, createElementVNode as u, normalizeStyle as V, renderSlot as h, toDisplayString as z, createCommentVNode as m, vShow as A } from "vue";
 import { useHysRootAttrs as P } from "../../config.js";
 import { X as T } from "lucide-vue-next";
 import { useDialog as q } from "../../composables/useDialog.js";
@@ -21,75 +21,75 @@ const W = ["aria-label", "aria-busy"], X = { class: "hys-ui-dialog-head" }, j =
   },
   emits: ["close", "closeError"],
   setup(e, { expose: k, emit: w }) {
-    const p = P(), s = e, m = w, u = g(), t = g(!1), { active: v } = q(E(s, "open"), u, () => {
-      s.closeOnEscape && a("escape");
+    const p = P(), s = e, v = w, d = g(), l = g(!1), { active: n } = q(E(s, "open"), d, () => {
+      s.closeOnEscape && i("escape");
     });
-    let i = 0;
+    let a = 0;
     function b() {
-      i++, t.value = !1;
+      a++, l.value = !1;
     }
     O(() => s.open, (o) => {
       o || b();
     }), $(b);
-    async function a(o = "button") {
-      if (t.value || !s.open) return;
-      const l = ++i;
-      t.value = !0;
+    async function i(o = "button") {
+      if (l.value || !s.open || !n.value) return;
+      const t = ++a;
+      l.value = !0;
       try {
         if (s.beforeClose && await s.beforeClose(o) === !1) return;
-        v.value && l === i && m("close");
-      } catch (d) {
-        m("closeError", d);
+        n.value && t === a && v("close");
+      } catch (c) {
+        n.value && t === a && v("closeError", c);
       } finally {
-        l === i && (t.value = !1);
+        t === a && (l.value = !1);
       }
     }
-    return k({ close: a, element: u }), (o, l) => (n(), x(D, { to: "body" }, [
+    return k({ close: i, element: d }), (o, t) => (r(), x(D, { to: "body" }, [
       C(M, { name: "hys-ui-modal-motion" }, {
         default: S(() => [
-          c(v) && (e.open || !e.destroyOnClose) ? H((n(), f("div", N({ key: 0 }, c(p), {
+          f(n) && (e.open || !e.destroyOnClose) ? H((r(), y("div", N({ key: 0 }, f(p), {
             class: ["hys-ui-overlay", { "hys-ui-modal-fullscreen": e.fullscreen }],
-            onPointerdown: l[1] || (l[1] = R((d) => e.closeOnMask && a("mask"), ["self"]))
+            onPointerdown: t[1] || (t[1] = R((c) => e.closeOnMask && i("mask"), ["self"]))
           }), [
-            r("section", {
+            u("section", {
               ref_key: "dialog",
-              ref: u,
+              ref: d,
               tabindex: "-1",
               class: "hys-ui-modal",
               role: "dialog",
               "aria-modal": "true",
               "aria-label": e.title,
-              "aria-busy": t.value,
+              "aria-busy": l.value,
               style: V({ maxWidth: e.fullscreen ? "100%" : e.width, width: e.fullscreen ? "100%" : void 0, height: e.fullscreen ? "100dvh" : void 0, maxHeight: e.fullscreen ? "100dvh" : void 0 })
             }, [
-              r("header", X, [
-                y(o.$slots, "header", {}, () => [
-                  r("h3", null, z(e.title), 1)
+              u("header", X, [
+                h(o.$slots, "header", {}, () => [
+                  u("h3", null, z(e.title), 1)
                 ], !0),
-                e.showClose ? (n(), f("button", {
+                e.showClose ? (r(), y("button", {
                   key: 0,
                   type: "button",
                   class: "hys-ui-icon-action",
                   "aria-label": "关闭",
-                  disabled: t.value,
-                  onClick: l[0] || (l[0] = (d) => a("button"))
+                  disabled: l.value,
+                  onClick: t[0] || (t[0] = (c) => i("button"))
                 }, [
-                  C(c(T), { size: 18 })
-                ], 8, j)) : h("", !0)
+                  C(f(T), { size: 18 })
+                ], 8, j)) : m("", !0)
               ]),
-              r("div", F, [
-                y(o.$slots, "default", {}, void 0, !0)
+              u("div", F, [
+                h(o.$slots, "default", {}, void 0, !0)
               ]),
-              o.$slots.footer ? (n(), f("footer", G, [
-                y(o.$slots, "footer", {
-                  close: a,
-                  closing: t.value
+              o.$slots.footer ? (r(), y("footer", G, [
+                h(o.$slots, "footer", {
+                  close: i,
+                  closing: l.value
                 }, void 0, !0)
-              ])) : h("", !0)
+              ])) : m("", !0)
             ], 12, W)
           ], 16)), [
             [A, e.open]
-          ]) : h("", !0)
+          ]) : m("", !0)
         ]),
         _: 3
       })

package/dist/components/HysNotificationCenter/HysNotificationCenter.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as y, ref as b, computed as h, openBlock as i, createElementBlock as a, mergeProps as v, unref as f, createElementVNode as t, toDisplayString as l, Fragment as k, renderList as C, normalizeClass as _, createCommentVNode as g } from "vue";
-import { useHysRootAttrs as x } from "../../config.js";
-const $ = { class: "hys-ui-ent-toolbar" }, B = ["disabled"], N = { class: "hys-ui-ent-toolbar" }, A = ["aria-pressed"], E = ["aria-pressed"], H = { class: "hys-ui-ent-notices" }, R = ["onClick"], T = {
+import { defineComponent as y, ref as h, computed as v, openBlock as d, createElementBlock as n, mergeProps as f, unref as k, createElementVNode as l, toDisplayString as i, Fragment as C, renderList as g, normalizeClass as p, createCommentVNode as x } from "vue";
+import { useHysRootAttrs as $ } from "../../config.js";
+const B = { class: "hys-ui-ent-toolbar" }, N = ["disabled"], A = { class: "hys-ui-ent-toolbar" }, E = ["disabled", "aria-pressed"], H = ["disabled", "aria-pressed"], R = { class: "hys-ui-ent-notices" }, T = ["disabled", "onClick"], V = {
   key: 0,
   class: "hys-ui-ent-muted"
-}, D = /* @__PURE__ */ y({
+}, F = /* @__PURE__ */ y({
   __name: "HysNotificationCenter",
   props: {
     items: {},
@@ -12,50 +12,51 @@ const $ = { class: "hys-ui-ent-toolbar" }, B = ["disabled"], N = { class: "hys-u
     disabled: { type: Boolean }
   },
   emits: ["read", "read-all", "open"],
-  setup(n, { emit: c }) {
-    const m = x(), p = n, r = c, o = b("all"), d = h(() => p.items.filter((u) => o.value === "all" || !u.read));
-    return (u, s) => (i(), a("section", v(f(m), { class: "hys-ui-ent-panel" }), [
-      t("header", $, [
-        t("strong", null, l(n.title || "通知中心") + " (" + l(n.items.filter((e) => !e.read).length) + ")", 1),
-        t("button", {
+  setup(e, { emit: b }) {
+    const c = $(), m = e, o = b, a = h("all"), r = v(() => m.items.filter((u) => a.value === "all" || !u.read));
+    return (u, s) => (d(), n("section", f(k(c), { class: "hys-ui-ent-panel" }), [
+      l("header", B, [
+        l("strong", null, i(e.title || "通知中心") + " (" + i(e.items.filter((t) => !t.read).length) + ")", 1),
+        l("button", {
           type: "button",
-          disabled: n.disabled,
-          onClick: s[0] || (s[0] = (e) => r("read-all"))
-        }, "全部已读", 8, B)
+          disabled: e.disabled,
+          onClick: s[0] || (s[0] = (t) => !e.disabled && o("read-all"))
+        }, "全部已读", 8, N)
       ]),
-      t("div", N, [
-        t("button", {
+      l("div", A, [
+        l("button", {
           type: "button",
-          "aria-pressed": o.value === "all",
-          onClick: s[1] || (s[1] = (e) => o.value = "all")
-        }, "全部", 8, A),
-        t("button", {
+          disabled: e.disabled,
+          "aria-pressed": a.value === "all",
+          onClick: s[1] || (s[1] = (t) => !e.disabled && (a.value = "all"))
+        }, "全部", 8, E),
+        l("button", {
           type: "button",
-          "aria-pressed": o.value === "unread",
-          onClick: s[2] || (s[2] = (e) => o.value = "unread")
-        }, "未读", 8, E)
+          disabled: e.disabled,
+          "aria-pressed": a.value === "unread",
+          onClick: s[2] || (s[2] = (t) => !e.disabled && (a.value = "unread"))
+        }, "未读", 8, H)
       ]),
-      t("ul", H, [
-        (i(!0), a(k, null, C(d.value, (e) => (i(), a("li", {
-          key: e.id,
-          class: _({ "hys-ui-unread": !e.read })
+      l("ul", R, [
+        (d(!0), n(C, null, g(r.value, (t) => (d(), n("li", {
+          key: t.id,
+          class: p({ "hys-ui-unread": !t.read })
         }, [
-          t("button", {
+          l("button", {
             type: "button",
-            onClick: (V) => {
-              r("open", e.id), r("read", e.id);
-            }
+            disabled: e.disabled,
+            onClick: (w) => !e.disabled && (o("open", t.id), o("read", t.id))
           }, [
-            t("strong", null, l(e.title), 1),
-            t("span", null, l(e.detail), 1),
-            t("small", null, l(e.time), 1)
-          ], 8, R)
+            l("strong", null, i(t.title), 1),
+            l("span", null, i(t.detail), 1),
+            l("small", null, i(t.time), 1)
+          ], 8, T)
         ], 2))), 128))
       ]),
-      d.value.length ? g("", !0) : (i(), a("p", T, l(n.emptyText || "暂无通知"), 1))
+      r.value.length ? x("", !0) : (d(), n("p", V, i(e.emptyText || "暂无通知"), 1))
     ], 16));
   }
 });
 export {
-  D as default
+  F as default
 };

package/dist/components/HysNumberInput/HysNumberInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysNumberInput2.vue.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-063332f4"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d19c4dda"]]);
 export {
-  f as default
+  a as default
 };