@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/treeSelect/TreeSelect.vue.js

@@ -0,0 +1,1056 @@
+import { defineComponent as Al, ref as d, markRaw as Wl, nextTick as ve, computed as P, watch as ze, onUnmounted as zl, createBlock as b, openBlock as h, unref as T, withCtx as ye, createElementVNode as he, mergeProps as Hl, createElementBlock as G, resolveDynamicComponent as N, Fragment as Te, createCommentVNode as L, normalizeClass as M, createTextVNode as jl, toDisplayString as Gl, withModifiers as Ul, normalizeStyle as He, createVNode as ql, h as c, provide as Xl } from "vue";
+import k from "classnames";
+import { isEmpty as A, pick as Zl, get as oe, isUndefined as je, isFunction as xe, isNull as Jl, isEqual as Ge } from "lodash";
+import { strings as D, cssClasses as Ue } from "@douyinfe/semi-foundation/treeSelect/constants";
+import { numbers as Ql } from "@douyinfe/semi-foundation/popover/constants";
+import Yl from "@douyinfe/semi-foundation/treeSelect/foundation";
+import { normalizeKeyList as me, calcExpandedKeys as Ce, calcMotionKeys as qe, calcExpandedKeysForValues as Xe, normalizeValue as W, flattenTreeData as Ze, filterTreeData as ea, findKeysForValues as J, calcCheckedKeys as la, getValueOrKey as aa, convertDataToEntities as ta, updateKeys as Je, calcDisabledKeys as oa } from "@douyinfe/semi-foundation/tree/treeUtil";
+import { cloneDeep as Pe } from "../tree/treeUtil.js";
+import na from "../popover/Popover.vue.js";
+/* empty css                      */
+import { Input as Qe } from "../input/index.js";
+import ra from "../tagInput/index.js";
+import we from "../tag/Tag.vue.js";
+import ia from "../tag/TagGroup.vue.js";
+/* empty css              */
+import sa from "../checkbox/CheckboxGroup.vue.js";
+import ua from "../tree/NodeList.vue.js";
+import Ee from "../tree/TreeNode.vue.js";
+import da from "../tree/AutoSizer.vue.js";
+import { TreeContextKey as ca } from "../tree/treeContext.js";
+import ke from "../locale/LocaleConsumer.vue.js";
+import { isSemiIcon as Ye, isString as el } from "../_utils/index.js";
+import ll from "@douyinfe/semi-foundation/utils/isEnterPress";
+import { useBaseComponent as pa } from "../_utils/useBaseComponent.js";
+import { useFoundation as fa } from "../../_utils/useFoundation.js";
+import va from "../icons/icons/IconClear.js";
+import ya from "../icons/icons/IconChevronDown.js";
+import Ie from "../icons/icons/IconSearch.js";
+const ha = ["aria-multiselectable"], ma = ["tabindex", "aria-disabled", "aria-invalid", "aria-errormessage", "aria-label", "aria-labelledby", "aria-describedby", "aria-required"], ga = ["id"], Ua = /* @__PURE__ */ Al({
+  name: "TreeSelect",
+  __name: "TreeSelect",
+  props: {
+    "aria-describedby": {},
+    "aria-errormessage": {},
+    "aria-invalid": { type: Boolean },
+    "aria-labelledby": {},
+    "aria-required": { type: Boolean },
+    "aria-label": { default: "TreeSelect" },
+    arrowIcon: { default: void 0 },
+    autoAdjustOverflow: { type: Boolean, default: !0 },
+    autoExpandParent: { type: Boolean, default: !1 },
+    autoMergeValue: { type: Boolean, default: !0 },
+    borderless: { type: Boolean, default: !1 },
+    checkRelation: { default: "related" },
+    clickToHide: { type: Boolean, default: !0 },
+    clickTriggerToHide: { type: Boolean, default: !0 },
+    clearIcon: {},
+    className: {},
+    defaultExpandAll: { type: Boolean },
+    defaultExpandedKeys: {},
+    defaultOpen: { type: Boolean, default: !1 },
+    defaultValue: {},
+    disabled: { type: Boolean },
+    disableStrictly: { type: Boolean, default: !1 },
+    dropdownClassName: {},
+    dropdownMatchSelectWidth: { type: Boolean, default: !0 },
+    dropdownMargin: {},
+    dropdownStyle: {},
+    emptyContent: {},
+    expandAction: { type: [Boolean, String], default: !1 },
+    expandAll: { type: Boolean, default: !1 },
+    expandIcon: {},
+    expandedKeys: {},
+    filterTreeNode: { type: [Function, Boolean], default: !1 },
+    getPopupContainer: {},
+    insetLabel: {},
+    insetLabelId: {},
+    keyMaps: {},
+    labelEllipsis: { type: Boolean },
+    leafOnly: { type: Boolean },
+    loadData: {},
+    loadedKeys: {},
+    maxTagCount: {},
+    modelValue: {},
+    value: {},
+    motion: { type: Boolean, default: !0 },
+    motionExpand: { type: Boolean, default: !0 },
+    mouseEnterDelay: {},
+    mouseLeaveDelay: {},
+    multiple: { type: Boolean, default: !1 },
+    onChange: {},
+    onChangeWithObject: { type: Boolean, default: !1 },
+    onClear: {},
+    onExpand: {},
+    onFocus: {},
+    onBlur: {},
+    onLoad: {},
+    onSearch: {},
+    onSelect: {},
+    onVisibleChange: { type: Function, default: () => {
+    } },
+    optionListStyle: {},
+    outerBottomSlot: {},
+    outerTopSlot: {},
+    placeholder: {},
+    position: {},
+    prefix: {},
+    preventScroll: { type: Boolean },
+    renderFullLabel: {},
+    renderLabel: {},
+    renderSelectedItem: {},
+    restTagsPopoverProps: { default: () => ({}) },
+    searchAutoFocus: { type: Boolean, default: !1 },
+    searchPlaceholder: {},
+    searchPosition: { default: D.SEARCH_POSITION_DROPDOWN },
+    searchRender: { type: [Boolean, Function] },
+    showClear: { type: Boolean, default: !1 },
+    showFilteredOnly: { type: Boolean },
+    showLine: { type: Boolean },
+    showRestTagsPopover: { type: Boolean, default: !1 },
+    showSearchClear: { type: Boolean, default: !0 },
+    size: { default: "default" },
+    stopPropagation: { type: [Boolean, String], default: !0 },
+    style: {},
+    suffix: {},
+    triggerRender: {},
+    treeData: {},
+    treeNodeFilterProp: { default: "label" },
+    treeNodeLabelProp: { default: "label" },
+    validateStatus: {},
+    virtualize: {},
+    zIndex: { default: Ql.DEFAULT_Z_INDEX }
+  },
+  emits: ["update:modelValue", "update:value", "change", "select", "search", "focus", "blur", "visibleChange", "expand", "load", "clear"],
+  setup(al, { expose: tl, emit: ol }) {
+    const s = Ue.PREFIX, $ = Ue.PREFIX_TREE, l = al, g = ol, z = d(), I = d(), U = d(), Ne = d(), q = d(null), B = d(l.defaultOpen || !1), ge = d(!1), ne = d(!1), Q = d(!1), H = d(0), x = d(null), K = d(""), S = d({}), Y = d([]), V = d([]), ee = d(void 0), X = d([]), C = d(/* @__PURE__ */ new Set()), Re = d(/* @__PURE__ */ new Set()), _ = d(/* @__PURE__ */ new Set()), re = d(/* @__PURE__ */ new Set()), le = d(/* @__PURE__ */ new Set()), ie = d("hide"), se = d(new Set(l.expandedKeys)), ue = d(/* @__PURE__ */ new Set()), ae = d(/* @__PURE__ */ new Set()), de = d(/* @__PURE__ */ new Set()), Fe = d({}), Ke = d(/* @__PURE__ */ new Set()), ce = d(/* @__PURE__ */ new Set()), v = d(null), r = d({
+      inputTriggerFocus: Q.value,
+      isOpen: B.value,
+      isFocus: ge.value,
+      rePosKey: H.value,
+      dropdownMinWidth: x.value,
+      inputValue: K.value,
+      keyEntities: S.value,
+      treeData: Y.value,
+      flattenNodes: V.value,
+      cachedFlattenNodes: ee.value,
+      selectedKeys: X.value,
+      checkedKeys: C.value,
+      halfCheckedKeys: Re.value,
+      realCheckedKeys: _.value,
+      disabledKeys: re.value,
+      motionKeys: le.value,
+      motionType: ie.value,
+      expandedKeys: se.value,
+      filteredKeys: ue.value,
+      filteredExpandedKeys: ae.value,
+      filteredShownKeys: de.value,
+      isHovering: ne.value,
+      cachedKeyValuePairs: Fe.value,
+      loadedKeys: Ke.value,
+      loadingKeys: ce.value,
+      prevProps: v.value
+    }), { adapter: nl, getDataAttr: rl } = pa(l, r), te = Wl({
+      ...nl,
+      updateInputValue: (e) => {
+        K.value = e, r.value.inputValue = e;
+      },
+      registerClickOutsideHandler: (e) => {
+        q.value && document.removeEventListener("mousedown", q.value, !1);
+        const t = (a) => {
+          var m;
+          const o = Ne.value, n = z.value, u = a.target, f = ((m = a.composedPath) == null ? void 0 : m.call(a)) || [u];
+          o && (!o.contains(u) || !o.contains(u.parentNode)) && n && !n.contains(u) && !(f.includes(n) || f.includes(o)) && e(a);
+        };
+        q.value = t, document.addEventListener("mousedown", t, !1);
+      },
+      unregisterClickOutsideHandler: () => {
+        q.value && (document.removeEventListener("mousedown", q.value, !1), q.value = null);
+      },
+      rePositionDropdown: () => {
+        H.value = H.value + 1, r.value.rePosKey = H.value;
+      },
+      updateState: (e) => {
+        e.inputTriggerFocus !== void 0 && (Q.value = e.inputTriggerFocus, r.value.inputTriggerFocus = e.inputTriggerFocus), e.isOpen !== void 0 && (B.value = e.isOpen, r.value.isOpen = e.isOpen), e.rePosKey !== void 0 && (H.value = e.rePosKey, r.value.rePosKey = e.rePosKey), e.dropdownMinWidth !== void 0 && (x.value = e.dropdownMinWidth, r.value.dropdownMinWidth = e.dropdownMinWidth), e.inputValue !== void 0 && (K.value = e.inputValue, r.value.inputValue = e.inputValue), e.keyEntities !== void 0 && (S.value = e.keyEntities, r.value.keyEntities = e.keyEntities), e.treeData !== void 0 && (Y.value = e.treeData, r.value.treeData = e.treeData), e.flattenNodes !== void 0 && (V.value = e.flattenNodes, r.value.flattenNodes = e.flattenNodes), e.cachedFlattenNodes !== void 0 && (ee.value = e.cachedFlattenNodes, r.value.cachedFlattenNodes = e.cachedFlattenNodes), e.selectedKeys !== void 0 && (X.value = e.selectedKeys, r.value.selectedKeys = e.selectedKeys), e.checkedKeys !== void 0 && (C.value = e.checkedKeys, r.value.checkedKeys = e.checkedKeys), e.halfCheckedKeys !== void 0 && (Re.value = e.halfCheckedKeys, r.value.halfCheckedKeys = e.halfCheckedKeys), e.realCheckedKeys !== void 0 && (_.value = e.realCheckedKeys, r.value.realCheckedKeys = e.realCheckedKeys), e.disabledKeys !== void 0 && (re.value = e.disabledKeys, r.value.disabledKeys = e.disabledKeys), e.motionKeys !== void 0 && (le.value = e.motionKeys, r.value.motionKeys = e.motionKeys), e.motionType !== void 0 && (ie.value = e.motionType, r.value.motionType = e.motionType), e.expandedKeys !== void 0 && (se.value = e.expandedKeys, r.value.expandedKeys = e.expandedKeys), e.filteredKeys !== void 0 && (ue.value = e.filteredKeys, r.value.filteredKeys = e.filteredKeys), e.filteredExpandedKeys !== void 0 && (ae.value = e.filteredExpandedKeys, r.value.filteredExpandedKeys = e.filteredExpandedKeys), e.filteredShownKeys !== void 0 && (de.value = e.filteredShownKeys, r.value.filteredShownKeys = e.filteredShownKeys), e.cachedKeyValuePairs !== void 0 && (Fe.value = e.cachedKeyValuePairs, r.value.cachedKeyValuePairs = e.cachedKeyValuePairs), e.loadedKeys !== void 0 && (Ke.value = e.loadedKeys, r.value.loadedKeys = e.loadedKeys), e.loadingKeys !== void 0 && (ce.value = e.loadingKeys, r.value.loadingKeys = e.loadingKeys), e.isHovering !== void 0 && (ne.value = e.isHovering, r.value.isHovering = e.isHovering), e.prevProps !== void 0 && (v.value = e.prevProps, r.value.prevProps = e.prevProps);
+      },
+      notifySelect: (e, t, a) => {
+        g("select", e, t, a);
+      },
+      notifySearch: (e, t, a) => {
+        g("search", e, t, a);
+      },
+      cacheFlattenNodes: (e) => {
+        ee.value = e ? Pe(V.value) : void 0, r.value.cachedFlattenNodes = ee.value;
+      },
+      openMenu: () => {
+        B.value = !0, r.value.isOpen = !0, g("visibleChange", !0);
+      },
+      closeMenu: (e) => {
+        B.value = !1, r.value.isOpen = !1, e && e(), g("visibleChange", !1);
+      },
+      getTriggerWidth: () => {
+        const e = z.value;
+        return e ? e.getBoundingClientRect().width : 0;
+      },
+      setOptionWrapperWidth: (e) => {
+        if (typeof e == "number" && e > 0)
+          x.value = e, r.value.dropdownMinWidth = e;
+        else if (typeof e == "string") {
+          const t = parseFloat(e);
+          !isNaN(t) && t > 0 ? (x.value = t, r.value.dropdownMinWidth = t) : (x.value = e, r.value.dropdownMinWidth = e);
+        } else
+          x.value = e, r.value.dropdownMinWidth = e;
+        (typeof e == "number" && e === 0 || !e) && requestAnimationFrame(() => {
+          ve(() => {
+            if (z.value && l.dropdownMatchSelectWidth) {
+              const t = z.value.getBoundingClientRect().width || 0;
+              t > 0 && (x.value = t, r.value.dropdownMinWidth = t);
+            }
+          });
+        });
+      },
+      notifyClear: (e) => {
+        g("clear", e);
+      },
+      notifyChange: (e, t, a) => {
+        g("change", e, t, a);
+        const o = l.multiple ? Array.isArray(e) ? e : [e] : e;
+        g("update:modelValue", o), g("update:value", o);
+      },
+      notifyChangeWithObject: (e, t) => {
+        g("change", e, e, t), g("update:modelValue", e), g("update:value", e);
+      },
+      notifyExpand: (e, t) => {
+        g("expand", e, t), t.expanded && l.loadData && kl(t.node);
+      },
+      notifyFocus: (e) => {
+        g("focus", e);
+      },
+      notifyBlur: (e) => {
+        g("blur", e);
+      },
+      toggleHovering: (e) => {
+        ne.value = e, r.value.isHovering = e;
+      },
+      notifyLoad: (e, t) => {
+        g("load", e, t);
+      },
+      updateInputFocus: (e) => {
+        var t, a, o, n, u, f, m, y;
+        if (e) {
+          if (I.value) {
+            const { preventScroll: p } = l;
+            (a = (t = I.value).focus) == null || a.call(t, { preventScroll: p });
+          }
+          U.value && ((n = (o = U.value).focus) == null || n.call(o));
+        } else
+          I.value && ((f = (u = I.value).blur) == null || f.call(u)), U.value && ((y = (m = U.value).blur) == null || y.call(m));
+      },
+      updateLoadKeys: (e, t) => {
+        const a = i.handleNodeLoad(Ke.value, ce.value, e, t);
+        a && Object.keys(a).length > 0 && a.loadingKeys && (ce.value = a.loadingKeys, r.value.loadingKeys = a.loadingKeys);
+      },
+      updateIsFocus: (e) => {
+        ge.value = e, r.value.isFocus = e;
+      }
+    }), { foundation: i } = fa(Yl, te), Oe = i._isControlledComponent;
+    Oe && typeof Oe == "function" && (i._isControlledComponent = function(e = "value") {
+      const t = this.getProps();
+      return e === "value" ? "value" in t && t.value !== void 0 : e in t;
+    });
+    const Se = P(() => typeof l.triggerRender == "function"), il = P(() => l.position || "bottomLeft"), sl = P(() => k(l.dropdownClassName, `${s}-popover`)), ul = P(() => {
+      const e = { ...l.dropdownStyle };
+      if (x.value) {
+        const t = typeof x.value == "number" ? `${x.value}px` : x.value;
+        e.minWidth = t;
+      }
+      return e;
+    }), dl = P(() => k(`${$}-option-list`, `${$}-option-list-block`)), cl = P(() => {
+      if (Se.value)
+        return k(l.className);
+      const e = l.searchPosition === D.SEARCH_POSITION_TRIGGER && !!l.filterTreeNode, t = e && A(C.value), a = e && !A(C.value);
+      return k(
+        s,
+        {
+          [`${s}-borderless`]: l.borderless,
+          [`${s}-focus`]: ge.value,
+          [`${s}-disabled`]: l.disabled,
+          [`${s}-single`]: !l.multiple,
+          [`${s}-multiple`]: l.multiple,
+          [`${s}-multiple-tagInput-empty`]: l.multiple && t,
+          [`${s}-multiple-tagInput-notEmpty`]: l.multiple && a,
+          [`${s}-filterable`]: !!l.filterTreeNode,
+          [`${s}-error`]: l.validateStatus === "error",
+          [`${s}-warning`]: l.validateStatus === "warning",
+          [`${s}-small`]: l.size === "small",
+          [`${s}-large`]: l.size === "large",
+          [`${s}-with-prefix`]: l.prefix || l.insetLabel,
+          [`${s}-with-suffix`]: l.suffix
+        },
+        l.className
+      );
+    }), pl = P(() => {
+      const e = l.prefix || l.insetLabel;
+      return k(`${s}-prefix`, {
+        [`${s}-inset-label`]: l.insetLabel,
+        [`${s}-prefix-text`]: e && el(e),
+        [`${s}-prefix-icon`]: e && Ye(e)
+      });
+    }), fl = P(() => k(`${s}-suffix`, {
+      [`${s}-suffix-text`]: l.suffix && el(l.suffix),
+      [`${s}-suffix-icon`]: l.suffix && Ye(l.suffix)
+    })), De = P(() => {
+      if (l.multiple) {
+        if (l.checkRelation === "related")
+          return !!C.value.size;
+        if (l.checkRelation === "unRelated")
+          return !!_.value.size;
+      } else
+        return !!X.value.length;
+      return !1;
+    }), $e = P(() => {
+      const e = l.searchPosition === D.SEARCH_POSITION_TRIGGER && K.value;
+      return l.showClear && (De.value || e) && !l.disabled && (B.value || ne.value);
+    }), vl = P(() => !!l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_DROPDOWN), yl = P(() => {
+      if (!Se.value)
+        return null;
+      const t = (l.multiple ? l.checkRelation === "related" ? me([...C.value], S.value, l.leafOnly, !0) : [..._.value] : X.value).map((a) => {
+        const o = S.value[a];
+        return o == null ? void 0 : o.data;
+      });
+      return l.triggerRender({
+        componentProps: l,
+        disabled: l.disabled || !1,
+        value: t,
+        inputValue: K.value,
+        placeholder: l.placeholder,
+        onSearch: El,
+        onChange: pe,
+        onClear: Ve,
+        onRemove: fe
+      });
+    });
+    function w(e) {
+      if (!v.value && e in l)
+        return !0;
+      if (!v.value)
+        return !1;
+      const a = v.value[e], o = l[e];
+      return a === o ? !1 : typeof a == "object" && typeof o == "object" && a !== null && o !== null ? !Ge(a, o) : !0;
+    }
+    function hl(e, t) {
+      let a, o = r.value.keyEntities || {}, n = r.value.cachedKeyValuePairs || {};
+      if (w("treeData")) {
+        a = l.treeData, e.treeData = a;
+        const f = ta(a, t);
+        e.keyEntities = { ...f.keyEntities }, o = e.keyEntities, e.cachedKeyValuePairs = { ...f.valueEntities }, n = e.cachedKeyValuePairs;
+      }
+      return a && l.motion && v.value && l.motion && !Ge(Object.keys(e.keyEntities || {}), Object.keys(v.value.keyEntities || {})) && (e.motionKeys = /* @__PURE__ */ new Set([]), e.motionType = null), { treeData: a, keyEntities: o, valueEntities: n };
+    }
+    let j = null;
+    function Be() {
+      j && clearTimeout(j), j = setTimeout(() => {
+        j = null, ml();
+      }, 0);
+    }
+    function ml() {
+      const { keyMaps: e } = l, t = l.onChangeWithObject, a = {
+        prevProps: { ...l }
+      }, {
+        treeData: o,
+        keyEntities: n,
+        valueEntities: u
+      } = hl(a, e), f = w("expandedKeys");
+      if (!!(l.filterTreeNode && K.value && K.value.length)) {
+        let p;
+        if ((o || w("showFilteredOnly") || w("filterTreeNode") || w("treeNodeFilterProp")) && (p = ea({
+          treeData: o || Y.value,
+          inputValue: K.value,
+          filterTreeNode: l.filterTreeNode,
+          filterProps: l.treeNodeFilterProp,
+          showFilteredOnly: l.showFilteredOnly,
+          keyEntities: a.keyEntities || S.value,
+          prevExpandedKeys: [...ae.value],
+          keyMaps: e
+        }), a.flattenNodes = p.flattenNodes, a.motionKeys = /* @__PURE__ */ new Set([]), a.filteredKeys = p.filteredKeys, a.filteredShownKeys = p.filteredShownKeys, a.filteredExpandedKeys = p.filteredExpandedKeys), l.expandedKeys && (a.filteredExpandedKeys = Ce(
+          l.expandedKeys,
+          n,
+          l.autoExpandParent || !v.value
+        ), v.value && l.motion)) {
+          const R = v.value ? ae.value : /* @__PURE__ */ new Set([]);
+          if (!o) {
+            const F = qe(R, a.filteredExpandedKeys, n);
+            let { motionKeys: O } = F;
+            const { motionType: Z } = F;
+            l.showFilteredOnly && (O = O.filter((Ml) => de.value.has(Ml))), Z === "hide" && (a.cachedFlattenNodes = Pe(V.value)), a.motionKeys = new Set(O), a.motionType = Z;
+          }
+        }
+        !a.flattenNodes && (o || a.filteredExpandedKeys) && (a.flattenNodes = Ze(
+          o || Y.value,
+          a.filteredExpandedKeys || ae.value,
+          e,
+          l.showFilteredOnly && (de.value || a.filteredShownKeys)
+        ));
+      } else {
+        if (f || v.value && w("autoExpandParent")) {
+          if (a.expandedKeys = Ce(
+            l.expandedKeys,
+            n,
+            l.autoExpandParent || !v.value
+          ), v.value && l.motion && !o) {
+            const { motionKeys: p, motionType: E } = qe(
+              se.value,
+              a.expandedKeys,
+              n
+            );
+            a.motionKeys = new Set(p), a.motionType = E, E === "hide" && (a.cachedFlattenNodes = Pe(V.value));
+          }
+        } else !v.value && (l.defaultExpandAll || l.expandAll) || o && l.expandAll ? a.expandedKeys = new Set(Object.keys(n)) : !v.value && l.defaultExpandedKeys ? a.expandedKeys = Ce(l.defaultExpandedKeys, n) : !v.value && l.defaultValue ? a.expandedKeys = Xe(
+          W(l.defaultValue, t, e),
+          n,
+          l.multiple,
+          u
+        ) : !v.value && l.value && (a.expandedKeys = Xe(
+          W(l.value, t, e),
+          n,
+          l.multiple,
+          u
+        ));
+        if (a.expandedKeys || delete a.expandedKeys, o || a.expandedKeys) {
+          const p = Ze(
+            o || Y.value,
+            a.expandedKeys || se.value,
+            e
+          );
+          a.flattenNodes = p;
+        }
+      }
+      const y = l.multiple;
+      if (!y)
+        w("value") ? a.selectedKeys = J(
+          W(l.value, t, e),
+          u,
+          y
+        ) : !v.value && l.defaultValue ? a.selectedKeys = J(
+          W(l.defaultValue, t, e),
+          u,
+          y
+        ) : o && (l.value ? a.selectedKeys = J(
+          W(l.value, t, e) || "",
+          u,
+          y
+        ) : a.selectedKeys = Je(X.value, n));
+      else {
+        let p;
+        if (w("value") ? p = J(
+          W(l.value, t, e),
+          u,
+          y
+        ) : !v.value && l.defaultValue ? p = J(
+          W(l.defaultValue, t, e),
+          u,
+          y
+        ) : o && (l.value ? p = J(
+          W(l.value, t, e) || [],
+          u,
+          y
+        ) : p = Je(
+          l.checkRelation === "related" ? C.value : _.value,
+          n
+        )), p) {
+          if (l.checkRelation === "unRelated")
+            a.realCheckedKeys = new Set(p);
+          else if (l.checkRelation === "related") {
+            const { checkedKeys: E, halfCheckedKeys: R } = la(
+              p,
+              n
+            );
+            a.checkedKeys = E, a.halfCheckedKeys = R;
+          }
+        }
+      }
+      w("loadedKeys") && (a.loadedKeys = new Set(l.loadedKeys)), (w("treeData") || w("value")) && (a.rePosKey = H.value + 1), o && l.disableStrictly && l.checkRelation === "related" && (a.disabledKeys = oa(n, e)), te.updateState(a), v.value ? Object.assign(v.value, l) : v.value = { ...l };
+    }
+    ze(
+      () => [
+        l.treeData,
+        l.expandedKeys,
+        l.value,
+        l.defaultValue,
+        l.loadedKeys,
+        l.autoExpandParent,
+        l.expandAll,
+        l.defaultExpandAll,
+        l.defaultExpandedKeys,
+        l.disableStrictly,
+        l.checkRelation,
+        l.multiple,
+        l.onChangeWithObject,
+        l.keyMaps,
+        l.showFilteredOnly,
+        l.filterTreeNode,
+        l.treeNodeFilterProp,
+        K.value
+      ],
+      () => {
+        Be();
+      },
+      { immediate: !0, deep: !0 }
+    ), ze(
+      () => l.modelValue,
+      (e) => {
+        e !== void 0 && e !== l.value && Be();
+      },
+      { deep: !0 }
+    );
+    function gl(e) {
+      i.handleClick(e);
+    }
+    function Ve(e) {
+      e.stopPropagation(), i.handleClear(e);
+    }
+    function Kl(e) {
+      ll(e) && (e.stopPropagation(), i.handleClearEnterPress(e));
+    }
+    function Sl(e) {
+      i.toggleHoverState(!0);
+    }
+    function bl(e) {
+      i.toggleHoverState(!1);
+    }
+    function _e(e) {
+      i.handleKeyDown(e);
+    }
+    function Tl(e) {
+      ll(e) && i.handleSelectionEnterPress(e);
+    }
+    function xl(e) {
+      i.handlePopoverVisibleChange(e), e && l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER && (!l.multiple && I.value ? ve(() => {
+        var t, a;
+        (a = (t = I.value) == null ? void 0 : t.focus) == null || a.call(t, { preventScroll: l.preventScroll });
+      }) : l.multiple && U.value);
+    }
+    function Cl(e) {
+      g("visibleChange", e), e && l.dropdownMatchSelectWidth && z.value && requestAnimationFrame(() => {
+        ve(() => {
+          var a;
+          const t = ((a = z.value) == null ? void 0 : a.getBoundingClientRect().width) || 0;
+          t > 0 && (x.value = t, r.value.dropdownMinWidth = t);
+        });
+      });
+    }
+    function Pl(e) {
+      i.handlerTriggerBlur(e), i.close(e);
+    }
+    function wl() {
+      i.handleAfterClose();
+    }
+    function El(e) {
+      B.value || i.open(), i.handleInputChange(e);
+    }
+    function pe(e) {
+      i.handleInputChange(e);
+    }
+    function Le(e) {
+      const a = e.target.value;
+      pe(a);
+    }
+    function fe(e) {
+      i.removeTag(e);
+    }
+    function kl(e) {
+      return new Promise((t) => {
+        i.setLoadKeys(e, t);
+      });
+    }
+    function Me(e, t) {
+      i.handleNodeSelect(e, t), !l.multiple && l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER && (te.updateInputValue(""), te.updateState({ inputTriggerFocus: !1 }));
+    }
+    function Il(e, t) {
+      i.handleNodeSelect(e, t);
+    }
+    function Nl(e, t) {
+      i.handleNodeExpand(e, t);
+    }
+    function Ae(e) {
+      return i.getDataForKeyNotInKeyEntities(e);
+    }
+    function Rl() {
+      if (A(V.value) || l.showFilteredOnly && !!K.value && !ue.value.size)
+        return Fl();
+      const t = {
+        loadData: l.loadData,
+        treeDisabled: l.disabled,
+        motion: l.motionExpand,
+        motionKeys: le.value,
+        motionType: ie.value,
+        expandAction: l.expandAction,
+        filterTreeNode: l.filterTreeNode,
+        keyEntities: S.value,
+        onNodeClick: Me,
+        onNodeDoubleClick: () => {
+        },
+        onNodeRightClick: () => {
+        },
+        onNodeExpand: Nl,
+        onNodeSelect: Me,
+        onNodeCheck: Il,
+        renderTreeNode: be,
+        multiple: l.multiple,
+        showFilteredOnly: l.showFilteredOnly,
+        isSearching: !!K.value,
+        renderLabel: l.renderLabel,
+        renderFullLabel: l.renderFullLabel,
+        labelEllipsis: typeof l.labelEllipsis > "u" ? !!l.virtualize : l.labelEllipsis
+      }, a = "expandedKeys" in l, o = () => !l.virtualize || A(l.virtualize) ? c(ua, {
+        flattenNodes: V.value,
+        flattenList: ee.value,
+        motionKeys: l.motionExpand ? le.value : /* @__PURE__ */ new Set([]),
+        motionType: ie.value,
+        searchTargetIsDeep: a && l.motionExpand && A(le.value) && !A(ue.value),
+        onMotionEnd: () => {
+          te.rePositionDropdown();
+        },
+        renderTreeNode: be
+      }) : c(
+        da,
+        {
+          defaultHeight: l.virtualize.height || 270,
+          defaultWidth: l.virtualize.width || "100%"
+        },
+        {
+          default: ({ height: n, width: u }) => c(
+            "div",
+            {
+              class: `${$}-virtual-list`,
+              style: {
+                height: typeof n == "number" ? `${n}px` : n,
+                width: typeof u == "number" ? `${u}px` : u,
+                overflow: "auto"
+              }
+            },
+            V.value.map((f, m) => {
+              const y = {
+                height: `${l.virtualize.itemSize}px`
+              };
+              return be(f, m, y);
+            })
+          )
+        }
+      );
+      return l.multiple ? c("div", { class: `${$}-wrapper` }, [
+        c(
+          sa,
+          {
+            value: Array.from(l.checkRelation === "related" ? C.value : _.value),
+            disabled: l.disabled
+          },
+          {
+            default: () => c(We, { value: t }, { default: () => o() })
+          }
+        )
+      ]) : c("div", { class: `${$}-wrapper` }, [
+        c(We, { value: t }, { default: () => o() })
+      ]);
+    }
+    const We = {
+      name: "TreeContextProvider",
+      props: {
+        value: {
+          type: Object,
+          required: !0
+        }
+      },
+      setup(e, { slots: t }) {
+        return Xl(ca, e.value), () => {
+          var a;
+          return (a = t.default) == null ? void 0 : a.call(t);
+        };
+      }
+    };
+    function be(e, t, a) {
+      const { data: o, key: n } = e, u = i.getTreeNodeProps(n);
+      if (!u)
+        return null;
+      const f = Zl(e, ["key", "label", "disabled", "isLeaf", "icon", "isEnd"]), m = o[oe(l.keyMaps, "children", "children")];
+      return je(m) || (f.children = m), c(Ee, {
+        ...u,
+        ...o,
+        ...f,
+        data: o,
+        style: a,
+        showLine: l.showLine,
+        expandIcon: l.expandIcon
+      });
+    }
+    function Fl() {
+      return l.emptyContent === null ? null : l.emptyContent ? c(Ee, {
+        empty: !0,
+        emptyContent: l.emptyContent
+      }) : c(
+        ke,
+        {
+          componentName: "Tree"
+        },
+        {
+          default: (e) => c(Ee, {
+            empty: !0,
+            emptyContent: e.emptyText || "暂无数据"
+          })
+        }
+      );
+    }
+    function Ol() {
+      if (l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER)
+        return l.multiple ? _l() : Dl();
+      if (!l.multiple || !De.value) {
+        const t = i.getRenderTextInSingle();
+        return c(
+          "span",
+          {
+            class: k(`${s}-selection-content`, {
+              [`${s}-selection-placeholder`]: !t
+            })
+          },
+          t || l.placeholder
+        );
+      }
+      return Vl();
+    }
+    function Dl() {
+      const e = !K.value || !Q.value, t = [Bl(), e ? $l() : null].filter(Boolean);
+      return c(Te, {}, t);
+    }
+    function $l() {
+      const e = i.getRenderTextInSingle(), t = e || l.placeholder;
+      return c(
+        "span",
+        {
+          class: k(`${s}-selection-TriggerSearchItem`, {
+            [`${s}-selection-TriggerSearchItem-placeholder`]: (Q.value || !e) && !l.disabled,
+            [`${s}-selection-TriggerSearchItem-disabled`]: l.disabled
+          }),
+          style: {
+            position: "relative",
+            lineHeight: "inherit"
+          },
+          onClick: () => {
+            i.handleInputTriggerFocus(), ve(() => {
+              var a, o;
+              if (I.value) {
+                const { preventScroll: n } = l;
+                (o = (a = I.value) == null ? void 0 : a.focus) == null || o.call(a, { preventScroll: n });
+              }
+            });
+          }
+        },
+        t
+      );
+    }
+    function Bl() {
+      const e = l.searchPosition === D.SEARCH_POSITION_DROPDOWN, t = typeof l.searchRender == "function" || typeof l.searchRender == "boolean";
+      if (t && !l.searchRender)
+        return null;
+      const a = {
+        value: K.value,
+        preventScroll: l.preventScroll
+      }, o = {
+        showClear: l.showSearchClear,
+        prefix: c(Ie)
+      }, n = {
+        autoFocus: l.searchAutoFocus,
+        onFocus: () => {
+          i.handleInputTriggerFocus();
+        },
+        onBlur: () => {
+          i.handleInputTriggerBlur();
+        },
+        disabled: l.disabled
+      }, u = e ? o : n, f = k({
+        [`${$}-search-wrapper`]: e,
+        [`${s}-triggerSingleSearch-wrapper`]: !e && !l.multiple,
+        [`${s}-triggerSingleSearch-upper`]: !e && Q.value
+      });
+      return c(
+        "div",
+        { class: f },
+        c(
+          ke,
+          {
+            componentName: "TreeSelect"
+          },
+          {
+            default: (m) => {
+              const y = e ? l.searchPlaceholder || m.searchPlaceholder || "搜索" : "";
+              return t ? l.searchRender({ ...u, ...a, placeholder: y }) : c(Qe, {
+                "aria-label": "Filter TreeSelect item",
+                ref: I,
+                placeholder: y,
+                class: k({
+                  [`${$}-input`]: e,
+                  [`${s}-inputTrigger`]: !e
+                }),
+                ...a,
+                ...u,
+                onInput: Le
+              });
+            }
+          }
+        )
+      );
+    }
+    function Vl() {
+      const e = l.multiple ? l.autoMergeValue ? l.checkRelation === "related" ? me([...C.value], S.value, l.leafOnly, !0) : [..._.value] : [...C.value] : X.value, t = [];
+      return e.forEach((a, o) => {
+        const n = S.value[a], u = n && n.key === a ? n.data : Ae(a), f = (R, F) => {
+          F && typeof F.preventDefault == "function" && F.preventDefault(), fe(a);
+        }, m = xe(l.renderSelectedItem) ? l.renderSelectedItem : (R) => ({
+          isRenderInTag: !0,
+          content: oe(R, oe(l.keyMaps, "label", l.treeNodeLabelProp), null)
+        }), { content: y, isRenderInTag: p } = u ? m(u, { index: o, onClose: f }) : { isRenderInTag: !1, content: null };
+        if (Jl(y) || je(y))
+          return;
+        const E = l.disabled || u.disabled || l.disableStrictly && re.value.has(u.key);
+        p ? t.push(
+          c(
+            we,
+            {
+              closable: !E,
+              color: "white",
+              visible: !0,
+              size: l.size === "small" ? "small" : "large",
+              onClose: f,
+              key: `tag-${a}-${o}`
+            },
+            { default: () => y }
+          )
+        ) : t.push(y);
+      }), c(ia, {
+        maxTagCount: l.maxTagCount,
+        tagList: t,
+        size: "large",
+        mode: "custom",
+        showPopover: l.showRestTagsPopover,
+        popoverProps: l.restTagsPopoverProps
+      });
+    }
+    function _l() {
+      const e = l.autoMergeValue ? l.checkRelation === "related" ? me([...C.value], S.value, l.leafOnly, !0) : [..._.value] : [...C.value], t = l.filterTreeNode && l.searchPosition === D.SEARCH_POSITION_TRIGGER ? l.searchAutoFocus : void 0;
+      return c(ra, {
+        maxTagCount: l.maxTagCount,
+        disabled: l.disabled,
+        onInputChange: (a) => pe(a),
+        ref: U,
+        placeholder: l.placeholder,
+        value: e,
+        inputValue: K.value,
+        size: l.size,
+        showRestTagsPopover: l.showRestTagsPopover,
+        restTagsPopoverProps: l.restTagsPopoverProps,
+        autofocus: t,
+        renderTagItem: (a, o, n) => Ll(a, o, n),
+        onRemove: (a) => fe(a),
+        expandRestTagsOnClick: !1,
+        preventScroll: l.preventScroll
+      });
+    }
+    function Ll(e, t, a) {
+      const n = me([e], S.value, l.leafOnly, !0).map(
+        () => S.value[e] && S.value[e].key === e ? S.value[e].data : Ae(e)
+      ), u = aa(n, l.keyMaps), f = k(`${s}-selection-tag`, {
+        [`${s}-selection-tag-disabled`]: l.disabled
+      }), m = !A(n) && !A(n[0]), y = l.disableStrictly && m && re.value.has(n[0].key), p = m && !n[0].disabled && !l.disabled && !y, E = (O, Z) => {
+        Z.preventDefault(), fe(e), a && a();
+      }, R = n[0], F = xe(l.renderSelectedItem) ? l.renderSelectedItem : (O) => ({
+        isRenderInTag: !0,
+        content: oe(O, oe(l.keyMaps, "label", l.treeNodeLabelProp), null)
+      });
+      if (xe(F)) {
+        const { content: O, isRenderInTag: Z } = R ? F(R, { index: t, onClose: E }) : { isRenderInTag: !1, content: null };
+        return Z ? c(
+          we,
+          {
+            size: l.size === "small" ? "small" : "large",
+            key: `tag-${u}-${t}`,
+            color: "white",
+            class: f,
+            closable: p,
+            onClose: E
+          },
+          { default: () => O }
+        ) : O;
+      }
+      return c(
+        we,
+        {
+          size: l.size === "small" ? "small" : "large",
+          key: `tag-${u}-${t}`,
+          color: "white",
+          class: f,
+          closable: p,
+          onClose: E
+        },
+        { default: () => u }
+      );
+    }
+    return tl({
+      open: () => i.open(),
+      close: () => i.close(null),
+      focus: () => i.handleTriggerFocus(null),
+      blur: () => i.handlerTriggerBlur(null),
+      search: (e) => {
+        B.value || i.open(), i.handleInputChange(e);
+      }
+    }), zl(() => {
+      j && (clearTimeout(j), j = null), i == null || i.destroy();
+    }), (e, t) => (h(), b(T(na), {
+      visible: B.value,
+      trigger: "custom",
+      position: il.value,
+      "z-index": l.zIndex,
+      "get-popup-container": l.getPopupContainer,
+      motion: l.motion,
+      "auto-adjust-overflow": l.autoAdjustOverflow,
+      margin: l.dropdownMargin,
+      "stop-propagation": l.stopPropagation,
+      "mouse-enter-delay": l.mouseEnterDelay,
+      "mouse-leave-delay": l.mouseLeaveDelay,
+      "after-close": wl,
+      "wrapper-class-name": `${T(s)}-popover`,
+      "re-pos-key": H.value,
+      "onUpdate:visible": xl,
+      onVisibleChange: Cl,
+      onClickOutSide: Pl
+    }, {
+      content: ye(() => [
+        he("div", {
+          ref_key: "optionsContainerRef",
+          ref: Ne,
+          class: M(sl.value),
+          style: He(ul.value),
+          onKeydown: _e
+        }, [
+          l.outerTopSlot ? (h(), b(N(l.outerTopSlot), { key: 0 })) : L("", !0),
+          vl.value ? (h(), G("div", {
+            key: 1,
+            class: M(`${T($)}-search-wrapper`)
+          }, [
+            typeof l.searchRender != "function" ? (h(), b(T(Qe), {
+              key: 0,
+              ref: (a) => {
+                a && (I.value = a);
+              },
+              "aria-label": "Filter TreeSelect item",
+              placeholder: l.searchPlaceholder || "搜索",
+              value: K.value,
+              "prevent-scroll": l.preventScroll,
+              "show-clear": l.showSearchClear,
+              onInput: Le
+            }, {
+              prefix: ye(() => [
+                ql(T(Ie))
+              ]),
+              _: 1
+            }, 8, ["placeholder", "value", "prevent-scroll", "show-clear"])) : typeof l.searchRender == "function" ? (h(), b(T(ke), {
+              key: 1,
+              "component-name": "TreeSelect"
+            }, {
+              default: ye(({ locale: a }) => [
+                (h(), b(N(
+                  () => l.searchRender({
+                    showClear: l.showSearchClear,
+                    prefix: c(T(Ie)),
+                    value: K.value,
+                    preventScroll: l.preventScroll,
+                    onChange: pe,
+                    placeholder: l.searchPlaceholder || (a == null ? void 0 : a.searchPlaceholder) || "搜索"
+                  })
+                )))
+              ]),
+              _: 1
+            })) : L("", !0)
+          ], 2)) : L("", !0),
+          he("div", {
+            class: M(dl.value),
+            role: "tree",
+            "aria-multiselectable": l.multiple,
+            style: He(l.optionListStyle)
+          }, [
+            (h(), b(N(Rl())))
+          ], 14, ha),
+          l.outerBottomSlot ? (h(), b(N(l.outerBottomSlot), { key: 2 })) : L("", !0)
+        ], 38)
+      ]),
+      default: ye(() => [
+        he("div", Hl({
+          ref_key: "triggerRef",
+          ref: z,
+          class: cl.value,
+          style: l.style,
+          tabindex: l.disabled ? void 0 : 0,
+          role: "combobox",
+          "aria-disabled": l.disabled,
+          "aria-haspopup": "tree",
+          "aria-invalid": l["aria-invalid"],
+          "aria-errormessage": l["aria-errormessage"],
+          "aria-label": l["aria-label"] || "TreeSelect",
+          "aria-labelledby": l["aria-labelledby"],
+          "aria-describedby": l["aria-describedby"],
+          "aria-required": l["aria-required"]
+        }, T(rl)(), {
+          onClick: gl,
+          onKeydown: _e,
+          onKeypress: Tl,
+          onMouseenter: Sl,
+          onMouseleave: bl
+        }), [
+          Se.value ? (h(), b(N(yl.value), { key: 0 })) : (h(), G(Te, { key: 1 }, [
+            l.prefix || l.insetLabel ? (h(), G("div", {
+              key: 0,
+              id: l.insetLabelId,
+              class: M(pl.value),
+              "x-semi-prop": "prefix,insetLabel"
+            }, [
+              l.prefix ? (h(), b(N(l.prefix), { key: 0 })) : l.insetLabel ? (h(), G(Te, { key: 1 }, [
+                jl(Gl(l.insetLabel), 1)
+              ], 64)) : L("", !0)
+            ], 10, ga)) : L("", !0),
+            he("div", {
+              class: M(`${T(s)}-selection`)
+            }, [
+              (h(), b(N(Ol())))
+            ], 2),
+            l.suffix ? (h(), G("div", {
+              key: 1,
+              class: M(fl.value),
+              "x-semi-prop": "suffix"
+            }, [
+              (h(), b(N(l.suffix)))
+            ], 2)) : L("", !0),
+            $e.value ? (h(), G("div", {
+              key: 2,
+              class: M(`${T(s)}-clearbtn`),
+              role: "button",
+              tabindex: "0",
+              "aria-label": "Clear TreeSelect value",
+              onClick: Ul(Ve, ["stop"]),
+              onKeypress: Kl
+            }, [
+              (h(), b(N(l.clearIcon || T(va))))
+            ], 34)) : $e.value ? L("", !0) : (h(), G("div", {
+              key: 3,
+              class: M(`${T(s)}-arrow`)
+            }, [
+              (h(), b(N(l.arrowIcon || T(ya))))
+            ], 2))
+          ], 64))
+        ], 16, ma)
+      ]),
+      _: 1
+    }, 8, ["visible", "position", "z-index", "get-popup-container", "motion", "auto-adjust-overflow", "margin", "stop-propagation", "mouse-enter-delay", "mouse-leave-delay", "wrapper-class-name", "re-pos-key"]));
+  }
+});
+export {
+  Ua as default
+};
+//# sourceMappingURL=TreeSelect.vue.js.map