@transsionfe/semi-ui-vue 0.0.6 → 0.0.7

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

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