@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/cascader/Cascader.vue.js

@@ -1,979 +0,0 @@
-import { defineComponent as wa, useSlots as Da, ref as u, computed as y, markRaw as Oa, nextTick as P, watch as S, onMounted as _e, onUnmounted as Na, openBlock as d, createBlock as $, unref as b, withCtx as pe, createElementVNode as fe, normalizeStyle as Ve, normalizeClass as K, resolveDynamicComponent as F, createElementBlock as k, Fragment as _, createTextVNode as ee, toDisplayString as q, createCommentVNode as j, renderSlot as re, renderList as za, withModifiers as _a, createVNode as Va, h as ue } from "vue";
-import w from "classnames";
-import { isEqual as Ba } from "lodash";
-import { strings as D, cssClasses as La } from "@douyinfe/semi-foundation/cascader/constants";
-import Ma from "@douyinfe/semi-foundation/cascader/foundation";
-import { calcMergeType as Aa } from "@douyinfe/semi-foundation/cascader/util";
-import { calcCheckedKeys as Ha, normalizeKeyList as Be } from "@douyinfe/semi-foundation/tree/treeUtil";
-import Fa from "../popover/Popover.vue.js";
-import "../popover/popover.css";
-import { Input as qa } from "../input/index.js";
-import ja from "../tagInput/index.js";
-import ve from "../tag/Tag.vue.js";
-import Wa from "../tag/TagGroup.vue.js";
-import "../tag/tag.css";
-import Ga from "./Item.vue.js";
-import { useFoundation as Ua } from "../../_utils/useFoundation.js";
-import Ya from "../icons/icons/IconClear.vue.js";
-import Xa from "../icons/icons/IconChevronDown.vue.js";
-const Ja = ["id", "aria-label", "aria-labelledby", "aria-describedby", "aria-errormessage", "aria-invalid", "aria-required"], Qa = ["id"], gl = /* @__PURE__ */ wa({
-  name: "Cascader",
-  __name: "Cascader",
-  props: {
-    "aria-describedby": {},
-    "aria-errormessage": {},
-    "aria-invalid": { type: Boolean },
-    "aria-labelledby": {},
-    "aria-required": { type: Boolean },
-    "aria-label": { default: "Cascader" },
-    arrowIcon: { default: void 0 },
-    clearIcon: {},
-    expandIcon: {},
-    defaultValue: {},
-    dropdownStyle: {},
-    dropdownMargin: {},
-    motion: { type: Boolean, default: !0 },
-    filterTreeNode: { type: [Function, Boolean], default: !1 },
-    filterSorter: {},
-    filterRender: {},
-    treeData: { default: () => [] },
-    restTagsPopoverProps: { default: () => ({}) },
-    children: {},
-    modelValue: {},
-    value: {},
-    prefix: {},
-    suffix: {},
-    id: {},
-    insetLabel: {},
-    insetLabelId: {},
-    style: {},
-    bottomSlot: {},
-    topSlot: {},
-    triggerRender: {},
-    onListScroll: {},
-    loadData: {},
-    onLoad: {},
-    onExceed: {},
-    displayRender: {},
-    validateStatus: { default: "default" },
-    position: { default: "bottom" },
-    searchPosition: { default: D.SEARCH_POSITION_TRIGGER },
-    borderless: { type: Boolean, default: !1 },
-    mouseEnterDelay: {},
-    mouseLeaveDelay: {},
-    separator: { default: "/" },
-    changeOnSelect: { type: Boolean, default: !1 },
-    multiple: { type: Boolean, default: !1 },
-    autoMergeValue: { type: Boolean, default: !0 },
-    disabled: { type: Boolean },
-    dropdownClassName: {},
-    filterLeafOnly: { type: Boolean, default: !0 },
-    placeholder: {},
-    searchPlaceholder: {},
-    size: { default: "default" },
-    className: {},
-    treeNodeFilterProp: { default: "label" },
-    displayProp: { default: "label" },
-    maxTagCount: {},
-    max: {},
-    showRestTagsPopover: { type: Boolean, default: !1 },
-    zIndex: { default: 1030 },
-    showClear: { type: Boolean, default: !1 },
-    autoClearSearchValue: { type: Boolean, default: !0 },
-    defaultOpen: { type: Boolean, default: !1 },
-    autoAdjustOverflow: { type: Boolean, default: !0 },
-    stopPropagation: { type: [Boolean, String], default: !0 },
-    onChangeWithObject: { type: Boolean },
-    showNext: { default: D.SHOW_NEXT_BY_CLICK },
-    disableStrictly: { type: Boolean, default: !1 },
-    leafOnly: { type: Boolean, default: !1 },
-    enableLeafClick: { type: Boolean },
-    preventScroll: { type: Boolean },
-    virtualizeInSearch: {},
-    checkRelation: { default: D.RELATED },
-    getPopupContainer: {},
-    emptyContent: {}
-  },
-  emits: ["update:modelValue", "update:value", "change", "select", "search", "focus", "blur", "dropdownVisibleChange", "listScroll", "load", "exceed", "clear"],
-  setup(Le, { expose: Me, emit: Ae }) {
-    const i = La.PREFIX, a = Le, g = Ae, ye = Da(), ae = u(), r = u(), V = u(), h = u(a.defaultOpen || !1), O = u(a.defaultOpen || !1), ke = u(!1), He = u(!1), W = u(!1), G = u(0), le = u(null), U = u(null), te = u(/* @__PURE__ */ new Set()), c = u({}), T = u(/* @__PURE__ */ new Set()), B = u(/* @__PURE__ */ new Set()), Y = u(/* @__PURE__ */ new Set()), C = u(""), L = u(!1), N = u(a.searchPlaceholder || a.placeholder || ""), x = u(/* @__PURE__ */ new Set()), X = u(/* @__PURE__ */ new Set()), M = u(/* @__PURE__ */ new Set()), oe = u(/* @__PURE__ */ new Set()), ne = u(/* @__PURE__ */ new Set()), J = u(!1), R = u(!1), Ke = u(/* @__PURE__ */ new Set()), Te = u(/* @__PURE__ */ new Set()), he = u({}), E = u(!1), me = y(() => Aa(a.autoMergeValue, a.leafOnly)), Fe = y(() => !c.value || Object.keys(c.value).length === 0), qe = y(() => !!a.filterTreeNode && L.value), je = y(() => !!a.filterTreeNode && a.searchPosition === D.SEARCH_POSITION_TRIGGER), We = y(() => n.getRenderData()), Q = y(() => me.value === D.NONE_MERGE_TYPE || a.checkRelation === D.UN_RELATED ? x.value : M.value), Ge = y(() => Array.from(Q.value).map((e) => {
-      const l = c.value[e];
-      return l ? l.data[a.displayProp] : e;
-    })), Ue = y(() => Array.from(Q.value).map((e) => c.value[e]).filter(Boolean)), Ye = y(() => !a.maxTagCount || Q.value.size <= a.maxTagCount ? 0 : Q.value.size - a.maxTagCount), Xe = y(() => w(`${i}-tagInput-wrapper`)), Je = (e) => {
-      a.multiple && a.filterTreeNode && (E.value = !0, setTimeout(() => {
-        E.value = !1;
-      }, 500));
-      const l = a.multiple && a.filterTreeNode ? C.value : "", t = a.multiple && a.filterTreeNode ? new Set(Y.value) : /* @__PURE__ */ new Set();
-      if ((a.modelValue !== void 0 || a.value !== void 0) && a.multiple) {
-        const { key: s } = e, m = x.value.has(s), { disableStrictly: p, max: f } = a, v = p ? n.calcCheckedStatus(!m, s) : !m, { checkedKeys: I, halfCheckedKeys: z } = p ? n.calcNonDisabledCheckedKeys(s, v) : n.calcCheckedKeys(s, v), De = me.value, Sa = De === D.LEAF_ONLY_MERGE_TYPE, Oe = De === D.NONE_MERGE_TYPE, de = new Set(
-          Be(Array.from(I), c.value, Sa)
-        );
-        if (typeof f == "number") {
-          if (Oe) {
-            if (x.value.size < I.size && I.size > f) {
-              const A = [];
-              I.forEach((Z) => {
-                const H = c.value[Z];
-                H && A.push(H);
-              }), a.onExceed && a.onExceed(A);
-              return;
-            }
-          } else if (M.value.size < de.size && de.size > f) {
-            const A = [];
-            de.forEach((Z) => {
-              const H = c.value[Z];
-              H && A.push(H);
-            }), a.onExceed && a.onExceed(A);
-            return;
-          }
-        }
-        const ce = [];
-        (Oe ? I : de).forEach((A) => {
-          const Z = c.value[A];
-          if (Z) {
-            const H = Z.path.map((Ne) => {
-              const ze = c.value[Ne];
-              return ze ? ze.data.value : Ne;
-            });
-            ce.push(H);
-          }
-        }), g("update:modelValue", ce), g("update:value", ce), g("change", ce);
-        return;
-      }
-      n.onItemCheckboxClick(e), a.multiple && a.filterTreeNode && l && !C.value && (C.value = l, t.size > 0 && (Y.value = t, L.value = !0, P(() => {
-        n.handleInputChange(l);
-      })));
-    }, se = y(() => {
-      if (T.value.size === 0)
-        return [];
-      const e = Array.from(T.value)[0];
-      return c.value[e] ? Qe(e, a.displayProp) : [];
-    }), ge = y(() => {
-      if (ye.display || T.value.size === 0)
-        return "";
-      const e = Array.from(T.value)[0];
-      if (!c.value[e])
-        return "";
-      const t = se.value;
-      if (a.displayRender && typeof a.displayRender == "function") {
-        const o = a.displayRender(t, 0);
-        return o && typeof o != "string" ? "" : o;
-      }
-      return t.join(a.separator);
-    }), Qe = (e, l, t) => {
-      const o = c.value, s = o[e];
-      return s ? s.path.map((p) => {
-        const f = o[p];
-        return f ? f.data[l] : "";
-      }) : [];
-    }, Ce = y(() => typeof a.triggerRender == "function"), Ze = y(() => Ce.value ? w(a.className) : w(i, a.className, {
-      [`${i}-borderless`]: a.borderless,
-      [`${i}-focus`]: ke.value || h.value && !He.value,
-      [`${i}-disabled`]: a.disabled,
-      [`${i}-single`]: !a.multiple,
-      [`${i}-filterable`]: !!a.filterTreeNode,
-      [`${i}-error`]: a.validateStatus === "error",
-      [`${i}-warning`]: a.validateStatus === "warning",
-      [`${i}-small`]: a.size === "small",
-      [`${i}-large`]: a.size === "large",
-      [`${i}-with-prefix`]: a.prefix || a.insetLabel,
-      [`${i}-with-suffix`]: a.suffix
-    })), ea = y(() => w({
-      [`${i}-search-wrapper`]: !0,
-      [`${i}-search-wrapper-${a.size}`]: a.size !== "default"
-    })), Ee = y(() => w({
-      [`${i}-selection-placeholder`]: !ge.value,
-      [`${i}-selection-text-hide`]: R.value && C.value,
-      [`${i}-selection-text-inactive`]: R.value && !C.value
-    })), aa = y(() => w(`${i}-prefix`, {
-      [`${i}-inset-label`]: a.insetLabel
-    })), la = y(() => w(`${i}-suffix`)), ta = y(() => w(a.dropdownClassName, `${i}-popover`)), oa = y(() => {
-      const e = {
-        ...a.dropdownStyle
-      };
-      if (U.value) {
-        const l = typeof U.value == "number" ? `${U.value}px` : U.value;
-        e.minWidth = l;
-      }
-      return e;
-    }), na = y(() => a.position || "bottomLeft"), Pe = y(() => {
-      const e = T.value.size > 0;
-      return a.showClear && (C.value || e) && !a.disabled && (h.value || W.value);
-    }), sa = y(() => {
-      var l;
-      if (!Ce.value)
-        return null;
-      let e;
-      if (a.multiple) {
-        const t = /* @__PURE__ */ new Set();
-        Array.from(Q.value).forEach((o) => {
-          const s = c.value[o];
-          s != null && s.pos && t.add(s.pos);
-        }), e = t.size > 0 ? t : void 0;
-      } else {
-        const t = Array.from(T.value)[0];
-        e = (l = c.value[t]) == null ? void 0 : l.pos;
-      }
-      return a.triggerRender({
-        componentProps: a,
-        disabled: a.disabled || !1,
-        value: e,
-        inputValue: C.value,
-        placeholder: N.value,
-        onSearch: ie,
-        onChange: ie,
-        onClear: Ie,
-        onRemove: we
-      });
-    }), ia = Oa({
-      getState: (e) => ({
-        emptyContentMinWidth: le.value,
-        isOpen: h.value,
-        rePosKey: G.value,
-        keyEntities: c.value,
-        selectedKeys: T.value,
-        activeKeys: B.value,
-        filteredKeys: Y.value,
-        inputValue: C.value,
-        isSearching: L.value,
-        inputPlaceHolder: N.value,
-        isHovering: W.value,
-        checkedKeys: x.value,
-        halfCheckedKeys: X.value,
-        resolvedCheckedKeys: M.value,
-        loadedKeys: oe.value,
-        loadingKeys: ne.value,
-        loading: J.value,
-        showInput: R.value,
-        disabledKeys: te.value
-      })[e],
-      getStates: () => ({
-        emptyContentMinWidth: le.value,
-        isOpen: h.value,
-        rePosKey: G.value,
-        keyEntities: c.value,
-        selectedKeys: T.value,
-        activeKeys: B.value,
-        filteredKeys: Y.value,
-        inputValue: C.value,
-        isSearching: L.value,
-        inputPlaceHolder: N.value,
-        prevProps: he.value,
-        isHovering: W.value,
-        checkedKeys: x.value,
-        halfCheckedKeys: X.value,
-        resolvedCheckedKeys: M.value,
-        loadedKeys: oe.value,
-        loadingKeys: ne.value,
-        loading: J.value,
-        showInput: R.value,
-        disabledKeys: te.value
-      }),
-      getProp: (e) => a[e],
-      getProps: () => ({
-        ...a,
-        triggerRender: a.triggerRender ? (e) => a.triggerRender(e) : void 0
-      }),
-      setState: (e, l) => {
-        const t = Object.keys(e).filter((o) => e[o] !== void 0);
-        fetch("http://127.0.0.1:7242/ingest/d92dbb99-53f2-4117-89b1-9cce9a52f626", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            location: "Cascader.vue:583",
-            message: "setState called",
-            data: { stateKeysCount: t.length, stateKeys: t },
-            timestamp: Date.now(),
-            sessionId: "debug-session",
-            runId: "run1",
-            hypothesisId: "D"
-          })
-        }).catch(() => {
-        }), e.emptyContentMinWidth !== void 0 && (le.value = e.emptyContentMinWidth), e.isOpen !== void 0 && (h.value = e.isOpen), e.rePosKey !== void 0 && (G.value = e.rePosKey), e.keyEntities !== void 0 && (c.value = e.keyEntities), e.selectedKeys !== void 0 && (T.value = e.selectedKeys), e.activeKeys !== void 0 && (B.value = e.activeKeys), e.filteredKeys !== void 0 && (Y.value = e.filteredKeys), e.inputValue !== void 0 && (C.value = e.inputValue), e.isSearching !== void 0 && (L.value = e.isSearching), e.inputPlaceHolder !== void 0 && (N.value = e.inputPlaceHolder), e.isHovering !== void 0 && (W.value = e.isHovering), e.checkedKeys !== void 0 && (console.log("[Cascader] setState updating checkedKeys", {
-          old: Array.from(x.value),
-          new: Array.from(e.checkedKeys)
-        }), x.value = e.checkedKeys), e.halfCheckedKeys !== void 0 && (X.value = e.halfCheckedKeys), e.resolvedCheckedKeys !== void 0 && (M.value = e.resolvedCheckedKeys), e.loadedKeys !== void 0 && (oe.value = e.loadedKeys), e.loadingKeys !== void 0 && (ne.value = e.loadingKeys), e.loading !== void 0 && (J.value = e.loading), e.showInput !== void 0 && (R.value = e.showInput), e.disabledKeys !== void 0 && (te.value = e.disabledKeys), l && P(l);
-      },
-      getContext: (e) => null,
-      getContexts: () => ({}),
-      getCache: (e) => null,
-      getCaches: () => ({}),
-      setCache: (e, l) => {
-      },
-      updateInputValue: (e) => {
-        C.value = e;
-      },
-      updateInputPlaceHolder: (e) => {
-        N.value = e;
-      },
-      focusInput: () => {
-        a.filterTreeNode && !a.multiple && (R.value = !0), P(() => {
-          if (r.value) {
-            if (typeof r.value.focus == "function")
-              r.value.focus({ preventScroll: a.preventScroll });
-            else if (r.value.$el && r.value.$el.querySelector) {
-              const e = r.value.$el.querySelector("input");
-              e && e.focus({ preventScroll: a.preventScroll });
-            }
-          }
-        });
-      },
-      blurInput: () => {
-        a.filterTreeNode && !a.multiple && (R.value = !1), P(() => {
-          if (r.value) {
-            if (typeof r.value.blur == "function")
-              r.value.blur();
-            else if (r.value.$el && r.value.$el.querySelector) {
-              const e = r.value.$el.querySelector("input");
-              e && e.blur();
-            }
-          }
-        });
-      },
-      registerClickOutsideHandler: (e) => {
-        const l = (t) => {
-          const o = t.target, s = t.composedPath && t.composedPath(), m = V.value, p = ae.value;
-          m && !m.contains(o) && p && !p.contains(o) && !(s && (s.includes(p) || s.includes(m))) && e(t);
-        };
-        return document.addEventListener("mousedown", l, !1), () => {
-          document.removeEventListener("mousedown", l, !1);
-        };
-      },
-      unregisterClickOutsideHandler: () => {
-      },
-      rePositionDropdown: () => {
-        G.value = G.value + 1;
-      },
-      updateStates: (e) => {
-        Object.keys(e).forEach((l) => {
-          if (l === "emptyContentMinWidth" && (le.value = e[l]), l === "isOpen" && (h.value = e[l]), l === "rePosKey" && (G.value = e[l]), l === "keyEntities" && (c.value = e[l]), l === "selectedKeys" && (T.value = e[l]), l === "activeKeys")
-            if (a.multiple && e[l] instanceof Set) {
-              const t = new Set(B.value);
-              e[l].forEach((o) => t.add(o)), B.value = t;
-            } else
-              B.value = e[l];
-          l === "filteredKeys" && (Y.value = e[l]), l === "inputValue" && (C.value = e[l]), l === "isSearching" && (L.value = e[l]), l === "inputPlaceHolder" && (N.value = e[l]), l === "isHovering" && (W.value = e[l]), l === "checkedKeys" && (x.value = e[l]), l === "halfCheckedKeys" && (X.value = e[l]), l === "resolvedCheckedKeys" && (M.value = e[l]), l === "loadedKeys" && (oe.value = e[l]), l === "loadingKeys" && (ne.value = e[l]), l === "loading" && (J.value = e[l]), l === "showInput" && (R.value = e[l]), l === "disabledKeys" && (te.value = e[l]);
-        });
-      },
-      openMenu: () => {
-        h.value = !0, O.value = !0;
-      },
-      closeMenu: (e) => {
-        if (a.multiple && a.filterTreeNode && E.value) {
-          e && P(e);
-          return;
-        }
-        h.value = !1, O.value = !1, e && P(e);
-      },
-      updateSelection: (e) => {
-        T.value = e;
-      },
-      notifyChange: (e) => {
-        g("update:modelValue", e), g("update:value", e), g("change", e);
-      },
-      notifySelect: (e) => {
-        g("select", e);
-      },
-      notifyOnSearch: (e) => {
-        g("search", e);
-      },
-      notifyFocus: (e) => {
-        g("focus", e);
-      },
-      notifyBlur: (e) => {
-        g("blur", e);
-      },
-      notifyDropdownVisibleChange: (e) => {
-        g("dropdownVisibleChange", e);
-      },
-      toggleHovering: (e) => {
-        W.value = e;
-      },
-      notifyLoadData: (e, l) => {
-        a.loadData ? a.loadData(e).then(() => {
-          setTimeout(() => {
-            l(), J.value = !1;
-          }, 0);
-        }).catch(() => {
-          J.value = !1;
-        }) : l();
-      },
-      notifyOnLoad: (e, l) => {
-        a.onLoad && a.onLoad(e, l);
-      },
-      notifyListScroll: (e, l) => {
-        a.onListScroll && a.onListScroll(e, l);
-      },
-      notifyOnExceed: (e) => {
-        a.onExceed && a.onExceed(e);
-      },
-      notifyClear: () => {
-        g("clear");
-      },
-      toggleInputShow: (e, l) => {
-        R.value = e, P(l);
-      },
-      updateFocusState: (e) => {
-        ke.value = e;
-      },
-      updateLoadingKeyRefValue: (e) => {
-        Ke.value = e;
-      },
-      getLoadingKeyRefValue: () => Ke.value || /* @__PURE__ */ new Set(),
-      updateLoadedKeyRefValue: (e) => {
-        Te.value = e;
-      },
-      getLoadedKeyRefValue: () => Te.value || /* @__PURE__ */ new Set(),
-      setEmptyContentMinWidth: (e) => {
-        le.value = e, e > 0 && (U.value = e);
-      },
-      getTriggerWidth: () => {
-        const e = ae.value;
-        return e ? e.getBoundingClientRect().width : 0;
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      },
-      updateSearching: (e) => {
-        L.value = e;
-      }
-    }), { foundation: n } = Ua(Ma, ia);
-    S(
-      h,
-      (e, l) => {
-        if (!e && l && a.multiple && a.filterTreeNode) {
-          if (E.value) {
-            h.value = !0, O.value = !0;
-            return;
-          }
-          const t = document.activeElement, o = V.value;
-          t && o && o.contains(t) && (h.value = !0, O.value = !0);
-        }
-      },
-      { flush: "sync" }
-    ), S(
-      h,
-      (e) => {
-        O.value !== e && (O.value = e);
-      },
-      { flush: "sync" }
-    );
-    const ra = (e) => {
-      n.handleClick(e);
-    }, $e = (e) => {
-      n.handleKeyDown(e);
-    }, ua = (e) => {
-      n.focus(), g("focus", e);
-    }, da = (e) => {
-      n.blur(), g("blur", e);
-    }, ca = () => {
-      n.toggleHoverState(!0);
-    }, pa = () => {
-      n.toggleHoverState(!1);
-    }, Ie = (e) => {
-      e.stopPropagation(), n.handleClear(), g("clear");
-    }, ie = (e) => {
-      n.handleInputChange(e);
-    }, fa = (e) => {
-      if (!e && a.multiple && a.filterTreeNode) {
-        if (E.value)
-          return;
-        const l = document.activeElement, t = V.value;
-        if (l && t && t.contains(l))
-          return;
-      }
-      O.value = e, h.value = e;
-    }, va = (e) => {
-      if (!e && a.multiple && a.filterTreeNode) {
-        if (E.value) {
-          h.value = !0;
-          return;
-        }
-        const l = document.activeElement, t = V.value;
-        if (l && t && t.contains(l)) {
-          h.value = !0;
-          return;
-        }
-        setTimeout(() => {
-          E.value && !h.value && (h.value = !0);
-        }, 0);
-      }
-      e ? (n.open(), ae.value && requestAnimationFrame(() => {
-        P(() => {
-          var t;
-          const l = ((t = ae.value) == null ? void 0 : t.getBoundingClientRect().width) || 0;
-          l > 0 && (U.value = l);
-        });
-      })) : n.close({}), g("dropdownVisibleChange", e);
-    }, ya = (e) => {
-      if (a.multiple && a.filterTreeNode) {
-        const l = e.target, t = V.value;
-        if (t && t.contains(l))
-          return;
-      }
-      n.close(e);
-    }, ha = () => {
-      n.updateSearching(!1);
-    }, ma = (e, l) => {
-      n.handleItemClick(e, l);
-    }, ga = (e, l) => {
-      n.handleItemHover(e, l);
-    }, Ca = (e, l) => {
-      n.handleListScroll(e, l);
-    }, ba = (e, l, t) => {
-      var p;
-      const o = Object.values(c.value).find((f) => f.data[a.displayProp] === e);
-      if (!o)
-        return ue("span", { key: `empty-${l}` });
-      const s = a.disabled || o.data.disabled || a.disableStrictly && te.value.has(o.key), m = w(`${i}-selection-tag`, {
-        [`${i}-selection-tag-disabled`]: s
-      });
-      if (ye.tag) {
-        const f = ye.tag({ item: o, index: l });
-        if (f && typeof f == "object" && "type" in f) {
-          const v = f;
-          if (v.type && (v.type === ve || v.type.name === "Tag" || v.type.__name === "Tag")) {
-            const I = (p = v.props) == null ? void 0 : p.onClose;
-            return ue(
-              v.type,
-              {
-                ...v.props,
-                key: v.key || `tag-${o.key}-${l}`,
-                tagKey: o.key,
-                closable: !0,
-                disabled: s,
-                onClose: (z) => {
-                  z && typeof z.preventDefault == "function" && z.preventDefault(), z && typeof z.stopPropagation == "function" && z.stopPropagation(), n.handleTagRemoveByKey(o.key), I && typeof I == "function" && I(z), t();
-                }
-              },
-              v.children
-            );
-          }
-        }
-        return ue(
-          ve,
-          {
-            size: a.size === "default" ? "large" : a.size,
-            key: `tag-${o.key}-${l}`,
-            color: "white",
-            tagKey: o.key,
-            className: m,
-            closable: !0,
-            disabled: s,
-            onClose: (v) => {
-              v && typeof v.preventDefault == "function" && v.preventDefault(), v && typeof v.stopPropagation == "function" && v.stopPropagation(), n.handleTagRemoveByKey(o.key), t();
-            }
-          },
-          () => f
-        );
-      }
-      return a.displayRender && typeof a.displayRender == "function" ? a.displayRender(o, l) || ue("span", { key: `rendered-${o.key}-${l}` }) : ue(
-        ve,
-        {
-          size: a.size === "default" ? "large" : a.size,
-          key: `tag-${o.key}-${l}`,
-          color: "white",
-          tagKey: o.key,
-          className: m,
-          closable: !0,
-          disabled: s,
-          onClose: (f) => {
-            f && typeof f.preventDefault == "function" && f.preventDefault(), f && typeof f.stopPropagation == "function" && f.stopPropagation(), n.handleTagRemoveByKey(o.key), t();
-          }
-        },
-        () => o.data[a.displayProp]
-      );
-    }, ka = (...e) => {
-      const l = e[1], t = e[2], o = t ? Object.values(c.value).find((s) => s.key === t) : void 0;
-      l && typeof l.preventDefault == "function" && l.preventDefault(), l && typeof l.stopPropagation == "function" && l.stopPropagation(), o && n.handleTagRemoveByKey(o.key);
-    }, Ka = (e) => {
-      const l = Object.values(c.value).find((t) => t.data[a.displayProp] === e);
-      l && n.handleTagRemoveByKey(l.key);
-    }, xe = (e) => {
-      n.handleKeyDown(e);
-    }, Re = (e) => {
-      a.multiple && a.filterTreeNode && (E.value = !0, setTimeout(() => {
-        E.value = !1;
-      }, 500), setTimeout(() => {
-        E.value = !1;
-      }, 500));
-    }, Ta = () => {
-      Re();
-    }, Se = (e) => {
-      var l, t;
-      if (a.multiple && a.filterTreeNode && h.value) {
-        if (E.value) {
-          (l = e.preventDefault) == null || l.call(e), (t = e.stopPropagation) == null || t.call(e), requestAnimationFrame(() => {
-            if (h.value && r.value) {
-              if (typeof r.value.focus == "function")
-                r.value.focus();
-              else if (r.value.$el && r.value.$el.querySelector) {
-                const o = r.value.$el.querySelector("input");
-                o && o.focus();
-              }
-            }
-          });
-          return;
-        }
-        setTimeout(() => {
-          if (E.value) {
-            if (h.value && r.value) {
-              if (typeof r.value.focus == "function")
-                r.value.focus();
-              else if (r.value.$el && r.value.$el.querySelector) {
-                const p = r.value.$el.querySelector("input");
-                p && p.focus();
-              }
-            }
-            return;
-          }
-          const o = e.relatedTarget || document.activeElement, s = V.value;
-          if (o && s && s.contains(o)) {
-            if (h.value && r.value) {
-              if (typeof r.value.focus == "function")
-                r.value.focus();
-              else if (r.value.$el && r.value.$el.querySelector) {
-                const p = r.value.$el.querySelector("input");
-                p && p.focus();
-              }
-            }
-            return;
-          }
-          n.blur();
-        }, 0);
-      } else
-        n.blur();
-    }, Ea = (e) => {
-      n.focus();
-    }, Pa = (e) => {
-      ie(e);
-    }, $a = () => {
-      n.close({});
-    }, Ia = () => {
-      n.open();
-    }, xa = () => {
-      n.focus();
-    }, Ra = () => {
-      n.blur();
-    }, we = (e) => {
-      n.handleTagRemoveInTrigger(e);
-    };
-    Me({
-      search: Pa,
-      close: $a,
-      open: Ia,
-      focus: xa,
-      blur: Ra,
-      handleTagRemoveInTrigger: we
-    }), _e(() => {
-      he.value = a, n.init(), a.modelValue !== void 0 ? P(() => {
-        n.handleValueChange(a.modelValue), be(a.modelValue);
-      }) : a.value !== void 0 ? P(() => {
-        n.handleValueChange(a.value), be(a.value);
-      }) : a.defaultValue !== void 0 && P(() => {
-        n.handleValueChange(a.defaultValue);
-      });
-    }), Na(() => {
-      n == null || n.destroy();
-    });
-    const be = (e) => {
-      if (a.multiple && Array.isArray(e)) {
-        const l = /* @__PURE__ */ new Set();
-        e.forEach((s) => {
-          if (Array.isArray(s)) {
-            let m = Object.values(c.value).filter((p) => !p.parent);
-            for (let p = 0; p < s.length; p++) {
-              const f = s[p], v = m.find((I) => I.data.value === f);
-              v && (p === s.length - 1 && l.add(v.key), v.children && (m = v.children));
-            }
-          }
-        });
-        const t = Ha(Array.from(l), c.value);
-        x.value = t.checkedKeys, X.value = t.halfCheckedKeys;
-        const o = me.value === D.LEAF_ONLY_MERGE_TYPE;
-        M.value = new Set(
-          Be(Array.from(t.checkedKeys), c.value, o)
-        );
-      }
-    };
-    return S(
-      () => a.modelValue,
-      (e, l) => {
-        e !== void 0 && (n.handleValueChange(e), a.multiple && Array.isArray(e) && P(() => {
-          be(e);
-        }));
-      },
-      { deep: !0 }
-    ), S(
-      () => a.value,
-      (e) => {
-        e !== void 0 && n.handleValueChange(e);
-      },
-      { deep: !0 }
-    ), S(
-      () => a.treeData,
-      () => {
-        n.collectOptions(!1);
-      },
-      { deep: !0 }
-    ), S(
-      () => a.defaultValue,
-      (e) => {
-        e !== void 0 && a.modelValue === void 0 && a.value === void 0 && n.handleValueChange(e);
-      },
-      { deep: !0 }
-    ), S(
-      () => a.searchPlaceholder,
-      (e) => {
-        e !== void 0 && (N.value = e || a.placeholder || "");
-      }
-    ), S(
-      () => a.placeholder,
-      (e) => {
-        e !== void 0 && !a.searchPlaceholder && (N.value = e || "");
-      }
-    ), _e(() => {
-      he.value = a;
-    }), S(
-      () => [a.treeData, a.value, a.multiple],
-      ([e, l, t], [o, s]) => {
-        if (t)
-          return;
-        let m = !1;
-        Ba(o, e) || (m = !0, n.collectOptions()), s !== l && !m && l !== void 0 && n.handleValueChange(l);
-      },
-      { deep: !0 }
-    ), (e, l) => (d(), $(b(Fa), {
-      visible: O.value,
-      trigger: "custom",
-      position: na.value,
-      "z-index": a.zIndex,
-      "get-popup-container": a.getPopupContainer,
-      motion: a.motion,
-      "auto-adjust-overflow": a.autoAdjustOverflow,
-      margin: a.dropdownMargin,
-      "stop-propagation": a.stopPropagation,
-      "mouse-enter-delay": a.mouseEnterDelay,
-      "mouse-leave-delay": a.mouseLeaveDelay,
-      "after-close": ha,
-      "wrapper-class-name": `${b(i)}-popover`,
-      "click-to-hide": !1,
-      "click-trigger-to-hide": !1,
-      "disable-focus-listener": a.multiple && !!a.filterTreeNode,
-      "guard-focus": !1,
-      "return-focus-on-close": !1,
-      "onUpdate:visible": fa,
-      onVisibleChange: va,
-      onClickOutSide: ya
-    }, {
-      content: pe(() => [
-        fe("div", {
-          ref_key: "optionsContainerRef",
-          ref: V,
-          class: K(ta.value),
-          style: Ve(oa.value),
-          role: "listbox",
-          onKeydown: $e,
-          onMousedown: Re
-        }, [
-          re(e.$slots, "top", {}, () => [
-            a.topSlot ? (d(), $(F(a.topSlot), { key: 0 })) : j("", !0)
-          ]),
-          Va(Ga, {
-            "active-keys": B.value,
-            "selected-keys": T.value,
-            separator: a.separator,
-            "loaded-keys": oe.value,
-            "loading-keys": ne.value,
-            "on-item-click": ma,
-            "on-item-hover": ga,
-            "show-next": a.showNext,
-            "on-item-checkbox-click": Je,
-            "on-list-scroll": Ca,
-            searchable: qe.value,
-            keyword: C.value,
-            empty: Fe.value,
-            "empty-content": a.emptyContent,
-            "load-data": a.loadData,
-            data: We.value,
-            multiple: a.multiple,
-            "checked-keys": x.value,
-            "half-checked-keys": X.value,
-            "filter-render": a.filterRender,
-            virtualize: a.virtualizeInSearch,
-            "expand-icon": a.expandIcon,
-            onMouseDownInDropdown: Ta
-          }, null, 8, ["active-keys", "selected-keys", "separator", "loaded-keys", "loading-keys", "show-next", "searchable", "keyword", "empty", "empty-content", "load-data", "data", "multiple", "checked-keys", "half-checked-keys", "filter-render", "virtualize", "expand-icon"]),
-          re(e.$slots, "bottom", {}, () => [
-            a.bottomSlot ? (d(), $(F(a.bottomSlot), { key: 0 })) : j("", !0)
-          ])
-        ], 38)
-      ]),
-      default: pe(() => [
-        fe("div", {
-          id: a.id,
-          ref_key: "triggerRef",
-          ref: ae,
-          class: K(Ze.value),
-          style: Ve(a.style),
-          tabindex: "0",
-          "aria-label": a["aria-label"] || "Cascader",
-          "aria-labelledby": a["aria-labelledby"],
-          "aria-describedby": a["aria-describedby"],
-          "aria-errormessage": a["aria-errormessage"],
-          "aria-invalid": a["aria-invalid"],
-          "aria-required": a["aria-required"],
-          role: "combobox",
-          onClick: ra,
-          onKeydown: $e,
-          onFocus: ua,
-          onBlur: da,
-          onMouseenter: ca,
-          onMouseleave: pa
-        }, [
-          Ce.value ? (d(), $(F(sa.value), { key: 0 })) : (d(), k(_, { key: 1 }, [
-            a.prefix || a.insetLabel ? (d(), k("div", {
-              key: 0,
-              id: a.insetLabelId,
-              class: K(aa.value),
-              "x-semi-prop": "prefix,insetLabel"
-            }, [
-              a.prefix ? (d(), $(F(a.prefix), { key: 0 })) : a.insetLabel ? (d(), k(_, { key: 1 }, [
-                ee(q(a.insetLabel), 1)
-              ], 64)) : j("", !0)
-            ], 10, Qa)) : j("", !0),
-            fe("div", {
-              class: K(`${b(i)}-selection`)
-            }, [
-              a.multiple ? (d(), k(_, { key: 1 }, [
-                je.value ? (d(), $(b(ja), {
-                  key: 0,
-                  ref_key: "inputRef",
-                  ref: r,
-                  value: Ge.value,
-                  class: K(Xe.value),
-                  size: a.size,
-                  disabled: a.disabled,
-                  "max-tag-count": a.maxTagCount,
-                  "show-rest-tags-popover": a.showRestTagsPopover,
-                  "rest-tags-popover-props": a.restTagsPopoverProps,
-                  "render-tag-item": ba,
-                  "input-value": C.value,
-                  placeholder: a.placeholder,
-                  onInputChange: l[1] || (l[1] = (t, o) => ie(t)),
-                  onKeyDown: xe,
-                  onRemove: Ka,
-                  onFocus: Ea,
-                  onBlur: Se
-                }, null, 8, ["value", "class", "size", "disabled", "max-tag-count", "show-rest-tags-popover", "rest-tags-popover-props", "input-value", "placeholder"])) : (d(), k(_, { key: 1 }, [
-                  Q.value.size > 0 ? (d(), $(b(Wa), {
-                    key: 0,
-                    "max-tag-count": a.maxTagCount,
-                    "rest-count": Ye.value,
-                    "show-popover": a.showRestTagsPopover,
-                    "popover-props": a.restTagsPopoverProps,
-                    size: a.size === "default" ? "large" : a.size
-                  }, {
-                    default: pe(() => [
-                      (d(!0), k(_, null, za(Ue.value, (t, o) => (d(), $(b(ve), {
-                        key: t.key,
-                        closable: !0,
-                        disabled: t.data.disabled,
-                        "tag-key": t.key,
-                        class: K(`${b(i)}-selection-tag`),
-                        onClose: ka
-                      }, {
-                        default: pe(() => [
-                          re(e.$slots, "tag", {
-                            item: t,
-                            index: o
-                          }, () => [
-                            ee(q(t.data[a.displayProp]), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["disabled", "tag-key", "class"]))), 128))
-                    ]),
-                    _: 3
-                  }, 8, ["max-tag-count", "rest-count", "show-popover", "popover-props", "size"])) : (d(), k("span", {
-                    key: 1,
-                    class: K([`${b(i)}-selection-placeholder`])
-                  }, q(a.placeholder), 3))
-                ], 64))
-              ], 64)) : (d(), k(_, { key: 0 }, [
-                a.filterTreeNode ? (d(), k("div", {
-                  key: 0,
-                  class: K(ea.value)
-                }, [
-                  fe("span", {
-                    class: K(Ee.value)
-                  }, [
-                    se.value.length > 0 ? re(e.$slots, "display", {
-                      key: 0,
-                      selected: se.value,
-                      index: 0
-                    }, () => [
-                      ee(q(ge.value), 1)
-                    ]) : (d(), k(_, { key: 1 }, [
-                      ee(q(a.placeholder), 1)
-                    ], 64))
-                  ], 2),
-                  R.value ? (d(), $(b(qa), {
-                    key: 0,
-                    ref_key: "inputRef",
-                    ref: r,
-                    value: C.value,
-                    class: K(`${b(i)}-input ${b(i)}-input-single`),
-                    size: a.size,
-                    disabled: a.disabled,
-                    borderless: "",
-                    onInput: l[0] || (l[0] = (t) => ie(t.target.value)),
-                    onKeydown: xe,
-                    onBlur: Se
-                  }, null, 8, ["value", "class", "size", "disabled"])) : j("", !0)
-                ], 2)) : (d(), k("span", {
-                  key: 1,
-                  class: K(Ee.value)
-                }, [
-                  se.value.length > 0 ? re(e.$slots, "display", {
-                    key: 0,
-                    selected: se.value,
-                    index: 0
-                  }, () => [
-                    ee(q(ge.value), 1)
-                  ]) : (d(), k(_, { key: 1 }, [
-                    ee(q(a.placeholder), 1)
-                  ], 64))
-                ], 2))
-              ], 64))
-            ], 2),
-            a.suffix ? (d(), k("div", {
-              key: 1,
-              class: K(la.value),
-              "x-semi-prop": "suffix"
-            }, [
-              (d(), $(F(a.suffix)))
-            ], 2)) : j("", !0),
-            Pe.value ? (d(), k("div", {
-              key: 2,
-              class: K(`${b(i)}-clearbtn`),
-              onClick: _a(Ie, ["stop"])
-            }, [
-              (d(), $(F(a.clearIcon || b(Ya))))
-            ], 2)) : Pe.value ? j("", !0) : (d(), k("div", {
-              key: 3,
-              class: K(`${b(i)}-arrow`)
-            }, [
-              (d(), $(F(a.arrowIcon || b(Xa))))
-            ], 2))
-          ], 64))
-        ], 46, Ja)
-      ]),
-      _: 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", "disable-focus-listener"]));
-  }
-});
-export {
-  gl as default
-};