hys-ui 0.1.0 → 0.1.1

package/dist/components/HysTree/HysTree2.vue.js

@@ -1,11 +1,12 @@
-import { defineComponent as he, ref as p, computed as s, watch as j, onDeactivated as fe, openBlock as r, createElementBlock as c, mergeProps as W, unref as I, withDirectives as pe, vModelText as ye, createCommentVNode as w, createElementVNode as E, normalizeStyle as F, Fragment as me, renderList as be, normalizeClass as ge, withModifiers as G, createBlock as J, resolveDynamicComponent as ke, toDisplayString as O, renderSlot as we, Teleport as Ce, withKeys as De, nextTick as Ke } from "vue";
-import { useHysRootAttrs as Ae } from "../../config.js";
-import { LoaderCircle as Me, ChevronDown as Se, ChevronRight as Te } from "lucide-vue-next";
-const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "aria-expanded", "aria-selected", "aria-disabled", "aria-checked", "tabindex", "draggable", "data-tree-id", "onFocus", "onKeydown", "onClick", "onDragstart", "onDragover", "onDrop", "onContextmenu", "data-drop-position"], $e = ["aria-label", "disabled", "onClick"], He = {
+import { defineComponent as he, ref as p, computed as s, watch as W, onDeactivated as fe, openBlock as r, createElementBlock as v, mergeProps as G, unref as I, withDirectives as pe, vModelText as ye, createCommentVNode as w, createElementVNode as E, normalizeStyle as F, Fragment as me, renderList as be, normalizeClass as ge, withModifiers as J, createBlock as O, resolveDynamicComponent as ke, toDisplayString as P, renderSlot as we, Teleport as Ce, withKeys as De, nextTick as Ke } from "vue";
+import Ae from "../HysCheckbox/HysCheckbox.vue.js";
+import { useHysRootAttrs as Me } from "../../config.js";
+import { LoaderCircle as Se, ChevronDown as Te, ChevronRight as Ie } from "lucide-vue-next";
+const Be = ["disabled"], Ve = ["aria-multiselectable"], He = ["aria-level", "aria-expanded", "aria-selected", "aria-disabled", "aria-checked", "tabindex", "draggable", "data-tree-id", "onFocus", "onKeydown", "onClick", "onDragstart", "onDragover", "onDrop", "onContextmenu", "data-drop-position"], $e = ["aria-label", "disabled", "onClick"], Ee = {
   key: 1,
   class: "hys-ui-pf-tree-spacer",
   "aria-hidden": "true"
-}, Ee = ["checked", "disabled", "aria-label", "indeterminate", "onChange"], Le = {
+}, Le = {
   key: 3,
   "aria-hidden": "true"
 }, Ne = { class: "hys-ui-pf-tree-label" }, Re = {
@@ -15,7 +16,7 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
 }, qe = {
   key: 2,
   class: "hys-ui-pf-tree-empty"
-}, Pe = /* @__PURE__ */ he({
+}, Ye = /* @__PURE__ */ he({
   __name: "HysTree",
   props: {
     nodes: {},
@@ -39,20 +40,20 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
   },
   emits: ["update:modelValue", "update:checkedKeys", "update:expandedKeys", "select", "check", "node-drop", "node-contextmenu", "load-error", "children-loaded"],
   setup(i, { expose: ee, emit: le }) {
-    const P = Ae(), d = i, v = le, b = p(""), C = p({}), K = p([]), M = p({}), S = p(0), A = p(""), B = p(""), Y = p("inside"), h = p(null), V = p(""), m = p(null), u = s(() => {
+    const Y = Me(), d = i, c = le, b = p(""), C = p({}), K = p([]), M = p({}), S = p(0), A = p(""), B = p(""), U = p("inside"), h = p(null), V = p(""), m = p(null), u = s(() => {
       const e = /* @__PURE__ */ new Map(), t = (l, n = 0, a, o = /* @__PURE__ */ new Set()) => {
-        var H, k;
+        var $, k;
         for (const y of l)
-          e.has(y.id) || o.has(y.id) || (e.set(y.id, { node: y, depth: n, parentId: a, hasChildren: !!((H = y.children) != null && H.length || (k = C.value[y.id]) != null && k.length || y.hasChildren) }), t(C.value[y.id] ?? y.children ?? [], n + 1, y.id, /* @__PURE__ */ new Set([...o, y.id])));
+          e.has(y.id) || o.has(y.id) || (e.set(y.id, { node: y, depth: n, parentId: a, hasChildren: !!(($ = y.children) != null && $.length || (k = C.value[y.id]) != null && k.length || y.hasChildren) }), t(C.value[y.id] ?? y.children ?? [], n + 1, y.id, /* @__PURE__ */ new Set([...o, y.id])));
       };
       return t(d.nodes), e;
-    }), $ = p([]);
-    j(() => [d.nodes, d.defaultExpandAll], () => {
-      d.defaultExpandAll && d.expandedKeys === void 0 && ($.value = [...u.value.values()].filter((e) => e.hasChildren).map((e) => e.node.id));
-    }, { immediate: !0, deep: !0 }), j(() => d.nodes, () => {
+    }), H = p([]);
+    W(() => [d.nodes, d.defaultExpandAll], () => {
+      d.defaultExpandAll && d.expandedKeys === void 0 && (H.value = [...u.value.values()].filter((e) => e.hasChildren).map((e) => e.node.id));
+    }, { immediate: !0, deep: !0 }), W(() => d.nodes, () => {
       C.value = {}, M.value = {}, S.value = 0;
     }, { deep: !1 });
-    const f = s(() => d.expandedKeys ?? $.value), te = s(() => {
+    const f = s(() => d.expandedKeys ?? H.value), te = s(() => {
       const e = /* @__PURE__ */ new Set(), t = b.value.trim().toLocaleLowerCase();
       if (!t) return e;
       for (const l of u.value.values()) {
@@ -93,20 +94,20 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
         K.value = [...K.value, e], delete M.value[e];
         try {
           const a = await d.loadChildren(t.node);
-          C.value = { ...C.value, [e]: a }, v("children-loaded", { node: t.node, children: a });
+          C.value = { ...C.value, [e]: a }, c("children-loaded", { node: t.node, children: a });
         } catch (a) {
-          M.value = { ...M.value, [e]: "加载失败，点击重试" }, v("load-error", { node: t.node, error: a });
+          M.value = { ...M.value, [e]: "加载失败，点击重试" }, c("load-error", { node: t.node, error: a });
           return;
         } finally {
           K.value = K.value.filter((a) => a !== e);
         }
       }
       const l = f.value.includes(e) ? f.value.filter((a) => a !== e) : [...f.value, e];
-      d.expandedKeys === void 0 && ($.value = l), v("update:expandedKeys", l);
+      d.expandedKeys === void 0 && (H.value = l), c("update:expandedKeys", l);
     }
     const R = s(() => new Set((Array.isArray(d.modelValue) ? d.modelValue : [d.modelValue]).filter((e) => typeof e == "string")));
     function q(e) {
-      d.disabled || e.node.disabled || e.node.selectable === !1 || (v("update:modelValue", d.multiple || Array.isArray(d.modelValue) ? R.value.has(e.node.id) ? [...R.value].filter((t) => t !== e.node.id) : [...R.value, e.node.id] : e.node.id), v("select", e.node), V.value = e.node.id);
+      d.disabled || e.node.disabled || e.node.selectable === !1 || (c("update:modelValue", d.multiple || Array.isArray(d.modelValue) ? R.value.has(e.node.id) ? [...R.value].filter((t) => t !== e.node.id) : [...R.value, e.node.id] : e.node.id), c("select", e.node), V.value = e.node.id);
     }
     function ne(e) {
       const t = [], l = (n) => {
@@ -125,11 +126,11 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
         n ? l.add(o) : l.delete(o);
       for (const o of d.checkStrictly ? [] : [...u.value.values()].reverse()) {
         if (!o.hasChildren || o.node.disabled || o.node.checkable === !1) continue;
-        const H = (C.value[o.node.id] ?? o.node.children ?? []).filter((k) => !k.disabled && k.checkable !== !1).map((k) => k.id);
-        H.length && H.every((k) => l.has(k)) ? l.add(o.node.id) : l.delete(o.node.id);
+        const $ = (C.value[o.node.id] ?? o.node.children ?? []).filter((k) => !k.disabled && k.checkable !== !1).map((k) => k.id);
+        $.length && $.every((k) => l.has(k)) ? l.add(o.node.id) : l.delete(o.node.id);
       }
       const a = [...l];
-      v("update:checkedKeys", a), v("check", a);
+      c("update:checkedKeys", a), c("check", a);
     }
     function T(e) {
       const t = g.value;
@@ -165,8 +166,8 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
         }
       } else e.key === "Enter" ? (e.preventDefault(), q(t)) : e.key === " " && (e.preventDefault(), d.checkable ? Z(t) : q(t));
     }
-    const D = s(() => Math.max(24, d.rowHeight)), z = s(() => Math.max(120, d.viewportHeight)), U = s(() => d.virtual ? Math.max(0, Math.floor(S.value / D.value) - 5) : 0), x = s(() => d.virtual ? Math.min(g.value.length, Math.ceil((S.value + z.value) / D.value) + 5) : g.value.length), de = s(() => g.value.slice(U.value, x.value)), oe = s(() => U.value * D.value), ie = s(() => Math.max(0, (g.value.length - x.value) * D.value));
-    j([b, f], () => {
+    const D = s(() => Math.max(24, d.rowHeight)), z = s(() => Math.max(120, d.viewportHeight)), X = s(() => d.virtual ? Math.max(0, Math.floor(S.value / D.value) - 5) : 0), x = s(() => d.virtual ? Math.min(g.value.length, Math.ceil((S.value + z.value) / D.value) + 5) : g.value.length), de = s(() => g.value.slice(X.value, x.value)), oe = s(() => X.value * D.value), ie = s(() => Math.max(0, (g.value.length - x.value) * D.value));
+    W([b, f], () => {
       S.value = 0, m.value && (m.value.scrollTop = 0);
     });
     function re(e) {
@@ -190,16 +191,16 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
       }
       e.preventDefault();
       const a = e.currentTarget.getBoundingClientRect(), o = (e.clientY - a.top) / a.height;
-      Y.value = o < 0.25 ? "before" : o > 0.75 ? "after" : "inside", B.value = t.node.id;
+      U.value = o < 0.25 ? "before" : o > 0.75 ? "after" : "inside", B.value = t.node.id;
     }
     function ce(e, t) {
-      B.value !== t.node.id || !A.value || (e.preventDefault(), v("node-drop", { dragId: A.value, targetId: t.node.id, position: Y.value }), X());
+      B.value !== t.node.id || !A.value || (e.preventDefault(), c("node-drop", { dragId: A.value, targetId: t.node.id, position: U.value }), j());
     }
-    function X() {
+    function j() {
       A.value = "", B.value = "";
     }
     function ve(e, t) {
-      d.contextMenu && (e.preventDefault(), h.value = { node: t.node, x: Math.max(0, Math.min(e.clientX, window.innerWidth - 190)), y: Math.max(0, Math.min(e.clientY, window.innerHeight - 130)) }, v("node-contextmenu", { node: t.node, x: e.clientX, y: e.clientY }));
+      d.contextMenu && (e.preventDefault(), h.value = { node: t.node, x: Math.max(0, Math.min(e.clientX, window.innerWidth - 190)), y: Math.max(0, Math.min(e.clientY, window.innerHeight - 130)) }, c("node-contextmenu", { node: t.node, x: e.clientX, y: e.clientY }));
     }
     function _(e) {
       const t = h.value;
@@ -212,21 +213,21 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
       }
     }
     return fe(() => {
-      h.value = null, X();
+      h.value = null, j();
     }), ee({ getNode: (e) => {
       var t;
       return (t = u.value.get(e)) == null ? void 0 : t.node;
     }, getCheckedKeys: () => [...d.checkedKeys], setCheckedKeys: (e) => {
-      v("update:checkedKeys", e), v("check", e);
+      c("update:checkedKeys", e), c("check", e);
     }, filter: (e) => b.value = e, expandAll: () => {
       const e = [...u.value.values()].filter((t) => t.hasChildren).map((t) => t.node.id);
-      $.value = e, v("update:expandedKeys", e);
+      H.value = e, c("update:expandedKeys", e);
     }, collapseAll: () => {
-      $.value = [], v("update:expandedKeys", []);
-    } }), (e, t) => (r(), c("div", W(I(P), {
+      H.value = [], c("update:expandedKeys", []);
+    } }), (e, t) => (r(), v("div", G(I(Y), {
       class: ["hys-ui-pf-tree", { "hys-ui-pf-tree-disabled": i.disabled }]
     }), [
-      i.searchable ? pe((r(), c("input", {
+      i.searchable ? pe((r(), v("input", {
         key: 0,
         "onUpdate:modelValue": t[0] || (t[0] = (l) => b.value = l),
         class: "hys-ui-pf-tree-search",
@@ -234,7 +235,7 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
         placeholder: "搜索节点…",
         "aria-label": "搜索树节点",
         disabled: i.disabled
-      }, null, 8, Ie)), [
+      }, null, 8, Be)), [
         [ye, b.value]
       ]) : w("", !0),
       E("div", {
@@ -247,12 +248,12 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
         style: F({ maxHeight: z.value + "px" }),
         onScroll: re
       }, [
-        i.virtual ? (r(), c("div", {
+        i.virtual ? (r(), v("div", {
           key: 0,
           style: F({ height: oe.value + "px" }),
           "aria-hidden": "true"
         }, null, 4)) : w("", !0),
-        (r(!0), c(me, null, be(de.value, (l, n) => (r(), c("div", {
+        (r(!0), v(me, null, be(de.value, (l, n) => (r(), v("div", {
           key: l.node.id,
           class: ge(["hys-ui-pf-tree-row", { "hys-ui-pf-tree-selected": R.value.has(l.node.id), "hys-ui-pf-tree-line": i.showLine, "hys-ui-pf-tree-drop": B.value === l.node.id }]),
           role: "treeitem",
@@ -261,7 +262,7 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
           "aria-selected": i.modelValue === l.node.id,
           "aria-disabled": i.disabled || l.node.disabled,
           "aria-checked": i.checkable ? L.value.has(l.node.id) ? "true" : Q.value.has(l.node.id) ? "mixed" : "false" : void 0,
-          tabindex: V.value === l.node.id || !V.value && n === 0 && U.value === 0 ? 0 : -1,
+          tabindex: V.value === l.node.id || !V.value && n === 0 && X.value === 0 ? 0 : -1,
           draggable: i.draggable && !i.disabled && !l.node.disabled,
           "data-tree-id": l.node.id,
           onFocus: (a) => V.value = l.node.id,
@@ -270,61 +271,61 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
           onDragstart: (a) => ue(a, l),
           onDragover: (a) => se(a, l),
           onDrop: (a) => ce(a, l),
-          onDragend: X,
+          onDragend: j,
           onContextmenu: (a) => ve(a, l),
-          "data-drop-position": B.value === l.node.id ? Y.value : void 0,
+          "data-drop-position": B.value === l.node.id ? U.value : void 0,
           style: F({ "--hys-ui-tree-depth": l.depth, minHeight: i.virtual ? D.value + "px" : void 0, height: i.virtual ? D.value + "px" : void 0 })
         }, [
-          l.hasChildren ? (r(), c("button", {
+          l.hasChildren ? (r(), v("button", {
             key: 0,
             class: "hys-ui-pf-tree-expander",
             type: "button",
             "aria-label": f.value.includes(l.node.id) ? "折叠" : "展开",
             disabled: i.disabled || l.node.disabled || K.value.includes(l.node.id),
-            onClick: G((a) => N(l.node.id), ["stop"])
+            onClick: J((a) => N(l.node.id), ["stop"])
           }, [
-            K.value.includes(l.node.id) ? (r(), J(I(Me), {
+            K.value.includes(l.node.id) ? (r(), O(I(Se), {
               key: 0,
               size: 15,
               "aria-hidden": "true",
               class: "hys-ui-icon-spin"
-            })) : (r(), J(ke(b.value.trim() || f.value.includes(l.node.id) ? I(Se) : I(Te)), {
+            })) : (r(), O(ke(b.value.trim() || f.value.includes(l.node.id) ? I(Te) : I(Ie)), {
               key: 1,
               size: 15,
               "aria-hidden": "true"
             }))
-          ], 8, $e)) : (r(), c("span", He)),
-          i.checkable ? (r(), c("input", {
+          ], 8, $e)) : (r(), v("span", Ee)),
+          i.checkable ? (r(), O(Ae, {
             key: 2,
-            type: "checkbox",
-            checked: L.value.has(l.node.id),
+            tabindex: -1,
+            "model-value": L.value.has(l.node.id),
             disabled: i.disabled || l.node.disabled || l.node.checkable === !1,
             "aria-label": `勾选${l.node.label}`,
             indeterminate: Q.value.has(l.node.id),
-            onClick: t[1] || (t[1] = G(() => {
+            onClick: t[1] || (t[1] = J(() => {
             }, ["stop"])),
             onChange: (a) => Z(l)
-          }, null, 40, Ee)) : w("", !0),
-          l.node.icon ? (r(), c("span", Le, O(l.node.icon), 1)) : w("", !0),
+          }, null, 8, ["model-value", "disabled", "aria-label", "indeterminate", "onChange"])) : w("", !0),
+          l.node.icon ? (r(), v("span", Le, P(l.node.icon), 1)) : w("", !0),
           we(e.$slots, "node", {
             node: l.node,
             depth: l.depth,
             expanded: f.value.includes(l.node.id),
             selected: i.modelValue === l.node.id
           }, () => [
-            E("span", Ne, O(l.node.label), 1)
+            E("span", Ne, P(l.node.label), 1)
           ], !0),
-          M.value[l.node.id] ? (r(), c("span", Re, O(M.value[l.node.id]), 1)) : w("", !0)
-        ], 46, Ve))), 128)),
-        i.virtual ? (r(), c("div", {
+          M.value[l.node.id] ? (r(), v("span", Re, P(M.value[l.node.id]), 1)) : w("", !0)
+        ], 46, He))), 128)),
+        i.virtual ? (r(), v("div", {
           key: 1,
           style: F({ height: ie.value + "px" }),
           "aria-hidden": "true"
         }, null, 4)) : w("", !0),
-        g.value.length ? w("", !0) : (r(), c("div", qe, O(b.value ? "无匹配节点" : "暂无数据"), 1))
-      ], 44, Be),
-      (r(), J(Ce, { to: "body" }, [
-        h.value ? (r(), c("div", W({ key: 0 }, I(P), {
+        g.value.length ? w("", !0) : (r(), v("div", qe, P(b.value ? "无匹配节点" : "暂无数据"), 1))
+      ], 44, Ve),
+      (r(), O(Ce, { to: "body" }, [
+        h.value ? (r(), v("div", G({ key: 0 }, I(Y), {
           class: "hys-ui-pf-tree-context",
           style: { left: h.value.x + "px", top: h.value.y + "px" },
           role: "menu",
@@ -346,15 +347,15 @@ const Ie = ["disabled"], Be = ["aria-multiselectable"], Ve = ["aria-level", "ari
             onClick: t[4] || (t[4] = (l) => h.value = null)
           }, "关闭")
         ], 16)) : w("", !0),
-        h.value ? (r(), c("div", W({ key: 1 }, I(P), {
+        h.value ? (r(), v("div", G({ key: 1 }, I(Y), {
           class: "hys-ui-pf-tree-context-backdrop",
           onClick: t[6] || (t[6] = (l) => h.value = null),
-          onContextmenu: t[7] || (t[7] = G((l) => h.value = null, ["prevent"]))
+          onContextmenu: t[7] || (t[7] = J((l) => h.value = null, ["prevent"]))
         }), null, 16)) : w("", !0)
       ]))
     ], 16));
   }
 });
 export {
-  Pe as default
+  Ye as default
 };

package/dist/components/HysTreeSelect/HysTreeSelect.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as U, ref as f, computed as c, watch as T, openBlock as o, createElementBlock as i, mergeProps as z, unref as n, createElementVNode as V, withKeys as j, withModifiers as q, toDisplayString as H, createVNode as P, createBlock as K, Teleport as W, withDirectives as G, vModelText as J, createCommentVNode as h, Fragment as Q, renderList as X, normalizeStyle as Y, normalizeClass as Z, renderSlot as _, createTextVNode as ee, nextTick as le } from "vue";
-import { ChevronDown as ae, Check as te } from "lucide-vue-next";
-import { useFloating as ne } from "../../composables/useFloating.js";
-import { useHysRootAttrs as oe } from "../../config.js";
-const ue = ["disabled", "aria-expanded", "onKeydown"], re = ["aria-multiselectable"], se = ["aria-selected", "disabled", "data-enabled", "onClick"], de = { key: 0 }, fe = /* @__PURE__ */ U({
+import { defineComponent as j, ref as p, computed as v, watch as z, openBlock as u, createElementBlock as d, mergeProps as H, unref as n, createElementVNode as V, withKeys as P, withModifiers as W, toDisplayString as N, createVNode as G, createBlock as $, Teleport as J, withDirectives as Q, vModelText as X, createCommentVNode as h, Fragment as Y, renderList as Z, normalizeStyle as _, normalizeClass as ee, renderSlot as le, createTextVNode as ae, nextTick as te } from "vue";
+import { ChevronDown as ne, Check as oe } from "lucide-vue-next";
+import { useFloating as ue } from "../../composables/useFloating.js";
+import { useHysRootAttrs as re } from "../../config.js";
+const se = ["disabled", "aria-expanded"], ie = ["aria-multiselectable"], de = ["aria-selected", "disabled", "data-enabled", "onClick"], ce = { key: 0 }, be = /* @__PURE__ */ j({
   __name: "HysTreeSelect",
   props: {
     modelValue: {},
@@ -15,110 +15,117 @@ const ue = ["disabled", "aria-expanded", "onKeydown"], re = ["aria-multiselectab
     leafOnly: { type: Boolean }
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { emit: N }) {
-    const t = u, m = N, C = oe(), x = f(), k = f(), A = f(), v = f(""), r = f(0), { open: g, style: $, show: I, close: y } = ne(x, k, { matchWidth: !0 });
+  setup(s, { emit: K }) {
+    const t = s, w = K, x = re(), A = p(), b = p(), m = p(), y = p(""), o = p(0), { open: k, style: q, show: F, close: f } = ue(A, b, { matchWidth: !0 });
     function B(e, a = 0, l = !1) {
-      return e.flatMap((d) => [{ node: { ...d, disabled: l || d.disabled }, depth: a }, ...B(d.children || [], a + 1, l || d.disabled)]);
+      return e.flatMap((i) => [{ node: { ...i, disabled: l || i.disabled }, depth: a }, ...B(i.children || [], a + 1, l || i.disabled)]);
     }
-    const D = c(() => B(t.nodes)), w = c(() => D.value.filter((e) => e.node.label.toLocaleLowerCase().includes(v.value.toLocaleLowerCase()))), p = c(() => w.value.filter((e) => {
+    const D = v(() => B(t.nodes)), C = v(() => D.value.filter((e) => e.node.label.toLocaleLowerCase().includes(y.value.toLocaleLowerCase()))), c = v(() => C.value.filter((e) => {
       var a;
       return !e.node.disabled && (!t.leafOnly || !((a = e.node.children) != null && a.length));
-    })), s = c(() => Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue].filter(Boolean)), b = c(() => t.multiple || Array.isArray(t.modelValue)), F = c(() => D.value.filter((e) => s.value.includes(e.node.value)).map((e) => e.node.label).join("、"));
-    T(v, () => r.value = 0), T(() => t.disabled, (e) => {
-      e && y();
+    })), r = v(() => Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue].filter(Boolean)), g = v(() => t.multiple || Array.isArray(t.modelValue)), R = v(() => D.value.filter((e) => r.value.includes(e.node.value)).map((e) => e.node.label).join("、"));
+    z(y, () => o.value = 0), z(() => t.disabled, (e) => {
+      e && f();
     });
     async function E() {
       var e;
-      t.disabled || (v.value = "", await I(), await le(), (e = A.value) == null || e.focus());
+      t.disabled || (y.value = "", await F(), await te(), o.value = Math.max(0, c.value.findIndex((a) => r.value.includes(a.node.value))), U() ? (e = m.value) == null || e.focus() : L());
     }
-    function L(e) {
-      m("update:modelValue", e), m("change", e);
+    function U() {
+      return t.searchable && m.value;
+    }
+    function L() {
+      var e, a;
+      (a = (e = b.value) == null ? void 0 : e.querySelectorAll("[data-enabled]")[o.value]) == null || a.focus();
     }
     function M(e) {
+      w("update:modelValue", e), w("change", e);
+    }
+    function S(e) {
       var a;
-      t.disabled || e.disabled || t.leafOnly && ((a = e.children) != null && a.length) || (L(b.value ? s.value.includes(e.value) ? s.value.filter((l) => l !== e.value) : [...s.value, e.value] : e.value), b.value || y(!0));
+      t.disabled || e.disabled || t.leafOnly && ((a = e.children) != null && a.length) || (M(g.value ? r.value.includes(e.value) ? r.value.filter((l) => l !== e.value) : [...r.value, e.value] : e.value), g.value || f(!0));
     }
-    function R(e) {
+    function I(e) {
       var a, l;
-      ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) ? (e.preventDefault(), r.value = e.key === "Home" ? 0 : e.key === "End" ? p.value.length - 1 : Math.max(0, Math.min(p.value.length - 1, r.value + (e.key === "ArrowDown" ? 1 : -1))), (l = (a = k.value) == null ? void 0 : a.querySelectorAll("[data-enabled]")[r.value]) == null || l.scrollIntoView({ block: "nearest" })) : e.key === "Enter" && p.value[r.value] ? (e.preventDefault(), M(p.value[r.value].node)) : e.key === "Escape" && (e.preventDefault(), y(!0));
+      e.isComposing || e.keyCode === 229 || (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) ? (e.preventDefault(), o.value = e.key === "Home" ? 0 : e.key === "End" ? c.value.length - 1 : Math.max(0, Math.min(c.value.length - 1, o.value + (e.key === "ArrowDown" ? 1 : -1))), (l = (a = b.value) == null ? void 0 : a.querySelectorAll("[data-enabled]")[o.value]) == null || l.scrollIntoView({ block: "nearest" }), document.activeElement !== m.value && L()) : e.key === "Enter" && c.value[o.value] ? (e.preventDefault(), S(c.value[o.value].node)) : e.key === "Escape" && (e.preventDefault(), f(!0)));
     }
-    return (e, a) => (o(), i("div", z(n(C), { class: "hys-ui-v4-relative" }), [
+    return (e, a) => (u(), d("div", H(n(x), { class: "hys-ui-v4-relative" }), [
       V("button", {
         ref_key: "trigger",
-        ref: x,
+        ref: A,
         type: "button",
         class: "hys-ui-v4-control hys-ui-pf-select-trigger",
-        disabled: u.disabled,
+        disabled: s.disabled,
         "aria-haspopup": "listbox",
-        "aria-expanded": n(g),
-        onClick: a[0] || (a[0] = (l) => n(g) ? n(y)() : E()),
-        onKeydown: j(q(E, ["prevent"]), ["down"])
+        "aria-expanded": n(k),
+        onClick: a[0] || (a[0] = (l) => n(k) ? n(f)() : E()),
+        onKeydown: a[1] || (a[1] = P(W((l) => n(k) ? I(l) : E(), ["prevent"]), ["down"]))
       }, [
-        V("span", null, H(F.value || u.placeholder || "选择节点"), 1),
-        P(n(ae), {
+        V("span", null, N(R.value || s.placeholder || "选择节点"), 1),
+        G(n(ne), {
           size: 16,
           class: "hys-ui-pf-select-chevron"
         })
-      ], 40, ue),
-      (o(), K(W, { to: "body" }, [
-        n(g) ? (o(), i("div", z({
+      ], 40, se),
+      (u(), $(J, { to: "body" }, [
+        n(k) ? (u(), d("div", H({
           key: 0,
           ref_key: "panel",
-          ref: k
-        }, n(C), {
+          ref: b
+        }, n(x), {
           class: "hys-ui-v4-menu hys-ui-pf-select-menu hys-ui-pf-tree-select-menu",
-          style: n($),
-          onKeydown: R
+          style: n(q),
+          onKeydown: I
         }), [
-          u.searchable ? G((o(), i("input", {
+          s.searchable ? Q((u(), d("input", {
             key: 0,
             ref_key: "searchInput",
-            ref: A,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => v.value = l),
+            ref: m,
+            "onUpdate:modelValue": a[2] || (a[2] = (l) => y.value = l),
             class: "hys-ui-v4-control",
             placeholder: "搜索节点",
             "aria-label": "搜索节点"
           }, null, 512)), [
-            [J, v.value]
+            [X, y.value]
           ]) : h("", !0),
           V("div", {
             class: "hys-ui-v4-scroll",
             role: "listbox",
-            "aria-multiselectable": b.value || void 0,
+            "aria-multiselectable": g.value || void 0,
             "aria-label": "节点选择"
           }, [
-            (o(!0), i(Q, null, X(w.value, (l) => {
-              var d, O, S;
-              return o(), i("button", {
+            (u(!0), d(Y, null, Z(C.value, (l) => {
+              var i, O, T;
+              return u(), d("button", {
                 key: l.node.value,
                 type: "button",
                 role: "option",
-                "aria-selected": s.value.includes(l.node.value),
-                disabled: l.node.disabled || u.leafOnly && !!((d = l.node.children) != null && d.length),
-                "data-enabled": l.node.disabled || u.leafOnly && ((O = l.node.children) != null && O.length) ? void 0 : "",
-                class: Z(["hys-ui-v4-option", { "hys-ui-v4-active": ((S = p.value[r.value]) == null ? void 0 : S.node.value) === l.node.value }]),
-                style: Y({ paddingLeft: 12 + l.depth * 16 + "px" }),
-                onClick: (ie) => M(l.node)
+                "aria-selected": r.value.includes(l.node.value),
+                disabled: l.node.disabled || s.leafOnly && !!((i = l.node.children) != null && i.length),
+                "data-enabled": l.node.disabled || s.leafOnly && ((O = l.node.children) != null && O.length) ? void 0 : "",
+                class: ee(["hys-ui-v4-option", { "hys-ui-v4-active": ((T = c.value[o.value]) == null ? void 0 : T.node.value) === l.node.value }]),
+                style: _({ paddingLeft: 12 + l.depth * 16 + "px" }),
+                onClick: (ve) => S(l.node)
               }, [
-                _(e.$slots, "option", {
+                le(e.$slots, "option", {
                   node: l.node
                 }, () => [
-                  ee(H(l.node.label), 1)
+                  ae(N(l.node.label), 1)
                 ]),
-                s.value.includes(l.node.value) ? (o(), K(n(te), {
+                r.value.includes(l.node.value) ? (u(), $(n(oe), {
                   key: 0,
                   size: 15
                 })) : h("", !0)
-              ], 14, se);
+              ], 14, de);
             }), 128)),
-            w.value.length ? h("", !0) : (o(), i("p", de, "无匹配节点"))
-          ], 8, re),
-          u.clearable && s.value.length ? (o(), i("button", {
+            C.value.length ? h("", !0) : (u(), d("p", ce, "无匹配节点"))
+          ], 8, ie),
+          s.clearable && r.value.length ? (u(), d("button", {
             key: 1,
             type: "button",
             class: "hys-ui-v4-option",
-            onClick: a[2] || (a[2] = (l) => {
-              L(b.value ? [] : ""), m("clear"), n(y)(!0);
+            onClick: a[3] || (a[3] = (l) => {
+              M(g.value ? [] : ""), w("clear"), n(f)(!0);
             })
           }, "清空选择")) : h("", !0)
         ], 16)) : h("", !0)
@@ -127,5 +134,5 @@ const ue = ["disabled", "aria-expanded", "onKeydown"], re = ["aria-multiselectab
   }
 });
 export {
-  fe as default
+  be as default
 };

package/dist/components/HysUpload/HysUpload.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysUpload2.vue.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-023eb5ec"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d2ca10d8"]]);
 export {
-  e as default
+  d as default
 };