@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/select/Select.vue.js

@@ -1,1190 +0,0 @@
-import { defineComponent as Oe, useModel as kl, useSlots as Tl, computed as c, ref as d, onMounted as _l, nextTick as k, watch as Ce, onUnmounted as Sl, onUpdated as xl, openBlock as n, createBlock as g, unref as i, withCtx as j, createElementVNode as z, normalizeStyle as _, normalizeClass as h, resolveDynamicComponent as A, createElementBlock as p, Fragment as C, renderSlot as E, createTextVNode as te, toDisplayString as J, createCommentVNode as w, renderList as pe, withModifiers as Ll, createVNode as Ve, mergeModels as ze, h as P } from "vue";
-import W from "classnames";
-import { cssClasses as Ml, numbers as Fe } from "@douyinfe/semi-foundation/select/constants";
-import Bl from "@douyinfe/semi-foundation/select/foundation";
-import Ol from "@douyinfe/semi-foundation/utils/Event";
-import Re from "../popover/Popover.vue.js";
-import "../popover/popover.css";
-import { Input as we } from "../input/index.js";
-import ae from "../tag/Tag.vue.js";
-import Vl from "../tag/TagGroup.vue.js";
-import "../tag/tag.css";
-import zl from "../spin/Spin.vue.js";
-import "../spin/spin.css";
-import Fl from "../overflowList/OverflowList.vue.js";
-import "../space/index.js";
-import oe from "./Option.vue.js";
-import Rl from "./OptionGroup.vue.js";
-import { getOptionsFromGroup as Pl } from "./utils.js";
-import { useInputGroup as Hl } from "../input/context.js";
-import Nl from "../icons/icons/IconClear.vue.js";
-import Al from "../icons/icons/IconSearch.vue.js";
-import El from "../icons/icons/IconChevronDown.vue.js";
-import Wl from "../space/Space.vue.js";
-const Dl = ["aria-multiselectable"], Gl = ["onClick"], Kl = ["onClick"], jl = ["id", "name", "aria-label", "aria-labelledby", "aria-describedby"], ql = ["id"], mt = /* @__PURE__ */ Oe({
-  __name: "Select",
-  props: /* @__PURE__ */ ze({
-    "aria-describedby": {},
-    "aria-errormessage": {},
-    "aria-invalid": { type: Boolean },
-    "aria-labelledby": {},
-    "aria-required": { type: Boolean },
-    id: {},
-    name: {},
-    autoFocus: { type: Boolean },
-    autoClearSearchValue: { type: Boolean, default: !0 },
-    arrowIcon: { default: () => El },
-    borderless: { type: Boolean, default: !1 },
-    clearIcon: {},
-    defaultValue: {},
-    value: {},
-    placeholder: { default: "" },
-    multiple: { type: Boolean, default: !1 },
-    filter: { type: [Boolean, Function], default: !1 },
-    max: {},
-    maxTagCount: {},
-    maxHeight: { default: Fe.LIST_HEIGHT },
-    style: {},
-    className: {},
-    size: {},
-    disabled: { type: Boolean, default: !1 },
-    emptyContent: {},
-    expandRestTagsOnClick: { type: Boolean, default: !1 },
-    zIndex: { default: 1030 },
-    position: {},
-    dropdownClassName: {},
-    dropdownStyle: {},
-    dropdownMargin: {},
-    ellipsisTrigger: { type: Boolean, default: !1 },
-    optionList: {},
-    dropdownMatchSelectWidth: { type: Boolean, default: !0 },
-    loading: { type: Boolean },
-    defaultOpen: { type: Boolean, default: !1 },
-    validateStatus: {},
-    defaultActiveFirstOption: { type: Boolean, default: !0 },
-    onChangeWithObject: { type: Boolean, default: !1 },
-    searchPosition: { default: "trigger" },
-    searchPlaceholder: {},
-    insetLabel: {},
-    insetLabelId: {},
-    inputProps: {},
-    showClear: { type: Boolean, default: !1 },
-    showArrow: { type: Boolean, default: !0 },
-    renderSelectedItem: {},
-    renderCreateItem: {},
-    renderOptionItem: {},
-    clickToHide: { type: Boolean },
-    remote: { type: Boolean, default: !1 },
-    allowCreate: { type: Boolean, default: !1 },
-    triggerRender: {},
-    virtualize: {},
-    preventScroll: { type: Boolean },
-    showRestTagsPopover: { type: Boolean, default: !1 },
-    restTagsPopoverProps: {},
-    spacing: {},
-    getPopupContainer: {},
-    motion: { type: Boolean, default: !0 },
-    autoAdjustOverflow: { type: Boolean, default: !0 },
-    mouseLeaveDelay: {},
-    mouseEnterDelay: {},
-    stopPropagation: { type: Boolean, default: !0 },
-    children: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ze(["update:value", "change", "dropdownVisibleChange", "search", "mouseEnter", "mouseLeave", "exceed", "create", "deselect", "select", "clear", "focus", "blur", "listScroll"], ["update:modelValue"]),
-  setup(Ie, { expose: Pe, emit: He }) {
-    const s = Ml.PREFIX, ve = kl(Ie, "modelValue"), l = Ie, Ne = Oe({
-      name: "SlotCollector",
-      emits: ["collect"],
-      setup(e, { slots: o, emit: t }) {
-        return () => {
-          var u;
-          const r = ((u = o.default) == null ? void 0 : u.call(o)) || [];
-          return t("collect", r), null;
-        };
-      }
-    }), I = He, T = Tl(), $e = Hl(), q = c(() => {
-      var e;
-      return (e = $e.inputGroup) != null && e.size ? $e.inputGroup.size : l.size || "default";
-    }), Y = d([]), Ae = (e) => {
-      Y.value = e;
-    }, D = d(), X = d(), G = d(), Ee = d(), de = d(), fe = d(), b = d(l.defaultOpen || !1), O = d(!1), V = d([]), S = d(/* @__PURE__ */ new Map()), M = d(null), m = d(""), B = d(l.defaultActiveFirstOption ? 0 : -1), F = d(!1), Q = d(!1), K = d(!1), re = d(!1), R = d(0), ge = d(0), se = new Ol(), ne = d(null), H = c(() => ve.value !== void 0 ? ve.value : l.value !== void 0 ? l.value : l.defaultValue), We = {
-      getState: (e) => ({
-        isOpen: b.value,
-        isFocus: O.value,
-        options: V.value,
-        selections: S.value,
-        dropdownMinWidth: M.value,
-        inputValue: m.value,
-        focusIndex: B.value,
-        isHovering: Q.value,
-        showInput: K.value,
-        isFullTags: re.value,
-        overflowItemCount: R.value
-      })[e],
-      getStates: () => ({
-        isOpen: b.value,
-        isFocus: O.value,
-        options: V.value,
-        selections: S.value,
-        dropdownMinWidth: M.value,
-        inputValue: m.value,
-        focusIndex: B.value,
-        isHovering: Q.value,
-        showInput: K.value,
-        isFullTags: re.value,
-        overflowItemCount: R.value
-      }),
-      getProp: (e) => e === "value" ? H.value : l[e],
-      getProps: () => l,
-      setState: (e, o) => {
-        e.isOpen !== void 0 && (b.value = e.isOpen), e.isFocus !== void 0 && (O.value = e.isFocus), e.options !== void 0 && (V.value = e.options), e.selections !== void 0 && (S.value = e.selections), e.inputValue !== void 0 && (m.value = e.inputValue), e.focusIndex !== void 0 && (B.value = e.focusIndex), e.isHovering !== void 0 && (Q.value = e.isHovering), e.showInput !== void 0 && (K.value = e.showInput), e.isFullTags !== void 0 && (re.value = e.isFullTags), e.overflowItemCount !== void 0 && (R.value = e.overflowItemCount), o && k(o);
-      },
-      getContext: (e) => null,
-      getContexts: () => ({}),
-      getCache: (e) => null,
-      getCaches: () => ({}),
-      setCache: (e, o) => {
-      },
-      registerKeyDown: (e) => {
-        ne.value = e;
-      },
-      unregisterKeyDown: () => {
-        ne.value = null;
-      },
-      updateFocusIndex: (e) => {
-        F.value = !0, B.value = e;
-      },
-      updateInputValue: (e) => {
-        m.value = e;
-      },
-      toggleInputShow: (e, o) => {
-        K.value = e, k(() => o());
-      },
-      focusInput: () => {
-        k(() => {
-          X.value && typeof X.value.focus == "function" && X.value.focus();
-        });
-      },
-      focusDropdownInput: () => {
-        k(() => {
-          G.value && typeof G.value.focus == "function" && G.value.focus();
-        });
-      },
-      notifyMaxLimit: (e) => {
-        I("exceed", e);
-      },
-      getMaxLimit: () => l.max,
-      registerClickOutsideHandler: () => {
-      },
-      unregisterClickOutsideHandler: () => {
-      },
-      rePositionDropdown: () => {
-      },
-      notifyDeselect: (e, o) => {
-        delete o._parentGroup, I("deselect", e, o);
-      },
-      getOptionsFromChildren: () => {
-        const e = Y.value, { optionList: o } = l;
-        return o && o.length ? o.map((t, r) => ({
-          _show: !0,
-          _selected: !1,
-          _scrollIndex: r,
-          ...t
-        })) : Pl(e).options;
-      },
-      updateOptions: (e) => {
-        if (V.value.length === e.length) {
-          let o = !0;
-          for (let t = 0; t < e.length; t++) {
-            const r = V.value[t], u = e[t];
-            if (r !== u && ((r == null ? void 0 : r.value) !== (u == null ? void 0 : u.value) || (r == null ? void 0 : r.label) !== (u == null ? void 0 : u.label) || (r == null ? void 0 : r._show) !== (u == null ? void 0 : u._show) || (r == null ? void 0 : r._selected) !== (u == null ? void 0 : u._selected))) {
-              o = !1;
-              break;
-            }
-          }
-          if (o)
-            return;
-        }
-        V.value = e;
-      },
-      openMenu: (e) => {
-        b.value = !0, k(() => {
-          requestAnimationFrame(() => {
-            e == null || e();
-          });
-        });
-      },
-      closeMenu: (e) => {
-        b.value = !1, e && k(() => e());
-      },
-      getTriggerWidth: () => {
-        var e;
-        return ((e = D.value) == null ? void 0 : e.getBoundingClientRect().width) || 0;
-      },
-      setOptionWrapperWidth: (e) => {
-        if (typeof e == "number" && e > 0)
-          M.value = e;
-        else if (typeof e == "string") {
-          const o = parseFloat(e);
-          !isNaN(o) && o > 0 ? M.value = o : M.value = e;
-        }
-        (typeof e == "number" && e === 0 || !e) && requestAnimationFrame(() => {
-          k(() => {
-            if (D.value && l.dropdownMatchSelectWidth) {
-              const o = D.value.getBoundingClientRect().width || 0;
-              o > 0 && (M.value = o);
-            }
-          });
-        });
-      },
-      updateSelection: (e) => {
-        S.value = new Map(e);
-      },
-      getSelections: () => new Map(S.value),
-      updateFocusState: (e) => {
-        O.value = e;
-      },
-      focusTrigger: () => {
-        var e;
-        (e = D.value) == null || e.focus();
-      },
-      notifyChange: (e) => {
-        ve.value = e, I("update:value", e), I("change", e);
-      },
-      notifySelect: (e, o) => {
-        delete o._parentGroup, I("select", e, o);
-      },
-      notifyDropdownVisibleChange: (e) => {
-        I("dropdownVisibleChange", e);
-      },
-      notifySearch: (e, o) => {
-        I("search", e, o);
-      },
-      notifyCreate: (e) => {
-        I("create", e);
-      },
-      notifyMouseEnter: (e) => {
-        I("mouseEnter", e);
-      },
-      notifyMouseLeave: (e) => {
-        I("mouseLeave", e);
-      },
-      notifyClear: () => {
-        I("clear");
-      },
-      notifyFocus: (e) => {
-        I("focus", e);
-      },
-      notifyBlur: (e) => {
-        I("blur", e);
-      },
-      notifyListScroll: (e) => {
-        I("listScroll", e);
-      },
-      updateHovering: (e) => {
-        Q.value = e;
-      },
-      updateScrollTop: (e) => {
-        let o;
-        "renderOptionItem" in l ? (o = `.${s}-option-custom-selected`, e !== void 0 && (o = `.${s}-option-custom:nth-child(${e + 1})`)) : (o = `.${s}-option-selected`, e !== void 0 && (o = `.${s}-option:nth-child(${e + 1})`));
-        const t = de.value;
-        if (!t) return;
-        const r = t.querySelector(o);
-        if (r) {
-          const u = r.parentNode;
-          u && (u.scrollTop = r.offsetTop - u.offsetTop - u.clientHeight / 2 + r.clientHeight / 2);
-        }
-      },
-      updateOverflowItemCount: (e) => {
-        R.value = e;
-      },
-      getContainer: () => de.value,
-      getFocusableElements: (e) => {
-        if (!e) return [];
-        const o = [
-          "a[href]",
-          "area[href]",
-          'input:not([disabled]):not([type="hidden"])',
-          "select:not([disabled])",
-          "textarea:not([disabled])",
-          "button:not([disabled])",
-          "iframe",
-          "object",
-          "embed",
-          "[contenteditable]",
-          '[tabindex]:not([tabindex^="-"])'
-        ].join(",");
-        return Array.from(e.querySelectorAll(o));
-      },
-      getActiveElement: () => document.activeElement,
-      setIsFocusInContainer: (e) => {
-        O.value = e;
-      },
-      getIsFocusInContainer: () => O.value,
-      on: (e, o) => {
-        se.on(e, o);
-      },
-      off: (e) => {
-        se.off(e);
-      },
-      emit: (e) => {
-        se.emit(e);
-      },
-      once: (e, o) => {
-        se.once(e, o);
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      }
-    }, a = new Bl(We), ue = d(!1);
-    _l(() => {
-      l.optionList && l.optionList.length > 0 && (a.init(), ue.value = !0, k(() => {
-        H.value !== void 0 && (a == null || a.handleValueChange(H.value));
-      }));
-    }), Ce(
-      Y,
-      () => {
-        !ue.value && Y.value.length > 0 && k(() => {
-          a.init(), ue.value = !0, k(() => {
-            H.value !== void 0 && (a == null || a.handleValueChange(H.value));
-          });
-        });
-      },
-      { immediate: !0 }
-    ), Sl(() => {
-      a == null || a.destroy();
-    }), Ce(
-      () => H.value,
-      (e, o) => {
-        ue.value && e !== o && (a == null || a.handleValueChange(e));
-      },
-      { deep: !0 }
-    ), Ce(
-      () => l.optionList,
-      () => {
-        a == null || a.handleOptionListChange(), k(() => {
-          "value" in l ? a == null || a.handleValueChange(l.value) : a == null || a.handleOptionListChangeHadDefaultValue();
-        });
-      },
-      { deep: !0 }
-    );
-    let he = [];
-    const ke = (e) => {
-      const o = [];
-      return e.forEach((t) => {
-        if (t)
-          if (t.type === C) {
-            const r = Array.isArray(t.children) ? t.children : [];
-            o.push(...ke(r));
-          } else t.type && typeof t.type == "object" && o.push(t);
-      }), o;
-    };
-    xl(() => {
-      if (!l.optionList || l.optionList.length === 0) {
-        const o = ke(Y.value).map((r) => {
-          var u;
-          return r.key || ((u = r.props) == null ? void 0 : u.value);
-        });
-        let t = o.length !== he.length;
-        if (!t) {
-          for (let r = 0; r < o.length; r++)
-            if (o[r] !== he[r]) {
-              t = !0;
-              break;
-            }
-        }
-        t && (he = o, a == null || a.handleOptionListChange(), k(() => {
-          H.value !== void 0 ? a == null || a.handleValueChange(H.value) : a == null || a.handleOptionListChangeHadDefaultValue();
-        }));
-      }
-    });
-    const Te = c(() => typeof l.triggerRender == "function"), De = c(() => Te.value ? W(l.className) : W(s, l.className, {
-      [`${s}-borderless`]: l.borderless,
-      [`${s}-open`]: b.value,
-      [`${s}-focus`]: O.value,
-      [`${s}-disabled`]: l.disabled,
-      [`${s}-single`]: !l.multiple,
-      [`${s}-multiple`]: l.multiple,
-      [`${s}-filterable`]: !!l.filter,
-      [`${s}-small`]: q.value === "small",
-      [`${s}-large`]: q.value === "large",
-      [`${s}-error`]: l.validateStatus === "error",
-      [`${s}-warning`]: l.validateStatus === "warning",
-      [`${s}-no-arrow`]: !l.showArrow,
-      [`${s}-with-prefix`]: T.prefix || l.insetLabel,
-      [`${s}-with-suffix`]: T.suffix
-    })), Ge = c(() => {
-      const e = T.prefix || l.insetLabel, o = typeof e == "string";
-      return W({
-        [`${s}-prefix`]: !0,
-        [`${s}-inset-label`]: l.insetLabel,
-        [`${s}-prefix-text`]: e && o,
-        [`${s}-prefix-icon`]: e && !o
-      });
-    }), ie = c(() => q.value === "small" ? "small" : "large"), y = c(() => Array.from(S.value.values())), v = c(() => V.value.filter((e) => e._show)), N = c(() => {
-      var e;
-      return ((e = l.virtualize) == null ? void 0 : e.itemSize) || 32;
-    }), me = c(() => {
-      var e;
-      return ((e = l.virtualize) == null ? void 0 : e.height) || Fe.LIST_HEIGHT;
-    }), Ke = c(() => {
-      var e;
-      return ((e = l.virtualize) == null ? void 0 : e.width) || "100%";
-    }), je = c(() => v.value.length * N.value), qe = c(() => Math.ceil(me.value / N.value) + 2), ye = c(() => {
-      const e = Math.floor(ge.value / N.value);
-      return Math.max(0, e - 1);
-    }), Ue = c(() => Math.min(v.value.length, ye.value + qe.value)), Je = c(() => {
-      const e = [];
-      for (let o = ye.value; o < Ue.value; o++)
-        e.push(o);
-      return e;
-    }), Ye = c(() => ye.value * N.value);
-    function _e(e) {
-      return typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : `group-${JSON.stringify(e.label)}`;
-    }
-    const Se = c(() => {
-      const e = [], o = /* @__PURE__ */ new Set();
-      return v.value.forEach((t) => {
-        let r = !1, u;
-        if (t._parentGroup) {
-          const f = _e(t._parentGroup);
-          if (!o.has(f)) {
-            r = !0;
-            const { key: x, ref: L, ...$ } = t._parentGroup;
-            u = $, o.add(f);
-          }
-        }
-        e.push({
-          option: t,
-          showGroupLabel: r,
-          groupLabel: u
-        });
-      }), e;
-    }), xe = c(() => l.allowCreate ? !0 : !l.filter || l.searchPosition !== "trigger" ? !1 : l.multiple ? !0 : K.value || b.value), Le = c(() => l.showClear && (S.value.size > 0 || m.value) && !l.disabled && (Q.value || b.value)), Xe = c(() => {
-      const e = l.searchPosition === "trigger", t = y.value.length > 0 ? y.value[0].label : "";
-      return W({
-        [`${s}-selection-text`]: !0,
-        [`${s}-selection-placeholder`]: !t && t !== 0,
-        [`${s}-selection-text-hide`]: m.value && K.value && e,
-        [`${s}-selection-text-inactive`]: !m.value && K.value && e
-      });
-    }), Qe = c(() => {
-      const e = {
-        ...l.dropdownStyle
-      };
-      if (M.value) {
-        const o = typeof M.value == "number" ? `${M.value}px` : M.value;
-        e.minWidth = o;
-      }
-      return e;
-    }), Ze = c(() => {
-      const e = !V.value.length || !V.value.some((o) => o._show);
-      return W(
-        {
-          [`${s}-option-list-wrapper`]: !(e && l.emptyContent === null)
-        },
-        l.dropdownClassName
-      );
-    }), el = c(() => {
-      const e = {};
-      return l.maxHeight && (e.maxHeight = typeof l.maxHeight == "number" ? `${l.maxHeight}px` : l.maxHeight), e;
-    }), ll = c(() => W({
-      [`${s}-option-list`]: !0,
-      [`${s}-option-list-chosen`]: S.value.size > 0
-    })), tl = c(() => W(`${s}-dropdown-input`, {
-      [`${s}-dropdown-input-multiple`]: l.multiple,
-      [`${s}-dropdown-input-single`]: !l.multiple
-    })), al = c(() => W(`${s}-content-wrapper`, {
-      [`${s}-content-wrapper-one-line`]: l.maxTagCount && !b.value,
-      [`${s}-content-wrapper-empty`]: !y.value.length
-    })), ol = c(() => !l.maxTagCount || l.showRestTagsPopover ? y.value : y.value.slice(0, l.maxTagCount)), Me = c(() => {
-      if (l.maxTagCount)
-        return l.maxTagCount;
-    }), rl = c(() => {
-      if (l.maxTagCount && !l.showRestTagsPopover)
-        return y.value.length - l.maxTagCount;
-    }), sl = c(() => {
-      if (!l.triggerRender || typeof l.triggerRender != "function")
-        return null;
-      const e = {
-        value: y.value,
-        inputValue: m.value,
-        onSearch: (t) => {
-          a == null || a.handleInputChange(t, {});
-        },
-        onChange: (t) => {
-          a == null || a.handleInputChange(t, {});
-        },
-        onRemove: (t) => {
-          a == null || a.removeTag({ label: t.label, value: t.value });
-        },
-        onClear: (t) => {
-          a == null || a.handleClearClick(t);
-        },
-        disabled: l.disabled,
-        placeholder: l.placeholder,
-        componentProps: { ...l }
-      };
-      return l.triggerRender(e);
-    });
-    function Z(e, o, t = !1) {
-      var f, x;
-      const r = e.disabled || l.disabled, u = (L, $) => {
-        $ && typeof $.preventDefault == "function" && $.preventDefault(), a == null || a.removeTag({ label: e.label, value: e.value });
-      };
-      if (T.selectedItem) {
-        const L = T.selectedItem({
-          option: e,
-          index: o,
-          disabled: r,
-          onClose: u
-        }), $ = Array.isArray(L) ? L[0] : L;
-        if ($ && typeof $ == "object" && "type" in $) {
-          const le = ((f = $.type) == null ? void 0 : f.__name) || ((x = $.type) == null ? void 0 : x.name);
-          if (le === "Tag" || le === "SemiTag")
-            return $;
-        }
-        return P(
-          ae,
-          {
-            closable: !r,
-            disabled: r,
-            color: "white",
-            size: ie.value,
-            onClose: u,
-            class: t ? `${s}-content-wrapper-collapse-tag` : void 0
-          },
-          {
-            default: () => $
-          }
-        );
-      }
-      if (typeof l.renderSelectedItem == "function") {
-        const L = l.renderSelectedItem(e, {
-          index: o,
-          disabled: r,
-          onClose: u
-        });
-        if (L && typeof L == "object" && "isRenderInTag" in L) {
-          const { isRenderInTag: $, content: le } = L;
-          return $ ? P(
-            ae,
-            {
-              closable: !r,
-              disabled: r,
-              color: "white",
-              size: ie.value,
-              onClose: u,
-              class: t ? `${s}-content-wrapper-collapse-tag` : void 0
-            },
-            {
-              default: () => le
-            }
-          ) : le;
-        }
-        return P(
-          ae,
-          {
-            closable: !r,
-            disabled: r,
-            color: "white",
-            size: ie.value,
-            onClose: u,
-            class: t ? `${s}-content-wrapper-collapse-tag` : void 0
-          },
-          {
-            default: () => L
-          }
-        );
-      }
-      return P(
-        ae,
-        {
-          closable: !r,
-          disabled: r,
-          color: "white",
-          size: ie.value,
-          onClose: u,
-          class: t ? `${s}-content-wrapper-collapse-tag` : void 0
-        },
-        {
-          default: () => e.label
-        }
-      );
-    }
-    function nl(e, o) {
-      const t = P(
-        ae,
-        {
-          closable: !1,
-          size: q.value || "large",
-          color: "grey",
-          class: `${s}-content-wrapper-collapse-tag`,
-          key: `_+${e}`,
-          style: { marginRight: 0, flexShrink: 0 }
-        },
-        {
-          default: () => `+${e}`
-        }
-      );
-      return l.showRestTagsPopover ? P(
-        Re,
-        {
-          showArrow: !0,
-          trigger: "hover",
-          position: "top",
-          autoAdjustOverflow: !0,
-          ...l.restTagsPopoverProps,
-          key: `_+${e}_Popover`
-        },
-        {
-          default: () => t,
-          content: () => P(
-            Wl,
-            {
-              spacing: 2,
-              wrap: !0,
-              style: { maxWidth: "400px" }
-            },
-            {
-              default: () => o.map((r, u) => Z(r, u))
-            }
-          )
-        }
-      ) : t;
-    }
-    function ul(e, o) {
-      return e.length && e[0] ? Z(e[0], o, !0) : null;
-    }
-    function il(e) {
-      const { maxTagCount: o } = l, t = S.value.size - (o || 0) > 0 ? S.value.size - (o || 0) + e.length - 1 : e.length - 1;
-      R.value !== t && (a == null || a.updateOverflowItemCount(S.value.size, t));
-    }
-    function cl(e, o) {
-      const t = e.map((f) => ({
-        label: f.label,
-        option: f
-      })), r = typeof o == "number" ? t.slice(0, o) : t, u = [
-        P(Fl, {
-          items: r,
-          key: String(e.length),
-          itemKey: (f) => {
-            var x;
-            return ((x = f.option) == null ? void 0 : x.value) || f.label;
-          },
-          renderMode: "collapse",
-          collapseFrom: "end",
-          overflowRenderer: (f) => {
-            var x;
-            return f.length > 0 && ((x = f[0]) != null && x.option) ? ul([f[0].option], (o || 0) - 1) : null;
-          },
-          onOverflow: (f) => {
-            const x = f.map((L) => L.option).filter(Boolean);
-            il(x);
-          },
-          visibleItemRenderer: (f, x) => Z(f.option, x),
-          style: {
-            display: "flex",
-            flexWrap: "nowrap",
-            alignItems: "center",
-            width: "100%",
-            minWidth: 0
-          }
-        })
-      ];
-      if (R.value > 0) {
-        const f = e.slice(e.length - R.value);
-        u.push(nl(R.value, f));
-      }
-      return P(
-        "div",
-        {
-          class: `${s}-content-wrapper-collapse`,
-          style: {
-            display: "flex",
-            flexWrap: "nowrap",
-            alignItems: "center",
-            overflow: "hidden",
-            width: "100%",
-            minWidth: 0
-          }
-        },
-        u
-      );
-    }
-    function pl(e) {
-      l.disabled || a == null || a.handleClick(e);
-    }
-    function U(e, o) {
-      const t = V.value.findIndex((r) => r.value === e.value);
-      a == null || a.onSelect(e, t >= 0 ? t : 0, o);
-    }
-    function vl(e) {
-      e.stopPropagation(), a == null || a.handleClearClick(e);
-    }
-    function be(e) {
-      const t = e.target.value;
-      a == null || a.handleInputChange(t, e);
-    }
-    function ee(e) {
-      ne.value && ne.value(e);
-    }
-    function dl(e) {
-      O.value = !0, a == null || a.handleTriggerFocus(e);
-    }
-    function fl(e) {
-      O.value = !1, a == null || a.handleTriggerBlur(e);
-    }
-    function gl(e) {
-      l.multiple && l.filter && (O.value = !0), e.stopPropagation();
-    }
-    function Be(e) {
-      a == null || a.handleInputBlur(e);
-    }
-    function hl(e) {
-      a == null || a.handleMouseEnter(e);
-    }
-    function ml(e) {
-      a == null || a.handleMouseLeave(e);
-    }
-    function ce(e) {
-      F.value = !0, B.value = e;
-    }
-    function yl(e) {
-      a == null || a.handleListScroll(e);
-    }
-    function bl(e) {
-      b.value = e, e ? (l.virtualize && (ge.value = 0), l.dropdownMatchSelectWidth && D.value && requestAnimationFrame(() => {
-        k(() => {
-          var t;
-          const o = ((t = D.value) == null ? void 0 : t.getBoundingClientRect().width) || 0;
-          o > 0 && (M.value = o);
-        });
-      }), l.searchPosition === "dropdown" && l.filter && k(() => {
-        G.value && typeof G.value.focus == "function" && G.value.focus();
-      }), l.virtualize && S.value.size > 0 && k(() => {
-        Cl();
-      })) : (F.value = !1, re.value = !1, l.ellipsisTrigger || (R.value = 0)), I("dropdownVisibleChange", e);
-    }
-    function Cl() {
-      if (!l.virtualize || !fe.value)
-        return;
-      let e = -1;
-      if (S.value.forEach((o) => {
-        const t = o._scrollIndex;
-        typeof t == "number" && t >= 0 && (e = e !== -1 && e < t ? e : t);
-      }), e !== -1) {
-        const o = e * N.value - me.value / 2;
-        fe.value.scrollTop = Math.max(0, o);
-      }
-    }
-    function wl() {
-      a == null || a.handlePopoverClose();
-    }
-    function Il(e) {
-      b.value && !l.disabled && (a == null || a.close());
-    }
-    function $l(e) {
-      const o = e.target;
-      ge.value = o.scrollTop;
-    }
-    return Pe({
-      clearInput: () => {
-        m.value = "";
-      },
-      selectAll: () => {
-        a == null || a.selectAll();
-      },
-      deselectAll: () => {
-        a == null || a.handleClearClick({});
-      },
-      focus: () => {
-        a == null || a.focus();
-      },
-      close: () => {
-        a == null || a.close();
-      },
-      open: () => {
-        a == null || a.open();
-      },
-      search: (e, o) => {
-        a == null || a.handleInputChange(e, o || {});
-      }
-    }), (e, o) => (n(), g(i(Re), {
-      visible: b.value,
-      "onUpdate:visible": o[0] || (o[0] = (t) => b.value = t),
-      trigger: "custom",
-      position: l.position || "bottomLeft",
-      "z-index": l.zIndex,
-      "get-popup-container": l.getPopupContainer,
-      motion: l.motion,
-      "auto-adjust-overflow": l.autoAdjustOverflow,
-      spacing: l.spacing,
-      margin: l.dropdownMargin,
-      "stop-propagation": l.stopPropagation,
-      "mouse-enter-delay": l.mouseEnterDelay,
-      "mouse-leave-delay": l.mouseLeaveDelay,
-      "after-close": wl,
-      "wrapper-class-name": `${i(s)}-dropdown`,
-      "disable-focus-listener": !0,
-      onVisibleChange: bl,
-      onClickOutSide: Il
-    }, {
-      content: j(() => [
-        z("div", {
-          ref_key: "optionsContainerRef",
-          ref: Ee,
-          class: h(Ze.value),
-          style: _(Qe.value),
-          onKeydown: ee
-        }, [
-          i(T).outerTopSlot ? (n(), p("div", {
-            key: 0,
-            class: h(`${i(s)}-option-list-outer-top-slot`)
-          }, [
-            E(e.$slots, "outerTopSlot")
-          ], 2)) : w("", !0),
-          l.filter && l.searchPosition === "dropdown" ? (n(), p("div", {
-            key: 1,
-            class: h(`${i(s)}-dropdown-search-wrapper`)
-          }, [
-            Ve(i(we), {
-              ref_key: "dropdownInputRef",
-              ref: G,
-              value: m.value,
-              class: h(tl.value),
-              placeholder: l.searchPlaceholder || "搜索",
-              "show-clear": "",
-              onInput: be,
-              onKeyDown: ee
-            }, {
-              prefix: j(() => [
-                Ve(i(Al))
-              ]),
-              _: 1
-            }, 8, ["value", "class", "placeholder"])
-          ], 2)) : w("", !0),
-          z("div", {
-            ref_key: "optionsRef",
-            ref: de,
-            class: h(ll.value),
-            style: _(el.value),
-            role: "listbox",
-            "aria-multiselectable": l.multiple,
-            onScroll: yl
-          }, [
-            i(T).innerTopSlot ? (n(), p("div", {
-              key: 0,
-              class: h(`${i(s)}-option-list-inner-top-slot`)
-            }, [
-              E(e.$slots, "innerTopSlot")
-            ], 2)) : w("", !0),
-            l.loading ? (n(), g(i(zl), { key: 1 })) : l.virtualize && v.value.length > 0 ? (n(), p("div", {
-              key: 2,
-              ref_key: "virtualContainerRef",
-              ref: fe,
-              style: _({
-                height: `${me.value}px`,
-                width: Ke.value,
-                overflow: "auto",
-                position: "relative"
-              }),
-              onScroll: $l
-            }, [
-              z("div", {
-                style: _({ height: `${je.value}px`, position: "relative" })
-              }, [
-                z("div", {
-                  style: _({ transform: `translateY(${Ye.value}px)` })
-                }, [
-                  (n(!0), p(C, null, pe(Je.value, (t) => {
-                    var r;
-                    return n(), p(C, {
-                      key: ((r = v.value[t]) == null ? void 0 : r.value) || t
-                    }, [
-                      v.value[t] && v.value[t]._inputCreateOnly ? (n(), p(C, { key: 0 }, [
-                        l.renderCreateItem ? (n(), p("div", {
-                          key: 1,
-                          role: "button",
-                          "aria-label": "Use the input box to create an optional item",
-                          style: _({ height: `${N.value}px` }),
-                          onClick: (u) => U(v.value[t], u)
-                        }, [
-                          (n(), g(A(
-                            l.renderCreateItem(
-                              v.value[t].value,
-                              F.value && B.value === t,
-                              v.value[t].style
-                            )
-                          )))
-                        ], 12, Gl)) : (n(), g(oe, {
-                          key: 0,
-                          value: v.value[t].value,
-                          label: v.value[t].label,
-                          disabled: v.value[t].disabled,
-                          selected: v.value[t]._selected,
-                          focused: F.value && B.value === t,
-                          "show-tick": "",
-                          "class-name": v.value[t].className,
-                          style: _({
-                            height: `${N.value}px`,
-                            ...v.value[t].style
-                          }),
-                          onSelect: U,
-                          onMouseenter: () => ce(t)
-                        }, {
-                          default: j(() => [
-                            z("span", {
-                              class: h(`${i(s)}-create-tips`)
-                            }, "创建", 2),
-                            te(" " + J(v.value[t].value), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["value", "label", "disabled", "selected", "focused", "class-name", "style", "onMouseenter"]))
-                      ], 64)) : v.value[t] ? (n(), g(oe, {
-                        key: 1,
-                        value: v.value[t].value,
-                        label: v.value[t].label,
-                        disabled: v.value[t].disabled,
-                        children: v.value[t].children,
-                        selected: v.value[t]._selected,
-                        focused: F.value && B.value === t,
-                        "show-tick": "",
-                        "render-option-item": l.renderOptionItem,
-                        "input-value": m.value,
-                        "class-name": v.value[t].className,
-                        style: _({
-                          height: `${N.value}px`,
-                          ...v.value[t].style
-                        }),
-                        onSelect: U,
-                        onMouseenter: () => ce(t)
-                      }, null, 8, ["value", "label", "disabled", "children", "selected", "focused", "render-option-item", "input-value", "class-name", "style", "onMouseenter"])) : w("", !0)
-                    ], 64);
-                  }), 128))
-                ], 4)
-              ], 4)
-            ], 36)) : Se.value.length > 0 ? (n(!0), p(C, { key: 3 }, pe(Se.value, (t, r) => (n(), p(C, {
-              key: t.option._keyInJsx || t.option.value
-            }, [
-              t.showGroupLabel && t.groupLabel ? (n(), g(Rl, {
-                key: _e(t.groupLabel),
-                label: t.groupLabel.label,
-                "class-name": t.groupLabel.className,
-                style: _(t.groupLabel.style)
-              }, null, 8, ["label", "class-name", "style"])) : w("", !0),
-              t.option._inputCreateOnly ? (n(), p(C, { key: 1 }, [
-                l.renderCreateItem ? (n(), p("div", {
-                  key: 1,
-                  role: "button",
-                  "aria-label": "Use the input box to create an optional item",
-                  onClick: (u) => U(t.option, u)
-                }, [
-                  (n(), g(A(
-                    l.renderCreateItem(
-                      t.option.value,
-                      F.value && B.value === r,
-                      t.option.style
-                    )
-                  )))
-                ], 8, Kl)) : (n(), g(oe, {
-                  key: 0,
-                  value: t.option.value,
-                  label: t.option.label,
-                  disabled: t.option.disabled,
-                  selected: t.option._selected,
-                  focused: F.value && B.value === r,
-                  "show-tick": "",
-                  "class-name": t.option.className,
-                  style: _(t.option.style),
-                  onSelect: U,
-                  onMouseenter: () => ce(r)
-                }, {
-                  default: j(() => [
-                    z("span", {
-                      class: h(`${i(s)}-create-tips`)
-                    }, "创建", 2),
-                    te(" " + J(t.option.value), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value", "label", "disabled", "selected", "focused", "class-name", "style", "onMouseenter"]))
-              ], 64)) : (n(), g(oe, {
-                key: 2,
-                value: t.option.value,
-                label: t.option.label,
-                disabled: t.option.disabled,
-                children: t.option.children,
-                selected: t.option._selected,
-                focused: F.value && B.value === r,
-                "show-tick": "",
-                "render-option-item": l.renderOptionItem,
-                "input-value": m.value,
-                "class-name": t.option.className,
-                style: _(t.option.style),
-                onSelect: U,
-                onMouseenter: () => ce(r)
-              }, null, 8, ["value", "label", "disabled", "children", "selected", "focused", "render-option-item", "input-value", "class-name", "style", "onMouseenter"]))
-            ], 64))), 128)) : (n(), g(oe, {
-              key: 4,
-              empty: "",
-              "empty-content": l.emptyContent
-            }, null, 8, ["empty-content"])),
-            i(T).innerBottomSlot ? (n(), p("div", {
-              key: 5,
-              class: h(`${i(s)}-option-list-inner-bottom-slot`)
-            }, [
-              E(e.$slots, "innerBottomSlot")
-            ], 2)) : w("", !0)
-          ], 46, Dl),
-          i(T).outerBottomSlot ? (n(), p("div", {
-            key: 2,
-            class: h(`${i(s)}-option-list-outer-bottom-slot`)
-          }, [
-            E(e.$slots, "outerBottomSlot")
-          ], 2)) : w("", !0)
-        ], 38)
-      ]),
-      default: j(() => [
-        z("div", {
-          id: l.id,
-          ref_key: "triggerRef",
-          ref: D,
-          name: l.name,
-          class: h(De.value),
-          style: _(l.style),
-          tabindex: "0",
-          "aria-label": e.$attrs["aria-label"] || void 0,
-          "aria-labelledby": l["aria-labelledby"],
-          "aria-describedby": l["aria-describedby"],
-          onClick: pl,
-          onKeydown: ee,
-          onFocus: dl,
-          onBlur: fl,
-          onMouseenter: hl,
-          onMouseleave: ml
-        }, [
-          Te.value ? (n(), g(A(sl.value), { key: 0 })) : (n(), p(C, { key: 1 }, [
-            i(T).prefix || l.insetLabel ? (n(), p("div", {
-              key: 0,
-              id: l.insetLabelId,
-              class: h(Ge.value)
-            }, [
-              i(T).prefix ? E(e.$slots, "prefix", { key: 0 }) : l.insetLabel ? (n(), p(C, { key: 1 }, [
-                te(J(l.insetLabel), 1)
-              ], 64)) : w("", !0)
-            ], 10, ql)) : w("", !0),
-            z("div", {
-              class: h(`${i(s)}-selection`)
-            }, [
-              z("div", {
-                class: h(al.value),
-                style: _(l.ellipsisTrigger ? { width: "100%", minWidth: 0 } : void 0)
-              }, [
-                l.multiple ? (n(), p(C, { key: 1 }, [
-                  y.value.length > 0 && (!l.maxTagCount || l.expandRestTagsOnClick && b.value) ? (n(!0), p(C, { key: 0 }, pe(y.value, (t, r) => (n(), g(A(Z(t, r)), {
-                    key: t.value
-                  }))), 128)) : y.value.length > 0 && l.ellipsisTrigger ? (n(), g(A(cl(y.value, Me.value)), { key: 1 })) : y.value.length > 0 && l.maxTagCount && !(l.expandRestTagsOnClick && b.value) && !l.ellipsisTrigger ? (n(), g(i(Vl), {
-                    key: 2,
-                    "max-tag-count": Me.value,
-                    "rest-count": rl.value,
-                    "show-popover": l.showRestTagsPopover,
-                    "popover-props": l.restTagsPopoverProps,
-                    size: "large"
-                  }, {
-                    default: j(() => [
-                      (n(!0), p(C, null, pe(ol.value, (t, r) => (n(), g(A(Z(t, r)), {
-                        key: t.value
-                      }))), 128))
-                    ]),
-                    _: 1
-                  }, 8, ["max-tag-count", "rest-count", "show-popover", "popover-props"])) : m.value ? w("", !0) : (n(), p("span", {
-                    key: 3,
-                    class: h([`${i(s)}-selection-text`, `${i(s)}-selection-placeholder`])
-                  }, J(l.placeholder), 3)),
-                  xe.value ? (n(), g(i(we), {
-                    key: 4,
-                    ref_key: "inputRef",
-                    ref: X,
-                    value: m.value,
-                    class: h(`${i(s)}-input ${i(s)}-input-multiple`),
-                    style: _(
-                      l.multiple && m.value ? { width: `${m.value.length * 16}px` } : l.multiple && l.allowCreate && !m.value ? { width: "100px" } : { width: "2px" }
-                    ),
-                    size: q.value,
-                    disabled: l.disabled,
-                    borderless: "",
-                    onInput: be,
-                    onKeyDown: ee,
-                    onFocus: gl,
-                    onBlur: Be
-                  }, null, 8, ["value", "class", "style", "size", "disabled"])) : w("", !0)
-                ], 64)) : (n(), p(C, { key: 0 }, [
-                  z("span", {
-                    class: h(Xe.value)
-                  }, [
-                    y.value.length > 0 ? (n(), p(C, { key: 0 }, [
-                      i(T).selectedItem ? E(e.$slots, "selectedItem", {
-                        key: 0,
-                        option: y.value[0]
-                      }) : typeof l.renderSelectedItem == "function" ? (n(), g(A(l.renderSelectedItem(y.value[0])), { key: 1 })) : (n(), p(C, { key: 2 }, [
-                        te(J(y.value[0].label), 1)
-                      ], 64))
-                    ], 64)) : (n(), p(C, { key: 1 }, [
-                      te(J(l.placeholder), 1)
-                    ], 64))
-                  ], 2),
-                  xe.value ? (n(), g(i(we), {
-                    key: 0,
-                    ref_key: "inputRef",
-                    ref: X,
-                    value: m.value,
-                    class: h(`${i(s)}-input ${i(s)}-input-single`),
-                    size: q.value,
-                    disabled: l.disabled,
-                    borderless: "",
-                    onInput: be,
-                    onKeyDown: ee,
-                    onBlur: Be
-                  }, null, 8, ["value", "class", "size", "disabled"])) : w("", !0)
-                ], 64))
-              ], 6)
-            ], 2),
-            i(T).suffix || Le.value || l.showArrow ? (n(), p("div", {
-              key: 1,
-              class: h(`${i(s)}-suffix`)
-            }, [
-              i(T).suffix ? E(e.$slots, "suffix", { key: 0 }) : w("", !0),
-              Le.value ? (n(), g(i(Nl), {
-                key: 1,
-                class: h(`${i(s)}-clear`),
-                onClick: Ll(vl, ["stop"])
-              }, null, 8, ["class"])) : l.showArrow ? (n(), p("div", {
-                key: 2,
-                class: h([`${i(s)}-arrow`, { [`${i(s)}-arrow-open`]: b.value }])
-              }, [
-                (n(), g(A(l.arrowIcon)))
-              ], 2)) : w("", !0)
-            ], 2)) : w("", !0)
-          ], 64))
-        ], 46, jl),
-        !l.optionList || l.optionList.length === 0 ? (n(), g(i(Ne), {
-          key: 0,
-          onCollect: Ae
-        }, {
-          default: j(() => [
-            E(e.$slots, "default")
-          ]),
-          _: 3
-        })) : w("", !0)
-      ]),
-      _: 3
-    }, 8, ["visible", "position", "z-index", "get-popup-container", "motion", "auto-adjust-overflow", "spacing", "margin", "stop-propagation", "mouse-enter-delay", "mouse-leave-delay", "wrapper-class-name"]));
-  }
-});
-export {
-  mt as default
-};