@rhino-design/vue 0.2.2 → 0.2.6

package/dist/components/XTreeSelect.vue2.js

@@ -0,0 +1,715 @@
+import { defineComponent as Bl, ref as D, computed as n, watch as Ml, openBlock as i, createBlock as le, mergeProps as ve, withCtx as E, createElementVNode as F, normalizeClass as q, createElementBlock as c, renderSlot as b, createCommentVNode as $, createVNode as te, unref as w, toDisplayString as O, resolveDynamicComponent as xl, createSlots as Tl, Fragment as pe, renderList as Kl, createTextVNode as Oe, withModifiers as Re, nextTick as Le } from "vue";
+import G from "./XIcon.js";
+import Nl from "./XScrollbar.vue.js";
+import El from "./XTrigger.vue.js";
+import Fl from "./XTree.vue.js";
+import { useXConfig as $l, sizeClass as Il } from "../composables/config.js";
+import { useXFormField as Pl } from "../composables/form.js";
+import { useXI18n as zl } from "../composables/i18n.js";
+const Al = ["tabindex"], Dl = {
+  key: 0,
+  class: "x-tree-select__prefix"
+}, Ol = { class: "x-tree-select__value" }, Rl = {
+  key: 0,
+  class: "x-tree-select__tags"
+}, Ll = { class: "x-tree-select__tag-label" }, jl = ["onClick"], Xl = {
+  key: 0,
+  class: "x-tree-select__tag x-tree-select__tag--rest"
+}, Hl = ["value", "placeholder", "disabled", "id"], ql = {
+  key: 2,
+  class: "x-tree-select__display is-placeholder"
+}, Gl = ["value", "placeholder", "disabled", "id"], Ul = {
+  key: 1,
+  class: "x-tree-select__display"
+}, Jl = {
+  key: 2,
+  class: "x-tree-select__display is-placeholder"
+}, Ql = { class: "x-tree-select__suffix" }, Wl = {
+  key: 0,
+  class: "x-tree-select__header"
+}, Yl = { class: "x-tree-select__loading" }, Zl = { class: "x-tree-select__state" }, et = {
+  key: 4,
+  class: "x-tree-select__footer"
+}, it = /* @__PURE__ */ Bl({
+  __name: "XTreeSelect",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    border: { type: Boolean, default: !0 },
+    allowSearch: { type: [Boolean, Object], default: void 0 },
+    allowClear: { type: Boolean, default: void 0 },
+    placeholder: { default: "请选择" },
+    maxTagCount: { default: 0 },
+    defaultValue: { default: void 0 },
+    modelValue: { default: void 0 },
+    multiple: { type: Boolean, default: !1 },
+    fieldNames: { default: void 0 },
+    data: { default: () => [] },
+    labelInValue: { type: Boolean, default: !1 },
+    treeCheckable: { type: Boolean, default: void 0 },
+    treeCheckStrictly: { type: Boolean, default: void 0 },
+    treeCheckedStrategy: { default: void 0 },
+    treeProps: { default: () => ({}) },
+    triggerProps: { default: () => ({}) },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: !1 },
+    dropdownStyle: { default: void 0 },
+    dropdownClassName: { default: void 0 },
+    filterTreeNode: { type: Function, default: void 0 },
+    loadMore: { type: Function, default: void 0 },
+    disableFilter: { type: Boolean, default: !1 },
+    popupContainer: { default: void 0 },
+    fallbackOption: { type: [Boolean, Function], default: !0 },
+    selectable: { type: [Boolean, String, Function], default: !0 },
+    scrollbar: { type: [Boolean, Object], default: !0 },
+    showHeaderOnEmpty: { type: Boolean, default: !1 },
+    showFooterOnEmpty: { type: Boolean, default: !1 },
+    inputValue: { default: void 0 },
+    defaultInputValue: { default: "" },
+    checkable: { type: Boolean, default: void 0 },
+    checkStrictly: { type: Boolean, default: void 0 },
+    checkedStrategy: { default: void 0 },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    searchValue: { default: void 0 },
+    defaultSearchValue: { default: "" },
+    filterable: { type: Boolean, default: void 0 },
+    clearable: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:modelValue", "change", "update:popupVisible", "popup-visible-change", "popupVisibleChange", "update:open", "update:inputValue", "update:searchValue", "inputValueChange", "input-value-change", "search", "clear"],
+  setup(C, { expose: je, emit: Xe }) {
+    const t = C, h = Xe, He = $l(), s = Pl(), { t: he } = zl(), I = D(null), ae = D(!1), R = n(() => {
+      var e;
+      return ((e = t.fieldNames) == null ? void 0 : e.key) || "key";
+    }), ye = n(() => {
+      var e;
+      return ((e = t.fieldNames) == null ? void 0 : e.title) || "title";
+    }), U = n(() => {
+      var e;
+      return ((e = t.fieldNames) == null ? void 0 : e.children) || "children";
+    }), ge = n(() => t.size ?? He.size.value), f = n(() => !!(t.disabled || s != null && s.disabled.value)), J = n(() => t.placeholder === "请选择" ? he("treeSelect.placeholder", void 0, "请选择") : t.placeholder), v = n(() => t.treeCheckable ?? t.checkable ?? !1), L = n(() => t.treeCheckStrictly ?? t.checkStrictly ?? !1), be = n(() => t.treeCheckedStrategy ?? t.checkedStrategy ?? "all"), p = n(() => !!(t.multiple || v.value)), S = n(() => t.filterable !== void 0 ? t.filterable : t.allowSearch !== void 0 ? t.allowSearch !== !1 : !!t.multiple), Q = n(() => typeof t.allowSearch == "object" && !!t.allowSearch.retainInputValue), qe = n(() => t.allowClear ?? t.clearable ?? !1), Ge = n(() => t.popupVisible !== void 0 || t.open !== void 0), Ue = n(() => t.inputValue !== void 0 || t.searchValue !== void 0), ke = n(() => t.modelValue !== void 0), me = D(!!(t.defaultPopupVisible ?? t.defaultOpen)), Ce = D(t.defaultInputValue ?? t.defaultSearchValue ?? ""), Se = D(
+      t.defaultValue ?? (p.value ? [] : void 0)
+    ), y = n(() => t.popupVisible !== void 0 ? !!t.popupVisible : t.open !== void 0 ? !!t.open : me.value), _ = n(() => t.inputValue !== void 0 ? String(t.inputValue ?? "") : t.searchValue !== void 0 ? String(t.searchValue ?? "") : Ce.value), _e = n(() => ke.value ? t.modelValue : Se.value);
+    function B(e) {
+      return e != null && e !== "";
+    }
+    function Je(e) {
+      return typeof e == "object" && e !== null && "value" in e;
+    }
+    function Qe(e) {
+      return e == null ? [] : Array.isArray(e) ? e : [e];
+    }
+    const u = n(() => {
+      const e = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Set(), Y = [];
+      let K = 0;
+      const Pe = (H, z, N) => {
+        const V = t.selectable;
+        let g = !0;
+        return V === "leaf" ? g = N : typeof V == "function" ? g = !!V(H, { isLeaf: N, level: z }) : g = V !== !1, H.selectable === !1 && (g = !1), g;
+      }, de = (H, z, N, V) => H.map((g) => {
+        const A = { ...g }, Z = g, ee = Array.isArray(Z[U.value]) ? Z[U.value] : [], m = Z[R.value], fe = B(m), Sl = !!(g.isLeaf ?? ee.length === 0), ze = Pe(g, z, Sl), Ae = g.checkable !== !1 && ze && !g.disabled;
+        A.selectable = ze, v.value && (A.checkable = Ae);
+        const _l = fe ? [...V, m] : [...V], wl = fe ? m : N, De = ee.length ? de(ee, z + 1, wl, _l) : [];
+        return (ee.length > 0 || U.value in Z) && (A[U.value] = De), fe && (e.set(m, A), l.set(m, N), a.set(
+          m,
+          De.map((Vl) => Vl[R.value]).filter(B)
+        ), r.set(m, z), o.set(m, K), K += 1, Ae && d.add(m), Y.push({
+          key: m,
+          node: A,
+          parentKeys: [...V]
+        })), A;
+      });
+      return {
+        clonedData: de(t.data ?? [], 0, void 0, []),
+        keyMap: e,
+        parentMap: l,
+        childrenMap: a,
+        levelMap: r,
+        orderMap: o,
+        checkableSet: d,
+        flatNodes: Y
+      };
+    });
+    function oe(e) {
+      const l = e[ye.value];
+      return l == null || l === "" ? "" : typeof l == "number" ? l : String(l);
+    }
+    function we(e) {
+      if (t.fallbackOption === !1) return null;
+      if (typeof t.fallbackOption == "function") {
+        const l = t.fallbackOption(e);
+        if (l === !1) return null;
+        if (l && typeof l == "object")
+          return l;
+      }
+      return {
+        [R.value]: e,
+        [ye.value]: String(e)
+      };
+    }
+    function re(e, l) {
+      if (l != null && l !== "")
+        return l;
+      const a = u.value.keyMap.get(e);
+      if (a) {
+        const o = oe(a);
+        return o === "" ? String(e) : o;
+      }
+      const r = we(e);
+      if (r) {
+        const o = oe(r);
+        return o === "" ? String(e) : o;
+      }
+      return String(e);
+    }
+    const ne = n(() => {
+      const e = Qe(_e.value).map((l) => Je(l) ? { key: l.value, label: l.label } : { key: l }).filter((l) => B(l.key));
+      return p.value ? e : e.slice(0, 1);
+    }), ue = n(() => ne.value.map((e) => e.key)), We = n(() => {
+      const e = /* @__PURE__ */ new Map();
+      return ne.value.forEach((l) => {
+        l.label !== void 0 && l.label !== null && l.label !== "" && e.set(l.key, l.label);
+      }), e;
+    });
+    function Ye(e) {
+      return e.disabled ? !1 : v.value ? e.checkable !== !1 : e.selectable !== !1;
+    }
+    const k = n(() => {
+      const e = [], l = /* @__PURE__ */ new Set();
+      return ne.value.forEach((a) => {
+        if (l.has(a.key)) return;
+        l.add(a.key);
+        const r = u.value.keyMap.get(a.key);
+        if (r) {
+          e.push({
+            key: a.key,
+            label: re(a.key, a.label),
+            closable: !f.value && Ye(r),
+            data: r
+          });
+          return;
+        }
+        const o = we(a.key);
+        o && e.push({
+          key: a.key,
+          label: re(a.key, a.label),
+          closable: !f.value,
+          data: o
+        });
+      }), e;
+    }), Ze = n(() => k.value.length > 0), j = n(() => p.value ? !t.maxTagCount || t.maxTagCount <= 0 ? k.value : k.value.slice(0, t.maxTagCount) : []), Ve = n(() => !p.value || !t.maxTagCount || t.maxTagCount <= 0 ? 0 : Math.max(k.value.length - j.value.length, 0)), el = n(() => {
+      var e;
+      return ((e = k.value[0]) == null ? void 0 : e.label) ?? "";
+    }), ll = n(() => y.value ? _.value : _.value || String(el.value || "")), tl = n(() => qe.value && !f.value && !t.loading && Ze.value && ae.value);
+    function M(e) {
+      return Array.from(new Set(e.filter(B))).sort((a, r) => {
+        const o = u.value.orderMap.get(a) ?? Number.MAX_SAFE_INTEGER, d = u.value.orderMap.get(r) ?? Number.MAX_SAFE_INTEGER;
+        return o - d;
+      });
+    }
+    function Be() {
+      return Array.from(u.value.orderMap.keys()).sort((e, l) => {
+        const a = u.value.levelMap.get(e) ?? 0, r = u.value.levelMap.get(l) ?? 0;
+        return a === r ? (u.value.orderMap.get(l) ?? 0) - (u.value.orderMap.get(e) ?? 0) : r - a;
+      });
+    }
+    function al(e, l = !1) {
+      const a = [], r = (o) => {
+        (l || o !== e) && a.push(o), (u.value.childrenMap.get(o) ?? []).forEach((d) => {
+          r(d);
+        });
+      };
+      return r(e), a;
+    }
+    function Me(e) {
+      const l = /* @__PURE__ */ new Set();
+      if (L.value)
+        return e.forEach((o) => {
+          u.value.checkableSet.has(o) && l.add(o);
+        }), M(Array.from(l));
+      const a = (o) => {
+        u.value.checkableSet.has(o) && (l.add(o), (u.value.childrenMap.get(o) ?? []).forEach((d) => {
+          a(d);
+        }));
+      };
+      return e.forEach((o) => {
+        a(o);
+      }), Be().forEach((o) => {
+        if (!u.value.checkableSet.has(o)) return;
+        const d = (u.value.childrenMap.get(o) ?? []).filter((K) => u.value.checkableSet.has(K));
+        if (!d.length) return;
+        d.every((K) => l.has(K)) ? l.add(o) : l.delete(o);
+      }), M(Array.from(l));
+    }
+    const x = D([]);
+    Ml(
+      () => [ue.value, v.value, L.value, u.value.orderMap.size],
+      () => {
+        if (!v.value) {
+          x.value = [];
+          return;
+        }
+        x.value = Me(ue.value);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function ol(e) {
+      const l = M(e);
+      if (!v.value || L.value) return l;
+      const a = new Set(l);
+      return be.value === "child" ? l.filter((r) => (u.value.childrenMap.get(r) ?? []).filter((d) => u.value.checkableSet.has(d)).length === 0) : be.value === "parent" ? l.filter((r) => {
+        let o = u.value.parentMap.get(r);
+        for (; o !== void 0; ) {
+          if (a.has(o))
+            return !1;
+          o = u.value.parentMap.get(o);
+        }
+        return !0;
+      }) : l;
+    }
+    function rl(e) {
+      const l = M(e);
+      if (t.labelInValue) {
+        const a = l.map((r) => ({
+          value: r,
+          label: re(r, We.value.get(r))
+        }));
+        return p.value ? a : a[0];
+      }
+      return p.value ? l : l[0];
+    }
+    function xe(e, l) {
+      const a = rl(e);
+      ke.value || (Se.value = a), h("update:modelValue", a), h("change", a), s == null || s.notifyChange(), v.value && l && (x.value = M(l));
+    }
+    function se(e) {
+      const l = p.value ? M(e) : M(e).slice(0, 1);
+      xe(l), p.value || T(!1), !Q.value && _.value && P("", !1);
+    }
+    function W(e) {
+      const l = Me(e), a = ol(l);
+      xe(a, l), !Q.value && _.value && P("", !1);
+    }
+    const X = n(() => _.value.trim());
+    function nl(e, l) {
+      const a = l[R.value];
+      return B(a) ? String(a).toLowerCase().includes(e.toLowerCase()) : !1;
+    }
+    const Te = n(() => {
+      if (t.disableFilter || !X.value) return;
+      const e = /* @__PURE__ */ new Set(), l = t.filterTreeNode ?? nl;
+      return u.value.flatNodes.forEach((a) => {
+        l(X.value, a.node) && (e.add(a.key), a.parentKeys.forEach((r) => e.add(r)));
+      }), e;
+    }), ul = n(() => {
+      if (!(t.disableFilter || !X.value))
+        return (e) => {
+          var a;
+          const l = e[R.value];
+          return B(l) ? ((a = Te.value) == null ? void 0 : a.has(l)) ?? !1 : !1;
+        };
+    }), ie = n(() => {
+      var e;
+      return u.value.flatNodes.length ? t.disableFilter || !X.value ? !1 : (((e = Te.value) == null ? void 0 : e.size) ?? 0) === 0 : !0;
+    }), sl = n(() => {
+      var e;
+      return t.scrollbar !== !1 && !((e = t.treeProps) != null && e.virtualListProps);
+    }), il = n(() => t.scrollbar && typeof t.scrollbar == "object" ? t.scrollbar : {}), cl = n(() => {
+      var e;
+      return [
+        "x-tree-select__panel",
+        t.dropdownClassName,
+        (e = t.triggerProps) == null ? void 0 : e.contentClass
+      ];
+    }), dl = n(() => {
+      var l;
+      const e = { ...t.dropdownStyle ?? {} };
+      return (l = t.treeProps) != null && l.virtualListProps && (e.maxHeight = "unset"), e;
+    }), fl = n(() => {
+      const {
+        data: e,
+        fieldNames: l,
+        size: a,
+        loadMore: r,
+        filterTreeNode: o,
+        searchValue: d,
+        checkable: Y,
+        selectable: K,
+        multiple: Pe,
+        checkedKeys: de,
+        selectedKeys: Cl,
+        checkedStrategy: H,
+        checkStrictly: z,
+        ...N
+      } = t.treeProps ?? {};
+      return {
+        ...N,
+        data: u.value.clonedData,
+        fieldNames: t.fieldNames,
+        size: ge.value,
+        loadMore: t.loadMore,
+        filterTreeNode: ul.value,
+        searchValue: X.value,
+        multiple: p.value,
+        checkable: v.value,
+        selectable: !0,
+        checkedStrategy: "all",
+        checkStrictly: L.value,
+        checkedKeys: v.value ? x.value : void 0,
+        selectedKeys: v.value ? [] : ue.value
+      };
+    });
+    function P(e, l = !1) {
+      Ue.value || (Ce.value = e), h("update:inputValue", e), h("update:searchValue", e), h("inputValueChange", e), h("input-value-change", e), l && h("search", e);
+    }
+    function T(e) {
+      if (!(f.value && e) && e !== y.value) {
+        if (Ge.value || (me.value = e), h("update:popupVisible", e), h("update:open", e), h("popup-visible-change", e), h("popupVisibleChange", e), e) {
+          S.value && Le(() => {
+            var l;
+            (l = I.value) == null || l.focus();
+          });
+          return;
+        }
+        !Q.value && _.value && P("", !1);
+      }
+    }
+    function Ke() {
+      if (!f.value) {
+        if (S.value) {
+          T(!0), Le(() => {
+            var e;
+            (e = I.value) == null || e.focus();
+          });
+          return;
+        }
+        T(!y.value);
+      }
+    }
+    function vl(e) {
+      e !== y.value && T(e);
+    }
+    function Ne(e) {
+      const l = e.target.value;
+      P(l, !0), s == null || s.notifyInput(e), y.value || T(!0);
+    }
+    function Ee(e) {
+      s == null || s.notifyBlur(e), !Q.value && _.value && P("", !1);
+    }
+    function Fe(e) {
+      s == null || s.notifyFocus(e);
+    }
+    function pl(e) {
+      S.value || s == null || s.notifyFocus(e);
+    }
+    function hl(e) {
+      S.value || s == null || s.notifyBlur(e);
+    }
+    function yl(e) {
+      Be().forEach((l) => {
+        if (!u.value.checkableSet.has(l)) return;
+        const a = (u.value.childrenMap.get(l) ?? []).filter((o) => u.value.checkableSet.has(o));
+        if (!a.length) return;
+        a.every((o) => e.has(o)) ? e.add(l) : e.delete(l);
+      });
+    }
+    function $e(e) {
+      const l = new Set(x.value);
+      L.value ? l.delete(e) : ([e, ...al(e)].forEach((a) => {
+        l.delete(a);
+      }), yl(l)), W(Array.from(l));
+    }
+    function gl(e) {
+      if (v.value) {
+        const l = e[e.length - 1];
+        if (!B(l) || !u.value.checkableSet.has(l)) return;
+        if (x.value.includes(l)) {
+          $e(l);
+          return;
+        }
+        W([...x.value, l]);
+        return;
+      }
+      se(e);
+    }
+    function bl(e) {
+      v.value && W(e);
+    }
+    function kl(e) {
+      e.stopPropagation(), v.value ? W([]) : se([]), P("", !1), h("clear");
+    }
+    function Ie(e, l) {
+      if (l.stopPropagation(), f.value || !e.closable) return;
+      if (v.value) {
+        $e(e.key);
+        return;
+      }
+      const a = k.value.filter((r) => r.key !== e.key).map((r) => r.key);
+      se(a);
+    }
+    function ce(e) {
+      if (!f.value) {
+        if (e.key === "Escape" && y.value) {
+          e.preventDefault(), T(!1);
+          return;
+        }
+        if (e.key === "ArrowDown" || e.key === "Enter") {
+          y.value || (e.preventDefault(), T(!0));
+          return;
+        }
+        if (e.key === "Backspace" && p.value && S.value && _.value.length === 0 && k.value.length > 0) {
+          const l = [...k.value].reverse().find((a) => a.closable);
+          if (!l) return;
+          e.preventDefault(), Ie(l, e);
+        }
+      }
+    }
+    function ml(e) {
+      return oe(e);
+    }
+    return je({
+      focus: () => {
+        var e;
+        return (e = I.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = I.value) == null ? void 0 : e.blur();
+      }
+    }), (e, l) => (i(), le(El, ve(C.triggerProps, {
+      class: "x-tree-select__trigger-wrapper",
+      "popup-visible": y.value,
+      "popup-container": C.popupContainer,
+      disabled: f.value,
+      trigger: [],
+      position: "bottom-start",
+      "click-to-close": !S.value,
+      "unmount-on-close": !1,
+      "auto-fit-popup-min-width": !0,
+      "content-class": cl.value,
+      "content-style": dl.value,
+      "onUpdate:popupVisible": vl
+    }), {
+      default: E(() => {
+        var a, r;
+        return [
+          e.$slots.trigger ? (i(), c("div", {
+            key: 0,
+            class: q(["x-tree-select__custom-trigger", { "is-disabled": f.value }]),
+            onClick: Ke
+          }, [
+            b(e.$slots, "trigger", {
+              value: _e.value,
+              open: y.value
+            }, void 0, !0)
+          ], 2)) : (i(), c("div", {
+            key: 1,
+            class: q(["x-tree-select", [
+              w(Il)(ge.value),
+              {
+                "is-open": y.value,
+                "is-disabled": f.value,
+                "is-error": C.error,
+                "is-multiple": p.value,
+                "is-borderless": !C.border
+              }
+            ]]),
+            tabindex: f.value || S.value ? -1 : 0,
+            onMouseenter: l[2] || (l[2] = (o) => ae.value = !0),
+            onMouseleave: l[3] || (l[3] = (o) => ae.value = !1),
+            onFocus: pl,
+            onBlur: hl,
+            onKeydown: ce
+          }, [
+            F("div", {
+              class: q(["x-tree-select__control x-tree-select__trigger", {
+                "x-tree-select__trigger--focused": y.value,
+                "x-tree-select__trigger--disabled": f.value,
+                "x-tree-select__trigger--multiple": p.value
+              }]),
+              onClick: Ke
+            }, [
+              e.$slots.prefix ? (i(), c("span", Dl, [
+                b(e.$slots, "prefix", {}, void 0, !0)
+              ])) : $("", !0),
+              F("div", Ol, [
+                p.value ? (i(), c("div", Rl, [
+                  j.value.length ? (i(), c(pe, { key: 0 }, [
+                    (i(!0), c(pe, null, Kl(j.value, (o) => (i(), c("span", {
+                      key: o.key,
+                      class: "x-tree-select__tag"
+                    }, [
+                      F("span", Ll, [
+                        b(e.$slots, "label", {
+                          data: o.data
+                        }, () => [
+                          Oe(O(o.label), 1)
+                        ], !0)
+                      ]),
+                      o.closable ? (i(), c("button", {
+                        key: 0,
+                        type: "button",
+                        class: "x-tree-select__tag-remove",
+                        onClick: (d) => Ie(o, d)
+                      }, [
+                        te(w(G), {
+                          name: "guanbi",
+                          size: 10
+                        })
+                      ], 8, jl)) : $("", !0)
+                    ]))), 128)),
+                    Ve.value > 0 ? (i(), c("span", Xl, " +" + O(Ve.value), 1)) : $("", !0)
+                  ], 64)) : $("", !0),
+                  S.value ? (i(), c("input", {
+                    key: 1,
+                    ref_key: "inputRef",
+                    ref: I,
+                    class: "x-tree-select__search x-tree-select__input",
+                    value: _.value,
+                    placeholder: j.value.length ? "" : J.value,
+                    disabled: f.value,
+                    id: (a = w(s)) == null ? void 0 : a.id,
+                    onInput: Ne,
+                    onFocus: Fe,
+                    onBlur: Ee,
+                    onKeydown: ce,
+                    onClick: l[0] || (l[0] = Re(() => {
+                    }, ["stop"]))
+                  }, null, 40, Hl)) : j.value.length ? $("", !0) : (i(), c("span", ql, O(J.value), 1))
+                ])) : (i(), c(pe, { key: 1 }, [
+                  S.value ? (i(), c("input", {
+                    key: 0,
+                    ref_key: "inputRef",
+                    ref: I,
+                    class: "x-tree-select__search x-tree-select__input",
+                    value: ll.value,
+                    placeholder: J.value,
+                    disabled: f.value,
+                    id: (r = w(s)) == null ? void 0 : r.id,
+                    onInput: Ne,
+                    onFocus: Fe,
+                    onBlur: Ee,
+                    onKeydown: ce,
+                    onClick: l[1] || (l[1] = Re(() => {
+                    }, ["stop"]))
+                  }, null, 40, Gl)) : k.value.length ? (i(), c("span", Ul, [
+                    b(e.$slots, "label", {
+                      data: k.value[0].data
+                    }, () => [
+                      Oe(O(k.value[0].label), 1)
+                    ], !0)
+                  ])) : (i(), c("span", Jl, O(J.value), 1))
+                ], 64))
+              ]),
+              F("span", Ql, [
+                tl.value ? (i(), c("button", {
+                  key: 0,
+                  type: "button",
+                  class: "x-tree-select__clear",
+                  onClick: kl
+                }, [
+                  te(w(G), {
+                    name: "guanbi",
+                    size: 12
+                  })
+                ])) : (i(), c("span", {
+                  key: 1,
+                  class: q(["x-tree-select__icon", { "is-open": y.value }])
+                }, [
+                  C.loading ? (i(), le(w(G), {
+                    key: 0,
+                    name: "jiazai",
+                    size: 12,
+                    spin: ""
+                  })) : (i(), le(w(G), {
+                    key: 1,
+                    name: "xiangxia",
+                    size: 12
+                  }))
+                ], 2))
+              ])
+            ], 2)
+          ], 42, Al))
+        ];
+      }),
+      content: E(() => [
+        F("div", {
+          class: q(["x-tree-select__dropdown", {
+            "x-tree-select__dropdown--has-header": !!e.$slots.header,
+            "x-tree-select__dropdown--has-footer": !!e.$slots.footer
+          }])
+        }, [
+          e.$slots.header && (!ie.value || C.showHeaderOnEmpty) ? (i(), c("div", Wl, [
+            b(e.$slots, "header", {}, void 0, !0)
+          ])) : $("", !0),
+          C.loading ? b(e.$slots, "loader", { key: 1 }, () => [
+            F("div", Yl, [
+              te(w(G), {
+                name: "jiazai",
+                size: 14,
+                spin: ""
+              })
+            ])
+          ], !0) : ie.value ? b(e.$slots, "empty", { key: 2 }, () => [
+            F("div", Zl, O(w(he)("tree.emptyText", void 0, "暂无数据")), 1)
+          ], !0) : (i(), le(xl(sl.value ? Nl : "div"), ve({
+            key: 3,
+            class: "x-tree-select__tree-wrapper"
+          }, il.value), {
+            default: E(() => [
+              te(Fl, ve(fl.value, {
+                onSelect: gl,
+                onCheck: bl
+              }), Tl({ _: 2 }, [
+                e.$slots["tree-slot-title"] ? {
+                  name: "title",
+                  fn: E(({ node: a }) => [
+                    b(e.$slots, "tree-slot-title", {
+                      node: a,
+                      title: ml(a)
+                    }, void 0, !0)
+                  ]),
+                  key: "0"
+                } : void 0,
+                e.$slots["tree-slot-icon"] ? {
+                  name: "icon",
+                  fn: E(({ node: a }) => [
+                    b(e.$slots, "tree-slot-icon", { node: a }, void 0, !0)
+                  ]),
+                  key: "1"
+                } : void 0,
+                e.$slots["tree-slot-extra"] ? {
+                  name: "extra",
+                  fn: E(({ node: a }) => [
+                    b(e.$slots, "tree-slot-extra", { node: a }, void 0, !0)
+                  ]),
+                  key: "2"
+                } : void 0,
+                e.$slots["tree-slot-switcher-icon"] ? {
+                  name: "switcherIcon",
+                  fn: E(({ node: a, expanded: r }) => [
+                    b(e.$slots, "tree-slot-switcher-icon", {
+                      node: a,
+                      expanded: r
+                    }, void 0, !0)
+                  ]),
+                  key: "3"
+                } : void 0
+              ]), 1040)
+            ]),
+            _: 3
+          }, 16)),
+          e.$slots.footer && (!ie.value || C.showFooterOnEmpty) ? (i(), c("div", et, [
+            b(e.$slots, "footer", {}, void 0, !0)
+          ])) : $("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 16, ["popup-visible", "popup-container", "disabled", "click-to-close", "content-class", "content-style"]));
+  }
+});
+export {
+  it as default
+};