hys-ui 0.2.0 → 0.3.0

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

@@ -1,43 +1,46 @@
-import { defineComponent as Me, useAttrs as Ae, ref as V, useId as Fe, provide as Oe, computed as B, watch as O, nextTick as I, onMounted as Ie, onUpdated as De, onActivated as We, onDeactivated as qe, onBeforeUnmount as Pe, openBlock as r, createElementBlock as u, mergeProps as Q, unref as a, createElementVNode as S, withModifiers as Z, renderSlot as v, createCommentVNode as f, toDisplayString as z, Fragment as _, renderList as fe, normalizeClass as ye, createTextVNode as D, createBlock as E, resolveDynamicComponent as pe, createVNode as C, withCtx as $, Teleport as Ue, createSlots as je, normalizeProps as W, guardReactiveProps as q } from "vue";
-import { X as me, LoaderCircle as ge, ChevronDown as Re, Search as Xe } from "lucide-vue-next";
-import Ye from "../HysInput/HysInput.vue.js";
-import Ge from "../HysButton/HysButton.vue.js";
-import Je from "../HysTooltip/HysTooltip.vue.js";
-import Qe from "./HysTreeSelectPanel.vue.js";
-import { useFloating as Ze } from "../../composables/useFloating.js";
-import { useHysRootAttrs as _e } from "../../config.js";
-import { useHysControlState as ea, useHysFormItemContext as aa, fieldKey as ta } from "../../composables/formContext.js";
-import { useTreeSelect as la } from "../../composables/useTreeSelect.js";
-const oa = ["disabled"], sa = ["id", "aria-expanded", "aria-controls", "aria-label", "aria-disabled", "aria-readonly", "aria-invalid", "aria-describedby", "aria-required", "aria-busy", "tabindex"], ia = {
+import { defineComponent as Ve, useAttrs as Ae, ref as H, useId as Fe, provide as Oe, computed as T, watch as D, nextTick as I, onMounted as De, onUpdated as Ie, onActivated as Pe, onDeactivated as We, onBeforeUnmount as qe, openBlock as n, createElementBlock as d, mergeProps as Q, unref as a, createElementVNode as $, withModifiers as Z, renderSlot as h, createCommentVNode as v, toDisplayString as z, Fragment as _, renderList as pe, normalizeClass as fe, createTextVNode as P, createBlock as E, resolveDynamicComponent as ye, createVNode as B, withCtx as S, Teleport as Ue, createSlots as je, normalizeProps as W, guardReactiveProps as q } from "vue";
+import Re from "../../motion/PopupMotion.js";
+import { X as me, LoaderCircle as ge, ChevronDown as Xe, Search as Ye } from "lucide-vue-next";
+import Ge from "../HysInput/HysInput.vue.js";
+import Je from "../HysButton/HysButton.vue.js";
+import Qe from "../HysTooltip/HysTooltip.vue.js";
+import Ze from "./HysTreeSelectPanel.vue.js";
+import { useFloating as _e } from "../../composables/useFloating.js";
+import { useHysRootAttrs as ea } from "../../config.js";
+import { useHysControlState as aa, useHysFormItemContext as ta, fieldKey as la } from "../../composables/formContext.js";
+import { useTreeSelect as oa } from "../../composables/useTreeSelect.js";
+const sa = ["disabled"], ia = ["id", "aria-expanded", "aria-controls", "aria-label", "aria-disabled", "aria-readonly", "aria-invalid", "aria-describedby", "aria-required", "aria-busy", "tabindex"], ra = {
   key: 0,
   class: "hys-ui-tree-select-prefix"
-}, ra = {
+}, na = {
   key: 1,
   class: "hys-ui-tree-select-placeholder"
-}, na = {
+}, ua = {
   key: 2,
   class: "hys-ui-tree-select-tags"
-}, da = { class: "hys-ui-tree-select-tag-label" }, ua = ["disabled", "aria-label", "onClick"], ca = ["aria-label"], ha = {
+}, da = { class: "hys-ui-tree-select-tag-label" }, ca = ["disabled", "aria-label", "onClick"], ha = ["aria-label"], va = {
   key: 3,
   class: "hys-ui-tree-select-value"
-}, va = { class: "hys-ui-tree-select-indicators" }, fa = ["name", "value", "disabled"], ya = {
+}, pa = { class: "hys-ui-tree-select-indicators" }, fa = ["name", "value", "disabled"], ya = {
   key: 0,
   class: "hys-ui-tree-select-header"
-}, pa = {
+}, ma = {
   key: 2,
   class: "hys-ui-tree-select-loading",
   role: "status"
-}, ma = {
+}, ga = {
   key: 3,
   class: "hys-ui-tree-select-error",
   role: "alert"
-}, ga = {
+}, ba = {
   key: 4,
   class: "hys-ui-tree-select-footer"
-}, Ka = /* @__PURE__ */ Me({
+}, La = /* @__PURE__ */ Ve({
   inheritAttrs: !1,
   __name: "HysTreeSelect",
   props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
     modelValue: {},
     defaultValue: {},
     nodes: {},
@@ -110,25 +113,25 @@ const oa = ["disabled"], sa = ["id", "aria-expanded", "aria-controls", "aria-lab
   },
   emits: ["update:modelValue", "change", "value-change", "select", "deselect", "check", "clear", "remove-tag", "limit", "update:searchValue", "search", "search-error", "search-complete", "update:open", "visible-change", "update:expandedKeys", "update:loadedKeys", "node-expand", "node-collapse", "load-error", "children-loaded", "load", "scroll", "focus", "blur"],
   setup(i, { expose: be, emit: ke }) {
-    const o = i, T = ke, we = Ae(), ee = _e(), n = ea(o), g = aa(), y = V(), H = V(), P = V(), b = V(), M = Fe(), ae = V("");
-    Oe(ta, void 0);
-    let k = !0, K = !1, U = !1, N = 0;
-    const j = Ze(y, H, {
+    const t = i, C = ke, we = Ae(), ee = ea(), u = aa(t), g = ta(), p = H(), M = H(), U = H(), b = H(), V = Fe(), ae = H("");
+    Oe(la, void 0);
+    let k = !0, K = !1, j = !1, N = 0;
+    const A = _e(p, M, {
       get placement() {
-        return o.placement;
+        return t.placement;
       },
-      matchWidth: () => o.popupMatchWidth ? !0 : "min",
+      matchWidth: () => t.popupMatchWidth ? !0 : "min",
       width: () => {
         var e;
-        return o.popupWidth ?? (o.virtual && !o.popupMatchWidth ? Math.max(((e = y.value) == null ? void 0 : e.getBoundingClientRect().width) ?? 0, 240) : void 0);
+        return t.popupWidth ?? (t.virtual && !t.popupMatchWidth ? Math.max(((e = p.value) == null ? void 0 : e.getBoundingClientRect().width) ?? 0, 240) : void 0);
       },
-      requestOpen: (e, l) => (e || (U = !!l), T("update:open", e), o.open === void 0 ? void 0 : !1)
-    }), { open: c, style: xe, show: Be, close: p } = j, Te = B(() => c.value && k), s = la(
-      o,
-      n.disabled,
-      Te,
+      requestOpen: (e, l) => (e || (j = !!l), C("update:open", e), t.open === void 0 ? void 0 : !1)
+    }), { open: c, style: xe, show: Te, close: f } = A, Be = T(() => c.value && k), o = oa(
+      t,
+      u.disabled,
+      Be,
       (e, ...l) => {
-        T(e, ...l), e === "value-change" && o.clearSearchAfterSelect && !o.retainSearch && s.filter("");
+        C(e, ...l), e === "value-change" && t.clearSearchAfterSelect && !t.retainSearch && o.filter("");
       },
       () => {
         g.validate("change");
@@ -136,425 +139,434 @@ const oa = ["disabled"], sa = ["id", "aria-expanded", "aria-controls", "aria-lab
     ), {
       items: w,
       multiple: R,
-      busy: ba,
+      busy: ka,
       blocked: X,
       query: te,
       words: L,
       remoteError: le,
       remotePending: Y
-    } = s, Se = B(() => ({
-      "--hys-ui-tree-select-control-height": (n.size.value === "sm" ? 30 : n.size.value === "lg" ? 44 : 38) + "px"
-    })), Ce = B(() => ({
-      ...o.popupStyle,
+    } = o, Se = T(() => ({
+      "--hys-ui-tree-select-control-height": (u.size.value === "sm" ? 30 : u.size.value === "lg" ? 44 : 38) + "px"
+    })), Ce = T(() => ({
+      ...t.popupStyle,
       ...xe.value,
       maxHeight: "min(60dvh, calc(100dvh - 20px))",
       overflowY: "hidden"
-    })), $e = B(
-      () => o.itemHeight ?? (n.size.value === "sm" ? 30 : n.size.value === "lg" ? 42 : 36)
-    ), oe = B(
-      () => Number.isFinite(o.maxTagCount) ? Math.max(0, Math.floor(o.maxTagCount)) : 1 / 0
-    ), ze = B(() => w.value.slice(0, oe.value)), x = B(() => w.value.slice(oe.value)), A = (e) => typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : String(e.value), se = (e) => Number.isFinite(o.maxTagTextLength) && o.maxTagTextLength >= 0 ? A(e).slice(0, o.maxTagTextLength) + (A(e).length > o.maxTagTextLength ? "…" : "") : void 0, Ee = B(
-      () => o.clearable && !X.value && s.values.value.some((e) => !s.item(e).disabled)
+    })), $e = T(
+      () => t.itemHeight ?? (u.size.value === "sm" ? 30 : u.size.value === "lg" ? 42 : 36)
+    ), oe = T(
+      () => Number.isFinite(t.maxTagCount) ? Math.max(0, Math.floor(t.maxTagCount)) : 1 / 0
+    ), ze = T(() => w.value.slice(0, oe.value)), x = T(() => w.value.slice(oe.value)), F = (e) => typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : String(e.value), se = (e) => Number.isFinite(t.maxTagTextLength) && t.maxTagTextLength >= 0 ? F(e).slice(0, t.maxTagTextLength) + (F(e).length > t.maxTagTextLength ? "…" : "") : void 0, Ee = T(
+      () => t.clearable && !X.value && o.values.value.some((e) => !o.item(e).disabled)
     ), Ke = () => Object.fromEntries(
       Object.entries(we).filter(([e]) => !["class", "style"].includes(e))
     );
     function ie() {
-      var d;
-      const e = (d = y.value) == null ? void 0 : d.closest("label");
+      var s;
+      const e = (s = p.value) == null ? void 0 : s.closest("label");
       if (!e) return;
       const l = e.cloneNode(!0);
-      l.querySelectorAll(".hys-ui-tree-select-wrap").forEach((t) => t.remove()), ae.value = (l.textContent ?? "").replace(/\s+/g, " ").trim();
+      l.querySelectorAll(".hys-ui-tree-select-wrap").forEach((r) => r.remove()), ae.value = (l.textContent ?? "").replace(/\s+/g, " ").trim();
     }
-    async function m(e = !0, l = !1) {
-      var ue, ce, he, ve;
-      if (!k || n.disabled.value || o.readonly) return !1;
-      const d = c.value, t = N;
-      if (await Be(l), await I(), !k || !c.value || t !== N) return !1;
-      if (!d && !o.retainSearch && s.filter(""), o.expandSelected && s.values.value.length) {
-        const J = s.values.value.flatMap(
-          (F) => s.tree.ancestors(F)
+    async function y(e = !0, l = !1) {
+      var de, ce, he, ve;
+      if (!k || u.disabled.value || t.readonly) return !1;
+      const s = c.value, r = N;
+      if (await Te(l), await I(), !k || !c.value || r !== N) return !1;
+      if (!s && !t.retainSearch && o.filter(""), t.expandSelected && o.values.value.length) {
+        const J = o.values.value.flatMap(
+          (O) => o.tree.ancestors(O)
         );
-        await s.tree.setExpandedKeys([
-          .../* @__PURE__ */ new Set([...s.tree.rawExpanded.value, ...J])
+        await o.tree.setExpandedKeys([
+          .../* @__PURE__ */ new Set([...o.tree.rawExpanded.value, ...J])
         ]);
       }
-      if (await I(), !k || !c.value || t !== N) return !1;
-      const h = s.values.value.find(
-        (J) => s.tree.visible.value.some((F) => F.key === J && !F.disabled)
+      if (await I(), !k || !c.value || r !== N) return !1;
+      const m = o.values.value.find(
+        (J) => o.tree.visible.value.some((O) => O.key === J && !O.disabled)
       );
-      return h !== void 0 && ((ue = b.value) == null || ue.setActive(h), await ((ce = b.value) == null ? void 0 : ce.scrollTo({ key: h }))), e && (o.searchable ? (he = P.value) == null || he.focus() : await ((ve = b.value) == null ? void 0 : ve.focus(h))), !0;
+      return m !== void 0 && ((de = b.value) == null || de.setActive(m), await ((ce = b.value) == null ? void 0 : ce.scrollTo({ key: m }))), e && (t.searchable ? (he = U.value) == null || he.focus() : await ((ve = b.value) == null ? void 0 : ve.focus(m))), !0;
     }
     async function G() {
-      const e = await s.clear();
-      return e && p(!0), e;
+      const e = await o.clear();
+      return e && f(!0), e;
     }
     function Ne(e) {
-      (e == null ? void 0 : e.target) instanceof Element && e.target.closest("button") || (c.value ? p() : m());
+      (e == null ? void 0 : e.target) instanceof Element && e.target.closest("button") || (c.value ? f() : y());
     }
     function Le(e) {
-      !R.value && s.values.value.includes(e) && p(!0);
+      !R.value && o.values.value.includes(e) && f(!0);
     }
-    function Ve(e) {
-      var l, d;
-      if (!(e.isComposing || e.keyCode === 229 || e.target !== y.value)) {
+    function He(e) {
+      var l, s;
+      if (!(e.isComposing || e.keyCode === 229 || e.target !== p.value)) {
         if (["ArrowDown", "ArrowUp", "Enter", " "].includes(e.key))
-          e.preventDefault(), c.value ? o.searchable ? (l = P.value) == null || l.focus() : (d = b.value) == null || d.focus() : m();
+          e.preventDefault(), c.value ? t.searchable ? (l = U.value) == null || l.focus() : (s = b.value) == null || s.focus() : y();
         else if (e.key === "Escape" && c.value)
-          e.preventDefault(), p(!0);
+          e.preventDefault(), f(!0);
         else if (e.key === "Backspace" && R.value && !X.value) {
-          const t = [...w.value].reverse().find((h) => !h.disabled);
-          t && (e.preventDefault(), s.removeTag(t.value));
+          const r = [...w.value].reverse().find((m) => !m.disabled);
+          r && (e.preventDefault(), o.removeTag(r.value));
         }
       }
     }
     function re(e) {
-      K || (K = !0, T("focus", e)), e.target === y.value && o.showOnFocus && !j.restoringFocus.value && m(!1);
+      K || (K = !0, C("focus", e)), e.target === p.value && t.showOnFocus && !A.restoringFocus.value && y(!1);
     }
     async function ne(e) {
-      var d, t;
+      var s, r;
       if (await I(), !k) return;
       const l = e.relatedTarget instanceof Node ? e.relatedTarget : document.activeElement;
-      (d = y.value) != null && d.contains(l) || (t = H.value) != null && t.contains(l) || K && (K = !1, T("blur", e), o.validateEvent && g.validate("blur"));
+      (s = p.value) != null && s.contains(l) || (r = M.value) != null && r.contains(l) || K && (K = !1, C("blur", e), t.validateEvent && g.validate("blur"));
     }
-    async function He(e) {
+    async function Me(e) {
       var l;
-      await m(!1) && await ((l = b.value) == null ? void 0 : l.scrollTo(e));
+      await y(!1) && await ((l = b.value) == null ? void 0 : l.scrollTo(e));
     }
-    O(
-      () => o.open,
+    D(
+      () => t.open,
       (e) => {
         if (k)
-          if (e) m(!1, !0);
+          if (e) y(!1, !0);
           else {
-            const l = U;
-            U = !1, p(l, !0);
+            const l = j;
+            j = !1, f(l, !0);
           }
       }
-    ), O(c, (e) => {
-      e || N++, T("visible-change", e), !e && !o.retainSearch && s.filter("");
-    }), O(
-      [() => o.readonly, n.disabled],
+    ), D(c, (e) => {
+      e || N++, C("visible-change", e), !e && !t.retainSearch && o.filter("");
+    }), D(
+      [() => t.readonly, u.disabled],
       ([e, l]) => {
-        (e || l) && (p(!1, !0), o.open && T("update:open", !1));
+        (e || l) && (f(!1, !0), t.open && C("update:open", !1));
       },
       { flush: "sync" }
-    ), O(
+    ), D(
       [
         te,
         w,
-        () => o.popupWidth,
-        () => o.popupMatchWidth,
-        () => n.size.value
+        () => t.popupWidth,
+        () => t.popupMatchWidth,
+        () => u.size.value
       ],
       () => {
-        I().then(() => j.update());
+        I().then(() => A.update());
       }
-    ), Ie(() => {
-      ie(), (o.open ?? o.defaultOpen) && m(!1, !0);
-    }), De(ie), We(() => {
-      k = !0, o.open && m(!1, !0);
+    ), De(() => {
+      ie(), (t.open ?? t.defaultOpen) && y(!1, !0);
+    }), Ie(ie), Pe(() => {
+      k = !0, t.open && y(!1, !0);
     });
-    function de() {
-      k = !1, K = !1, N++, p(!1, !0);
+    function ue() {
+      k = !1, K = !1, N++, f(!1, !0);
     }
-    return qe(de), Pe(de), be({
-      element: y,
+    return We(ue), qe(ue), be({
+      element: p,
       open: c,
       focus: () => {
         var e;
-        n.disabled.value || (e = y.value) == null || e.focus();
+        u.disabled.value || (e = p.value) == null || e.focus();
       },
       blur: () => {
-        var e, l, d;
-        p(), ((e = y.value) != null && e.contains(document.activeElement) || (l = H.value) != null && l.contains(document.activeElement)) && ((d = document.activeElement) == null || d.blur());
+        var e, l, s;
+        f(), ((e = p.value) != null && e.contains(document.activeElement) || (l = M.value) != null && l.contains(document.activeElement)) && ((s = document.activeElement) == null || s.blur());
       },
-      show: () => m(),
-      hide: (e = !1) => p(e),
+      show: () => y(),
+      hide: (e = !1) => f(e),
       clear: G,
-      removeTag: s.removeTag,
-      setValue: s.setValue,
-      filter: s.filter,
-      getSelectedKeys: () => [...s.values.value],
+      removeTag: o.removeTag,
+      setValue: o.setValue,
+      filter: o.filter,
+      getSelectedKeys: () => [...o.values.value],
       getSelectedItems: () => [...w.value],
-      getCheckedKeys: s.tree.getCheckedKeys,
-      getHalfCheckedKeys: s.tree.getHalfCheckedKeys,
+      getCheckedKeys: o.tree.getCheckedKeys,
+      getHalfCheckedKeys: o.tree.getHalfCheckedKeys,
       getNode: (e) => {
-        const l = s.tree.getNode(e);
-        return l ? s.rawNode(l) : void 0;
+        const l = o.tree.getNode(e);
+        return l ? o.rawNode(l) : void 0;
       },
-      getExpandedKeys: () => [...s.tree.expanded.value],
-      setExpandedKeys: s.tree.setExpandedKeys,
-      expandNode: s.tree.expandNode,
-      reloadNode: s.tree.reloadNode,
-      scrollTo: He
-    }), (e, l) => {
-      var d;
-      return r(), u("div", Q(a(ee), {
-        class: ["hys-ui-tree-select-wrap", [e.$attrs.class, "hys-ui-tree-select-" + a(n).size.value]],
-        style: [e.$attrs.style, Se.value]
+      getExpandedKeys: () => [...o.tree.expanded.value],
+      setExpandedKeys: o.tree.setExpandedKeys,
+      expandNode: o.tree.expandNode,
+      reloadNode: o.tree.reloadNode,
+      scrollTo: Me
+    }), (e, l) => (n(), d("div", Q(a(ee), {
+      class: ["hys-ui-tree-select-wrap", [e.$attrs.class, "hys-ui-tree-select-" + a(u).size.value]],
+      style: [e.$attrs.style, Se.value]
+    }), [
+      $("button", {
+        hidden: "",
+        type: "button",
+        tabindex: "-1",
+        "aria-hidden": "true",
+        disabled: a(u).disabled.value,
+        onClick: l[0] || (l[0] = Z((s) => {
+          var r;
+          (r = p.value) == null || r.focus(), y();
+        }, ["prevent"]))
+      }, null, 8, sa),
+      $("div", Q({
+        ref_key: "trigger",
+        ref: p
+      }, Ke(), {
+        id: e.$attrs.id || a(g).id.value || a(V),
+        "data-hys-ui-field-managed": "",
+        role: "combobox",
+        "aria-haspopup": "tree",
+        "aria-expanded": a(c),
+        "aria-controls": a(c) ? a(V) + "-tree" : void 0,
+        "aria-label": i.ariaLabel || a(g).label.value || ae.value || i.placeholder || "选择节点",
+        "aria-disabled": a(u).disabled.value || void 0,
+        "aria-readonly": i.readonly || void 0,
+        "aria-invalid": i.status === "error" || a(g).invalid.value || void 0,
+        "aria-describedby": a(g).describedBy.value,
+        "aria-required": a(g).required.value || void 0,
+        "aria-busy": i.loading || a(Y) || void 0,
+        tabindex: a(u).disabled.value ? -1 : 0,
+        class: ["hys-ui-tree-select-control", {
+          "hys-ui-tree-select-control-disabled": a(u).disabled.value,
+          "hys-ui-tree-select-control-error": i.status === "error" || a(g).invalid.value,
+          "hys-ui-tree-select-control-warning": i.status === "warning",
+          "hys-ui-tree-select-control-success": i.status === "success"
+        }],
+        onClick: Ne,
+        onKeydown: He,
+        onFocusin: re,
+        onFocusout: ne
       }), [
-        S("button", {
-          hidden: "",
-          type: "button",
-          tabindex: "-1",
-          "aria-hidden": "true",
-          disabled: a(n).disabled.value,
-          onClick: l[0] || (l[0] = Z((t) => {
-            var h;
-            (h = y.value) == null || h.focus(), m();
-          }, ["prevent"]))
-        }, null, 8, oa),
-        S("div", Q({
-          ref_key: "trigger",
-          ref: y
-        }, Ke(), {
-          id: e.$attrs.id || a(g).id.value || a(M),
-          "data-hys-ui-field-managed": "",
-          role: "combobox",
-          "aria-haspopup": "tree",
-          "aria-expanded": a(c),
-          "aria-controls": a(c) ? a(M) + "-tree" : void 0,
-          "aria-label": i.ariaLabel || a(g).label.value || ae.value || i.placeholder || "选择节点",
-          "aria-disabled": a(n).disabled.value || void 0,
-          "aria-readonly": i.readonly || void 0,
-          "aria-invalid": i.status === "error" || a(g).invalid.value || void 0,
-          "aria-describedby": a(g).describedBy.value,
-          "aria-required": a(g).required.value || void 0,
-          "aria-busy": i.loading || a(Y) || void 0,
-          tabindex: a(n).disabled.value ? -1 : 0,
-          class: ["hys-ui-tree-select-control", {
-            "hys-ui-tree-select-control-disabled": a(n).disabled.value,
-            "hys-ui-tree-select-control-error": i.status === "error" || a(g).invalid.value,
-            "hys-ui-tree-select-control-warning": i.status === "warning",
-            "hys-ui-tree-select-control-success": i.status === "success"
-          }],
-          onClick: Ne,
-          onKeydown: Ve,
-          onFocusin: re,
-          onFocusout: ne
-        }), [
-          e.$slots.prefix ? (r(), u("span", ia, [
-            v(e.$slots, "prefix", {}, void 0, !0)
-          ])) : f("", !0),
-          a(w).length ? a(R) ? (r(), u("div", na, [
-            (r(!0), u(_, null, fe(ze.value, (t) => v(e.$slots, "tag", {
-              item: t,
-              remove: () => a(s).removeTag(t.value)
-            }, () => [
-              S("span", {
-                class: ye(["hys-ui-tree-select-tag", { "hys-ui-tree-select-tag-disabled": t.disabled }])
-              }, [
-                S("span", da, [
-                  se(t) !== void 0 ? (r(), u(_, { key: 0 }, [
-                    D(z(se(t)), 1)
-                  ], 64)) : (r(), E(pe(() => t.label), { key: 1 }))
-                ]),
-                i.removable ? (r(), u("button", {
-                  key: 0,
-                  type: "button",
-                  class: "hys-ui-tree-select-tag-remove",
-                  disabled: a(X) || t.disabled,
-                  "aria-label": "移除 " + A(t),
-                  onClick: Z((h) => a(s).removeTag(t.value), ["stop"])
-                }, [
-                  C(a(me), {
-                    size: 12,
-                    "aria-hidden": "true"
-                  })
-                ], 8, ua)) : f("", !0)
-              ], 2)
-            ], !0, typeof t.value + ":" + t.value)), 128)),
-            x.value.length ? (r(), E(Je, {
-              key: 0,
-              text: x.value.slice(0, 20).map(A).join("、") + (x.value.length > 20 ? " 等 " + x.value.length + " 项" : "")
-            }, {
-              default: $(() => [
-                S("span", {
-                  class: "hys-ui-tree-select-tag hys-ui-tree-select-more",
-                  "aria-label": "另外 " + x.value.length + " 项"
-                }, [
-                  v(e.$slots, "max-tag-placeholder", {
-                    items: x.value,
-                    count: x.value.length
-                  }, () => [
-                    D("+" + z(x.value.length), 1)
-                  ], !0)
-                ], 8, ca)
-              ]),
-              _: 3
-            }, 8, ["text"])) : f("", !0)
-          ])) : (r(), u("span", ha, [
-            (r(), E(pe(() => a(w)[0].label)))
-          ])) : (r(), u("span", ra, z(i.placeholder || "选择节点"), 1)),
-          S("span", va, [
-            i.loading || a(Y) ? (r(), E(a(ge), {
-              key: 0,
-              size: 15,
-              class: "hys-ui-icon-spin",
-              "aria-hidden": "true"
-            })) : f("", !0),
-            Ee.value ? (r(), u("button", {
-              key: 1,
-              type: "button",
-              class: "hys-ui-tree-select-clear",
-              "aria-label": "清空选择",
-              onClick: Z(G, ["stop"])
+        e.$slots.prefix ? (n(), d("span", ra, [
+          h(e.$slots, "prefix", {}, void 0, !0)
+        ])) : v("", !0),
+        a(w).length ? a(R) ? (n(), d("div", ua, [
+          (n(!0), d(_, null, pe(ze.value, (s) => h(e.$slots, "tag", {
+            item: s,
+            remove: () => a(o).removeTag(s.value)
+          }, () => [
+            $("span", {
+              class: fe(["hys-ui-tree-select-tag", { "hys-ui-tree-select-tag-disabled": s.disabled }])
             }, [
-              C(a(me), {
-                size: 14,
-                "aria-hidden": "true"
-              })
-            ])) : f("", !0),
-            v(e.$slots, "suffix", {}, () => [
-              C(a(Re), {
-                size: 16,
-                class: ye(["hys-ui-tree-select-chevron", { "hys-ui-tree-select-chevron-open": a(c) }]),
-                "aria-hidden": "true"
-              }, null, 8, ["class"])
-            ], !0)
-          ])
-        ], 16, sa),
-        i.name ? (r(!0), u(_, { key: 0 }, fe(a(s).values.value, (t) => (r(), u("input", {
-          key: typeof t + ":" + t,
-          type: "hidden",
-          name: i.name,
-          value: t,
-          disabled: a(n).disabled.value
-        }, null, 8, fa))), 128)) : f("", !0),
-        (r(), E(Ue, {
-          to: i.appendTo === !1 ? "body" : i.appendTo,
-          disabled: i.appendTo === !1
-        }, [
-          a(c) ? (r(), u("div", Q({
-            key: 0,
-            ref_key: "panel",
-            ref: H
-          }, a(ee), {
-            class: ["hys-ui-tree-select-menu hys-ui-pf-tree-select-menu", [i.popupClass, "hys-ui-tree-select-" + a(n).size.value]],
-            style: Ce.value,
-            onFocusin: re,
-            onFocusout: ne
-          }), [
-            e.$slots.header ? (r(), u("header", ya, [
-              v(e.$slots, "header", {}, void 0, !0)
-            ])) : f("", !0),
-            i.searchable ? (r(), E(Ye, {
-              key: 1,
-              ref_key: "search",
-              ref: P,
-              class: "hys-ui-tree-select-search",
-              "model-value": a(te),
-              placeholder: a(L).search,
-              "aria-label": a(L).search,
-              "aria-controls": a(M) + "-tree",
-              "aria-activedescendant": (d = b.value) == null ? void 0 : d.activeId,
-              disabled: a(n).disabled.value || i.readonly || i.loading,
-              size: a(n).size.value,
-              clearable: "",
-              "onUpdate:modelValue": a(s).filter,
-              onKeydown: l[1] || (l[1] = (t) => {
-                var h;
-                return (h = b.value) == null ? void 0 : h.searchKeys(t);
-              })
-            }, {
-              prefix: $(() => [
-                C(a(Xe), {
-                  size: 14,
-                  "aria-hidden": "true"
-                })
+              $("span", da, [
+                se(s) !== void 0 ? (n(), d(_, { key: 0 }, [
+                  P(z(se(s)), 1)
+                ], 64)) : (n(), E(ye(() => s.label), { key: 1 }))
               ]),
-              _: 1
-            }, 8, ["model-value", "placeholder", "aria-label", "aria-controls", "aria-activedescendant", "disabled", "size", "onUpdate:modelValue"])) : f("", !0),
-            i.loading || a(Y) ? (r(), u("div", pa, [
-              v(e.$slots, "loading", {}, () => [
-                C(a(ge), {
-                  size: 16,
-                  class: "hys-ui-icon-spin",
+              i.removable ? (n(), d("button", {
+                key: 0,
+                type: "button",
+                class: "hys-ui-tree-select-tag-remove",
+                disabled: a(X) || s.disabled,
+                "aria-label": "移除 " + F(s),
+                onClick: Z((r) => a(o).removeTag(s.value), ["stop"])
+              }, [
+                B(a(me), {
+                  size: 12,
                   "aria-hidden": "true"
-                }),
-                D(z(a(L).loading), 1)
-              ], !0)
-            ])) : f("", !0),
-            a(le) ? (r(), u("div", ma, [
-              v(e.$slots, "error", {
-                error: a(le),
-                retry: a(s).retrySearch
-              }, () => [
-                S("span", null, z(a(L).loadError), 1),
-                C(Ge, {
-                  size: "sm",
-                  variant: "ghost",
-                  onClick: l[2] || (l[2] = (t) => a(s).retrySearch())
+                })
+              ], 8, ca)) : v("", !0)
+            ], 2)
+          ], !0, typeof s.value + ":" + s.value)), 128)),
+          x.value.length ? (n(), E(Qe, {
+            key: 0,
+            text: x.value.slice(0, 20).map(F).join("、") + (x.value.length > 20 ? " 等 " + x.value.length + " 项" : "")
+          }, {
+            default: S(() => [
+              $("span", {
+                class: "hys-ui-tree-select-tag hys-ui-tree-select-more",
+                "aria-label": "另外 " + x.value.length + " 项"
+              }, [
+                h(e.$slots, "max-tag-placeholder", {
+                  items: x.value,
+                  count: x.value.length
+                }, () => [
+                  P("+" + z(x.value.length), 1)
+                ], !0)
+              ], 8, ha)
+            ]),
+            _: 3
+          }, 8, ["text"])) : v("", !0)
+        ])) : (n(), d("span", va, [
+          (n(), E(ye(() => a(w)[0].label)))
+        ])) : (n(), d("span", na, z(i.placeholder || "选择节点"), 1)),
+        $("span", pa, [
+          i.loading || a(Y) ? (n(), E(a(ge), {
+            key: 0,
+            size: 15,
+            class: "hys-ui-icon-spin",
+            "aria-hidden": "true"
+          })) : v("", !0),
+          Ee.value ? (n(), d("button", {
+            key: 1,
+            type: "button",
+            class: "hys-ui-tree-select-clear",
+            "aria-label": "清空选择",
+            onClick: Z(G, ["stop"])
+          }, [
+            B(a(me), {
+              size: 14,
+              "aria-hidden": "true"
+            })
+          ])) : v("", !0),
+          h(e.$slots, "suffix", {}, () => [
+            B(a(Xe), {
+              size: 16,
+              class: fe(["hys-ui-tree-select-chevron", { "hys-ui-tree-select-chevron-open": a(c) }]),
+              "aria-hidden": "true"
+            }, null, 8, ["class"])
+          ], !0)
+        ])
+      ], 16, ia),
+      i.name ? (n(!0), d(_, { key: 0 }, pe(a(o).values.value, (s) => (n(), d("input", {
+        key: typeof s + ":" + s,
+        type: "hidden",
+        name: i.name,
+        value: s,
+        disabled: a(u).disabled.value
+      }, null, 8, fa))), 128)) : v("", !0),
+      (n(), E(Ue, {
+        to: i.appendTo === !1 ? "body" : i.appendTo,
+        disabled: i.appendTo === !1
+      }, [
+        B(a(Re), {
+          "popup-transition": t.popupTransition,
+          "popup-transition-duration": t.popupTransitionDuration,
+          placement: a(A).placement.value
+        }, {
+          default: S(() => {
+            var s;
+            return [
+              a(c) ? (n(), d("div", Q({
+                key: 0,
+                ref_key: "panel",
+                ref: M
+              }, a(ee), {
+                class: ["hys-ui-tree-select-menu hys-ui-pf-tree-select-menu", [i.popupClass, "hys-ui-tree-select-" + a(u).size.value]],
+                style: Ce.value,
+                onFocusin: re,
+                onFocusout: ne
+              }), [
+                e.$slots.header ? (n(), d("header", ya, [
+                  h(e.$slots, "header", {}, void 0, !0)
+                ])) : v("", !0),
+                i.searchable ? (n(), E(Ge, {
+                  key: 1,
+                  ref_key: "search",
+                  ref: U,
+                  class: "hys-ui-tree-select-search",
+                  "model-value": a(te),
+                  placeholder: a(L).search,
+                  "aria-label": a(L).search,
+                  "aria-controls": a(V) + "-tree",
+                  "aria-activedescendant": (s = b.value) == null ? void 0 : s.activeId,
+                  disabled: a(u).disabled.value || i.readonly || i.loading,
+                  size: a(u).size.value,
+                  clearable: "",
+                  "onUpdate:modelValue": a(o).filter,
+                  onKeydown: l[1] || (l[1] = (r) => {
+                    var m;
+                    return (m = b.value) == null ? void 0 : m.searchKeys(r);
+                  })
                 }, {
-                  default: $(() => [
-                    D(z(a(L).retry), 1)
+                  prefix: S(() => [
+                    B(a(Ye), {
+                      size: 14,
+                      "aria-hidden": "true"
+                    })
                   ]),
                   _: 1
-                })
-              ], !0)
-            ])) : f("", !0),
-            C(Qe, {
-              ref_key: "view",
-              ref: b,
-              store: a(s),
-              size: a(n).size.value,
-              "tree-id": a(M) + "-tree",
-              checkable: i.checkable,
-              "check-strictly": i.checkStrictly,
-              "leaf-only": i.leafOnly,
-              "expand-on-click-node": i.expandOnClickNode,
-              "show-line": i.showLine,
-              "show-icon": i.showIcon,
-              indent: i.indent,
-              "list-height": i.listHeight,
-              virtual: i.virtual,
-              "item-height": $e.value,
-              overscan: i.overscan,
-              onChoose: Le,
-              onScroll: l[3] || (l[3] = (t) => T("scroll", t))
-            }, je({ _: 2 }, [
-              e.$slots.option ? {
-                name: "option",
-                fn: $((t) => [
-                  v(e.$slots, "option", W(q(t)), void 0, !0)
-                ]),
-                key: "0"
-              } : void 0,
-              e.$slots.icon ? {
-                name: "icon",
-                fn: $((t) => [
-                  v(e.$slots, "icon", W(q(t)), void 0, !0)
-                ]),
-                key: "1"
-              } : void 0,
-              e.$slots.switcher ? {
-                name: "switcher",
-                fn: $((t) => [
-                  v(e.$slots, "switcher", W(q(t)), void 0, !0)
-                ]),
-                key: "2"
-              } : void 0,
-              e.$slots.empty ? {
-                name: "empty",
-                fn: $((t) => [
-                  v(e.$slots, "empty", W(q(t)), void 0, !0)
-                ]),
-                key: "3"
-              } : void 0
-            ]), 1032, ["store", "size", "tree-id", "checkable", "check-strictly", "leaf-only", "expand-on-click-node", "show-line", "show-icon", "indent", "list-height", "virtual", "item-height", "overscan"]),
-            e.$slots.footer ? (r(), u("footer", ga, [
-              v(e.$slots, "footer", {
-                items: a(w),
-                clear: G,
-                close: () => a(p)(!0)
-              }, void 0, !0)
-            ])) : f("", !0)
-          ], 16)) : f("", !0)
-        ], 8, ["to", "disabled"]))
-      ], 16);
-    };
+                }, 8, ["model-value", "placeholder", "aria-label", "aria-controls", "aria-activedescendant", "disabled", "size", "onUpdate:modelValue"])) : v("", !0),
+                i.loading || a(Y) ? (n(), d("div", ma, [
+                  h(e.$slots, "loading", {}, () => [
+                    B(a(ge), {
+                      size: 16,
+                      class: "hys-ui-icon-spin",
+                      "aria-hidden": "true"
+                    }),
+                    P(z(a(L).loading), 1)
+                  ], !0)
+                ])) : v("", !0),
+                a(le) ? (n(), d("div", ga, [
+                  h(e.$slots, "error", {
+                    error: a(le),
+                    retry: a(o).retrySearch
+                  }, () => [
+                    $("span", null, z(a(L).loadError), 1),
+                    B(Je, {
+                      size: "sm",
+                      variant: "ghost",
+                      onClick: l[2] || (l[2] = (r) => a(o).retrySearch())
+                    }, {
+                      default: S(() => [
+                        P(z(a(L).retry), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0)
+                ])) : v("", !0),
+                B(Ze, {
+                  ref_key: "view",
+                  ref: b,
+                  store: a(o),
+                  size: a(u).size.value,
+                  "tree-id": a(V) + "-tree",
+                  checkable: i.checkable,
+                  "check-strictly": i.checkStrictly,
+                  "leaf-only": i.leafOnly,
+                  "expand-on-click-node": i.expandOnClickNode,
+                  "show-line": i.showLine,
+                  "show-icon": i.showIcon,
+                  indent: i.indent,
+                  "list-height": i.listHeight,
+                  virtual: i.virtual,
+                  "item-height": $e.value,
+                  overscan: i.overscan,
+                  onChoose: Le,
+                  onScroll: l[3] || (l[3] = (r) => C("scroll", r))
+                }, je({ _: 2 }, [
+                  e.$slots.option ? {
+                    name: "option",
+                    fn: S((r) => [
+                      h(e.$slots, "option", W(q(r)), void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  e.$slots.icon ? {
+                    name: "icon",
+                    fn: S((r) => [
+                      h(e.$slots, "icon", W(q(r)), void 0, !0)
+                    ]),
+                    key: "1"
+                  } : void 0,
+                  e.$slots.switcher ? {
+                    name: "switcher",
+                    fn: S((r) => [
+                      h(e.$slots, "switcher", W(q(r)), void 0, !0)
+                    ]),
+                    key: "2"
+                  } : void 0,
+                  e.$slots.empty ? {
+                    name: "empty",
+                    fn: S((r) => [
+                      h(e.$slots, "empty", W(q(r)), void 0, !0)
+                    ]),
+                    key: "3"
+                  } : void 0
+                ]), 1032, ["store", "size", "tree-id", "checkable", "check-strictly", "leaf-only", "expand-on-click-node", "show-line", "show-icon", "indent", "list-height", "virtual", "item-height", "overscan"]),
+                e.$slots.footer ? (n(), d("footer", ba, [
+                  h(e.$slots, "footer", {
+                    items: a(w),
+                    clear: G,
+                    close: () => a(f)(!0)
+                  }, void 0, !0)
+                ])) : v("", !0)
+              ], 16)) : v("", !0)
+            ];
+          }),
+          _: 3
+        }, 8, ["popup-transition", "popup-transition-duration", "placement"])
+      ], 8, ["to", "disabled"]))
+    ], 16));
   }
 });
 export {
-  Ka as default
+  La as default
 };