hys-ui 0.1.0 → 0.2.0

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));
   }
 });

package/dist/components/HysDataGrid/HysDataGrid.vue.js

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