hys-ui 0.1.0 → 0.1.1

package/dist/components/HysCascader/HysCascader.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as K, ref as g, watch as V, computed as x, openBlock as n, createElementBlock as u, mergeProps as q, unref as i, createElementVNode as L, toDisplayString as B, createVNode as M, createBlock as S, Teleport as P, withDirectives as W, vModelText as G, createCommentVNode as m, Fragment as D, renderList as E, renderSlot as I, createTextVNode as J } from "vue";
-import { ChevronDown as Q, ChevronRight as X, Check as Y } from "lucide-vue-next";
-import { useHysRootAttrs as Z } from "../../config.js";
-import { useFloating as ee } from "../../composables/useFloating.js";
-const le = ["disabled", "aria-expanded"], te = {
+import { defineComponent as P, ref as C, watch as V, computed as S, openBlock as s, createElementBlock as n, mergeProps as T, unref as i, createElementVNode as D, withKeys as I, withModifiers as W, toDisplayString as L, createVNode as G, createBlock as B, Teleport as J, withDirectives as Q, vModelText as X, createCommentVNode as g, Fragment as q, renderList as E, renderSlot as Y, createTextVNode as Z, nextTick as ee } from "vue";
+import { ChevronDown as le, ChevronRight as te, Check as oe } from "lucide-vue-next";
+import { useHysRootAttrs as ae } from "../../config.js";
+import { useFloating as re } from "../../composables/useFloating.js";
+const se = ["disabled", "aria-expanded", "onKeydown"], ne = {
   key: 1,
-  class: "hys-ui-v4-scroll"
-}, oe = ["onClick"], ae = { key: 0 }, re = {
+  class: "hys-ui-v4-scroll hys-ui-cascader-results"
+}, ie = ["onClick"], ue = { key: 0 }, ce = {
   key: 2,
   class: "hys-ui-v4-columns"
-}, ne = ["aria-label"], se = ["disabled", "aria-current", "onClick"], pe = /* @__PURE__ */ K({
+}, de = ["aria-label"], ye = ["disabled", "aria-current", "onClick"], be = /* @__PURE__ */ P({
   __name: "HysCascader",
   props: {
     modelValue: {},
@@ -22,163 +22,175 @@ const le = ["disabled", "aria-expanded"], te = {
     placeholder: { default: "选择分类" }
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { emit: H }) {
-    const r = y, w = H, $ = Z(), O = g(), C = g(), f = g(""), d = g([...r.modelValue]), { open: k, style: N, show: z, close: p } = ee(O, C, { matchWidth: !0 });
-    V(() => r.modelValue, (e) => d.value = [...e]), V(k, (e) => {
-      e && (d.value = [...r.modelValue], f.value = "");
+  setup(p, { emit: j }) {
+    const r = p, A = j, N = ae(), $ = C(), v = C(), m = C(""), y = C([...r.modelValue]), { open: w, style: H, show: K, close: h } = re($, v, { matchWidth: !0 });
+    V(() => r.modelValue, (e) => y.value = [...e]), V(w, (e) => {
+      e && (y.value = [...r.modelValue], m.value = "");
     }), V(() => r.disabled, (e) => {
-      e && p();
+      e && h();
     });
-    const T = x(() => {
+    const U = S(() => {
       var t;
       const e = [r.options];
       let l = r.options;
-      for (const o of d.value) {
+      for (const o of y.value) {
         const a = l.find((c) => c.value === o);
         if (!((t = a == null ? void 0 : a.children) != null && t.length)) break;
         l = a.children, e.push(l);
       }
       return e;
     });
-    function A(e) {
-      w("update:modelValue", e), w("change", e);
+    function x(e) {
+      A("update:modelValue", e), A("change", e);
     }
-    function U(e, l) {
+    function z(e, l) {
       var t, o;
-      e.disabled || r.disabled || (d.value = [...d.value.slice(0, l), e.value], (r.changeOnSelect || !((t = e.children) != null && t.length)) && A(d.value), (o = e.children) != null && o.length || p(!0));
+      e.disabled || r.disabled || (y.value = [...y.value.slice(0, l), e.value], (r.changeOnSelect || !((t = e.children) != null && t.length)) && x(y.value), (o = e.children) != null && o.length || h(!0));
     }
-    const _ = x(() => {
+    const _ = S(() => {
       let e = r.options;
       const l = r.modelValue.map((t) => {
         const o = e.find((a) => a.value === t);
         return e = (o == null ? void 0 : o.children) || [], (o == null ? void 0 : o.label) || t;
       });
       return r.showAllLevels ? l.join(r.separator) : l.at(-1);
-    }), R = x(() => {
+    }), O = S(() => {
       const e = [];
       function l(t, o = [], a = [], c = !1) {
-        var h;
-        for (const s of t) {
-          const v = c || s.disabled, b = [...o, s.label], j = [...a, s.value];
-          !v && (!((h = s.children) != null && h.length) || r.changeOnSelect) && b.join(r.separator).toLocaleLowerCase().includes(f.value.toLocaleLowerCase()) && e.push({ label: b.join(r.separator), path: j }), s.children && l(s.children, b, j, v);
+        var f;
+        for (const d of t) {
+          const k = c || d.disabled, u = [...o, d.label], b = [...a, d.value];
+          !k && (!((f = d.children) != null && f.length) || r.changeOnSelect) && u.join(r.separator).toLocaleLowerCase().includes(m.value.toLocaleLowerCase()) && e.push({ label: u.join(r.separator), path: b }), d.children && l(d.children, u, b, k);
         }
       }
       return l(r.options), e;
     });
+    async function R() {
+      var e, l, t;
+      r.disabled || (await K(), await ee(), (t = ((e = v.value) == null ? void 0 : e.querySelector("input")) || ((l = v.value) == null ? void 0 : l.querySelector(".hys-ui-v4-level button:not(:disabled)"))) == null || t.focus());
+    }
     function F(e) {
-      var o, a, c, h;
+      var o, a, c, f, d, k;
+      if (e.isComposing || e.keyCode === 229) return;
       if (e.key === "Escape") {
-        e.preventDefault(), p(!0);
+        e.preventDefault(), h(!0);
+        return;
+      }
+      const l = document.activeElement;
+      let t = l == null ? void 0 : l.closest(".hys-ui-v4-level,.hys-ui-cascader-results");
+      if ((l == null ? void 0 : l.tagName) === "INPUT") {
+        if (e.key !== "ArrowDown") return;
+        e.preventDefault(), (a = (o = v.value) == null ? void 0 : o.querySelector(".hys-ui-cascader-results button,.hys-ui-v4-level button:not(:disabled)")) == null || a.focus();
         return;
       }
-      const l = document.activeElement, t = l == null ? void 0 : l.closest(".hys-ui-v4-level");
       if (["ArrowUp", "ArrowDown", "Home", "End"].includes(e.key) && t) {
         e.preventDefault();
-        const s = Array.from(t.querySelectorAll("button:not(:disabled)")), v = s.indexOf(l), b = e.key === "Home" ? 0 : e.key === "End" ? s.length - 1 : (v + (e.key === "ArrowUp" ? -1 : 1) + s.length) % s.length;
-        (o = s[b]) == null || o.focus();
-      } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
+        const u = Array.from(t.querySelectorAll("button:not(:disabled)")), b = u.indexOf(l), M = e.key === "Home" ? 0 : e.key === "End" ? u.length - 1 : (b + (e.key === "ArrowUp" ? -1 : 1) + u.length) % u.length;
+        (c = u[M]) == null || c.focus();
+      } else if (t && ["ArrowLeft", "ArrowRight"].includes(e.key)) {
         e.preventDefault();
-        const s = Array.from(((a = C.value) == null ? void 0 : a.querySelectorAll(".hys-ui-v4-level")) || []), v = s.indexOf(t);
-        (h = (c = s[v + (e.key === "ArrowRight" ? 1 : -1)]) == null ? void 0 : c.querySelector("button:not(:disabled)")) == null || h.focus();
+        const u = Array.from(((f = v.value) == null ? void 0 : f.querySelectorAll(".hys-ui-v4-level")) || []), b = u.indexOf(t);
+        (k = (d = u[b + (e.key === "ArrowRight" ? 1 : -1)]) == null ? void 0 : d.querySelector("button:not(:disabled)")) == null || k.focus();
       }
     }
-    return (e, l) => (n(), u("div", q(i($), { class: "hys-ui-v4-relative" }), [
-      L("button", {
+    return (e, l) => (s(), n("div", T(i(N), { class: "hys-ui-v4-relative" }), [
+      D("button", {
         ref_key: "trigger",
-        ref: O,
+        ref: $,
         class: "hys-ui-v4-control hys-ui-pf-select-trigger",
         type: "button",
-        disabled: y.disabled,
-        "aria-expanded": i(k),
+        disabled: p.disabled,
+        "aria-expanded": i(w),
         "aria-haspopup": "dialog",
-        onClick: l[0] || (l[0] = (t) => i(k) ? i(p)() : i(z)())
+        onClick: l[0] || (l[0] = (t) => i(w) ? i(h)() : R()),
+        onKeydown: I(W(R, ["prevent"]), ["down"])
       }, [
-        L("span", null, B(_.value || y.placeholder), 1),
-        M(i(Q), {
+        D("span", null, L(_.value || p.placeholder), 1),
+        G(i(le), {
           size: 16,
           class: "hys-ui-pf-select-chevron"
         })
-      ], 8, le),
-      (n(), S(P, { to: "body" }, [
-        i(k) ? (n(), u("div", q({
+      ], 40, se),
+      (s(), B(J, { to: "body" }, [
+        i(w) ? (s(), n("div", T({
           key: 0,
           ref_key: "panel",
-          ref: C
-        }, i($), {
+          ref: v
+        }, i(N), {
           class: "hys-ui-v4-menu hys-ui-pf-select-menu",
-          style: i(N),
+          style: i(H),
           role: "dialog",
           "aria-label": "级联选择",
           onKeydown: F
         }), [
-          y.filterable ? W((n(), u("input", {
+          p.filterable ? Q((s(), n("input", {
             key: 0,
-            "onUpdate:modelValue": l[1] || (l[1] = (t) => f.value = t),
+            "onUpdate:modelValue": l[1] || (l[1] = (t) => m.value = t),
             class: "hys-ui-v4-control",
             placeholder: "搜索分类",
             "aria-label": "搜索分类"
           }, null, 512)), [
-            [G, f.value]
-          ]) : m("", !0),
-          f.value ? (n(), u("div", te, [
-            (n(!0), u(D, null, E(R.value, (t) => (n(), u("button", {
+            [X, m.value]
+          ]) : g("", !0),
+          m.value ? (s(), n("div", ne, [
+            (s(!0), n(q, null, E(O.value, (t) => (s(), n("button", {
               key: t.path.join("/"),
               type: "button",
               class: "hys-ui-v4-option",
               onClick: (o) => {
-                A(t.path), i(p)(!0);
+                x(t.path), i(h)(!0);
               }
-            }, B(t.label), 9, oe))), 128)),
-            R.value.length ? m("", !0) : (n(), u("p", ae, "无匹配分类"))
-          ])) : (n(), u("div", re, [
-            (n(!0), u(D, null, E(T.value, (t, o) => (n(), u("div", {
+            }, L(t.label), 9, ie))), 128)),
+            O.value.length ? g("", !0) : (s(), n("p", ue, "无匹配分类"))
+          ])) : (s(), n("div", ce, [
+            (s(!0), n(q, null, E(U.value, (t, o) => (s(), n("div", {
               key: o,
               class: "hys-ui-v4-scroll hys-ui-v4-level",
               role: "group",
               "aria-label": "第" + (o + 1) + "级"
             }, [
-              (n(!0), u(D, null, E(t, (a) => {
+              (s(!0), n(q, null, E(t, (a) => {
                 var c;
-                return n(), u("button", {
+                return s(), n("button", {
                   key: a.value,
                   type: "button",
                   class: "hys-ui-v4-option",
                   disabled: a.disabled,
-                  "aria-current": d.value[o] === a.value ? "true" : void 0,
-                  onClick: (h) => U(a, o)
+                  "aria-current": y.value[o] === a.value ? "true" : void 0,
+                  onClick: (f) => z(a, o)
                 }, [
-                  I(e.$slots, "option", { node: a }, () => [
-                    J(B(a.label), 1)
+                  Y(e.$slots, "option", { node: a }, () => [
+                    Z(L(a.label), 1)
                   ]),
-                  (c = a.children) != null && c.length ? (n(), S(i(X), {
+                  (c = a.children) != null && c.length ? (s(), B(i(te), {
                     key: 0,
                     size: 15
-                  })) : d.value[o] === a.value ? (n(), S(i(Y), {
+                  })) : y.value[o] === a.value ? (s(), B(i(oe), {
                     key: 1,
                     size: 15
-                  })) : m("", !0)
-                ], 8, se);
+                  })) : g("", !0)
+                ], 8, ye);
               }), 128))
-            ], 8, ne))), 128))
+            ], 8, de))), 128))
           ])),
-          y.clearable && y.modelValue.length ? (n(), u("button", {
+          p.clearable && p.modelValue.length ? (s(), n("button", {
             key: 3,
             type: "button",
             class: "hys-ui-v4-option",
             onClick: l[2] || (l[2] = (t) => {
-              A([]), w("clear"), i(p)(!0);
+              x([]), A("clear"), i(h)(!0);
             })
-          }, "清空选择")) : m("", !0),
-          L("button", {
+          }, "清空选择")) : g("", !0),
+          D("button", {
             type: "button",
             class: "hys-ui-v4-option",
-            onClick: l[3] || (l[3] = (t) => i(p)(!0))
+            onClick: l[3] || (l[3] = (t) => i(h)(!0))
           }, "关闭")
-        ], 16)) : m("", !0)
+        ], 16)) : g("", !0)
       ]))
     ], 16));
   }
 });
 export {
-  pe as default
+  be as default
 };

package/dist/components/HysCheckbox/HysCheckbox.vue.js

@@ -1,41 +1,7 @@
-import { defineComponent as m, openBlock as n, createElementBlock as d, mergeProps as c, unref as u, createElementVNode as s, toDisplayString as b, createCommentVNode as h, renderSlot as y } from "vue";
-import { useHysRootAttrs as k } from "../../config.js";
-const f = ["name", "value", "required", "aria-label", "indeterminate", "aria-checked", "checked", "disabled"], g = { key: 0 }, q = /* @__PURE__ */ m({
-  __name: "HysCheckbox",
-  props: {
-    modelValue: { type: Boolean },
-    label: {},
-    disabled: { type: Boolean },
-    ariaLabel: {},
-    readonly: { type: Boolean },
-    name: {},
-    value: {},
-    required: { type: Boolean },
-    indeterminate: { type: Boolean }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(e, { emit: i }) {
-    const o = k(), a = i;
-    return (r, t) => (n(), d("label", c(u(o), { class: "hys-ui-check-label" }), [
-      s("input", {
-        type: "checkbox",
-        name: e.name,
-        value: e.value,
-        required: e.required,
-        "aria-label": e.ariaLabel,
-        indeterminate: e.indeterminate,
-        "aria-checked": e.indeterminate ? "mixed" : e.modelValue,
-        checked: e.modelValue,
-        disabled: e.disabled || e.readonly,
-        onChange: t[0] || (t[0] = (l) => {
-          a("update:modelValue", l.target.checked), a("change", l.target.checked);
-        })
-      }, null, 40, f),
-      e.label ? (n(), d("span", g, b(e.label), 1)) : h("", !0),
-      y(r.$slots, "default")
-    ], 16));
-  }
-});
+import o from "./HysCheckbox2.vue.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d81911d0"]]);
 export {
-  q as default
+  s as default
 };

package/dist/components/HysCheckbox/HysCheckbox2.vue.js

@@ -1,4 +1,87 @@
-import f from "./HysCheckbox.vue.js";
+import { defineComponent as g, ref as C, useAttrs as z, openBlock as o, createElementBlock as s, mergeProps as m, unref as r, createElementVNode as b, normalizeClass as A, renderSlot as h, createBlock as j, resolveDynamicComponent as q, createCommentVNode as y, toDisplayString as E } from "vue";
+import { Minus as O, Check as D } from "lucide-vue-next";
+import { useHysRootAttrs as H } from "../../config.js";
+const L = ["name", "value", "required", "aria-label", "aria-readonly", "indeterminate", "aria-checked", "checked", "disabled", "tabindex"], N = {
+  key: 0,
+  class: "hys-ui-checkbox-label"
+}, w = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "HysCheckbox",
+  props: {
+    modelValue: { type: Boolean },
+    label: {},
+    disabled: { type: Boolean },
+    ariaLabel: {},
+    readonly: { type: Boolean },
+    name: {},
+    value: {},
+    required: { type: Boolean },
+    indeterminate: { type: Boolean },
+    tabindex: {},
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(e, { expose: f, emit: k }) {
+    const n = e, l = k, x = H(), d = C(), c = z(), u = (t) => t === "id" || t === "form" || t === "autofocus" || t.startsWith("aria-"), v = () => Object.fromEntries(Object.entries(c).filter(([t]) => !u(t))), V = () => Object.fromEntries(Object.entries(c).filter(([t]) => u(t)));
+    function B(t) {
+      const a = t.target;
+      if (n.disabled || n.readonly) {
+        a.checked = n.modelValue, a.indeterminate = !!n.indeterminate;
+        return;
+      }
+      const i = a.checked;
+      l("update:modelValue", i), l("change", i);
+    }
+    return f({ input: d, focus: () => {
+      var t;
+      return (t = d.value) == null ? void 0 : t.focus();
+    }, blur: () => {
+      var t;
+      return (t = d.value) == null ? void 0 : t.blur();
+    } }), (t, a) => (o(), s("label", m({ ...r(x), ...v() }, {
+      class: ["hys-ui-check-label", ["hys-ui-checkbox-" + e.size, { "hys-ui-checkbox-disabled": e.disabled, "hys-ui-checkbox-readonly": e.readonly }]]
+    }), [
+      b("input", m({
+        ref_key: "input",
+        ref: d
+      }, V(), {
+        class: "hys-ui-checkbox-native",
+        type: "checkbox",
+        name: e.name,
+        value: e.value,
+        required: e.required,
+        "aria-label": e.ariaLabel,
+        "aria-readonly": e.readonly || void 0,
+        indeterminate: e.indeterminate,
+        "aria-checked": e.indeterminate ? "mixed" : e.modelValue,
+        checked: e.modelValue,
+        disabled: e.disabled,
+        tabindex: e.tabindex,
+        onClick: a[0] || (a[0] = (i) => e.readonly && i.preventDefault()),
+        onChange: B,
+        onFocus: a[1] || (a[1] = (i) => l("focus", i)),
+        onBlur: a[2] || (a[2] = (i) => l("blur", i))
+      }), null, 16, L),
+      b("span", {
+        class: A(["hys-ui-checkbox-box", { "hys-ui-checkbox-checked": e.modelValue || e.indeterminate }]),
+        "aria-hidden": "true"
+      }, [
+        h(t.$slots, "icon", {
+          checked: e.modelValue,
+          indeterminate: e.indeterminate
+        }, () => [
+          e.modelValue || e.indeterminate ? (o(), j(q(e.indeterminate ? r(O) : r(D)), {
+            key: 0,
+            size: e.size === "sm" ? 11 : e.size === "lg" ? 15 : 13,
+            "stroke-width": 2.4
+          }, null, 8, ["size"])) : y("", !0)
+        ], !0)
+      ], 2),
+      e.label ? (o(), s("span", N, E(e.label), 1)) : y("", !0),
+      h(t.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
 export {
-  f as default
+  w as default
 };

package/dist/components/HysCommandPalette/HysCommandPalette.vue.js

@@ -1,104 +1,105 @@
-import { defineComponent as N, ref as l, computed as T, onMounted as B, onActivated as U, onDeactivated as z, onUnmounted as H, openBlock as r, createElementBlock as u, Fragment as g, createElementVNode as a, mergeProps as b, unref as m, createVNode as R, createTextVNode as C, createBlock as $, Teleport as q, withModifiers as F, withDirectives as S, vModelText as j, renderList as G, normalizeClass as I, toDisplayString as _, createCommentVNode as x, nextTick as J } from "vue";
-import { useHysRootAttrs as O } from "../../config.js";
-import { Command as Q } from "lucide-vue-next";
-import { useDialog as W } from "../../composables/useDialog.js";
-const X = {
-  id: "v4-command-results",
-  role: "listbox",
-  class: "hys-ui-v4-scroll"
-}, Y = ["aria-selected", "onPointerenter", "onClick"], Z = { key: 0 }, le = /* @__PURE__ */ N({
+import { defineComponent as T, useId as B, ref as l, computed as U, watch as z, onMounted as H, onActivated as I, onDeactivated as R, onUnmounted as $, openBlock as r, createElementBlock as c, Fragment as b, createElementVNode as a, mergeProps as C, unref as i, createVNode as q, createTextVNode as _, createBlock as F, Teleport as S, withModifiers as j, withDirectives as G, vModelText as J, renderList as O, normalizeClass as Q, toDisplayString as x, createCommentVNode as D, nextTick as W } from "vue";
+import { useHysRootAttrs as X } from "../../config.js";
+import { Command as Y } from "lucide-vue-next";
+import { useDialog as Z } from "../../composables/useDialog.js";
+const ee = ["aria-controls"], te = ["id"], oe = ["aria-selected", "onPointerenter", "onClick"], ne = { key: 0 }, se = /* @__PURE__ */ T({
   __name: "HysCommandPalette",
   props: {
     actions: {}
   },
   emits: ["select"],
-  setup(D, { emit: E }) {
-    const f = O(), L = D, M = E, i = l(!1), d = l(""), t = l(0), y = l(null), P = l(null), k = l(), { active: A } = W(i, k, s), o = T(() => L.actions.filter((e) => (e.label + " " + (e.description || "")).toLowerCase().includes(d.value.toLowerCase())));
+  setup(E, { emit: L }) {
+    const f = X(), M = E, P = L, y = B(), s = l(!1), u = l(""), t = l(0), k = l(null), A = l(null), h = l(), { active: K } = Z(s, h, d), o = U(() => M.actions.filter((e) => (e.label + " " + (e.description || "")).toLowerCase().includes(u.value.toLowerCase())));
+    z(u, () => t.value = 0);
     function w() {
-      i.value = !0, d.value = "", t.value = 0, J(() => {
+      s.value = !0, u.value = "", t.value = 0, W(() => {
         var e;
-        return (e = y.value) == null ? void 0 : e.focus();
+        return (e = k.value) == null ? void 0 : e.focus();
       });
     }
-    function s() {
-      i.value = !1;
+    function d() {
+      s.value = !1;
     }
-    function h(e) {
-      M("select", e), s();
+    function g(e) {
+      P("select", e), d();
     }
-    function c(e) {
-      e.defaultPrevented || (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), i.value ? s() : w());
+    function v(e) {
+      e.defaultPrevented || (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), s.value ? d() : w());
     }
-    function K(e) {
-      e.key === "ArrowDown" && (e.preventDefault(), t.value = (t.value + 1) % Math.max(1, o.value.length)), e.key === "ArrowUp" && (e.preventDefault(), t.value = (t.value - 1 + Math.max(1, o.value.length)) % Math.max(1, o.value.length)), e.key === "Enter" && o.value[t.value] && h(o.value[t.value].id);
+    function V(e) {
+      e.isComposing || e.keyCode === 229 || (e.key === "ArrowDown" && (e.preventDefault(), t.value = (t.value + 1) % Math.max(1, o.value.length)), e.key === "ArrowUp" && (e.preventDefault(), t.value = (t.value - 1 + Math.max(1, o.value.length)) % Math.max(1, o.value.length)), e.key === "Enter" && o.value[t.value] && g(o.value[t.value].id));
     }
-    return B(() => window.addEventListener("keydown", c)), U(() => window.addEventListener("keydown", c)), z(() => window.removeEventListener("keydown", c)), H(() => window.removeEventListener("keydown", c)), (e, v) => (r(), u(g, null, [
-      a("button", b(m(f), {
+    return H(() => window.addEventListener("keydown", v)), I(() => window.addEventListener("keydown", v)), R(() => window.removeEventListener("keydown", v)), $(() => window.removeEventListener("keydown", v)), (e, p) => (r(), c(b, null, [
+      a("button", C(i(f), {
         ref_key: "trigger",
-        ref: P,
+        ref: A,
         type: "button",
         class: "hys-ui-v4-control",
         onClick: w
       }), [
-        R(m(Q), {
+        q(i(Y), {
           size: 14,
           "aria-hidden": "true"
         }),
-        v[1] || (v[1] = C(" / Ctrl + K · 快捷命令", -1))
+        p[1] || (p[1] = _(" / Ctrl + K · 快捷命令", -1))
       ], 16),
-      (r(), $(q, { to: "body" }, [
-        i.value && m(A) ? (r(), u("div", b({ key: 0 }, m(f), {
+      (r(), F(S, { to: "body" }, [
+        s.value && i(K) ? (r(), c("div", C({ key: 0 }, i(f), {
           class: "hys-ui-v4-backdrop",
-          onPointerdown: F(s, ["self"])
+          onPointerdown: j(d, ["self"])
         }), [
           a("section", {
             ref_key: "dialog",
-            ref: k,
+            ref: h,
             tabindex: "-1",
             class: "hys-ui-v4-dialog",
             role: "dialog",
             "aria-modal": "true",
             "aria-label": "快捷命令"
           }, [
-            S(a("input", {
+            G(a("input", {
               ref_key: "input",
-              ref: y,
-              "onUpdate:modelValue": v[0] || (v[0] = (n) => d.value = n),
+              ref: k,
+              "onUpdate:modelValue": p[0] || (p[0] = (n) => u.value = n),
               class: "hys-ui-v4-control",
               placeholder: "搜索操作…",
               role: "combobox",
-              "aria-controls": "v4-command-results",
+              "aria-controls": i(y),
               "aria-expanded": !0,
-              onKeydown: K
-            }, null, 544), [
-              [j, d.value]
+              onKeydown: V
+            }, null, 40, ee), [
+              [J, u.value]
             ]),
-            a("div", X, [
-              (r(!0), u(g, null, G(o.value, (n, p) => (r(), u("button", {
+            a("div", {
+              id: i(y),
+              role: "listbox",
+              class: "hys-ui-v4-scroll"
+            }, [
+              (r(!0), c(b, null, O(o.value, (n, m) => (r(), c("button", {
                 type: "button",
                 key: n.id,
-                class: I(["hys-ui-v4-option", { "hys-ui-v4-active": p === t.value }]),
+                class: Q(["hys-ui-v4-option", { "hys-ui-v4-active": m === t.value }]),
                 role: "option",
-                "aria-selected": p === t.value,
-                onPointerenter: (V) => t.value = p,
-                onClick: (V) => h(n.id)
+                "aria-selected": m === t.value,
+                onPointerenter: (N) => t.value = m,
+                onClick: (N) => g(n.id)
               }, [
-                C(_(n.label) + " ", 1),
-                a("small", null, _(n.description), 1)
-              ], 42, Y))), 128)),
-              o.value.length ? x("", !0) : (r(), u("p", Z, "没有匹配的命令"))
-            ]),
+                _(x(n.label) + " ", 1),
+                a("small", null, x(n.description), 1)
+              ], 42, oe))), 128)),
+              o.value.length ? D("", !0) : (r(), c("p", ne, "没有匹配的命令"))
+            ], 8, te),
             a("button", {
               type: "button",
               class: "hys-ui-v4-option",
-              onClick: s
+              onClick: d
             }, "关闭 Esc")
           ], 512)
-        ], 16)) : x("", !0)
+        ], 16)) : D("", !0)
       ]))
     ], 64));
   }
 });
 export {
-  le as default
+  se as default
 };

package/dist/components/HysCommentEditor/HysCommentEditor.vue.js

@@ -1,41 +1,41 @@
-import { defineComponent as c, ref as p, openBlock as o, createElementBlock as r, mergeProps as v, unref as y, Fragment as f, renderList as h, createElementVNode as n, toDisplayString as s, withDirectives as _, withKeys as b, withModifiers as k, vModelText as C } from "vue";
-import { useHysRootAttrs as w } from "../../config.js";
-const x = ["onClick"], g = ["onKeydown"], E = ["disabled"], H = /* @__PURE__ */ c({
+import { defineComponent as p, ref as c, openBlock as r, createElementBlock as s, mergeProps as v, unref as f, Fragment as y, renderList as h, createElementVNode as n, toDisplayString as i, withDirectives as C, withKeys as b, withModifiers as k, vModelText as _ } from "vue";
+import { useHysRootAttrs as g } from "../../config.js";
+const x = ["onClick"], w = ["disabled"], H = /* @__PURE__ */ p({
   __name: "HysCommentEditor",
   props: {
     comments: {}
   },
   emits: ["send", "remove"],
   setup(u, { emit: a }) {
-    const d = w(), l = a, t = p("");
-    function i() {
+    const d = g(), l = a, t = c("");
+    function m() {
       t.value.trim() && (l("send", t.value.trim()), t.value = "");
     }
-    return (K, m) => (o(), r("section", v(y(d), { class: "hys-ui-ent-panel" }), [
-      (o(!0), r(f, null, h(u.comments, (e) => (o(), r("div", {
+    return (E, o) => (r(), s("section", v(f(d), { class: "hys-ui-ent-panel" }), [
+      (r(!0), s(y, null, h(u.comments, (e) => (r(), s("div", {
         key: e.id,
         class: "hys-ui-ent-comment"
       }, [
-        n("strong", null, s(e.author), 1),
-        n("small", null, s(e.time), 1),
-        n("p", null, s(e.text), 1),
+        n("strong", null, i(e.author), 1),
+        n("small", null, i(e.time), 1),
+        n("p", null, i(e.text), 1),
         n("button", {
           type: "button",
           onClick: (A) => l("remove", e.id)
         }, "删除", 8, x)
       ]))), 128)),
-      _(n("textarea", {
-        "onUpdate:modelValue": m[0] || (m[0] = (e) => t.value = e),
+      C(n("textarea", {
+        "onUpdate:modelValue": o[0] || (o[0] = (e) => t.value = e),
         placeholder: "输入评论，Ctrl+Enter 发送",
-        onKeydown: b(k(i, ["ctrl"]), ["enter"])
-      }, null, 40, g), [
-        [C, t.value]
+        onKeydown: o[1] || (o[1] = b(k((e) => !e.isComposing && m(), ["ctrl"]), ["enter"]))
+      }, null, 544), [
+        [_, t.value]
       ]),
       n("button", {
         type: "button",
         disabled: !t.value.trim(),
-        onClick: i
-      }, "发送评论", 8, E)
+        onClick: m
+      }, "发送评论", 8, w)
     ], 16));
   }
 });