@routa/ui-vue 0.1.0

package/dist/tree-select/index.mjs

@@ -0,0 +1,799 @@
+import '../style/tree-select.css';
+import '../style/Icon.css';
+import { defineComponent as he, inject as Ne, computed as u, resolveComponent as we, openBlock as c, createElementBlock as f, normalizeStyle as te, normalizeClass as D, unref as r, createElementVNode as m, createCommentVNode as A, Fragment as R, createBlock as W, withModifiers as Q, toDisplayString as q, withDirectives as le, renderList as ae, vShow as xe, ref as X, watch as J, nextTick as j, onMounted as Se, onUnmounted as Le, provide as Ee, isRef as re, vModelText as ce, createVNode as ue, Teleport as Te, Transition as Ve, withCtx as Fe } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { u as $e } from "../chunks/z-index-D9ecXoNe.mjs";
+import { a as Ae } from "../chunks/auto-update-Dw-2qIsQ.mjs";
+import { c as Y } from "../chunks/index-B0yEC3RG.mjs";
+import { c as Pe } from "../chunks/controller-DdEBnv9V.mjs";
+import { c as ze } from "../chunks/controller-3cWaJJMW.mjs";
+import { u as Be } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as He } from "../config-provider/index.mjs";
+import { u as Me } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { u as Ie } from "../chunks/use-id-D3casveg.mjs";
+import { _ as fe } from "../chunks/Icon.vue_vue_type_script_setup_true_lang-LQ-KuJ6a.mjs";
+import { LIcon as De } from "../icon/index.mjs";
+const ve = (a) => Array.isArray(a) ? [...a] : a == null || a === "" ? [] : [a], Re = (a) => a.nodes ?? a.data ?? [], Oe = (a, o) => {
+  var d;
+  if ((d = o.fieldNames) != null && d.key)
+    return o.fieldNames.key;
+  if (o.nodeKey && o.nodeKey !== "id")
+    return o.nodeKey;
+  const e = a[0];
+  return !e || typeof e != "object" || "id" in e ? "id" : "key" in e ? "key" : "value" in e ? "value" : "id";
+}, ee = (a, o) => {
+  var d, l;
+  const e = Oe(a, o);
+  return {
+    key: e,
+    id: e,
+    label: ((d = o.fieldNames) == null ? void 0 : d.label) ?? o.labelKey ?? "label",
+    children: ((l = o.fieldNames) == null ? void 0 : l.children) ?? o.childrenKey ?? "children"
+  };
+}, pe = (a, o) => o ? [...a] : a[0] ?? null;
+function Ue(a = {}) {
+  const o = a.multiple ?? !1, e = Re(a), d = ee(e, a), l = ze({
+    nodes: e,
+    selectedKeys: ve(a.modelValue),
+    expandedKeys: a.defaultExpandedKeys,
+    multiple: o,
+    checkStrictly: a.checkStrictly,
+    fieldNames: d,
+    onSelect: (s) => {
+      var w, n;
+      const _ = pe(s, o);
+      (w = a.onChange) == null || w.call(a, _), o && ((n = a.onCheck) == null || n.call(a, {
+        checkedKeys: s,
+        halfCheckedKeys: l.actions.getHalfCheckedKeys(),
+        checkedNodes: l.actions.getCheckedNodes(),
+        halfCheckedNodes: l.actions.getHalfCheckedNodes()
+      }));
+    }
+  }), b = Pe({
+    placement: a.placement ?? "bottom-start",
+    offset: a.offset ?? 4,
+    flip: a.flip ?? !0,
+    shift: a.shift ?? !0,
+    onOpen: () => {
+      var s;
+      return (s = a.onVisibleChange) == null ? void 0 : s.call(a, !0);
+    },
+    onClose: () => {
+      var s;
+      return (s = a.onVisibleChange) == null ? void 0 : s.call(a, !1);
+    }
+  }), g = Y(() => {
+    const s = /* @__PURE__ */ new Map(), _ = l.state.fieldNames, w = _.id, n = _.label, z = _.children, T = (U) => {
+      U.forEach((x) => {
+        s.set(x[w], x[n]);
+        const C = x[z];
+        Array.isArray(C) && T(C);
+      });
+    };
+    return T(l.state.data), s;
+  }), E = Y(() => {
+    if (o)
+      return "";
+    const s = l.state.selectedKeys[0];
+    return s == null || s === "" ? "" : g.value.get(s) ?? s;
+  }), M = Y(() => l.state.selectedKeys.length > 0), h = (s) => {
+    a.autoExpandParent !== !1 && s.length > 0 && l.actions.expandParents(s);
+  }, S = (s) => {
+    const _ = ve(s);
+    l.actions.setCheckedKeys(_), h(_);
+  }, p = (s) => {
+    l.actions.setFocusedKey(s), l.actions.select(s), h(l.state.selectedKeys), o || b.actions.close();
+  }, k = (s) => {
+    l.actions.setCheckedKeys(s), h(s);
+  }, O = (s) => {
+    const _ = l.state.fieldNames.key ?? l.state.fieldNames.id, w = s.map((n) => n[_]);
+    k(w);
+  }, K = (s) => {
+    l.state.data = s, l.state.fieldNames = ee(s, a), h(l.state.selectedKeys);
+  }, P = (s) => {
+    l.state.fieldNames = ee(l.state.data, {
+      ...a,
+      fieldNames: s
+    }), h(l.state.selectedKeys);
+  };
+  return h(l.state.selectedKeys), {
+    state: {
+      get data() {
+        return l.state.data;
+      },
+      get selectedKeys() {
+        return l.state.selectedKeys;
+      },
+      get indeterminateKeys() {
+        return l.state.indeterminateKeys;
+      },
+      get expandedKeys() {
+        return l.state.expandedKeys;
+      },
+      get focusedKey() {
+        return l.state.focusedKey;
+      },
+      set focusedKey(s) {
+        l.state.focusedKey = s;
+      },
+      get filterText() {
+        return l.state.filterText;
+      },
+      set filterText(s) {
+        l.state.filterText = s;
+      },
+      get fieldNames() {
+        return l.state.fieldNames;
+      },
+      get visibleRows() {
+        return l.state.visibleRows;
+      },
+      get isOpen() {
+        return b.state.isOpen;
+      },
+      set isOpen(s) {
+        b.state.isOpen = s;
+      },
+      get x() {
+        return b.state.x;
+      },
+      get y() {
+        return b.state.y;
+      },
+      get placement() {
+        return b.state.placement;
+      },
+      get modelValue() {
+        return pe(l.state.selectedKeys, o);
+      },
+      get displayLabel() {
+        return E.value;
+      },
+      get hasValues() {
+        return M.value;
+      },
+      get multiple() {
+        return o;
+      }
+    },
+    actions: {
+      open: b.actions.open,
+      close: b.actions.close,
+      toggle: b.actions.toggle,
+      updatePosition: b.actions.updatePosition,
+      syncModelValue: S,
+      setData: K,
+      setFieldNames: P,
+      select: p,
+      toggleExpand: l.actions.toggleExpand,
+      focusFirst: l.actions.focusFirst,
+      focusLast: l.actions.focusLast,
+      focusNext: l.actions.focusNext,
+      focusPrevious: l.actions.focusPrevious,
+      focusParent: l.actions.focusParent,
+      focusFirstChild: l.actions.focusFirstChild,
+      setFocusedKey: l.actions.setFocusedKey,
+      setCheckedKeys: k,
+      setCheckedNodes: O,
+      getCheckedKeys: l.actions.getCheckedKeys,
+      getCheckedNodes: l.actions.getCheckedNodes,
+      getHalfCheckedKeys: l.actions.getHalfCheckedKeys,
+      getHalfCheckedNodes: l.actions.getHalfCheckedNodes,
+      expandAll: l.actions.expandAll,
+      collapseAll: l.actions.collapseAll,
+      expandParents: l.actions.expandParents,
+      getLabel: (s) => g.value.get(s) ?? s
+    }
+  };
+}
+const Ze = {
+  modelValue: {
+    type: [String, Number, Array],
+    default: null
+  },
+  nodes: {
+    type: Array,
+    default: void 0
+  },
+  data: {
+    type: Array,
+    default: () => []
+  },
+  defaultExpandedKeys: {
+    type: Array,
+    default: () => []
+  },
+  nodeKey: {
+    type: String,
+    default: "id"
+  },
+  labelKey: {
+    type: String,
+    default: "label"
+  },
+  childrenKey: {
+    type: String,
+    default: "children"
+  },
+  fieldNames: {
+    type: Object,
+    default: void 0
+  },
+  multiple: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  clearable: {
+    type: Boolean,
+    default: !1
+  },
+  filterable: {
+    type: Boolean,
+    default: !1
+  },
+  placeholder: {
+    type: String,
+    default: "请选择"
+  },
+  size: {
+    type: String
+  },
+  checkStrictly: {
+    type: Boolean,
+    default: !1
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  noDataText: {
+    type: String,
+    default: "无数据"
+  },
+  showIcon: {
+    type: Boolean,
+    default: !0
+  },
+  autoExpandParent: {
+    type: Boolean,
+    default: !0
+  }
+}, je = {
+  "update:modelValue": (a) => !0,
+  change: (a) => !0,
+  check: (a) => !0,
+  clear: () => !0,
+  "visible-change": (a) => !0,
+  "node-click": (a) => !0
+}, me = Symbol("TreeSelectKey"), qe = ["id", "data-tree-key", "aria-level", "aria-expanded", "aria-selected", "aria-checked", "aria-disabled"], We = ["aria-label"], Ge = {
+  key: 1,
+  class: "l-tree-node__icon"
+}, Je = {
+  key: 0,
+  viewBox: "0 0 1024 1024",
+  width: "16",
+  height: "16"
+}, Qe = {
+  key: 1,
+  viewBox: "0 0 1024 1024",
+  width: "16",
+  height: "16"
+}, Xe = ["aria-checked", "disabled"], Ye = {
+  key: 0,
+  viewBox: "0 0 16 16",
+  width: "12",
+  height: "12"
+}, et = {
+  key: 1,
+  viewBox: "0 0 1024 1024",
+  width: "10",
+  height: "10"
+}, tt = { class: "l-tree-node__label" }, lt = {
+  key: 3,
+  class: "l-tree-node__check",
+  "aria-hidden": "true"
+}, at = {
+  key: 0,
+  class: "l-tree-node__children"
+}, ge = /* @__PURE__ */ he({
+  name: "TreeNode",
+  __name: "TreeNode",
+  props: {
+    node: {},
+    level: {}
+  },
+  setup(a) {
+    const o = a, e = Ne(me), d = u(() => (e == null ? void 0 : e.fieldNames.id) || "id"), l = u(() => (e == null ? void 0 : e.fieldNames.label) || "label"), b = u(() => (e == null ? void 0 : e.fieldNames.children) || "children"), g = u(() => o.node[d.value]), E = u(() => o.node[l.value]), M = u(() => o.node[b.value] || []), h = u(
+      () => e == null ? void 0 : e.visibleRows.value.find((N) => N.key === g.value)
+    ), S = u(() => e == null ? void 0 : e.expandedKeys.value.includes(g.value)), p = u(() => e == null ? void 0 : e.selectedKeys.value.includes(g.value)), k = u(() => e == null ? void 0 : e.indeterminateKeys.value.includes(g.value)), O = u(() => (e == null ? void 0 : e.focusedKey.value) === g.value), K = u(() => M.value.length > 0), P = u(() => [
+      "l-tree-node",
+      {
+        "is-selected": p.value,
+        "is-indeterminate": k.value
+      }
+    ]), s = u(() => {
+      if (!(e != null && e.filterText.value)) return !0;
+      const N = e.filterText.value.toLowerCase(), y = (B) => {
+        if (String(B[l.value]).toLowerCase().includes(N)) return !0;
+        const V = B[b.value];
+        return (V == null ? void 0 : V.some((I) => y(I))) ?? !1;
+      };
+      return y(o.node);
+    }), _ = (N) => {
+      N.stopPropagation(), K.value && (e != null && e.focusedKey && (e.focusedKey.value = g.value), e == null || e.toggleExpand(g.value));
+    }, w = () => {
+      o.node.disabled || (e != null && e.focusedKey && (e.focusedKey.value = g.value), e == null || e.select(g.value));
+    }, n = u(() => [
+      "l-tree-node__content",
+      {
+        "is-selected": p.value,
+        "is-indeterminate": k.value,
+        "is-focused": O.value,
+        "is-disabled": o.node.disabled,
+        "is-expanded": S.value,
+        "is-leaf": !K.value
+      }
+    ]), z = u(() => {
+      const y = o.level * 22 + 8;
+      return {
+        "--l-tree-level": o.level,
+        "--l-tree-node-offset": `${y}px`
+      };
+    }), T = u(() => (e == null ? void 0 : e.props.multiple) ?? !1), U = u(() => (e == null ? void 0 : e.props.showIcon) ?? !0), x = u(
+      () => T.value ? void 0 : p.value ? "true" : "false"
+    ), C = u(() => {
+      if (T.value)
+        return k.value ? "mixed" : p.value ? "true" : "false";
+    }), F = u(() => o.node.icon), G = u(() => {
+      if (!U.value) return !1;
+      const N = F.value;
+      return !(N === !1 || N === null || N === "none");
+    }), L = u(() => F.value === void 0);
+    return (N, y) => {
+      var V, I;
+      const B = we("TreeNode", !0);
+      return s.value ? (c(), f("div", {
+        key: 0,
+        id: (V = r(e)) == null ? void 0 : V.getRowId(g.value),
+        class: D(P.value),
+        "data-tree-key": g.value,
+        role: "treeitem",
+        "aria-level": (((I = h.value) == null ? void 0 : I.level) ?? a.level) + 1,
+        "aria-expanded": K.value ? S.value ? "true" : "false" : void 0,
+        "aria-selected": x.value,
+        "aria-checked": C.value,
+        "aria-disabled": o.node.disabled ? "true" : "false",
+        style: te({
+          "--l-tree-level": a.level,
+          "--l-tree-branch-width": "8px"
+        })
+      }, [
+        m("div", {
+          class: D(n.value),
+          style: te(z.value),
+          onClick: w
+        }, [
+          K.value ? (c(), f("button", {
+            key: 0,
+            type: "button",
+            class: D(["l-tree-node__expand-icon", { "is-expanded": S.value }]),
+            "aria-label": S.value ? "Collapse node" : "Expand node",
+            onClick: _
+          }, [...y[0] || (y[0] = [
+            m("svg", {
+              viewBox: "0 0 1024 1024",
+              width: "10",
+              height: "10"
+            }, [
+              m("path", {
+                fill: "currentColor",
+                d: "M338.752 104.448l65.344-65.344L836.48 471.552l-432.384 432.384-65.344-65.344 367.04-367.04z"
+              })
+            ], -1)
+          ])], 10, We)) : A("", !0),
+          G.value ? (c(), f("span", Ge, [
+            L.value ? (c(), f(R, { key: 1 }, [
+              K.value ? (c(), f("svg", Je, [...y[1] || (y[1] = [
+                m("path", {
+                  fill: "currentColor",
+                  d: "M880 298.4H521L437.3 151c-4.1-7.1-11.7-11.5-19.9-11.5H144c-17.7 0-32 14.3-32 32v685c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zm-40 530.5H184V211.4h216.7L484.4 353c4.1 7.1 11.7 11.5 19.9 11.5H840v464.4z"
+                }, null, -1)
+              ])])) : (c(), f("svg", Qe, [...y[2] || (y[2] = [
+                m("path", {
+                  fill: "currentColor",
+                  d: "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v222c0 17.7 14.3 32 32 32h226v498z"
+                }, null, -1)
+              ])]))
+            ], 64)) : (c(), f(R, { key: 0 }, [
+              typeof F.value == "string" ? (c(), W(fe, {
+                key: 0,
+                name: F.value,
+                size: "16"
+              }, null, 8, ["name"])) : (c(), W(fe, {
+                key: 1,
+                component: F.value,
+                size: "16"
+              }, null, 8, ["component"]))
+            ], 64))
+          ])) : A("", !0),
+          T.value ? (c(), f("button", {
+            key: 2,
+            type: "button",
+            class: D(["l-tree-node__checkbox", {
+              "is-checked": p.value,
+              "is-indeterminate": k.value
+            }]),
+            role: "checkbox",
+            "aria-checked": C.value,
+            disabled: o.node.disabled,
+            onClick: Q(w, ["stop"])
+          }, [
+            p.value ? (c(), f("svg", Ye, [...y[3] || (y[3] = [
+              m("path", {
+                fill: "currentColor",
+                d: "M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
+              }, null, -1)
+            ])])) : k.value ? (c(), f("svg", et, [...y[4] || (y[4] = [
+              m("path", {
+                fill: "currentColor",
+                d: "M128 448h768v128H128z"
+              }, null, -1)
+            ])])) : A("", !0)
+          ], 10, Xe)) : A("", !0),
+          m("span", tt, q(E.value), 1),
+          p.value && !T.value ? (c(), f("span", lt, [...y[5] || (y[5] = [
+            m("svg", {
+              viewBox: "0 0 16 16",
+              width: "14",
+              height: "14"
+            }, [
+              m("path", {
+                fill: "currentColor",
+                d: "M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
+              })
+            ], -1)
+          ])])) : A("", !0)
+        ], 6),
+        K.value ? le((c(), f("div", at, [
+          (c(!0), f(R, null, ae(M.value, (Z) => (c(), W(B, {
+            key: Z[d.value],
+            node: Z,
+            level: a.level + 1
+          }, null, 8, ["node", "level"]))), 128))
+        ], 512)), [
+          [xe, S.value]
+        ]) : A("", !0)
+      ], 14, qe)) : A("", !0);
+    };
+  }
+}), st = ["id", "disabled"], nt = ["aria-expanded", "aria-disabled"], ot = {
+  key: 0,
+  class: "l-tree-select__tags"
+}, dt = { class: "l-tree-select-tag__text" }, it = ["onClick"], rt = ["id", "placeholder"], ct = ["id", "placeholder"], ut = {
+  key: 1,
+  class: "l-tree-select__value"
+}, ft = {
+  key: 2,
+  class: "l-tree-select__placeholder"
+}, vt = { class: "l-tree-select__suffix" }, pt = ["data-theme"], yt = { class: "l-tree-select__dropdown" }, ht = {
+  key: 0,
+  class: "l-tree-select__empty"
+}, mt = ["aria-activedescendant", "aria-multiselectable", "aria-disabled"], gt = /* @__PURE__ */ he({
+  name: "TreeSelect",
+  __name: "TreeSelect",
+  props: Ze,
+  emits: je,
+  setup(a, { expose: o, emit: e }) {
+    const d = a, l = e, { teleportedCssVars: b, teleportedTheme: g } = He(), { formItem: E, size: M, disabled: h, inputId: S } = Me(d), p = X(null), k = X(null), O = Ie("l-tree-select"), K = (S == null ? void 0 : S.value) || O, P = `${K}-tree`, s = u(() => d.nodes ?? d.data), _ = () => {
+      var i;
+      if ((i = d.fieldNames) != null && i.key) return d.fieldNames.key;
+      if (d.nodeKey !== "id") return d.nodeKey;
+      const t = s.value[0];
+      return !t || typeof t != "object" || "id" in t ? "id" : "key" in t ? "key" : "value" in t ? "value" : "id";
+    }, w = u(() => {
+      var i, v;
+      const t = _();
+      return {
+        key: t,
+        id: t,
+        label: ((i = d.fieldNames) == null ? void 0 : i.label) ?? d.labelKey,
+        children: ((v = d.fieldNames) == null ? void 0 : v.children) ?? d.childrenKey
+      };
+    }), n = Ue({
+      data: s.value,
+      modelValue: d.modelValue,
+      defaultExpandedKeys: d.defaultExpandedKeys,
+      nodeKey: d.nodeKey,
+      labelKey: d.labelKey,
+      childrenKey: d.childrenKey,
+      fieldNames: w.value,
+      multiple: d.multiple,
+      checkStrictly: d.checkStrictly,
+      autoExpandParent: d.autoExpandParent,
+      onChange: (t) => {
+        l("update:modelValue", t), l("change", t), E == null || E.validate("change").catch(() => {
+        });
+      },
+      onCheck: (t) => {
+        l("check", t);
+      },
+      onVisibleChange: (t) => {
+        l("visible-change", t);
+      }
+    }), {
+      selectedKeys: z,
+      indeterminateKeys: T,
+      expandedKeys: U,
+      focusedKey: x,
+      filterText: C,
+      fieldNames: F,
+      visibleRows: G,
+      isOpen: L,
+      x: N,
+      y,
+      displayLabel: B,
+      hasValues: V
+    } = Be(n);
+    J(s, (t) => {
+      n.actions.setData(t);
+    }, { deep: !0 }), J(w, (t) => {
+      n.actions.setFieldNames(t);
+    }, { deep: !0 }), J(() => d.modelValue, (t) => {
+      n.actions.syncModelValue(t);
+    }, { deep: !0 });
+    const I = () => G.value.find((t) => t.key === x.value), Z = (t) => `${K}-row-${String(t)}`, se = u(
+      () => x.value == null ? void 0 : Z(x.value)
+    ), ne = () => {
+      h.value || x.value == null && n.actions.focusFirst();
+    }, H = () => {
+      p.value && k.value && n.actions.updatePosition(p.value, k.value);
+    }, oe = (t) => {
+      if (h.value) return;
+      const i = I();
+      let v = !0;
+      switch (t.key) {
+        case "ArrowDown":
+          n.actions.focusNext();
+          break;
+        case "ArrowUp":
+          n.actions.focusPrevious();
+          break;
+        case "Home":
+          n.actions.focusFirst();
+          break;
+        case "End":
+          n.actions.focusLast();
+          break;
+        case "ArrowRight":
+          i ? !i.isLeaf && !i.isExpanded ? (n.actions.toggleExpand(i.key), j(H)) : n.actions.focusFirstChild() : n.actions.focusFirst();
+          break;
+        case "ArrowLeft":
+          i ? !i.isLeaf && i.isExpanded ? (n.actions.toggleExpand(i.key), j(H)) : n.actions.focusParent() : n.actions.focusFirst();
+          break;
+        case "Enter":
+        case " ":
+        case "Spacebar":
+          i && !i.isDisabled && n.actions.select(i.key);
+          break;
+        default:
+          v = !1;
+      }
+      v && t.preventDefault();
+    }, ke = () => {
+      h.value || (L.value || n.actions.open(), j(() => {
+        var t;
+        x.value == null && n.actions.focusFirst(), (t = document.getElementById(P)) == null || t.focus();
+      }));
+    }, be = (t) => {
+      if (!h.value)
+        switch (t.key) {
+          case "ArrowDown":
+          case "Enter":
+          case " ":
+          case "Spacebar":
+            t.preventDefault(), ke();
+            break;
+          case "Escape":
+            if (!L.value) return;
+            t.preventDefault(), n.actions.close();
+            break;
+        }
+    }, { nextZIndex: Ke } = $e(), de = X(2e3), _e = () => {
+      h.value || n.actions.toggle();
+    }, Ce = u(() => ({
+      top: `${y.value}px`,
+      left: `${N.value}px`,
+      width: p.value ? `${p.value.offsetWidth}px` : "auto",
+      zIndex: de.value,
+      ...b.value
+    })), ie = (t) => {
+      p.value && !p.value.contains(t.target) && k.value && !k.value.contains(t.target) && n.actions.close();
+    };
+    let $ = null;
+    return J(L, async (t) => {
+      var i;
+      if (t) {
+        if (de.value = Ke(), await j(), H(), p.value && k.value && ($ = Ae(p.value, k.value, H)), d.filterable) {
+          const v = (i = p.value) == null ? void 0 : i.querySelector(".l-tree-select__input");
+          v == null || v.focus();
+        }
+        return;
+      }
+      $ == null || $(), $ = null, C.value = "", E == null || E.validate("blur").catch(() => {
+      });
+    }), Se(() => {
+      document.addEventListener("click", ie), window.addEventListener("resize", H);
+    }), Le(() => {
+      document.removeEventListener("click", ie), window.removeEventListener("resize", H), $ == null || $(), $ = null, n.actions.close();
+    }), Ee(me, {
+      props: d,
+      selectedKeys: z,
+      indeterminateKeys: T,
+      expandedKeys: U,
+      filterText: C,
+      visibleRows: G,
+      focusedKey: x,
+      fieldNames: F.value,
+      activeDescendantId: se,
+      getRowId: Z,
+      handleTreeFocus: ne,
+      handleTreeKeydown: oe,
+      select: (t) => {
+        n.actions.select(t);
+      },
+      toggleExpand: (t) => {
+        n.actions.setFocusedKey(t), n.actions.toggleExpand(t), j(H);
+      }
+    }), o({
+      getCheckedKeys: () => z.value,
+      getCheckedNodes: () => n.actions.getCheckedNodes(),
+      getHalfCheckedKeys: () => T.value,
+      getHalfCheckedNodes: () => n.actions.getHalfCheckedNodes(),
+      setCheckedKeys: (t) => {
+        n.actions.setCheckedKeys(t), l("update:modelValue", d.multiple ? t : t[0] ?? null);
+      },
+      setCheckedNodes: (t) => {
+        n.actions.setCheckedNodes(t), l("update:modelValue", n.state.modelValue);
+      },
+      setAllExpand: (t) => {
+        if (t) {
+          n.actions.expandAll();
+          return;
+        }
+        n.actions.collapseAll();
+      },
+      expandAll: () => n.actions.expandAll(),
+      collapseAll: () => n.actions.collapseAll()
+    }), (t, i) => (c(), f("div", {
+      ref_key: "selectRef",
+      ref: p,
+      class: D(["l-tree-select", [`l-tree-select--${r(M)}`, { "is-open": r(L), "is-disabled": r(h) }]])
+    }, [
+      m("input", {
+        id: r(K),
+        type: "text",
+        style: { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", "white-space": "nowrap", border: "0" },
+        "aria-hidden": "true",
+        tabindex: "-1",
+        disabled: r(h)
+      }, null, 8, st),
+      m("div", {
+        class: "l-tree-select__trigger",
+        role: "combobox",
+        tabindex: "0",
+        "aria-haspopup": "tree",
+        "aria-expanded": r(L) ? "true" : "false",
+        "aria-controls": P,
+        "aria-disabled": r(h) ? "true" : "false",
+        onClick: _e,
+        onKeydown: be
+      }, [
+        t.multiple ? (c(), f("div", ot, [
+          (c(!0), f(R, null, ae(r(z), (v) => (c(), f("span", {
+            key: v,
+            class: "l-tree-select-tag"
+          }, [
+            m("span", dt, q(r(n).actions.getLabel(v)), 1),
+            m("button", {
+              type: "button",
+              class: "l-tree-select-tag__close",
+              "aria-label": "Remove selected node",
+              onClick: Q((bt) => r(n).actions.select(v), ["stop"])
+            }, [...i[4] || (i[4] = [
+              m("svg", {
+                viewBox: "0 0 1024 1024",
+                width: "10",
+                height: "10"
+              }, [
+                m("path", {
+                  fill: "currentColor",
+                  d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9c-4.4 5.2-.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                })
+              ], -1)
+            ])], 8, it)
+          ]))), 128)),
+          t.filterable ? le((c(), f("input", {
+            key: 0,
+            id: `${r(K)}-input`,
+            "onUpdate:modelValue": i[0] || (i[0] = (v) => re(C) ? C.value = v : null),
+            type: "text",
+            class: "l-tree-select__input",
+            placeholder: r(V) ? "" : t.placeholder,
+            onClick: i[1] || (i[1] = Q((v) => r(L) ? null : r(n).actions.open(), ["stop"]))
+          }, null, 8, rt)), [
+            [ce, r(C)]
+          ]) : A("", !0)
+        ])) : (c(), f(R, { key: 1 }, [
+          t.filterable ? le((c(), f("input", {
+            key: 0,
+            id: `${r(K)}-input`,
+            "onUpdate:modelValue": i[2] || (i[2] = (v) => re(C) ? C.value = v : null),
+            type: "text",
+            class: "l-tree-select__input",
+            placeholder: r(V) ? r(B) : t.placeholder,
+            onClick: i[3] || (i[3] = Q((v) => r(L) ? null : r(n).actions.open(), ["stop"]))
+          }, null, 8, ct)), [
+            [ce, r(C)]
+          ]) : r(V) ? (c(), f("div", ut, q(r(B)), 1)) : (c(), f("div", ft, q(t.placeholder), 1))
+        ], 64)),
+        m("div", vt, [
+          ue(r(De), {
+            name: "lucide:chevron-down",
+            class: D({ "is-reverse": r(L) })
+          }, null, 8, ["class"])
+        ])
+      ], 40, nt),
+      (c(), W(Te, { to: "body" }, [
+        ue(Ve, { name: "l-fade" }, {
+          default: Fe(() => [
+            r(L) ? (c(), f("div", {
+              key: 0,
+              ref_key: "popperRef",
+              ref: k,
+              class: "l-tree-select__popper",
+              "data-theme": r(g),
+              style: te(Ce.value)
+            }, [
+              m("div", yt, [
+                s.value.length === 0 ? (c(), f("div", ht, q(t.noDataText), 1)) : (c(), f("div", {
+                  key: 1,
+                  id: P,
+                  class: "l-tree-select__tree",
+                  role: "tree",
+                  tabindex: "0",
+                  "aria-activedescendant": se.value,
+                  "aria-multiselectable": t.multiple ? "true" : void 0,
+                  "aria-disabled": r(h) ? "true" : "false",
+                  onFocus: ne,
+                  onKeydown: oe
+                }, [
+                  (c(!0), f(R, null, ae(s.value, (v) => (c(), W(ge, {
+                    key: v[r(F).key || r(F).id || "id"],
+                    node: v,
+                    level: 0
+                  }, null, 8, ["node"]))), 128))
+                ], 40, mt))
+              ])
+            ], 12, pt)) : A("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+}), ye = gt, kt = ge;
+ye.install = (a) => {
+  a.component("LTreeSelect", ye), a.component("LTreeNode", kt);
+};
+export {
+  kt as LTreeNode,
+  ye as LTreeSelect,
+  me as TreeSelectKey,
+  ye as default,
+  je as treeSelectEmits,
+  Ze as treeSelectProps
+};