z-vue-design 0.0.33 → 0.0.34

package/dist/ZSelect-Dv55rL9P.mjs

@@ -1,4370 +0,0 @@
-import { defineComponent as ce, computed as D, ref as me, createVNode as w, cloneVNode as Yt, isVNode as Nn, inject as Ne, provide as We, onUnmounted as Gt, shallowRef as G, watch as le, watchEffect as Ce, onMounted as ye, createTextVNode as ze, Fragment as $e, onBeforeUnmount as Ve, isRef as Vn, reactive as Me, toRefs as _n, toRaw as it, nextTick as Re, onUpdated as Hn, toRef as he, mergeModels as Ln, useModel as An, resolveComponent as Mt, createBlock as Et, openBlock as Qe, mergeProps as Bn, withCtx as Tt, createElementBlock as zn, renderList as Wn, toDisplayString as Kn } from "vue";
-import { _ as y, o as jn, P as _, H as Un, b as U, a as se, c as Xt, J as at, m as Fe, K as qt, w as ge, M as be, O as Yn, Q as ve, R as Pt, S as Rt, I as Gn, C as Xn, L as qn, x as rt, U as nt, A as Se, y as Qt, r as Qn, v as Zn, u as Jn, F as kn, V as eo, d as to, g as no, h as oo, X as lo, Y as io, Z as ao, n as ro, s as Pe, p as so, q as Ft, z as uo } from "./index-CwR0eJ0A.mjs";
-import { K as W, o as Ke } from "./KeyCode-BQ8PiGWB.mjs";
-import { B as co, R as st, i as fo, S as po, D as mo } from "./SearchOutlined-C8PgMkgm.mjs";
-import { u as vo, a as Dt, C as go, i as Nt, b as Vt, s as ho, c as bo, d as yo, e as So } from "./slide-DaUC7i86.mjs";
-import { g as wo, a as Co } from "./statusUtils-D245_o98.mjs";
-function _t(e, n) {
-  const {
-    key: o
-  } = e;
-  let t;
-  return "value" in e && ({
-    value: t
-  } = e), o ?? (t !== void 0 ? t : `rc-index-key-${n}`);
-}
-function Zt(e, n) {
-  const {
-    label: o,
-    value: t,
-    options: l
-  } = e || {};
-  return {
-    label: o || (n ? "children" : "label"),
-    value: t || "value",
-    options: l || "options"
-  };
-}
-function Io(e) {
-  let {
-    fieldNames: n,
-    childrenAsData: o
-  } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  const t = [], {
-    label: l,
-    value: i,
-    options: u
-  } = Zt(n, !1);
-  function a(f, s) {
-    f.forEach((r) => {
-      const p = r[l];
-      if (s || !(u in r)) {
-        const g = r[i];
-        t.push({
-          key: _t(r, t.length),
-          groupOption: s,
-          data: r,
-          label: p,
-          value: g
-        });
-      } else {
-        let g = p;
-        g === void 0 && o && (g = r.label), t.push({
-          key: _t(r, t.length),
-          group: !0,
-          data: r,
-          label: g
-        }), a(r[u], !0);
-      }
-    });
-  }
-  return a(e, !1), t;
-}
-function ot(e) {
-  const n = y({}, e);
-  return "props" in n || Object.defineProperty(n, "props", {
-    get() {
-      return jn(!1, "Return type is option instead of Option instance. Please read value directly instead of reading from `props`."), n;
-    }
-  }), n;
-}
-function xo(e, n) {
-  if (!n || !n.length)
-    return null;
-  let o = !1;
-  function t(i, u) {
-    let [a, ...f] = u;
-    if (!a)
-      return [i];
-    const s = i.split(a);
-    return o = o || s.length > 1, s.reduce((r, p) => [...r, ...t(p, f)], []).filter((r) => r);
-  }
-  const l = t(e, n);
-  return o ? l : null;
-}
-var Oo = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-const $o = (e) => {
-  const n = e === !0 ? 0 : 1;
-  return {
-    bottomLeft: {
-      points: ["tl", "bl"],
-      offset: [0, 4],
-      overflow: {
-        adjustX: n,
-        adjustY: 1
-      }
-    },
-    bottomRight: {
-      points: ["tr", "br"],
-      offset: [0, 4],
-      overflow: {
-        adjustX: n,
-        adjustY: 1
-      }
-    },
-    topLeft: {
-      points: ["bl", "tl"],
-      offset: [0, -4],
-      overflow: {
-        adjustX: n,
-        adjustY: 1
-      }
-    },
-    topRight: {
-      points: ["br", "tr"],
-      offset: [0, -4],
-      overflow: {
-        adjustX: n,
-        adjustY: 1
-      }
-    }
-  };
-}, Mo = ce({
-  name: "SelectTrigger",
-  inheritAttrs: !1,
-  props: {
-    dropdownAlign: Object,
-    visible: {
-      type: Boolean,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: void 0
-    },
-    dropdownClassName: String,
-    dropdownStyle: _.object,
-    placement: String,
-    empty: {
-      type: Boolean,
-      default: void 0
-    },
-    prefixCls: String,
-    popupClassName: String,
-    animation: String,
-    transitionName: String,
-    getPopupContainer: Function,
-    dropdownRender: Function,
-    containerWidth: Number,
-    dropdownMatchSelectWidth: _.oneOfType([Number, Boolean]).def(!0),
-    popupElement: _.any,
-    direction: String,
-    getTriggerDOMNode: Function,
-    onPopupVisibleChange: Function,
-    onPopupMouseEnter: Function,
-    onPopupFocusin: Function,
-    onPopupFocusout: Function
-  },
-  setup(e, n) {
-    let {
-      slots: o,
-      attrs: t,
-      expose: l
-    } = n;
-    const i = D(() => {
-      const {
-        dropdownMatchSelectWidth: a
-      } = e;
-      return $o(a);
-    }), u = me();
-    return l({
-      getPopupElement: () => u.value
-    }), () => {
-      const a = y(y({}, e), t), {
-        empty: f = !1
-      } = a, s = Oo(a, ["empty"]), {
-        visible: r,
-        dropdownAlign: p,
-        prefixCls: g,
-        popupElement: I,
-        dropdownClassName: b,
-        dropdownStyle: C,
-        direction: S = "ltr",
-        placement: x,
-        dropdownMatchSelectWidth: R,
-        containerWidth: F,
-        dropdownRender: O,
-        animation: m,
-        transitionName: E,
-        getPopupContainer: $,
-        getTriggerDOMNode: N,
-        onPopupVisibleChange: H,
-        onPopupMouseEnter: K,
-        onPopupFocusin: z,
-        onPopupFocusout: q
-      } = s, Z = `${g}-dropdown`;
-      let j = I;
-      O && (j = O({
-        menuNode: I,
-        props: e
-      }));
-      const T = m ? `${Z}-${m}` : E, L = y({
-        minWidth: `${F}px`
-      }, C);
-      return typeof R == "number" ? L.width = `${R}px` : R && (L.width = `${F}px`), w(Un, U(U({}, e), {}, {
-        showAction: H ? ["click"] : [],
-        hideAction: H ? ["click"] : [],
-        popupPlacement: x || (S === "rtl" ? "bottomRight" : "bottomLeft"),
-        builtinPlacements: i.value,
-        prefixCls: Z,
-        popupTransitionName: T,
-        popupAlign: p,
-        popupVisible: r,
-        getPopupContainer: $,
-        popupClassName: se(b, {
-          [`${Z}-empty`]: f
-        }),
-        popupStyle: L,
-        getTriggerDOMNode: N,
-        onPopupVisibleChange: H
-      }), {
-        default: o.default,
-        popup: () => w("div", {
-          ref: u,
-          onMouseenter: K,
-          onFocusin: z,
-          onFocusout: q
-        }, [j])
-      });
-    };
-  }
-}), Ie = (e, n) => {
-  let {
-    slots: o
-  } = n;
-  var t;
-  const {
-    class: l,
-    customizeIcon: i,
-    customizeIconProps: u,
-    onMousedown: a,
-    onClick: f
-  } = e;
-  let s;
-  return typeof i == "function" ? s = i(u) : s = Nn(i) ? Yt(i) : i, w("span", {
-    class: l,
-    onMousedown: (r) => {
-      r.preventDefault(), a && a(r);
-    },
-    style: {
-      userSelect: "none",
-      WebkitUserSelect: "none"
-    },
-    unselectable: "on",
-    onClick: f,
-    "aria-hidden": !0
-  }, [s !== void 0 ? s : w("span", {
-    class: l.split(/\s+/).map((r) => `${r}-icon`)
-  }, [(t = o.default) === null || t === void 0 ? void 0 : t.call(o)])]);
-};
-Ie.inheritAttrs = !1;
-Ie.displayName = "TransBtn";
-Ie.props = {
-  class: String,
-  customizeIcon: _.any,
-  customizeIconProps: _.any,
-  onMousedown: Function,
-  onClick: Function
-};
-const Eo = {
-  inputRef: _.any,
-  prefixCls: String,
-  id: String,
-  inputElement: _.VueNode,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  autofocus: {
-    type: Boolean,
-    default: void 0
-  },
-  autocomplete: String,
-  editable: {
-    type: Boolean,
-    default: void 0
-  },
-  activeDescendantId: String,
-  value: String,
-  open: {
-    type: Boolean,
-    default: void 0
-  },
-  tabindex: _.oneOfType([_.number, _.string]),
-  /** Pass accessibility props to input */
-  attrs: _.object,
-  onKeydown: {
-    type: Function
-  },
-  onMousedown: {
-    type: Function
-  },
-  onChange: {
-    type: Function
-  },
-  onPaste: {
-    type: Function
-  },
-  onCompositionstart: {
-    type: Function
-  },
-  onCompositionend: {
-    type: Function
-  },
-  onFocus: {
-    type: Function
-  },
-  onBlur: {
-    type: Function
-  }
-}, Jt = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "SelectInput",
-  inheritAttrs: !1,
-  props: Eo,
-  setup(e) {
-    let n = null;
-    const o = Ne("VCSelectContainerEvent");
-    return () => {
-      var t;
-      const {
-        prefixCls: l,
-        id: i,
-        inputElement: u,
-        disabled: a,
-        tabindex: f,
-        autofocus: s,
-        autocomplete: r,
-        editable: p,
-        activeDescendantId: g,
-        value: I,
-        onKeydown: b,
-        onMousedown: C,
-        onChange: S,
-        onPaste: x,
-        onCompositionstart: R,
-        onCompositionend: F,
-        onFocus: O,
-        onBlur: m,
-        open: E,
-        inputRef: $,
-        attrs: N
-      } = e;
-      let H = u || w(co, null, null);
-      const K = H.props || {}, {
-        onKeydown: z,
-        onInput: q,
-        onFocus: Z,
-        onBlur: j,
-        onMousedown: T,
-        onCompositionstart: L,
-        onCompositionend: Q,
-        style: k
-      } = K;
-      return H = Xt(H, y(y(y(y(y({
-        type: "search"
-      }, K), {
-        id: i,
-        ref: $,
-        disabled: a,
-        tabindex: f,
-        lazy: !1,
-        autocomplete: r || "off",
-        autofocus: s,
-        class: se(`${l}-selection-search-input`, (t = H == null ? void 0 : H.props) === null || t === void 0 ? void 0 : t.class),
-        role: "combobox",
-        "aria-expanded": E,
-        "aria-haspopup": "listbox",
-        "aria-owns": `${i}_list`,
-        "aria-autocomplete": "list",
-        "aria-controls": `${i}_list`,
-        "aria-activedescendant": g
-      }), N), {
-        value: p ? I : "",
-        readonly: !p,
-        unselectable: p ? null : "on",
-        style: y(y({}, k), {
-          opacity: p ? null : 0
-        }),
-        onKeydown: (v) => {
-          b(v), z && z(v);
-        },
-        onMousedown: (v) => {
-          C(v), T && T(v);
-        },
-        onInput: (v) => {
-          S(v), q && q(v);
-        },
-        onCompositionstart(v) {
-          R(v), L && L(v);
-        },
-        onCompositionend(v) {
-          F(v), Q && Q(v);
-        },
-        onPaste: x,
-        onFocus: function() {
-          clearTimeout(n), Z && Z(arguments.length <= 0 ? void 0 : arguments[0]), O && O(arguments.length <= 0 ? void 0 : arguments[0]), o == null || o.focus(arguments.length <= 0 ? void 0 : arguments[0]);
-        },
-        onBlur: function() {
-          for (var v = arguments.length, A = new Array(v), P = 0; P < v; P++)
-            A[P] = arguments[P];
-          n = setTimeout(() => {
-            j && j(A[0]), m && m(A[0]), o == null || o.blur(A[0]);
-          }, 100);
-        }
-      }), H.type === "textarea" ? {} : {
-        type: "search"
-      }), !0, !0), H;
-    };
-  }
-}), To = `accept acceptcharset accesskey action allowfullscreen allowtransparency
-alt async autocomplete autofocus autoplay capture cellpadding cellspacing challenge
-charset checked classid classname colspan cols content contenteditable contextmenu
-controls coords crossorigin data datetime default defer dir disabled download draggable
-enctype form formaction formenctype formmethod formnovalidate formtarget frameborder
-headers height hidden high href hreflang htmlfor for httpequiv icon id inputmode integrity
-is keyparams keytype kind label lang list loop low manifest marginheight marginwidth max maxlength media
-mediagroup method min minlength multiple muted name novalidate nonce open
-optimum pattern placeholder poster preload radiogroup readonly rel required
-reversed role rowspan rows sandbox scope scoped scrolling seamless selected
-shape size sizes span spellcheck src srcdoc srclang srcset start step style
-summary tabindex target title type usemap value width wmode wrap`, Po = `onCopy onCut onPaste onCompositionend onCompositionstart onCompositionupdate onKeydown
-    onKeypress onKeyup onFocus onBlur onChange onInput onSubmit onClick onContextmenu onDoubleclick onDblclick
-    onDrag onDragend onDragenter onDragexit onDragleave onDragover onDragstart onDrop onMousedown
-    onMouseenter onMouseleave onMousemove onMouseout onMouseover onMouseup onSelect onTouchcancel
-    onTouchend onTouchmove onTouchstart onTouchstartPassive onTouchmovePassive onScroll onWheel onAbort onCanplay onCanplaythrough
-    onDurationchange onEmptied onEncrypted onEnded onError onLoadeddata onLoadedmetadata
-    onLoadstart onPause onPlay onPlaying onProgress onRatechange onSeeked onSeeking onStalled onSuspend onTimeupdate onVolumechange onWaiting onLoad onError`, Ht = `${To} ${Po}`.split(/[\s\n]+/), Ro = "aria-", Fo = "data-";
-function Lt(e, n) {
-  return e.indexOf(n) === 0;
-}
-function ut(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, o;
-  n === !1 ? o = {
-    aria: !0,
-    data: !0,
-    attr: !0
-  } : n === !0 ? o = {
-    aria: !0
-  } : o = y({}, n);
-  const t = {};
-  return Object.keys(e).forEach((l) => {
-    // Aria
-    (o.aria && (l === "role" || Lt(l, Ro)) || // Data
-    o.data && Lt(l, Fo) || // Attr
-    o.attr && (Ht.includes(l) || Ht.includes(l.toLowerCase()))) && (t[l] = e[l]);
-  }), t;
-}
-const kt = Symbol("OverflowContextProviderKey"), lt = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "OverflowContextProvider",
-  inheritAttrs: !1,
-  props: {
-    value: {
-      type: Object
-    }
-  },
-  setup(e, n) {
-    let {
-      slots: o
-    } = n;
-    return We(kt, D(() => e.value)), () => {
-      var t;
-      return (t = o.default) === null || t === void 0 ? void 0 : t.call(o);
-    };
-  }
-}), Do = () => Ne(kt, D(() => null));
-var No = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-const xe = void 0, Be = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "Item",
-  props: {
-    prefixCls: String,
-    item: _.any,
-    renderItem: Function,
-    responsive: Boolean,
-    itemKey: {
-      type: [String, Number]
-    },
-    registerSize: Function,
-    display: Boolean,
-    order: Number,
-    component: _.any,
-    invalidate: Boolean
-  },
-  setup(e, n) {
-    let {
-      slots: o,
-      expose: t
-    } = n;
-    const l = D(() => e.responsive && !e.display), i = me();
-    t({
-      itemNodeRef: i
-    });
-    function u(a) {
-      e.registerSize(e.itemKey, a);
-    }
-    return Gt(() => {
-      u(null);
-    }), () => {
-      var a;
-      const {
-        prefixCls: f,
-        invalidate: s,
-        item: r,
-        renderItem: p,
-        responsive: g,
-        registerSize: I,
-        itemKey: b,
-        display: C,
-        order: S,
-        component: x = "div"
-      } = e, R = No(e, ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "display", "order", "component"]), F = (a = o.default) === null || a === void 0 ? void 0 : a.call(o), O = p && r !== xe ? p(r) : F;
-      let m;
-      s || (m = {
-        opacity: l.value ? 0 : 1,
-        height: l.value ? 0 : xe,
-        overflowY: l.value ? "hidden" : xe,
-        order: g ? S : xe,
-        pointerEvents: l.value ? "none" : xe,
-        position: l.value ? "absolute" : xe
-      });
-      const E = {};
-      return l.value && (E["aria-hidden"] = !0), w(st, {
-        disabled: !g,
-        onResize: ($) => {
-          let {
-            offsetWidth: N
-          } = $;
-          u(N);
-        }
-      }, {
-        default: () => w(x, U(U(U({
-          class: se(!s && f),
-          style: m
-        }, E), R), {}, {
-          ref: i
-        }), {
-          default: () => [O]
-        })
-      });
-    };
-  }
-});
-var Ze = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-const Vo = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "RawItem",
-  inheritAttrs: !1,
-  props: {
-    component: _.any,
-    title: _.any,
-    id: String,
-    onMouseenter: {
-      type: Function
-    },
-    onMouseleave: {
-      type: Function
-    },
-    onClick: {
-      type: Function
-    },
-    onKeydown: {
-      type: Function
-    },
-    onFocus: {
-      type: Function
-    },
-    role: String,
-    tabindex: Number
-  },
-  setup(e, n) {
-    let {
-      slots: o,
-      attrs: t
-    } = n;
-    const l = Do();
-    return () => {
-      var i;
-      if (!l.value) {
-        const {
-          component: p = "div"
-        } = e, g = Ze(e, ["component"]);
-        return w(p, U(U({}, g), t), {
-          default: () => [(i = o.default) === null || i === void 0 ? void 0 : i.call(o)]
-        });
-      }
-      const u = l.value, {
-        className: a
-      } = u, f = Ze(u, ["className"]), {
-        class: s
-      } = t, r = Ze(t, ["class"]);
-      return w(lt, {
-        value: null
-      }, {
-        default: () => [w(Be, U(U(U({
-          class: se(a, s)
-        }, f), r), e), o)]
-      });
-    };
-  }
-});
-var _o = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-const en = "responsive", tn = "invalidate";
-function Ho(e) {
-  return `+ ${e.length} ...`;
-}
-const Lo = () => ({
-  id: String,
-  prefixCls: String,
-  data: Array,
-  itemKey: [String, Number, Function],
-  /** Used for `responsive`. It will limit render node to avoid perf issue */
-  itemWidth: {
-    type: Number,
-    default: 10
-  },
-  renderItem: Function,
-  /** @private Do not use in your production. Render raw node that need wrap Item by developer self */
-  renderRawItem: Function,
-  maxCount: [Number, String],
-  renderRest: Function,
-  /** @private Do not use in your production. Render raw node that need wrap Item by developer self */
-  renderRawRest: Function,
-  suffix: _.any,
-  component: String,
-  itemComponent: _.any,
-  /** @private This API may be refactor since not well design */
-  onVisibleChange: Function,
-  /** When set to `full`, ssr will render full items by default and remove at client side */
-  ssr: String,
-  onMousedown: Function,
-  role: String
-}), je = ce({
-  name: "Overflow",
-  inheritAttrs: !1,
-  props: Lo(),
-  emits: ["visibleChange"],
-  setup(e, n) {
-    let {
-      attrs: o,
-      emit: t,
-      slots: l
-    } = n;
-    const i = D(() => e.ssr === "full"), u = G(null), a = D(() => u.value || 0), f = G(/* @__PURE__ */ new Map()), s = G(0), r = G(0), p = G(0), g = G(null), I = G(null), b = D(() => I.value === null && i.value ? Number.MAX_SAFE_INTEGER : I.value || 0), C = G(!1), S = D(() => `${e.prefixCls}-item`), x = D(() => Math.max(s.value, r.value)), R = D(() => !!(e.data.length && e.maxCount === en)), F = D(() => e.maxCount === tn), O = D(() => R.value || typeof e.maxCount == "number" && e.data.length > e.maxCount), m = D(() => {
-      let T = e.data;
-      return R.value ? u.value === null && i.value ? T = e.data : T = e.data.slice(0, Math.min(e.data.length, a.value / e.itemWidth)) : typeof e.maxCount == "number" && (T = e.data.slice(0, e.maxCount)), T;
-    }), E = D(() => R.value ? e.data.slice(b.value + 1) : e.data.slice(m.value.length)), $ = (T, L) => {
-      var Q;
-      return typeof e.itemKey == "function" ? e.itemKey(T) : (Q = e.itemKey && (T == null ? void 0 : T[e.itemKey])) !== null && Q !== void 0 ? Q : L;
-    }, N = D(() => e.renderItem || ((T) => T)), H = (T, L) => {
-      I.value = T, L || (C.value = T < e.data.length - 1, t("visibleChange", T));
-    }, K = (T, L) => {
-      u.value = L.clientWidth;
-    }, z = (T, L) => {
-      const Q = new Map(f.value);
-      L === null ? Q.delete(T) : Q.set(T, L), f.value = Q;
-    }, q = (T, L) => {
-      s.value = r.value, r.value = L;
-    }, Z = (T, L) => {
-      p.value = L;
-    }, j = (T) => f.value.get($(m.value[T], T));
-    return le([a, f, r, p, () => e.itemKey, m], () => {
-      if (a.value && x.value && m.value) {
-        let T = p.value;
-        const L = m.value.length, Q = L - 1;
-        if (!L) {
-          H(0), g.value = null;
-          return;
-        }
-        for (let k = 0; k < L; k += 1) {
-          const v = j(k);
-          if (v === void 0) {
-            H(k - 1, !0);
-            break;
-          }
-          if (T += v, // Only one means `totalWidth` is the final width
-          Q === 0 && T <= a.value || // Last two width will be the final width
-          k === Q - 1 && T + j(Q) <= a.value) {
-            H(Q), g.value = null;
-            break;
-          } else if (T + x.value > a.value) {
-            H(k - 1), g.value = T - v - p.value + r.value;
-            break;
-          }
-        }
-        e.suffix && j(0) + p.value > a.value && (g.value = null);
-      }
-    }), () => {
-      const T = C.value && !!E.value.length, {
-        itemComponent: L,
-        renderRawItem: Q,
-        renderRawRest: k,
-        renderRest: v,
-        prefixCls: A = "rc-overflow",
-        suffix: P,
-        component: Y = "div",
-        id: oe,
-        onMousedown: ie
-      } = e, {
-        class: ae,
-        style: ne
-      } = o, de = _o(o, ["class", "style"]);
-      let fe = {};
-      g.value !== null && R.value && (fe = {
-        position: "absolute",
-        left: `${g.value}px`,
-        top: 0
-      });
-      const h = {
-        prefixCls: S.value,
-        responsive: R.value,
-        component: L,
-        invalidate: F.value
-      }, c = Q ? (B, X) => {
-        const J = $(B, X);
-        return w(lt, {
-          key: J,
-          value: y(y({}, h), {
-            order: X,
-            item: B,
-            itemKey: J,
-            registerSize: z,
-            display: X <= b.value
-          })
-        }, {
-          default: () => [Q(B, X)]
-        });
-      } : (B, X) => {
-        const J = $(B, X);
-        return w(Be, U(U({}, h), {}, {
-          order: X,
-          key: J,
-          item: B,
-          renderItem: N.value,
-          itemKey: J,
-          registerSize: z,
-          display: X <= b.value
-        }), null);
-      };
-      let d = () => null;
-      const V = {
-        order: T ? b.value : Number.MAX_SAFE_INTEGER,
-        className: `${S.value} ${S.value}-rest`,
-        registerSize: q,
-        display: T
-      };
-      if (k)
-        k && (d = () => w(lt, {
-          value: y(y({}, h), V)
-        }, {
-          default: () => [k(E.value)]
-        }));
-      else {
-        const B = v || Ho;
-        d = () => w(Be, U(U({}, h), V), {
-          default: () => typeof B == "function" ? B(E.value) : B
-        });
-      }
-      const M = () => {
-        var B;
-        return w(Y, U({
-          id: oe,
-          class: se(!F.value && A, ae),
-          style: ne,
-          onMousedown: ie,
-          role: e.role
-        }, de), {
-          default: () => [m.value.map(c), O.value ? d() : null, P && w(Be, U(U({}, h), {}, {
-            order: b.value,
-            class: `${S.value}-suffix`,
-            registerSize: Z,
-            display: !0,
-            style: fe
-          }), {
-            default: () => P
-          }), (B = l.default) === null || B === void 0 ? void 0 : B.call(l)]
-        });
-      };
-      return w(st, {
-        disabled: !R.value,
-        onResize: K
-      }, {
-        default: M
-      });
-    };
-  }
-});
-je.Item = Vo;
-je.RESPONSIVE = en;
-je.INVALIDATE = tn;
-const Ao = Symbol("TreeSelectLegacyContextPropsKey");
-function ct() {
-  return Ne(Ao, {});
-}
-const Bo = {
-  id: String,
-  prefixCls: String,
-  values: _.array,
-  open: {
-    type: Boolean,
-    default: void 0
-  },
-  searchValue: String,
-  inputRef: _.any,
-  placeholder: _.any,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  mode: String,
-  showSearch: {
-    type: Boolean,
-    default: void 0
-  },
-  autofocus: {
-    type: Boolean,
-    default: void 0
-  },
-  autocomplete: String,
-  activeDescendantId: String,
-  tabindex: _.oneOfType([_.number, _.string]),
-  compositionStatus: Boolean,
-  removeIcon: _.any,
-  choiceTransitionName: String,
-  maxTagCount: _.oneOfType([_.number, _.string]),
-  maxTagTextLength: Number,
-  maxTagPlaceholder: _.any.def(() => (e) => `+ ${e.length} ...`),
-  tagRender: Function,
-  onToggleOpen: {
-    type: Function
-  },
-  onRemove: Function,
-  onInputChange: Function,
-  onInputPaste: Function,
-  onInputKeyDown: Function,
-  onInputMouseDown: Function,
-  onInputCompositionStart: Function,
-  onInputCompositionEnd: Function
-}, At = (e) => {
-  e.preventDefault(), e.stopPropagation();
-}, zo = ce({
-  name: "MultipleSelectSelector",
-  inheritAttrs: !1,
-  props: Bo,
-  setup(e) {
-    const n = G(), o = G(0), t = G(!1), l = ct(), i = D(() => `${e.prefixCls}-selection`), u = D(() => e.open || e.mode === "tags" ? e.searchValue : ""), a = D(() => e.mode === "tags" || e.showSearch && (e.open || t.value)), f = me("");
-    Ce(() => {
-      f.value = u.value;
-    }), ye(() => {
-      le(f, () => {
-        o.value = n.value.scrollWidth;
-      }, {
-        flush: "post",
-        immediate: !0
-      });
-    });
-    function s(b, C, S, x, R) {
-      return w("span", {
-        class: se(`${i.value}-item`, {
-          [`${i.value}-item-disabled`]: S
-        }),
-        title: typeof b == "string" || typeof b == "number" ? b.toString() : void 0
-      }, [w("span", {
-        class: `${i.value}-item-content`
-      }, [C]), x && w(Ie, {
-        class: `${i.value}-item-remove`,
-        onMousedown: At,
-        onClick: R,
-        customizeIcon: e.removeIcon
-      }, {
-        default: () => [ze("×")]
-      })]);
-    }
-    function r(b, C, S, x, R, F) {
-      var O;
-      const m = ($) => {
-        At($), e.onToggleOpen(!open);
-      };
-      let E = F;
-      return l.keyEntities && (E = ((O = l.keyEntities[b]) === null || O === void 0 ? void 0 : O.node) || {}), w("span", {
-        key: b,
-        onMousedown: m
-      }, [e.tagRender({
-        label: C,
-        value: b,
-        disabled: S,
-        closable: x,
-        onClose: R,
-        option: E
-      })]);
-    }
-    function p(b) {
-      const {
-        disabled: C,
-        label: S,
-        value: x,
-        option: R
-      } = b, F = !e.disabled && !C;
-      let O = S;
-      if (typeof e.maxTagTextLength == "number" && (typeof S == "string" || typeof S == "number")) {
-        const E = String(O);
-        E.length > e.maxTagTextLength && (O = `${E.slice(0, e.maxTagTextLength)}...`);
-      }
-      const m = (E) => {
-        var $;
-        E && E.stopPropagation(), ($ = e.onRemove) === null || $ === void 0 || $.call(e, b);
-      };
-      return typeof e.tagRender == "function" ? r(x, O, C, F, m, R) : s(S, O, C, F, m);
-    }
-    function g(b) {
-      const {
-        maxTagPlaceholder: C = (x) => `+ ${x.length} ...`
-      } = e, S = typeof C == "function" ? C(b) : C;
-      return s(S, S, !1);
-    }
-    const I = (b) => {
-      const C = b.target.composing;
-      f.value = b.target.value, C || e.onInputChange(b);
-    };
-    return () => {
-      const {
-        id: b,
-        prefixCls: C,
-        values: S,
-        open: x,
-        inputRef: R,
-        placeholder: F,
-        disabled: O,
-        autofocus: m,
-        autocomplete: E,
-        activeDescendantId: $,
-        tabindex: N,
-        compositionStatus: H,
-        onInputPaste: K,
-        onInputKeyDown: z,
-        onInputMouseDown: q,
-        onInputCompositionStart: Z,
-        onInputCompositionEnd: j
-      } = e, T = w("div", {
-        class: `${i.value}-search`,
-        style: {
-          width: o.value + "px"
-        },
-        key: "input"
-      }, [w(Jt, {
-        inputRef: R,
-        open: x,
-        prefixCls: C,
-        id: b,
-        inputElement: null,
-        disabled: O,
-        autofocus: m,
-        autocomplete: E,
-        editable: a.value,
-        activeDescendantId: $,
-        value: f.value,
-        onKeydown: z,
-        onMousedown: q,
-        onChange: I,
-        onPaste: K,
-        onCompositionstart: Z,
-        onCompositionend: j,
-        tabindex: N,
-        attrs: ut(e, !0),
-        onFocus: () => t.value = !0,
-        onBlur: () => t.value = !1
-      }, null), w("span", {
-        ref: n,
-        class: `${i.value}-search-mirror`,
-        "aria-hidden": !0
-      }, [f.value, ze(" ")])]), L = w(je, {
-        prefixCls: `${i.value}-overflow`,
-        data: S,
-        renderItem: p,
-        renderRest: g,
-        suffix: T,
-        itemKey: "key",
-        maxCount: e.maxTagCount,
-        key: "overflow"
-      }, null);
-      return w($e, null, [L, !S.length && !u.value && !H && w("span", {
-        class: `${i.value}-placeholder`
-      }, [F])]);
-    };
-  }
-}), Wo = {
-  inputElement: _.any,
-  id: String,
-  prefixCls: String,
-  values: _.array,
-  open: {
-    type: Boolean,
-    default: void 0
-  },
-  searchValue: String,
-  inputRef: _.any,
-  placeholder: _.any,
-  compositionStatus: {
-    type: Boolean,
-    default: void 0
-  },
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  mode: String,
-  showSearch: {
-    type: Boolean,
-    default: void 0
-  },
-  autofocus: {
-    type: Boolean,
-    default: void 0
-  },
-  autocomplete: String,
-  activeDescendantId: String,
-  tabindex: _.oneOfType([_.number, _.string]),
-  activeValue: String,
-  backfill: {
-    type: Boolean,
-    default: void 0
-  },
-  optionLabelRender: Function,
-  onInputChange: Function,
-  onInputPaste: Function,
-  onInputKeyDown: Function,
-  onInputMouseDown: Function,
-  onInputCompositionStart: Function,
-  onInputCompositionEnd: Function
-}, dt = ce({
-  name: "SingleSelector",
-  setup(e) {
-    const n = G(!1), o = D(() => e.mode === "combobox"), t = D(() => o.value || e.showSearch), l = D(() => {
-      let r = e.searchValue || "";
-      return o.value && e.activeValue && !n.value && (r = e.activeValue), r;
-    }), i = ct();
-    le([o, () => e.activeValue], () => {
-      o.value && (n.value = !1);
-    }, {
-      immediate: !0
-    });
-    const u = D(() => e.mode !== "combobox" && !e.open && !e.showSearch ? !1 : !!l.value || e.compositionStatus), a = D(() => {
-      const r = e.values[0];
-      return r && (typeof r.label == "string" || typeof r.label == "number") ? r.label.toString() : void 0;
-    }), f = () => {
-      if (e.values[0])
-        return null;
-      const r = u.value ? {
-        visibility: "hidden"
-      } : void 0;
-      return w("span", {
-        class: `${e.prefixCls}-selection-placeholder`,
-        style: r
-      }, [e.placeholder]);
-    }, s = (r) => {
-      r.target.composing || (n.value = !0, e.onInputChange(r));
-    };
-    return () => {
-      var r, p, g, I;
-      const {
-        inputElement: b,
-        prefixCls: C,
-        id: S,
-        values: x,
-        inputRef: R,
-        disabled: F,
-        autofocus: O,
-        autocomplete: m,
-        activeDescendantId: E,
-        open: $,
-        tabindex: N,
-        optionLabelRender: H,
-        onInputKeyDown: K,
-        onInputMouseDown: z,
-        onInputPaste: q,
-        onInputCompositionStart: Z,
-        onInputCompositionEnd: j
-      } = e, T = x[0];
-      let L = null;
-      if (T && i.customSlots) {
-        const Q = (r = T.key) !== null && r !== void 0 ? r : T.value, k = ((p = i.keyEntities[Q]) === null || p === void 0 ? void 0 : p.node) || {};
-        L = i.customSlots[(g = k.slots) === null || g === void 0 ? void 0 : g.title] || i.customSlots.title || T.label, typeof L == "function" && (L = L(k));
-      } else
-        L = H && T ? H(T.option) : T == null ? void 0 : T.label;
-      return w($e, null, [w("span", {
-        class: `${C}-selection-search`
-      }, [w(Jt, {
-        inputRef: R,
-        prefixCls: C,
-        id: S,
-        open: $,
-        inputElement: b,
-        disabled: F,
-        autofocus: O,
-        autocomplete: m,
-        editable: t.value,
-        activeDescendantId: E,
-        value: l.value,
-        onKeydown: K,
-        onMousedown: z,
-        onChange: s,
-        onPaste: q,
-        onCompositionstart: Z,
-        onCompositionend: j,
-        tabindex: N,
-        attrs: ut(e, !0)
-      }, null)]), !o.value && T && !u.value && w("span", {
-        class: `${C}-selection-item`,
-        title: a.value
-      }, [w($e, {
-        key: (I = T.key) !== null && I !== void 0 ? I : T.value
-      }, [L])]), f()]);
-    };
-  }
-});
-dt.props = Wo;
-dt.inheritAttrs = !1;
-function Ko(e) {
-  return ![
-    // System function button
-    W.ESC,
-    W.SHIFT,
-    W.BACKSPACE,
-    W.TAB,
-    W.WIN_KEY,
-    W.ALT,
-    W.META,
-    W.WIN_KEY_RIGHT,
-    W.CTRL,
-    W.SEMICOLON,
-    W.EQUALS,
-    W.CAPS_LOCK,
-    W.CONTEXT_MENU,
-    // F1-F12
-    W.F1,
-    W.F2,
-    W.F3,
-    W.F4,
-    W.F5,
-    W.F6,
-    W.F7,
-    W.F8,
-    W.F9,
-    W.F10,
-    W.F11,
-    W.F12
-  ].includes(e);
-}
-function nn() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 250, n = null, o;
-  Ve(() => {
-    clearTimeout(o);
-  });
-  function t(l) {
-    (l || n === null) && (n = l), clearTimeout(o), o = setTimeout(() => {
-      n = null;
-    }, e);
-  }
-  return [() => n, t];
-}
-function De() {
-  const e = (n) => {
-    e.current = n;
-  };
-  return e;
-}
-const jo = ce({
-  name: "Selector",
-  inheritAttrs: !1,
-  props: {
-    id: String,
-    prefixCls: String,
-    showSearch: {
-      type: Boolean,
-      default: void 0
-    },
-    open: {
-      type: Boolean,
-      default: void 0
-    },
-    /** Display in the Selector value, it's not same as `value` prop */
-    values: _.array,
-    multiple: {
-      type: Boolean,
-      default: void 0
-    },
-    mode: String,
-    searchValue: String,
-    activeValue: String,
-    inputElement: _.any,
-    autofocus: {
-      type: Boolean,
-      default: void 0
-    },
-    activeDescendantId: String,
-    tabindex: _.oneOfType([_.number, _.string]),
-    disabled: {
-      type: Boolean,
-      default: void 0
-    },
-    placeholder: _.any,
-    removeIcon: _.any,
-    // Tags
-    maxTagCount: _.oneOfType([_.number, _.string]),
-    maxTagTextLength: Number,
-    maxTagPlaceholder: _.any,
-    tagRender: Function,
-    optionLabelRender: Function,
-    /** Check if `tokenSeparators` contains `\n` or `\r\n` */
-    tokenWithEnter: {
-      type: Boolean,
-      default: void 0
-    },
-    // Motion
-    choiceTransitionName: String,
-    onToggleOpen: {
-      type: Function
-    },
-    /** `onSearch` returns go next step boolean to check if need do toggle open */
-    onSearch: Function,
-    onSearchSubmit: Function,
-    onRemove: Function,
-    onInputKeyDown: {
-      type: Function
-    },
-    /**
-     * @private get real dom for trigger align.
-     * This may be removed after React provides replacement of `findDOMNode`
-     */
-    domRef: Function
-  },
-  setup(e, n) {
-    let {
-      expose: o
-    } = n;
-    const t = De(), l = me(!1), [i, u] = nn(0), a = (x) => {
-      const {
-        which: R
-      } = x;
-      (R === W.UP || R === W.DOWN) && x.preventDefault(), e.onInputKeyDown && e.onInputKeyDown(x), R === W.ENTER && e.mode === "tags" && !l.value && !e.open && e.onSearchSubmit(x.target.value), Ko(R) && e.onToggleOpen(!0);
-    }, f = () => {
-      u(!0);
-    };
-    let s = null;
-    const r = (x) => {
-      e.onSearch(x, !0, l.value) !== !1 && e.onToggleOpen(!0);
-    }, p = () => {
-      l.value = !0;
-    }, g = (x) => {
-      l.value = !1, e.mode !== "combobox" && r(x.target.value);
-    }, I = (x) => {
-      let {
-        target: {
-          value: R
-        }
-      } = x;
-      if (e.tokenWithEnter && s && /[\r\n]/.test(s)) {
-        const F = s.replace(/[\r\n]+$/, "").replace(/\r\n/g, " ").replace(/[\r\n]/g, " ");
-        R = R.replace(F, s);
-      }
-      s = null, r(R);
-    }, b = (x) => {
-      const {
-        clipboardData: R
-      } = x;
-      s = R.getData("text");
-    }, C = (x) => {
-      let {
-        target: R
-      } = x;
-      R !== t.current && (document.body.style.msTouchAction !== void 0 ? setTimeout(() => {
-        t.current.focus();
-      }) : t.current.focus());
-    }, S = (x) => {
-      const R = i();
-      x.target !== t.current && !R && x.preventDefault(), (e.mode !== "combobox" && (!e.showSearch || !R) || !e.open) && (e.open && e.onSearch("", !0, !1), e.onToggleOpen());
-    };
-    return o({
-      focus: () => {
-        t.current.focus();
-      },
-      blur: () => {
-        t.current.blur();
-      }
-    }), () => {
-      const {
-        prefixCls: x,
-        domRef: R,
-        mode: F
-      } = e, O = {
-        inputRef: t,
-        onInputKeyDown: a,
-        onInputMouseDown: f,
-        onInputChange: I,
-        onInputPaste: b,
-        compositionStatus: l.value,
-        onInputCompositionStart: p,
-        onInputCompositionEnd: g
-      }, m = F === "multiple" || F === "tags" ? w(zo, U(U({}, e), O), null) : w(dt, U(U({}, e), O), null);
-      return w("div", {
-        ref: R,
-        class: `${x}-selector`,
-        onClick: C,
-        onMousedown: S
-      }, [m]);
-    };
-  }
-});
-function Uo(e, n, o) {
-  function t(l) {
-    var i, u, a;
-    let f = l.target;
-    f.shadowRoot && l.composed && (f = l.composedPath()[0] || f);
-    const s = [(i = e[0]) === null || i === void 0 ? void 0 : i.value, (a = (u = e[1]) === null || u === void 0 ? void 0 : u.value) === null || a === void 0 ? void 0 : a.getPopupElement()];
-    n.value && s.every((r) => r && !r.contains(f) && r !== f) && o(!1);
-  }
-  ye(() => {
-    window.addEventListener("mousedown", t);
-  }), Ve(() => {
-    window.removeEventListener("mousedown", t);
-  });
-}
-function Yo() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 10;
-  const n = G(!1);
-  let o;
-  const t = () => {
-    clearTimeout(o);
-  };
-  return ye(() => {
-    t();
-  }), [n, (i, u) => {
-    t(), o = setTimeout(() => {
-      n.value = i, u && u();
-    }, e);
-  }, t];
-}
-const on = Symbol("BaseSelectContextKey");
-function Go(e) {
-  return We(on, e);
-}
-function Xo() {
-  return Ne(on, {});
-}
-function ln(e) {
-  if (!Vn(e)) return Me(e);
-  const n = new Proxy({}, {
-    get(o, t, l) {
-      return Reflect.get(e.value, t, l);
-    },
-    set(o, t, l) {
-      return e.value[t] = l, !0;
-    },
-    deleteProperty(o, t) {
-      return Reflect.deleteProperty(e.value, t);
-    },
-    has(o, t) {
-      return Reflect.has(e.value, t);
-    },
-    ownKeys() {
-      return Object.keys(e.value);
-    },
-    getOwnPropertyDescriptor() {
-      return {
-        enumerable: !0,
-        configurable: !0
-      };
-    }
-  });
-  return Me(n);
-}
-var qo = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-const Qo = ["value", "onChange", "removeIcon", "placeholder", "autofocus", "maxTagCount", "maxTagTextLength", "maxTagPlaceholder", "choiceTransitionName", "onInputKeyDown", "onPopupScroll", "tabindex", "OptionList", "notFoundContent"], Zo = () => ({
-  prefixCls: String,
-  id: String,
-  omitDomProps: Array,
-  // >>> Value
-  displayValues: Array,
-  onDisplayValuesChange: Function,
-  // >>> Active
-  /** Current dropdown list active item string value */
-  activeValue: String,
-  /** Link search input with target element */
-  activeDescendantId: String,
-  onActiveValueChange: Function,
-  // >>> Search
-  searchValue: String,
-  /** Trigger onSearch, return false to prevent trigger open event */
-  onSearch: Function,
-  /** Trigger when search text match the `tokenSeparators`. Will provide split content */
-  onSearchSplit: Function,
-  maxLength: Number,
-  OptionList: _.any,
-  /** Tell if provided `options` is empty */
-  emptyOptions: Boolean
-}), an = () => ({
-  showSearch: {
-    type: Boolean,
-    default: void 0
-  },
-  tagRender: {
-    type: Function
-  },
-  optionLabelRender: {
-    type: Function
-  },
-  direction: {
-    type: String
-  },
-  // MISC
-  tabindex: Number,
-  autofocus: Boolean,
-  notFoundContent: _.any,
-  placeholder: _.any,
-  onClear: Function,
-  choiceTransitionName: String,
-  // >>> Mode
-  mode: String,
-  // >>> Status
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  loading: {
-    type: Boolean,
-    default: void 0
-  },
-  // >>> Open
-  open: {
-    type: Boolean,
-    default: void 0
-  },
-  defaultOpen: {
-    type: Boolean,
-    default: void 0
-  },
-  onDropdownVisibleChange: {
-    type: Function
-  },
-  // >>> Customize Input
-  /** @private Internal usage. Do not use in your production. */
-  getInputElement: {
-    type: Function
-  },
-  /** @private Internal usage. Do not use in your production. */
-  getRawInputElement: {
-    type: Function
-  },
-  // >>> Selector
-  maxTagTextLength: Number,
-  maxTagCount: {
-    type: [String, Number]
-  },
-  maxTagPlaceholder: _.any,
-  // >>> Search
-  tokenSeparators: {
-    type: Array
-  },
-  // >>> Icons
-  allowClear: {
-    type: Boolean,
-    default: void 0
-  },
-  showArrow: {
-    type: Boolean,
-    default: void 0
-  },
-  inputIcon: _.any,
-  /** Clear all icon */
-  clearIcon: _.any,
-  /** Selector remove icon */
-  removeIcon: _.any,
-  // >>> Dropdown
-  animation: String,
-  transitionName: String,
-  dropdownStyle: {
-    type: Object
-  },
-  dropdownClassName: String,
-  dropdownMatchSelectWidth: {
-    type: [Boolean, Number],
-    default: void 0
-  },
-  dropdownRender: {
-    type: Function
-  },
-  dropdownAlign: Object,
-  placement: {
-    type: String
-  },
-  getPopupContainer: {
-    type: Function
-  },
-  // >>> Focus
-  showAction: {
-    type: Array
-  },
-  onBlur: {
-    type: Function
-  },
-  onFocus: {
-    type: Function
-  },
-  // >>> Rest Events
-  onKeyup: Function,
-  onKeydown: Function,
-  onMousedown: Function,
-  onPopupScroll: Function,
-  onInputKeyDown: Function,
-  onMouseenter: Function,
-  onMouseleave: Function,
-  onClick: Function
-}), Jo = () => y(y({}, Zo()), an());
-function ft(e) {
-  return e === "tags" || e === "multiple";
-}
-const ko = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "BaseSelect",
-  inheritAttrs: !1,
-  props: at(Jo(), {
-    showAction: [],
-    notFoundContent: "Not Found"
-  }),
-  setup(e, n) {
-    let {
-      attrs: o,
-      expose: t,
-      slots: l
-    } = n;
-    const i = D(() => ft(e.mode)), u = D(() => e.showSearch !== void 0 ? e.showSearch : i.value || e.mode === "combobox"), a = G(!1);
-    ye(() => {
-      a.value = fo();
-    });
-    const f = ct(), s = G(null), r = De(), p = G(null), g = G(null), I = G(null), b = me(!1), [C, S, x] = Yo();
-    t({
-      focus: () => {
-        var c;
-        (c = g.value) === null || c === void 0 || c.focus();
-      },
-      blur: () => {
-        var c;
-        (c = g.value) === null || c === void 0 || c.blur();
-      },
-      scrollTo: (c) => {
-        var d;
-        return (d = I.value) === null || d === void 0 ? void 0 : d.scrollTo(c);
-      }
-    });
-    const O = D(() => {
-      var c;
-      if (e.mode !== "combobox")
-        return e.searchValue;
-      const d = (c = e.displayValues[0]) === null || c === void 0 ? void 0 : c.value;
-      return typeof d == "string" || typeof d == "number" ? String(d) : "";
-    }), m = e.open !== void 0 ? e.open : e.defaultOpen, E = G(m), $ = G(m), N = (c) => {
-      E.value = e.open !== void 0 ? e.open : c, $.value = E.value;
-    };
-    le(() => e.open, () => {
-      N(e.open);
-    });
-    const H = D(() => !e.notFoundContent && e.emptyOptions);
-    Ce(() => {
-      $.value = E.value, (e.disabled || H.value && $.value && e.mode === "combobox") && ($.value = !1);
-    });
-    const K = D(() => H.value ? !1 : $.value), z = (c) => {
-      const d = c !== void 0 ? c : !$.value;
-      $.value !== d && !e.disabled && (N(d), e.onDropdownVisibleChange && e.onDropdownVisibleChange(d), !d && Y.value && (Y.value = !1, S(!1, () => {
-        A.value = !1, b.value = !1;
-      })));
-    }, q = D(() => (e.tokenSeparators || []).some((c) => [`
-`, `\r
-`].includes(c))), Z = (c, d, V) => {
-      var M, B;
-      let X = !0, J = c;
-      (M = e.onActiveValueChange) === null || M === void 0 || M.call(e, null);
-      const te = V ? null : xo(c, e.tokenSeparators);
-      return e.mode !== "combobox" && te && (J = "", (B = e.onSearchSplit) === null || B === void 0 || B.call(e, te), z(!1), X = !1), e.onSearch && O.value !== J && e.onSearch(J, {
-        source: d ? "typing" : "effect"
-      }), X;
-    }, j = (c) => {
-      var d;
-      !c || !c.trim() || (d = e.onSearch) === null || d === void 0 || d.call(e, c, {
-        source: "submit"
-      });
-    };
-    le($, () => {
-      !$.value && !i.value && e.mode !== "combobox" && Z("", !1, !1);
-    }, {
-      immediate: !0,
-      flush: "post"
-    }), le(() => e.disabled, () => {
-      E.value && e.disabled && N(!1), e.disabled && !b.value && S(!1);
-    }, {
-      immediate: !0
-    });
-    const [T, L] = nn(), Q = function(c) {
-      var d;
-      const V = T(), {
-        which: M
-      } = c;
-      if (M === W.ENTER && (e.mode !== "combobox" && c.preventDefault(), $.value || z(!0)), L(!!O.value), M === W.BACKSPACE && !V && i.value && !O.value && e.displayValues.length) {
-        const te = [...e.displayValues];
-        let ee = null;
-        for (let re = te.length - 1; re >= 0; re -= 1) {
-          const ue = te[re];
-          if (!ue.disabled) {
-            te.splice(re, 1), ee = ue;
-            break;
-          }
-        }
-        ee && e.onDisplayValuesChange(te, {
-          type: "remove",
-          values: [ee]
-        });
-      }
-      for (var B = arguments.length, X = new Array(B > 1 ? B - 1 : 0), J = 1; J < B; J++)
-        X[J - 1] = arguments[J];
-      $.value && I.value && I.value.onKeydown(c, ...X), (d = e.onKeydown) === null || d === void 0 || d.call(e, c, ...X);
-    }, k = function(c) {
-      for (var d = arguments.length, V = new Array(d > 1 ? d - 1 : 0), M = 1; M < d; M++)
-        V[M - 1] = arguments[M];
-      $.value && I.value && I.value.onKeyup(c, ...V), e.onKeyup && e.onKeyup(c, ...V);
-    }, v = (c) => {
-      const d = e.displayValues.filter((V) => V !== c);
-      e.onDisplayValuesChange(d, {
-        type: "remove",
-        values: [c]
-      });
-    }, A = G(!1), P = function() {
-      S(!0), e.disabled || (e.onFocus && !A.value && e.onFocus(...arguments), e.showAction && e.showAction.includes("focus") && z(!0)), A.value = !0;
-    }, Y = me(!1), oe = function() {
-      if (Y.value || (b.value = !0, S(!1, () => {
-        A.value = !1, b.value = !1, z(!1);
-      }), e.disabled))
-        return;
-      const c = O.value;
-      c && (e.mode === "tags" ? e.onSearch(c, {
-        source: "submit"
-      }) : e.mode === "multiple" && e.onSearch("", {
-        source: "blur"
-      })), e.onBlur && e.onBlur(...arguments);
-    }, ie = () => {
-      Y.value = !0;
-    }, ae = () => {
-      Y.value = !1;
-    };
-    We("VCSelectContainerEvent", {
-      focus: P,
-      blur: oe
-    });
-    const ne = [];
-    ye(() => {
-      ne.forEach((c) => clearTimeout(c)), ne.splice(0, ne.length);
-    }), Ve(() => {
-      ne.forEach((c) => clearTimeout(c)), ne.splice(0, ne.length);
-    });
-    const de = function(c) {
-      var d, V;
-      const {
-        target: M
-      } = c, B = (d = p.value) === null || d === void 0 ? void 0 : d.getPopupElement();
-      if (B && B.contains(M)) {
-        const ee = setTimeout(() => {
-          var re;
-          const ue = ne.indexOf(ee);
-          ue !== -1 && ne.splice(ue, 1), x(), !a.value && !B.contains(document.activeElement) && ((re = g.value) === null || re === void 0 || re.focus());
-        });
-        ne.push(ee);
-      }
-      for (var X = arguments.length, J = new Array(X > 1 ? X - 1 : 0), te = 1; te < X; te++)
-        J[te - 1] = arguments[te];
-      (V = e.onMousedown) === null || V === void 0 || V.call(e, c, ...J);
-    }, fe = G(null), h = () => {
-    };
-    return ye(() => {
-      le(K, () => {
-        var c;
-        if (K.value) {
-          const d = Math.ceil((c = s.value) === null || c === void 0 ? void 0 : c.offsetWidth);
-          fe.value !== d && !Number.isNaN(d) && (fe.value = d);
-        }
-      }, {
-        immediate: !0,
-        flush: "post"
-      });
-    }), Uo([s, p], K, z), Go(ln(y(y({}, _n(e)), {
-      open: $,
-      triggerOpen: K,
-      showSearch: u,
-      multiple: i,
-      toggleOpen: z
-    }))), () => {
-      const c = y(y({}, e), o), {
-        prefixCls: d,
-        id: V,
-        open: M,
-        defaultOpen: B,
-        mode: X,
-        // Search related
-        showSearch: J,
-        searchValue: te,
-        onSearch: ee,
-        // Icons
-        allowClear: re,
-        clearIcon: ue,
-        showArrow: _e,
-        inputIcon: He,
-        // Others
-        disabled: Ee,
-        loading: Le,
-        getInputElement: bt,
-        getPopupContainer: fn,
-        placement: pn,
-        // Dropdown
-        animation: mn,
-        transitionName: vn,
-        dropdownStyle: gn,
-        dropdownClassName: hn,
-        dropdownMatchSelectWidth: bn,
-        dropdownRender: yn,
-        dropdownAlign: Sn,
-        showAction: Yl,
-        direction: wn,
-        // Tags
-        tokenSeparators: Gl,
-        tagRender: Cn,
-        optionLabelRender: In,
-        // Events
-        onPopupScroll: Xl,
-        onDropdownVisibleChange: ql,
-        onFocus: Ql,
-        onBlur: Zl,
-        onKeyup: Jl,
-        onKeydown: kl,
-        onMousedown: ei,
-        onClear: Ye,
-        omitDomProps: Ge,
-        getRawInputElement: yt,
-        displayValues: Ae,
-        onDisplayValuesChange: xn,
-        emptyOptions: On,
-        activeDescendantId: $n,
-        activeValue: Mn,
-        OptionList: En
-      } = c, Tn = qo(c, ["prefixCls", "id", "open", "defaultOpen", "mode", "showSearch", "searchValue", "onSearch", "allowClear", "clearIcon", "showArrow", "inputIcon", "disabled", "loading", "getInputElement", "getPopupContainer", "placement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "showAction", "direction", "tokenSeparators", "tagRender", "optionLabelRender", "onPopupScroll", "onDropdownVisibleChange", "onFocus", "onBlur", "onKeyup", "onKeydown", "onMousedown", "onClear", "omitDomProps", "getRawInputElement", "displayValues", "onDisplayValuesChange", "emptyOptions", "activeDescendantId", "activeValue", "OptionList"]), St = X === "combobox" && bt && bt() || null, Te = typeof yt == "function" && yt(), Xe = y({}, Tn);
-      let wt;
-      Te && (wt = (we) => {
-        z(we);
-      }), Qo.forEach((we) => {
-        delete Xe[we];
-      }), Ge == null || Ge.forEach((we) => {
-        delete Xe[we];
-      });
-      const Ct = _e !== void 0 ? _e : Le || !i.value && X !== "combobox";
-      let It;
-      Ct && (It = w(Ie, {
-        class: se(`${d}-arrow`, {
-          [`${d}-arrow-loading`]: Le
-        }),
-        customizeIcon: He,
-        customizeIconProps: {
-          loading: Le,
-          searchValue: O.value,
-          open: $.value,
-          focused: C.value,
-          showSearch: u.value
-        }
-      }, null));
-      let xt;
-      const Pn = () => {
-        Ye == null || Ye(), xn([], {
-          type: "clear",
-          values: Ae
-        }), Z("", !1, !1);
-      };
-      !Ee && re && (Ae.length || O.value) && (xt = w(Ie, {
-        class: `${d}-clear`,
-        onMousedown: Pn,
-        customizeIcon: ue
-      }, {
-        default: () => [ze("×")]
-      }));
-      const Rn = w(En, {
-        ref: I
-      }, y(y({}, f.customSlots), {
-        option: l.option
-      })), Fn = se(d, o.class, {
-        [`${d}-focused`]: C.value,
-        [`${d}-multiple`]: i.value,
-        [`${d}-single`]: !i.value,
-        [`${d}-allow-clear`]: re,
-        [`${d}-show-arrow`]: Ct,
-        [`${d}-disabled`]: Ee,
-        [`${d}-loading`]: Le,
-        [`${d}-open`]: $.value,
-        [`${d}-customize-input`]: St,
-        [`${d}-show-search`]: u.value
-      }), Ot = w(Mo, {
-        ref: p,
-        disabled: Ee,
-        prefixCls: d,
-        visible: K.value,
-        popupElement: Rn,
-        containerWidth: fe.value,
-        animation: mn,
-        transitionName: vn,
-        dropdownStyle: gn,
-        dropdownClassName: hn,
-        direction: wn,
-        dropdownMatchSelectWidth: bn,
-        dropdownRender: yn,
-        dropdownAlign: Sn,
-        placement: pn,
-        getPopupContainer: fn,
-        empty: On,
-        getTriggerDOMNode: () => r.current,
-        onPopupVisibleChange: wt,
-        onPopupMouseEnter: h,
-        onPopupFocusin: ie,
-        onPopupFocusout: ae
-      }, {
-        default: () => Te ? Fe(Te) && Xt(Te, {
-          ref: r
-        }, !1, !0) : w(jo, U(U({}, e), {}, {
-          domRef: r,
-          prefixCls: d,
-          inputElement: St,
-          ref: g,
-          id: V,
-          showSearch: u.value,
-          mode: X,
-          activeDescendantId: $n,
-          tagRender: Cn,
-          optionLabelRender: In,
-          values: Ae,
-          open: $.value,
-          onToggleOpen: z,
-          activeValue: Mn,
-          searchValue: O.value,
-          onSearch: Z,
-          onSearchSubmit: j,
-          onRemove: v,
-          tokenWithEnter: q.value
-        }), null)
-      });
-      let qe;
-      return Te ? qe = Ot : qe = w("div", U(U({}, Xe), {}, {
-        class: Fn,
-        ref: s,
-        onMousedown: de,
-        onKeydown: Q,
-        onKeyup: k
-      }), [C.value && !$.value && w("span", {
-        style: {
-          width: 0,
-          height: 0,
-          position: "absolute",
-          overflow: "hidden",
-          opacity: 0
-        },
-        "aria-live": "polite"
-      }, [`${Ae.map((we) => {
-        let {
-          label: $t,
-          value: Dn
-        } = we;
-        return ["number", "string"].includes(typeof $t) ? $t : Dn;
-      }).join(", ")}`]), Ot, It, xt]), qe;
-    };
-  }
-}), Ue = (e, n) => {
-  let {
-    height: o,
-    offset: t,
-    prefixCls: l,
-    onInnerResize: i
-  } = e, {
-    slots: u
-  } = n;
-  var a;
-  let f = {}, s = {
-    display: "flex",
-    flexDirection: "column"
-  };
-  return t !== void 0 && (f = {
-    height: `${o}px`,
-    position: "relative",
-    overflow: "hidden"
-  }, s = y(y({}, s), {
-    transform: `translateY(${t}px)`,
-    position: "absolute",
-    left: 0,
-    right: 0,
-    top: 0
-  })), w("div", {
-    style: f
-  }, [w(st, {
-    onResize: (r) => {
-      let {
-        offsetHeight: p
-      } = r;
-      p && i && i();
-    }
-  }, {
-    default: () => [w("div", {
-      style: s,
-      class: se({
-        [`${l}-holder-inner`]: l
-      })
-    }, [(a = u.default) === null || a === void 0 ? void 0 : a.call(u)])]
-  })]);
-};
-Ue.displayName = "Filter";
-Ue.inheritAttrs = !1;
-Ue.props = {
-  prefixCls: String,
-  /** Virtual filler height. Should be `count * itemMinHeight` */
-  height: Number,
-  /** Set offset of visible items. Should be the top of start item position */
-  offset: Number,
-  onInnerResize: Function
-};
-const rn = (e, n) => {
-  let {
-    setRef: o
-  } = e, {
-    slots: t
-  } = n;
-  var l;
-  const i = qt((l = t.default) === null || l === void 0 ? void 0 : l.call(t));
-  return i && i.length ? Yt(i[0], {
-    ref: o
-  }) : i;
-};
-rn.props = {
-  setRef: {
-    type: Function,
-    default: () => {
-    }
-  }
-};
-const el = 20;
-function Bt(e) {
-  return "touches" in e ? e.touches[0].pageY : e.pageY;
-}
-const tl = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "ScrollBar",
-  inheritAttrs: !1,
-  props: {
-    prefixCls: String,
-    scrollTop: Number,
-    scrollHeight: Number,
-    height: Number,
-    count: Number,
-    onScroll: {
-      type: Function
-    },
-    onStartMove: {
-      type: Function
-    },
-    onStopMove: {
-      type: Function
-    }
-  },
-  setup() {
-    return {
-      moveRaf: null,
-      scrollbarRef: De(),
-      thumbRef: De(),
-      visibleTimeout: null,
-      state: Me({
-        dragging: !1,
-        pageY: null,
-        startTop: null,
-        visible: !1
-      })
-    };
-  },
-  watch: {
-    scrollTop: {
-      handler() {
-        this.delayHidden();
-      },
-      flush: "post"
-    }
-  },
-  mounted() {
-    var e, n;
-    (e = this.scrollbarRef.current) === null || e === void 0 || e.addEventListener("touchstart", this.onScrollbarTouchStart, be ? {
-      passive: !1
-    } : !1), (n = this.thumbRef.current) === null || n === void 0 || n.addEventListener("touchstart", this.onMouseDown, be ? {
-      passive: !1
-    } : !1);
-  },
-  beforeUnmount() {
-    this.removeEvents(), clearTimeout(this.visibleTimeout);
-  },
-  methods: {
-    delayHidden() {
-      clearTimeout(this.visibleTimeout), this.state.visible = !0, this.visibleTimeout = setTimeout(() => {
-        this.state.visible = !1;
-      }, 2e3);
-    },
-    onScrollbarTouchStart(e) {
-      e.preventDefault();
-    },
-    onContainerMouseDown(e) {
-      e.stopPropagation(), e.preventDefault();
-    },
-    // ======================= Clean =======================
-    patchEvents() {
-      window.addEventListener("mousemove", this.onMouseMove), window.addEventListener("mouseup", this.onMouseUp), this.thumbRef.current.addEventListener("touchmove", this.onMouseMove, be ? {
-        passive: !1
-      } : !1), this.thumbRef.current.addEventListener("touchend", this.onMouseUp);
-    },
-    removeEvents() {
-      window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp), this.scrollbarRef.current.removeEventListener("touchstart", this.onScrollbarTouchStart, be ? {
-        passive: !1
-      } : !1), this.thumbRef.current && (this.thumbRef.current.removeEventListener("touchstart", this.onMouseDown, be ? {
-        passive: !1
-      } : !1), this.thumbRef.current.removeEventListener("touchmove", this.onMouseMove, be ? {
-        passive: !1
-      } : !1), this.thumbRef.current.removeEventListener("touchend", this.onMouseUp)), ge.cancel(this.moveRaf);
-    },
-    // ======================= Thumb =======================
-    onMouseDown(e) {
-      const {
-        onStartMove: n
-      } = this.$props;
-      y(this.state, {
-        dragging: !0,
-        pageY: Bt(e),
-        startTop: this.getTop()
-      }), n(), this.patchEvents(), e.stopPropagation(), e.preventDefault();
-    },
-    onMouseMove(e) {
-      const {
-        dragging: n,
-        pageY: o,
-        startTop: t
-      } = this.state, {
-        onScroll: l
-      } = this.$props;
-      if (ge.cancel(this.moveRaf), n) {
-        const i = Bt(e) - o, u = t + i, a = this.getEnableScrollRange(), f = this.getEnableHeightRange(), s = f ? u / f : 0, r = Math.ceil(s * a);
-        this.moveRaf = ge(() => {
-          l(r);
-        });
-      }
-    },
-    onMouseUp() {
-      const {
-        onStopMove: e
-      } = this.$props;
-      this.state.dragging = !1, e(), this.removeEvents();
-    },
-    // ===================== Calculate =====================
-    getSpinHeight() {
-      const {
-        height: e,
-        scrollHeight: n
-      } = this.$props;
-      let o = e / n * 100;
-      return o = Math.max(o, el), o = Math.min(o, e / 2), Math.floor(o);
-    },
-    getEnableScrollRange() {
-      const {
-        scrollHeight: e,
-        height: n
-      } = this.$props;
-      return e - n || 0;
-    },
-    getEnableHeightRange() {
-      const {
-        height: e
-      } = this.$props, n = this.getSpinHeight();
-      return e - n || 0;
-    },
-    getTop() {
-      const {
-        scrollTop: e
-      } = this.$props, n = this.getEnableScrollRange(), o = this.getEnableHeightRange();
-      return e === 0 || n === 0 ? 0 : e / n * o;
-    },
-    // Not show scrollbar when height is large than scrollHeight
-    showScroll() {
-      const {
-        height: e,
-        scrollHeight: n
-      } = this.$props;
-      return n > e;
-    }
-  },
-  render() {
-    const {
-      dragging: e,
-      visible: n
-    } = this.state, {
-      prefixCls: o
-    } = this.$props, t = this.getSpinHeight() + "px", l = this.getTop() + "px", i = this.showScroll(), u = i && n;
-    return w("div", {
-      ref: this.scrollbarRef,
-      class: se(`${o}-scrollbar`, {
-        [`${o}-scrollbar-show`]: i
-      }),
-      style: {
-        width: "8px",
-        top: 0,
-        bottom: 0,
-        right: 0,
-        position: "absolute",
-        display: u ? void 0 : "none"
-      },
-      onMousedown: this.onContainerMouseDown,
-      onMousemove: this.delayHidden
-    }, [w("div", {
-      ref: this.thumbRef,
-      class: se(`${o}-scrollbar-thumb`, {
-        [`${o}-scrollbar-thumb-moving`]: e
-      }),
-      style: {
-        width: "100%",
-        height: t,
-        top: l,
-        left: 0,
-        position: "absolute",
-        background: "rgba(0, 0, 0, 0.5)",
-        borderRadius: "99px",
-        cursor: "pointer",
-        userSelect: "none"
-      },
-      onMousedown: this.onMouseDown
-    }, null)]);
-  }
-});
-function nl(e, n, o, t) {
-  const l = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), u = me(Symbol("update"));
-  le(e, () => {
-    u.value = Symbol("update");
-  });
-  let a;
-  function f() {
-    ge.cancel(a);
-  }
-  function s() {
-    f(), a = ge(() => {
-      l.forEach((p, g) => {
-        if (p && p.offsetParent) {
-          const {
-            offsetHeight: I
-          } = p;
-          i.get(g) !== I && (u.value = Symbol("update"), i.set(g, p.offsetHeight));
-        }
-      });
-    });
-  }
-  function r(p, g) {
-    const I = n(p);
-    l.get(I), g ? (l.set(I, g.$el || g), s()) : l.delete(I);
-  }
-  return Gt(() => {
-    f();
-  }), [r, s, i, u];
-}
-function ol(e, n, o, t, l, i, u, a) {
-  let f;
-  return (s) => {
-    if (s == null) {
-      a();
-      return;
-    }
-    ge.cancel(f);
-    const r = n.value, p = t.itemHeight;
-    if (typeof s == "number")
-      u(s);
-    else if (s && typeof s == "object") {
-      let g;
-      const {
-        align: I
-      } = s;
-      "index" in s ? {
-        index: g
-      } = s : g = r.findIndex((S) => l(S) === s.key);
-      const {
-        offset: b = 0
-      } = s, C = (S, x) => {
-        if (S < 0 || !e.value) return;
-        const R = e.value.clientHeight;
-        let F = !1, O = x;
-        if (R) {
-          const m = x || I;
-          let E = 0, $ = 0, N = 0;
-          const H = Math.min(r.length, g);
-          for (let q = 0; q <= H; q += 1) {
-            const Z = l(r[q]);
-            $ = E;
-            const j = o.get(Z);
-            N = $ + (j === void 0 ? p : j), E = N, q === g && j === void 0 && (F = !0);
-          }
-          const K = e.value.scrollTop;
-          let z = null;
-          switch (m) {
-            case "top":
-              z = $ - b;
-              break;
-            case "bottom":
-              z = N - R + b;
-              break;
-            default: {
-              const q = K + R;
-              $ < K ? O = "top" : N > q && (O = "bottom");
-            }
-          }
-          z !== null && z !== K && u(z);
-        }
-        f = ge(() => {
-          F && i(), C(S - 1, O);
-        }, 2);
-      };
-      C(5);
-    }
-  };
-}
-const ll = typeof navigator == "object" && /Firefox/i.test(navigator.userAgent), sn = (e, n) => {
-  let o = !1, t = null;
-  function l() {
-    clearTimeout(t), o = !0, t = setTimeout(() => {
-      o = !1;
-    }, 50);
-  }
-  return function(i) {
-    let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    const a = (
-      // Pass origin wheel when on the top
-      i < 0 && e.value || // Pass origin wheel when on the bottom
-      i > 0 && n.value
-    );
-    return u && a ? (clearTimeout(t), o = !1) : (!a || o) && l(), !o && a;
-  };
-};
-function il(e, n, o, t) {
-  let l = 0, i = null, u = null, a = !1;
-  const f = sn(n, o);
-  function s(p) {
-    if (!e.value) return;
-    ge.cancel(i);
-    const {
-      deltaY: g
-    } = p;
-    l += g, u = g, !f(g) && (ll || p.preventDefault(), i = ge(() => {
-      t(l * (a ? 10 : 1)), l = 0;
-    }));
-  }
-  function r(p) {
-    e.value && (a = p.detail === u);
-  }
-  return [s, r];
-}
-const al = 14 / 15;
-function rl(e, n, o) {
-  let t = !1, l = 0, i = null, u = null;
-  const a = () => {
-    i && (i.removeEventListener("touchmove", f), i.removeEventListener("touchend", s));
-  }, f = (g) => {
-    if (t) {
-      const I = Math.ceil(g.touches[0].pageY);
-      let b = l - I;
-      l = I, o(b) && g.preventDefault(), clearInterval(u), u = setInterval(() => {
-        b *= al, (!o(b, !0) || Math.abs(b) <= 0.1) && clearInterval(u);
-      }, 16);
-    }
-  }, s = () => {
-    t = !1, a();
-  }, r = (g) => {
-    a(), g.touches.length === 1 && !t && (t = !0, l = Math.ceil(g.touches[0].pageY), i = g.target, i.addEventListener("touchmove", f, {
-      passive: !1
-    }), i.addEventListener("touchend", s));
-  }, p = () => {
-  };
-  ye(() => {
-    document.addEventListener("touchmove", p, {
-      passive: !1
-    }), le(e, (g) => {
-      n.value.removeEventListener("touchstart", r), a(), clearInterval(u), g && n.value.addEventListener("touchstart", r, {
-        passive: !1
-      });
-    }, {
-      immediate: !0
-    });
-  }), Ve(() => {
-    document.removeEventListener("touchmove", p);
-  });
-}
-var sl = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-const ul = [], cl = {
-  overflowY: "auto",
-  overflowAnchor: "none"
-};
-function dl(e, n, o, t, l, i) {
-  let {
-    getKey: u
-  } = i;
-  return e.slice(n, o + 1).map((a, f) => {
-    const s = n + f, r = l(a, s, {
-      // style: status === 'MEASURE_START' ? { visibility: 'hidden' } : {},
-    }), p = u(a);
-    return w(rn, {
-      key: p,
-      setRef: (g) => t(a, g)
-    }, {
-      default: () => [r]
-    });
-  });
-}
-const fl = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "List",
-  inheritAttrs: !1,
-  props: {
-    prefixCls: String,
-    data: _.array,
-    height: Number,
-    itemHeight: Number,
-    /** If not match virtual scroll condition, Set List still use height of container. */
-    fullHeight: {
-      type: Boolean,
-      default: void 0
-    },
-    itemKey: {
-      type: [String, Number, Function],
-      required: !0
-    },
-    component: {
-      type: [String, Object]
-    },
-    /** Set `false` will always use real scroll instead of virtual one */
-    virtual: {
-      type: Boolean,
-      default: void 0
-    },
-    children: Function,
-    onScroll: Function,
-    onMousedown: Function,
-    onMouseenter: Function,
-    onVisibleChange: Function
-  },
-  setup(e, n) {
-    let {
-      expose: o
-    } = n;
-    const t = D(() => {
-      const {
-        height: v,
-        itemHeight: A,
-        virtual: P
-      } = e;
-      return !!(P !== !1 && v && A);
-    }), l = D(() => {
-      const {
-        height: v,
-        itemHeight: A,
-        data: P
-      } = e;
-      return t.value && P && A * P.length > v;
-    }), i = Me({
-      scrollTop: 0,
-      scrollMoving: !1
-    }), u = D(() => e.data || ul), a = G([]);
-    le(u, () => {
-      a.value = it(u.value).slice();
-    }, {
-      immediate: !0
-    });
-    const f = G((v) => {
-    });
-    le(() => e.itemKey, (v) => {
-      typeof v == "function" ? f.value = v : f.value = (A) => A == null ? void 0 : A[v];
-    }, {
-      immediate: !0
-    });
-    const s = G(), r = G(), p = G(), g = (v) => f.value(v), I = {
-      getKey: g
-    };
-    function b(v) {
-      let A;
-      typeof v == "function" ? A = v(i.scrollTop) : A = v;
-      const P = E(A);
-      s.value && (s.value.scrollTop = P), i.scrollTop = P;
-    }
-    const [C, S, x, R] = nl(a, g), F = Me({
-      scrollHeight: void 0,
-      start: 0,
-      end: 0,
-      offset: void 0
-    }), O = G(0);
-    ye(() => {
-      Re(() => {
-        var v;
-        O.value = ((v = r.value) === null || v === void 0 ? void 0 : v.offsetHeight) || 0;
-      });
-    }), Hn(() => {
-      Re(() => {
-        var v;
-        O.value = ((v = r.value) === null || v === void 0 ? void 0 : v.offsetHeight) || 0;
-      });
-    }), le([t, a], () => {
-      t.value || y(F, {
-        scrollHeight: void 0,
-        start: 0,
-        end: a.value.length - 1,
-        offset: void 0
-      });
-    }, {
-      immediate: !0
-    }), le([t, a, O, l], () => {
-      t.value && !l.value && y(F, {
-        scrollHeight: O.value,
-        start: 0,
-        end: a.value.length - 1,
-        offset: void 0
-      }), s.value && (i.scrollTop = s.value.scrollTop);
-    }, {
-      immediate: !0
-    }), le([l, t, () => i.scrollTop, a, R, () => e.height, O], () => {
-      if (!t.value || !l.value)
-        return;
-      let v = 0, A, P, Y;
-      const oe = a.value.length, ie = a.value, ae = i.scrollTop, {
-        itemHeight: ne,
-        height: de
-      } = e, fe = ae + de;
-      for (let h = 0; h < oe; h += 1) {
-        const c = ie[h], d = g(c);
-        let V = x.get(d);
-        V === void 0 && (V = ne);
-        const M = v + V;
-        A === void 0 && M >= ae && (A = h, P = v), Y === void 0 && M > fe && (Y = h), v = M;
-      }
-      A === void 0 && (A = 0, P = 0, Y = Math.ceil(de / ne)), Y === void 0 && (Y = oe - 1), Y = Math.min(Y + 1, oe), y(F, {
-        scrollHeight: v,
-        start: A,
-        end: Y,
-        offset: P
-      });
-    }, {
-      immediate: !0
-    });
-    const m = D(() => F.scrollHeight - e.height);
-    function E(v) {
-      let A = v;
-      return Number.isNaN(m.value) || (A = Math.min(A, m.value)), A = Math.max(A, 0), A;
-    }
-    const $ = D(() => i.scrollTop <= 0), N = D(() => i.scrollTop >= m.value), H = sn($, N);
-    function K(v) {
-      b(v);
-    }
-    function z(v) {
-      var A;
-      const {
-        scrollTop: P
-      } = v.currentTarget;
-      P !== i.scrollTop && b(P), (A = e.onScroll) === null || A === void 0 || A.call(e, v);
-    }
-    const [q, Z] = il(t, $, N, (v) => {
-      b((A) => A + v);
-    });
-    rl(t, s, (v, A) => H(v, A) ? !1 : (q({
-      preventDefault() {
-      },
-      deltaY: v
-    }), !0));
-    function j(v) {
-      t.value && v.preventDefault();
-    }
-    const T = () => {
-      s.value && (s.value.removeEventListener("wheel", q, be ? {
-        passive: !1
-      } : !1), s.value.removeEventListener("DOMMouseScroll", Z), s.value.removeEventListener("MozMousePixelScroll", j));
-    };
-    Ce(() => {
-      Re(() => {
-        s.value && (T(), s.value.addEventListener("wheel", q, be ? {
-          passive: !1
-        } : !1), s.value.addEventListener("DOMMouseScroll", Z), s.value.addEventListener("MozMousePixelScroll", j));
-      });
-    }), Ve(() => {
-      T();
-    });
-    const L = ol(s, a, x, e, g, S, b, () => {
-      var v;
-      (v = p.value) === null || v === void 0 || v.delayHidden();
-    });
-    o({
-      scrollTo: L
-    });
-    const Q = D(() => {
-      let v = null;
-      return e.height && (v = y({
-        [e.fullHeight ? "height" : "maxHeight"]: e.height + "px"
-      }, cl), t.value && (v.overflowY = "hidden", i.scrollMoving && (v.pointerEvents = "none"))), v;
-    });
-    return le([() => F.start, () => F.end, a], () => {
-      if (e.onVisibleChange) {
-        const v = a.value.slice(F.start, F.end + 1);
-        e.onVisibleChange(v, a.value);
-      }
-    }, {
-      flush: "post"
-    }), {
-      state: i,
-      mergedData: a,
-      componentStyle: Q,
-      onFallbackScroll: z,
-      onScrollBar: K,
-      componentRef: s,
-      useVirtual: t,
-      calRes: F,
-      collectHeight: S,
-      setInstance: C,
-      sharedConfig: I,
-      scrollBarRef: p,
-      fillerInnerRef: r,
-      delayHideScrollBar: () => {
-        var v;
-        (v = p.value) === null || v === void 0 || v.delayHidden();
-      }
-    };
-  },
-  render() {
-    const e = y(y({}, this.$props), this.$attrs), {
-      prefixCls: n = "rc-virtual-list",
-      height: o,
-      itemHeight: t,
-      // eslint-disable-next-line no-unused-vars
-      fullHeight: l,
-      data: i,
-      itemKey: u,
-      virtual: a,
-      component: f = "div",
-      onScroll: s,
-      children: r = this.$slots.default,
-      style: p,
-      class: g
-    } = e, I = sl(e, ["prefixCls", "height", "itemHeight", "fullHeight", "data", "itemKey", "virtual", "component", "onScroll", "children", "style", "class"]), b = se(n, g), {
-      scrollTop: C
-    } = this.state, {
-      scrollHeight: S,
-      offset: x,
-      start: R,
-      end: F
-    } = this.calRes, {
-      componentStyle: O,
-      onFallbackScroll: m,
-      onScrollBar: E,
-      useVirtual: $,
-      collectHeight: N,
-      sharedConfig: H,
-      setInstance: K,
-      mergedData: z,
-      delayHideScrollBar: q
-    } = this;
-    return w("div", U({
-      style: y(y({}, p), {
-        position: "relative"
-      }),
-      class: b
-    }, I), [w(f, {
-      class: `${n}-holder`,
-      style: O,
-      ref: "componentRef",
-      onScroll: m,
-      onMouseenter: q
-    }, {
-      default: () => [w(Ue, {
-        prefixCls: n,
-        height: S,
-        offset: x,
-        onInnerResize: N,
-        ref: "fillerInnerRef"
-      }, {
-        default: () => dl(z, R, F, K, r, H)
-      })]
-    }), $ && w(tl, {
-      ref: "scrollBarRef",
-      prefixCls: n,
-      scrollTop: C,
-      height: o,
-      scrollHeight: S,
-      count: z.length,
-      onScroll: E,
-      onStartMove: () => {
-        this.state.scrollMoving = !0;
-      },
-      onStopMove: () => {
-        this.state.scrollMoving = !1;
-      }
-    }, null)]);
-  }
-});
-function pl() {
-  return /(mac\sos|macintosh)/i.test(navigator.appVersion);
-}
-const un = Symbol("SelectContextKey");
-function ml(e) {
-  return We(un, e);
-}
-function vl() {
-  return Ne(un, {});
-}
-var gl = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-function zt(e) {
-  return typeof e == "string" || typeof e == "number";
-}
-const hl = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "OptionList",
-  inheritAttrs: !1,
-  setup(e, n) {
-    let {
-      expose: o,
-      slots: t
-    } = n;
-    const l = Xo(), i = vl(), u = D(() => `${l.prefixCls}-item`), a = vo(() => i.flattenOptions, [() => l.open, () => i.flattenOptions], (m) => m[0]), f = De(), s = (m) => {
-      m.preventDefault();
-    }, r = (m) => {
-      f.current && f.current.scrollTo(typeof m == "number" ? {
-        index: m
-      } : m);
-    }, p = function(m) {
-      let E = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-      const $ = a.value.length;
-      for (let N = 0; N < $; N += 1) {
-        const H = (m + N * E + $) % $, {
-          group: K,
-          data: z
-        } = a.value[H];
-        if (!K && !z.disabled)
-          return H;
-      }
-      return -1;
-    }, g = Me({
-      activeIndex: p(0)
-    }), I = function(m) {
-      let E = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      g.activeIndex = m;
-      const $ = {
-        source: E ? "keyboard" : "mouse"
-      }, N = a.value[m];
-      if (!N) {
-        i.onActiveValue(null, -1, $);
-        return;
-      }
-      i.onActiveValue(N.value, m, $);
-    };
-    le([() => a.value.length, () => l.searchValue], () => {
-      I(i.defaultActiveFirstOption !== !1 ? p(0) : -1);
-    }, {
-      immediate: !0
-    });
-    const b = (m) => i.rawValues.has(m) && l.mode !== "combobox";
-    le([() => l.open, () => l.searchValue], () => {
-      if (!l.multiple && l.open && i.rawValues.size === 1) {
-        const m = Array.from(i.rawValues)[0], E = it(a.value).findIndex(($) => {
-          let {
-            data: N
-          } = $;
-          return N[i.fieldNames.value] === m;
-        });
-        E !== -1 && (I(E), Re(() => {
-          r(E);
-        }));
-      }
-      l.open && Re(() => {
-        var m;
-        (m = f.current) === null || m === void 0 || m.scrollTo(void 0);
-      });
-    }, {
-      immediate: !0,
-      flush: "post"
-    });
-    const C = (m) => {
-      m !== void 0 && i.onSelect(m, {
-        selected: !i.rawValues.has(m)
-      }), l.multiple || l.toggleOpen(!1);
-    }, S = (m) => typeof m.label == "function" ? m.label() : m.label;
-    function x(m) {
-      const E = a.value[m];
-      if (!E) return null;
-      const $ = E.data || {}, {
-        value: N
-      } = $, {
-        group: H
-      } = E, K = ut($, !0), z = S(E);
-      return E ? w("div", U(U({
-        "aria-label": typeof z == "string" && !H ? z : null
-      }, K), {}, {
-        key: m,
-        role: H ? "presentation" : "option",
-        id: `${l.id}_list_${m}`,
-        "aria-selected": b(N)
-      }), [N]) : null;
-    }
-    return o({
-      onKeydown: (m) => {
-        const {
-          which: E,
-          ctrlKey: $
-        } = m;
-        switch (E) {
-          // >>> Arrow keys & ctrl + n/p on Mac
-          case W.N:
-          case W.P:
-          case W.UP:
-          case W.DOWN: {
-            let N = 0;
-            if (E === W.UP ? N = -1 : E === W.DOWN ? N = 1 : pl() && $ && (E === W.N ? N = 1 : E === W.P && (N = -1)), N !== 0) {
-              const H = p(g.activeIndex + N, N);
-              r(H), I(H, !0);
-            }
-            break;
-          }
-          // >>> Select
-          case W.ENTER: {
-            const N = a.value[g.activeIndex];
-            N && !N.data.disabled ? C(N.value) : C(void 0), l.open && m.preventDefault();
-            break;
-          }
-          // >>> Close
-          case W.ESC:
-            l.toggleOpen(!1), l.open && m.stopPropagation();
-        }
-      },
-      onKeyup: () => {
-      },
-      scrollTo: (m) => {
-        r(m);
-      }
-    }), () => {
-      const {
-        id: m,
-        notFoundContent: E,
-        onPopupScroll: $
-      } = l, {
-        menuItemSelectedIcon: N,
-        fieldNames: H,
-        virtual: K,
-        listHeight: z,
-        listItemHeight: q
-      } = i, Z = t.option, {
-        activeIndex: j
-      } = g, T = Object.keys(H).map((L) => H[L]);
-      return a.value.length === 0 ? w("div", {
-        role: "listbox",
-        id: `${m}_list`,
-        class: `${u.value}-empty`,
-        onMousedown: s
-      }, [E]) : w($e, null, [w("div", {
-        role: "listbox",
-        id: `${m}_list`,
-        style: {
-          height: 0,
-          width: 0,
-          overflow: "hidden"
-        }
-      }, [x(j - 1), x(j), x(j + 1)]), w(fl, {
-        itemKey: "key",
-        ref: f,
-        data: a.value,
-        height: z,
-        itemHeight: q,
-        fullHeight: !1,
-        onMousedown: s,
-        onScroll: $,
-        virtual: K
-      }, {
-        default: (L, Q) => {
-          var k;
-          const {
-            group: v,
-            groupOption: A,
-            data: P,
-            value: Y
-          } = L, {
-            key: oe
-          } = P, ie = typeof L.label == "function" ? L.label() : L.label;
-          if (v) {
-            const ue = (k = P.title) !== null && k !== void 0 ? k : zt(ie) && ie;
-            return w("div", {
-              class: se(u.value, `${u.value}-group`),
-              title: ue
-            }, [Z ? Z(P) : ie !== void 0 ? ie : oe]);
-          }
-          const {
-            disabled: ae,
-            title: ne,
-            children: de,
-            style: fe,
-            class: h,
-            className: c
-          } = P, d = gl(P, ["disabled", "title", "children", "style", "class", "className"]), V = Ke(d, T), M = b(Y), B = `${u.value}-option`, X = se(u.value, B, h, c, {
-            [`${B}-grouped`]: A,
-            [`${B}-active`]: j === Q && !ae,
-            [`${B}-disabled`]: ae,
-            [`${B}-selected`]: M
-          }), J = S(L), te = !N || typeof N == "function" || M, ee = typeof J == "number" ? J : J || Y;
-          let re = zt(ee) ? ee.toString() : void 0;
-          return ne !== void 0 && (re = ne), w("div", U(U({}, V), {}, {
-            "aria-selected": M,
-            class: X,
-            title: re,
-            onMousemove: (ue) => {
-              d.onMousemove && d.onMousemove(ue), !(j === Q || ae) && I(Q);
-            },
-            onClick: (ue) => {
-              ae || C(Y), d.onClick && d.onClick(ue);
-            },
-            style: fe
-          }), [w("div", {
-            class: `${B}-content`
-          }, [Z ? Z(P) : ee]), Fe(N) || M, te && w(Ie, {
-            class: `${u.value}-option-state`,
-            customizeIcon: N,
-            customizeIconProps: {
-              isSelected: M
-            }
-          }, {
-            default: () => [M ? "✓" : null]
-          })]);
-        }
-      })]);
-    };
-  }
-});
-var bl = function(e, n) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-    n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (o[t[l]] = e[t[l]]);
-  return o;
-};
-function yl(e) {
-  const n = e, {
-    key: o,
-    children: t
-  } = n, l = n.props, {
-    value: i,
-    disabled: u
-  } = l, a = bl(l, ["value", "disabled"]), f = t == null ? void 0 : t.default;
-  return y({
-    key: o,
-    value: i !== void 0 ? i : o,
-    children: f,
-    disabled: u || u === ""
-  }, a);
-}
-function pt(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-  return qt(e).map((t, l) => {
-    var i;
-    if (!Fe(t) || !t.type)
-      return null;
-    const {
-      type: {
-        isSelectOptGroup: u
-      },
-      key: a,
-      children: f,
-      props: s
-    } = t;
-    if (n || !u)
-      return yl(t);
-    const r = f && f.default ? f.default() : void 0, p = (s == null ? void 0 : s.label) || ((i = f.label) === null || i === void 0 ? void 0 : i.call(f)) || a;
-    return y(y({
-      key: `__RC_SELECT_GRP__${a === null ? l : String(a)}__`
-    }, s), {
-      label: p,
-      options: pt(r || [])
-    });
-  }).filter((t) => t);
-}
-function Sl(e, n, o) {
-  const t = G(), l = G(), i = G(), u = G([]);
-  return le([e, n], () => {
-    e.value ? u.value = it(e.value).slice() : u.value = pt(n.value);
-  }, {
-    immediate: !0,
-    deep: !0
-  }), Ce(() => {
-    const a = u.value, f = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), r = o.value;
-    function p(g) {
-      let I = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      for (let b = 0; b < g.length; b += 1) {
-        const C = g[b];
-        !C[r.options] || I ? (f.set(C[r.value], C), s.set(C[r.label], C)) : p(C[r.options], !0);
-      }
-    }
-    p(a), t.value = a, l.value = f, i.value = s;
-  }), {
-    options: t,
-    valueOptions: l,
-    labelOptions: i
-  };
-}
-let Wt = 0;
-const wl = process.env.NODE_ENV !== "test" && Yn();
-function Cl() {
-  let e;
-  return wl ? (e = Wt, Wt += 1) : e = "TEST_OR_SSR", e;
-}
-function Il() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : me("");
-  const n = `rc_select_${Cl()}`;
-  return e.value || n;
-}
-function mt(e) {
-  return Array.isArray(e) ? e : e !== void 0 ? [e] : [];
-}
-const xl = typeof window < "u" && window.document && window.document.documentElement;
-process.env.NODE_ENV;
-function Ol(e) {
-  const {
-    mode: n,
-    options: o,
-    children: t,
-    backfill: l,
-    allowClear: i,
-    placeholder: u,
-    getInputElement: a,
-    showSearch: f,
-    onSearch: s,
-    defaultOpen: r,
-    autofocus: p,
-    labelInValue: g,
-    value: I,
-    inputValue: b,
-    optionLabelProp: C
-  } = e, S = ft(n), x = f !== void 0 ? f : S || n === "combobox", R = o || pt(t);
-  if (ve(n !== "tags" || R.every((F) => !F.disabled), "Please avoid setting option to disabled in tags mode since user can always type text as tag."), ve(n !== "combobox" || !C, "`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly."), ve(n === "combobox" || !l, "`backfill` only works with `combobox` mode."), ve(n === "combobox" || !a, "`getInputElement` only work with `combobox` mode."), Pt(n !== "combobox" || !a || !i || !u, "Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`."), s && !x && n !== "combobox" && n !== "tags" && ve(!1, "`onSearch` should work with `showSearch` instead of use alone."), Pt(!r || p, "`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autofocus` if needed."), I != null) {
-    const F = mt(I);
-    ve(!g || F.every((O) => typeof O == "object" && ("key" in O || "value" in O)), "`value` should in shape of `{ value: string | number, label?: any }` when you set `labelInValue` to `true`"), ve(!S || Array.isArray(I), "`value` should be array when `mode` is `multiple` or `tags`");
-  }
-  if (t) {
-    let F = null;
-    t.some((O) => {
-      var m;
-      if (!Fe(O) || !O.type)
-        return !1;
-      const {
-        type: E
-      } = O;
-      return E.isSelectOption ? !1 : E.isSelectOptGroup ? !(((m = O.children) === null || m === void 0 ? void 0 : m.default()) || []).every((H) => !Fe(H) || !O.type || H.type.isSelectOption ? !0 : (F = H.type, !1)) : (F = E, !0);
-    }), F && ve(!1, `\`children\` should be \`Select.Option\` or \`Select.OptGroup\` instead of \`${F.displayName || F.name || F}\`.`), ve(b === void 0, "`inputValue` is deprecated, please use `searchValue` instead.");
-  }
-}
-function Je(e, n) {
-  return mt(e).join("").toUpperCase().includes(n);
-}
-const $l = (e, n, o, t, l) => D(() => {
-  const i = o.value, u = l == null ? void 0 : l.value, a = t == null ? void 0 : t.value;
-  if (!i || a === !1)
-    return e.value;
-  const {
-    options: f,
-    label: s,
-    value: r
-  } = n.value, p = [], g = typeof a == "function", I = i.toUpperCase(), b = g ? a : (S, x) => u ? Je(x[u], I) : x[f] ? Je(x[s !== "children" ? s : "label"], I) : Je(x[r], I), C = g ? (S) => ot(S) : (S) => S;
-  return e.value.forEach((S) => {
-    if (S[f]) {
-      if (b(i, C(S)))
-        p.push(S);
-      else {
-        const R = S[f].filter((F) => b(i, C(F)));
-        R.length && p.push(y(y({}, S), {
-          [f]: R
-        }));
-      }
-      return;
-    }
-    b(i, C(S)) && p.push(S);
-  }), p;
-}), Ml = (e, n) => {
-  const o = G({
-    values: /* @__PURE__ */ new Map(),
-    options: /* @__PURE__ */ new Map()
-  });
-  return [D(() => {
-    const {
-      values: i,
-      options: u
-    } = o.value, a = e.value.map((r) => {
-      var p;
-      return r.label === void 0 ? y(y({}, r), {
-        label: (p = i.get(r.value)) === null || p === void 0 ? void 0 : p.label
-      }) : r;
-    }), f = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-    return a.forEach((r) => {
-      f.set(r.value, r), s.set(r.value, n.value.get(r.value) || u.get(r.value));
-    }), o.value.values = f, o.value.options = s, a;
-  }), (i) => n.value.get(i) || o.value.options.get(i)];
-}, El = ["inputValue"];
-function cn() {
-  return y(y({}, an()), {
-    prefixCls: String,
-    id: String,
-    backfill: {
-      type: Boolean,
-      default: void 0
-    },
-    // >>> Field Names
-    fieldNames: Object,
-    // >>> Search
-    /** @deprecated Use `searchValue` instead */
-    inputValue: String,
-    searchValue: String,
-    onSearch: Function,
-    autoClearSearchValue: {
-      type: Boolean,
-      default: void 0
-    },
-    // >>> Select
-    onSelect: Function,
-    onDeselect: Function,
-    // >>> Options
-    /**
-     * In Select, `false` means do nothing.
-     * In TreeSelect, `false` will highlight match item.
-     * It's by design.
-     */
-    filterOption: {
-      type: [Boolean, Function],
-      default: void 0
-    },
-    filterSort: Function,
-    optionFilterProp: String,
-    optionLabelProp: String,
-    options: Array,
-    defaultActiveFirstOption: {
-      type: Boolean,
-      default: void 0
-    },
-    virtual: {
-      type: Boolean,
-      default: void 0
-    },
-    listHeight: Number,
-    listItemHeight: Number,
-    // >>> Icon
-    menuItemSelectedIcon: _.any,
-    mode: String,
-    labelInValue: {
-      type: Boolean,
-      default: void 0
-    },
-    value: _.any,
-    defaultValue: _.any,
-    onChange: Function,
-    children: Array
-  });
-}
-function Tl(e) {
-  return !e || typeof e != "object";
-}
-const Pl = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "VcSelect",
-  inheritAttrs: !1,
-  props: at(cn(), {
-    prefixCls: "vc-select",
-    autoClearSearchValue: !0,
-    listHeight: 200,
-    listItemHeight: 20,
-    dropdownMatchSelectWidth: !0
-  }),
-  setup(e, n) {
-    let {
-      expose: o,
-      attrs: t,
-      slots: l
-    } = n;
-    const i = Il(he(e, "id")), u = D(() => ft(e.mode)), a = D(() => !!(!e.options && e.children)), f = D(() => e.filterOption === void 0 && e.mode === "combobox" ? !1 : e.filterOption), s = D(() => Zt(e.fieldNames, a.value)), [r, p] = Dt("", {
-      value: D(() => e.searchValue !== void 0 ? e.searchValue : e.inputValue),
-      postState: (h) => h || ""
-    }), g = Sl(he(e, "options"), he(e, "children"), s), {
-      valueOptions: I,
-      labelOptions: b,
-      options: C
-    } = g, S = (h) => mt(h).map((d) => {
-      var V, M;
-      let B, X, J, te;
-      Tl(d) ? B = d : (J = d.key, X = d.label, B = (V = d.value) !== null && V !== void 0 ? V : J);
-      const ee = I.value.get(B);
-      return ee && (X === void 0 && (X = ee == null ? void 0 : ee[e.optionLabelProp || s.value.label]), J === void 0 && (J = (M = ee == null ? void 0 : ee.key) !== null && M !== void 0 ? M : B), te = ee == null ? void 0 : ee.disabled), {
-        label: X,
-        value: B,
-        key: J,
-        disabled: te,
-        option: ee
-      };
-    }), [x, R] = Dt(e.defaultValue, {
-      value: he(e, "value")
-    }), F = D(() => {
-      var h;
-      const c = S(x.value);
-      return e.mode === "combobox" && !(!((h = c[0]) === null || h === void 0) && h.value) ? [] : c;
-    }), [O, m] = Ml(F, I), E = D(() => {
-      if (!e.mode && O.value.length === 1) {
-        const h = O.value[0];
-        if (h.value === null && (h.label === null || h.label === void 0))
-          return [];
-      }
-      return O.value.map((h) => {
-        var c;
-        return y(y({}, h), {
-          label: (c = typeof h.label == "function" ? h.label() : h.label) !== null && c !== void 0 ? c : h.value
-        });
-      });
-    }), $ = D(() => new Set(O.value.map((h) => h.value)));
-    Ce(() => {
-      var h;
-      if (e.mode === "combobox") {
-        const c = (h = O.value[0]) === null || h === void 0 ? void 0 : h.value;
-        c != null && p(String(c));
-      }
-    }, {
-      flush: "post"
-    });
-    const N = (h, c) => {
-      const d = c ?? h;
-      return {
-        [s.value.value]: h,
-        [s.value.label]: d
-      };
-    }, H = G();
-    Ce(() => {
-      if (e.mode !== "tags") {
-        H.value = C.value;
-        return;
-      }
-      const h = C.value.slice(), c = (d) => I.value.has(d);
-      [...O.value].sort((d, V) => d.value < V.value ? -1 : 1).forEach((d) => {
-        const V = d.value;
-        c(V) || h.push(N(V, d.label));
-      }), H.value = h;
-    });
-    const K = $l(H, s, r, f, he(e, "optionFilterProp")), z = D(() => e.mode !== "tags" || !r.value || K.value.some((h) => h[e.optionFilterProp || "value"] === r.value) ? K.value : [N(r.value), ...K.value]), q = D(() => e.filterSort ? [...z.value].sort((h, c) => e.filterSort(h, c)) : z.value), Z = D(() => Io(q.value, {
-      fieldNames: s.value,
-      childrenAsData: a.value
-    })), j = (h) => {
-      const c = S(h);
-      if (R(c), e.onChange && // Trigger event only when value changed
-      (c.length !== O.value.length || c.some((d, V) => {
-        var M;
-        return ((M = O.value[V]) === null || M === void 0 ? void 0 : M.value) !== (d == null ? void 0 : d.value);
-      }))) {
-        const d = e.labelInValue ? c.map((M) => y(y({}, M), {
-          originLabel: M.label,
-          label: typeof M.label == "function" ? M.label() : M.label
-        })) : c.map((M) => M.value), V = c.map((M) => ot(m(M.value)));
-        e.onChange(
-          // Value
-          u.value ? d : d[0],
-          // Option
-          u.value ? V : V[0]
-        );
-      }
-    }, [T, L] = Rt(null), [Q, k] = Rt(0), v = D(() => e.defaultActiveFirstOption !== void 0 ? e.defaultActiveFirstOption : e.mode !== "combobox"), A = function(h, c) {
-      let {
-        source: d = "keyboard"
-      } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-      k(c), e.backfill && e.mode === "combobox" && h !== null && d === "keyboard" && L(String(h));
-    }, P = (h, c) => {
-      const d = () => {
-        var V;
-        const M = m(h), B = M == null ? void 0 : M[s.value.label];
-        return [e.labelInValue ? {
-          label: typeof B == "function" ? B() : B,
-          originLabel: B,
-          value: h,
-          key: (V = M == null ? void 0 : M.key) !== null && V !== void 0 ? V : h
-        } : h, ot(M)];
-      };
-      if (c && e.onSelect) {
-        const [V, M] = d();
-        e.onSelect(V, M);
-      } else if (!c && e.onDeselect) {
-        const [V, M] = d();
-        e.onDeselect(V, M);
-      }
-    }, Y = (h, c) => {
-      let d;
-      const V = u.value ? c.selected : !0;
-      V ? d = u.value ? [...O.value, h] : [h] : d = O.value.filter((M) => M.value !== h), j(d), P(h, V), e.mode === "combobox" ? L("") : (!u.value || e.autoClearSearchValue) && (p(""), L(""));
-    }, oe = (h, c) => {
-      j(h), (c.type === "remove" || c.type === "clear") && c.values.forEach((d) => {
-        P(d.value, !1);
-      });
-    }, ie = (h, c) => {
-      var d;
-      if (p(h), L(null), c.source === "submit") {
-        const V = (h || "").trim();
-        if (V) {
-          const M = Array.from(/* @__PURE__ */ new Set([...$.value, V]));
-          j(M), P(V, !0), p("");
-        }
-        return;
-      }
-      c.source !== "blur" && (e.mode === "combobox" && j(h), (d = e.onSearch) === null || d === void 0 || d.call(e, h));
-    }, ae = (h) => {
-      let c = h;
-      e.mode !== "tags" && (c = h.map((V) => {
-        const M = b.value.get(V);
-        return M == null ? void 0 : M.value;
-      }).filter((V) => V !== void 0));
-      const d = Array.from(/* @__PURE__ */ new Set([...$.value, ...c]));
-      j(d), d.forEach((V) => {
-        P(V, !0);
-      });
-    }, ne = D(() => e.virtual !== !1 && e.dropdownMatchSelectWidth !== !1);
-    ml(ln(y(y({}, g), {
-      flattenOptions: Z,
-      onActiveValue: A,
-      defaultActiveFirstOption: v,
-      onSelect: Y,
-      menuItemSelectedIcon: he(e, "menuItemSelectedIcon"),
-      rawValues: $,
-      fieldNames: s,
-      virtual: ne,
-      listHeight: he(e, "listHeight"),
-      listItemHeight: he(e, "listItemHeight"),
-      childrenAsData: a
-    }))), process.env.NODE_ENV !== "production" && Ce(() => {
-      Ol(e);
-    }, {
-      flush: "post"
-    });
-    const de = me();
-    o({
-      focus() {
-        var h;
-        (h = de.value) === null || h === void 0 || h.focus();
-      },
-      blur() {
-        var h;
-        (h = de.value) === null || h === void 0 || h.blur();
-      },
-      scrollTo(h) {
-        var c;
-        (c = de.value) === null || c === void 0 || c.scrollTo(h);
-      }
-    });
-    const fe = D(() => Ke(e, [
-      "id",
-      "mode",
-      "prefixCls",
-      "backfill",
-      "fieldNames",
-      // Search
-      "inputValue",
-      "searchValue",
-      "onSearch",
-      "autoClearSearchValue",
-      // Select
-      "onSelect",
-      "onDeselect",
-      "dropdownMatchSelectWidth",
-      // Options
-      "filterOption",
-      "filterSort",
-      "optionFilterProp",
-      "optionLabelProp",
-      "options",
-      "children",
-      "defaultActiveFirstOption",
-      "menuItemSelectedIcon",
-      "virtual",
-      "listHeight",
-      "listItemHeight",
-      // Value
-      "value",
-      "defaultValue",
-      "labelInValue",
-      "onChange"
-    ]));
-    return () => w(ko, U(U(U({}, fe.value), t), {}, {
-      id: i,
-      prefixCls: e.prefixCls,
-      ref: de,
-      omitDomProps: El,
-      mode: e.mode,
-      displayValues: E.value,
-      onDisplayValuesChange: oe,
-      searchValue: r.value,
-      onSearch: ie,
-      onSearchSplit: ae,
-      dropdownMatchSelectWidth: e.dropdownMatchSelectWidth,
-      OptionList: hl,
-      emptyOptions: !Z.value.length,
-      activeValue: T.value,
-      activeDescendantId: `${i}_list_${Q.value}`
-    }), l);
-  }
-}), vt = () => null;
-vt.isSelectOption = !0;
-vt.displayName = "ASelectOption";
-const gt = () => null;
-gt.isSelectOptGroup = !0;
-gt.displayName = "ASelectOptGroup";
-var Rl = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" } }] }, name: "check", theme: "outlined" };
-function Kt(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var o = arguments[n] != null ? Object(arguments[n]) : {}, t = Object.keys(o);
-    typeof Object.getOwnPropertySymbols == "function" && (t = t.concat(Object.getOwnPropertySymbols(o).filter(function(l) {
-      return Object.getOwnPropertyDescriptor(o, l).enumerable;
-    }))), t.forEach(function(l) {
-      Fl(e, l, o[l]);
-    });
-  }
-  return e;
-}
-function Fl(e, n, o) {
-  return n in e ? Object.defineProperty(e, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = o, e;
-}
-var ht = function(n, o) {
-  var t = Kt({}, n, o.attrs);
-  return w(Gn, Kt({}, t, {
-    icon: Rl
-  }), null);
-};
-ht.displayName = "CheckOutlined";
-ht.inheritAttrs = !1;
-function Dl(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  const {
-    loading: o,
-    multiple: t,
-    prefixCls: l,
-    hasFeedback: i,
-    feedbackIcon: u,
-    showArrow: a
-  } = e, f = e.suffixIcon || n.suffixIcon && n.suffixIcon(), s = e.clearIcon || n.clearIcon && n.clearIcon(), r = e.menuItemSelectedIcon || n.menuItemSelectedIcon && n.menuItemSelectedIcon(), p = e.removeIcon || n.removeIcon && n.removeIcon(), g = s ?? w(Xn, null, null), I = (x) => w($e, null, [a !== !1 && x, i && u]);
-  let b = null;
-  if (f !== void 0)
-    b = I(f);
-  else if (o)
-    b = I(w(qn, {
-      spin: !0
-    }, null));
-  else {
-    const x = `${l}-suffix`;
-    b = (R) => {
-      let {
-        open: F,
-        showSearch: O
-      } = R;
-      return I(F && O ? w(po, {
-        class: x
-      }, null) : w(mo, {
-        class: x
-      }, null));
-    };
-  }
-  let C = null;
-  r !== void 0 ? C = r : t ? C = w(ht, null, null) : C = null;
-  let S = null;
-  return p !== void 0 ? S = p : S = w(go, null, null), {
-    clearIcon: g,
-    suffixIcon: b,
-    itemIcon: C,
-    removeIcon: S
-  };
-}
-const jt = (e) => {
-  const {
-    controlPaddingHorizontal: n
-  } = e;
-  return {
-    position: "relative",
-    display: "block",
-    minHeight: e.controlHeight,
-    padding: `${(e.controlHeight - e.fontSize * e.lineHeight) / 2}px ${n}px`,
-    color: e.colorText,
-    fontWeight: "normal",
-    fontSize: e.fontSize,
-    lineHeight: e.lineHeight,
-    boxSizing: "border-box"
-  };
-}, Nl = (e) => {
-  const {
-    antCls: n,
-    componentCls: o
-  } = e, t = `${o}-item`;
-  return [
-    {
-      [`${o}-dropdown`]: y(y({}, rt(e)), {
-        position: "absolute",
-        top: -9999,
-        zIndex: e.zIndexPopup,
-        boxSizing: "border-box",
-        padding: e.paddingXXS,
-        overflow: "hidden",
-        fontSize: e.fontSize,
-        // Fix select render lag of long text in chrome
-        // https://github.com/ant-design/ant-design/issues/11456
-        // https://github.com/ant-design/ant-design/issues/11843
-        fontVariant: "initial",
-        backgroundColor: e.colorBgElevated,
-        borderRadius: e.borderRadiusLG,
-        outline: "none",
-        boxShadow: e.boxShadowSecondary,
-        [`
-            &${n}-slide-up-enter${n}-slide-up-enter-active${o}-dropdown-placement-bottomLeft,
-            &${n}-slide-up-appear${n}-slide-up-appear-active${o}-dropdown-placement-bottomLeft
-          `]: {
-          animationName: So
-        },
-        [`
-            &${n}-slide-up-enter${n}-slide-up-enter-active${o}-dropdown-placement-topLeft,
-            &${n}-slide-up-appear${n}-slide-up-appear-active${o}-dropdown-placement-topLeft
-          `]: {
-          animationName: yo
-        },
-        [`&${n}-slide-up-leave${n}-slide-up-leave-active${o}-dropdown-placement-bottomLeft`]: {
-          animationName: bo
-        },
-        [`&${n}-slide-up-leave${n}-slide-up-leave-active${o}-dropdown-placement-topLeft`]: {
-          animationName: ho
-        },
-        "&-hidden": {
-          display: "none"
-        },
-        "&-empty": {
-          color: e.colorTextDisabled
-        },
-        // ========================= Options =========================
-        [`${t}-empty`]: y(y({}, jt(e)), {
-          color: e.colorTextDisabled
-        }),
-        [`${t}`]: y(y({}, jt(e)), {
-          cursor: "pointer",
-          transition: `background ${e.motionDurationSlow} ease`,
-          borderRadius: e.borderRadiusSM,
-          // =========== Group ============
-          "&-group": {
-            color: e.colorTextDescription,
-            fontSize: e.fontSizeSM,
-            cursor: "default"
-          },
-          // =========== Option ===========
-          "&-option": {
-            display: "flex",
-            "&-content": y({
-              flex: "auto"
-            }, nt),
-            "&-state": {
-              flex: "none"
-            },
-            [`&-active:not(${t}-option-disabled)`]: {
-              backgroundColor: e.controlItemBgHover
-            },
-            [`&-selected:not(${t}-option-disabled)`]: {
-              color: e.colorText,
-              fontWeight: e.fontWeightStrong,
-              backgroundColor: e.controlItemBgActive,
-              [`${t}-option-state`]: {
-                color: e.colorPrimary
-              }
-            },
-            "&-disabled": {
-              [`&${t}-option-selected`]: {
-                backgroundColor: e.colorBgContainerDisabled
-              },
-              color: e.colorTextDisabled,
-              cursor: "not-allowed"
-            },
-            "&-grouped": {
-              paddingInlineStart: e.controlPaddingHorizontal * 2
-            }
-          }
-        }),
-        // =========================== RTL ===========================
-        "&-rtl": {
-          direction: "rtl"
-        }
-      })
-    },
-    // Follow code may reuse in other components
-    Nt(e, "slide-up"),
-    Nt(e, "slide-down"),
-    Vt(e, "move-up"),
-    Vt(e, "move-down")
-  ];
-}, Oe = 2;
-function dn(e) {
-  let {
-    controlHeightSM: n,
-    controlHeight: o,
-    lineWidth: t
-  } = e;
-  const l = (o - n) / 2 - t, i = Math.ceil(l / 2);
-  return [l, i];
-}
-function ke(e, n) {
-  const {
-    componentCls: o,
-    iconCls: t
-  } = e, l = `${o}-selection-overflow`, i = e.controlHeightSM, [u] = dn(e), a = n ? `${o}-${n}` : "";
-  return {
-    [`${o}-multiple${a}`]: {
-      fontSize: e.fontSize,
-      /**
-       * Do not merge `height` & `line-height` under style with `selection` & `search`, since chrome
-       * may update to redesign with its align logic.
-       */
-      // =========================== Overflow ===========================
-      [l]: {
-        position: "relative",
-        display: "flex",
-        flex: "auto",
-        flexWrap: "wrap",
-        maxWidth: "100%",
-        "&-item": {
-          flex: "none",
-          alignSelf: "center",
-          maxWidth: "100%",
-          display: "inline-flex"
-        }
-      },
-      // ========================= Selector =========================
-      [`${o}-selector`]: {
-        display: "flex",
-        flexWrap: "wrap",
-        alignItems: "center",
-        // Multiple is little different that horizontal is follow the vertical
-        padding: `${u - Oe}px ${Oe * 2}px`,
-        borderRadius: e.borderRadius,
-        [`${o}-show-search&`]: {
-          cursor: "text"
-        },
-        [`${o}-disabled&`]: {
-          background: e.colorBgContainerDisabled,
-          cursor: "not-allowed"
-        },
-        "&:after": {
-          display: "inline-block",
-          width: 0,
-          margin: `${Oe}px 0`,
-          lineHeight: `${i}px`,
-          content: '"\\a0"'
-        }
-      },
-      [`
-        &${o}-show-arrow ${o}-selector,
-        &${o}-allow-clear ${o}-selector
-      `]: {
-        paddingInlineEnd: e.fontSizeIcon + e.controlPaddingHorizontal
-      },
-      // ======================== Selections ========================
-      [`${o}-selection-item`]: {
-        position: "relative",
-        display: "flex",
-        flex: "none",
-        boxSizing: "border-box",
-        maxWidth: "100%",
-        height: i,
-        marginTop: Oe,
-        marginBottom: Oe,
-        lineHeight: `${i - e.lineWidth * 2}px`,
-        background: e.colorFillSecondary,
-        border: `${e.lineWidth}px solid ${e.colorSplit}`,
-        borderRadius: e.borderRadiusSM,
-        cursor: "default",
-        transition: `font-size ${e.motionDurationSlow}, line-height ${e.motionDurationSlow}, height ${e.motionDurationSlow}`,
-        userSelect: "none",
-        marginInlineEnd: Oe * 2,
-        paddingInlineStart: e.paddingXS,
-        paddingInlineEnd: e.paddingXS / 2,
-        [`${o}-disabled&`]: {
-          color: e.colorTextDisabled,
-          borderColor: e.colorBorder,
-          cursor: "not-allowed"
-        },
-        // It's ok not to do this, but 24px makes bottom narrow in view should adjust
-        "&-content": {
-          display: "inline-block",
-          marginInlineEnd: e.paddingXS / 2,
-          overflow: "hidden",
-          whiteSpace: "pre",
-          textOverflow: "ellipsis"
-        },
-        "&-remove": y(y({}, Qt()), {
-          display: "inline-block",
-          color: e.colorIcon,
-          fontWeight: "bold",
-          fontSize: 10,
-          lineHeight: "inherit",
-          cursor: "pointer",
-          [`> ${t}`]: {
-            verticalAlign: "-0.2em"
-          },
-          "&:hover": {
-            color: e.colorIconHover
-          }
-        })
-      },
-      // ========================== Input ==========================
-      [`${l}-item + ${l}-item`]: {
-        [`${o}-selection-search`]: {
-          marginInlineStart: 0
-        }
-      },
-      [`${o}-selection-search`]: {
-        display: "inline-flex",
-        position: "relative",
-        maxWidth: "100%",
-        marginInlineStart: e.inputPaddingHorizontalBase - u,
-        "\n          &-input,\n          &-mirror\n        ": {
-          height: i,
-          fontFamily: e.fontFamily,
-          lineHeight: `${i}px`,
-          transition: `all ${e.motionDurationSlow}`
-        },
-        "&-input": {
-          width: "100%",
-          minWidth: 4.1
-          // fix search cursor missing
-        },
-        "&-mirror": {
-          position: "absolute",
-          top: 0,
-          insetInlineStart: 0,
-          insetInlineEnd: "auto",
-          zIndex: 999,
-          whiteSpace: "pre",
-          visibility: "hidden"
-        }
-      },
-      // ======================= Placeholder =======================
-      [`${o}-selection-placeholder `]: {
-        position: "absolute",
-        top: "50%",
-        insetInlineStart: e.inputPaddingHorizontalBase,
-        insetInlineEnd: e.inputPaddingHorizontalBase,
-        transform: "translateY(-50%)",
-        transition: `all ${e.motionDurationSlow}`
-      }
-    }
-  };
-}
-function Vl(e) {
-  const {
-    componentCls: n
-  } = e, o = Se(e, {
-    controlHeight: e.controlHeightSM,
-    controlHeightSM: e.controlHeightXS,
-    borderRadius: e.borderRadiusSM,
-    borderRadiusSM: e.borderRadiusXS
-  }), [, t] = dn(e);
-  return [
-    ke(e),
-    // ======================== Small ========================
-    // Shared
-    ke(o, "sm"),
-    // Padding
-    {
-      [`${n}-multiple${n}-sm`]: {
-        [`${n}-selection-placeholder`]: {
-          insetInlineStart: e.controlPaddingHorizontalSM - e.lineWidth,
-          insetInlineEnd: "auto"
-        },
-        // https://github.com/ant-design/ant-design/issues/29559
-        [`${n}-selection-search`]: {
-          marginInlineStart: t
-        }
-      }
-    },
-    // ======================== Large ========================
-    // Shared
-    ke(Se(e, {
-      fontSize: e.fontSizeLG,
-      controlHeight: e.controlHeightLG,
-      controlHeightSM: e.controlHeight,
-      borderRadius: e.borderRadiusLG,
-      borderRadiusSM: e.borderRadius
-    }), "lg")
-  ];
-}
-function et(e, n) {
-  const {
-    componentCls: o,
-    inputPaddingHorizontalBase: t,
-    borderRadius: l
-  } = e, i = e.controlHeight - e.lineWidth * 2, u = Math.ceil(e.fontSize * 1.25), a = n ? `${o}-${n}` : "";
-  return {
-    [`${o}-single${a}`]: {
-      fontSize: e.fontSize,
-      // ========================= Selector =========================
-      [`${o}-selector`]: y(y({}, rt(e)), {
-        display: "flex",
-        borderRadius: l,
-        [`${o}-selection-search`]: {
-          position: "absolute",
-          top: 0,
-          insetInlineStart: t,
-          insetInlineEnd: t,
-          bottom: 0,
-          "&-input": {
-            width: "100%"
-          }
-        },
-        [`
-          ${o}-selection-item,
-          ${o}-selection-placeholder
-        `]: {
-          padding: 0,
-          lineHeight: `${i}px`,
-          transition: `all ${e.motionDurationSlow}`,
-          // Firefox inline-block position calculation is not same as Chrome & Safari. Patch this:
-          "@supports (-moz-appearance: meterbar)": {
-            lineHeight: `${i}px`
-          }
-        },
-        [`${o}-selection-item`]: {
-          position: "relative",
-          userSelect: "none"
-        },
-        [`${o}-selection-placeholder`]: {
-          transition: "none",
-          pointerEvents: "none"
-        },
-        // For common baseline align
-        [[
-          "&:after",
-          /* For '' value baseline align */
-          `${o}-selection-item:after`,
-          /* For undefined value baseline align */
-          `${o}-selection-placeholder:after`
-        ].join(",")]: {
-          display: "inline-block",
-          width: 0,
-          visibility: "hidden",
-          content: '"\\a0"'
-        }
-      }),
-      [`
-        &${o}-show-arrow ${o}-selection-item,
-        &${o}-show-arrow ${o}-selection-placeholder
-      `]: {
-        paddingInlineEnd: u
-      },
-      // Opacity selection if open
-      [`&${o}-open ${o}-selection-item`]: {
-        color: e.colorTextPlaceholder
-      },
-      // ========================== Input ==========================
-      // We only change the style of non-customize input which is only support by `combobox` mode.
-      // Not customize
-      [`&:not(${o}-customize-input)`]: {
-        [`${o}-selector`]: {
-          width: "100%",
-          height: e.controlHeight,
-          padding: `0 ${t}px`,
-          [`${o}-selection-search-input`]: {
-            height: i
-          },
-          "&:after": {
-            lineHeight: `${i}px`
-          }
-        }
-      },
-      [`&${o}-customize-input`]: {
-        [`${o}-selector`]: {
-          "&:after": {
-            display: "none"
-          },
-          [`${o}-selection-search`]: {
-            position: "static",
-            width: "100%"
-          },
-          [`${o}-selection-placeholder`]: {
-            position: "absolute",
-            insetInlineStart: 0,
-            insetInlineEnd: 0,
-            padding: `0 ${t}px`,
-            "&:after": {
-              display: "none"
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function _l(e) {
-  const {
-    componentCls: n
-  } = e, o = e.controlPaddingHorizontalSM - e.lineWidth;
-  return [
-    et(e),
-    // ======================== Small ========================
-    // Shared
-    et(Se(e, {
-      controlHeight: e.controlHeightSM,
-      borderRadius: e.borderRadiusSM
-    }), "sm"),
-    // padding
-    {
-      [`${n}-single${n}-sm`]: {
-        [`&:not(${n}-customize-input)`]: {
-          [`${n}-selection-search`]: {
-            insetInlineStart: o,
-            insetInlineEnd: o
-          },
-          [`${n}-selector`]: {
-            padding: `0 ${o}px`
-          },
-          // With arrow should provides `padding-right` to show the arrow
-          [`&${n}-show-arrow ${n}-selection-search`]: {
-            insetInlineEnd: o + e.fontSize * 1.5
-          },
-          [`
-            &${n}-show-arrow ${n}-selection-item,
-            &${n}-show-arrow ${n}-selection-placeholder
-          `]: {
-            paddingInlineEnd: e.fontSize * 1.5
-          }
-        }
-      }
-    },
-    // ======================== Large ========================
-    // Shared
-    et(Se(e, {
-      controlHeight: e.controlHeightLG,
-      fontSize: e.fontSizeLG,
-      borderRadius: e.borderRadiusLG
-    }), "lg")
-  ];
-}
-const Hl = (e) => {
-  const {
-    componentCls: n
-  } = e;
-  return {
-    position: "relative",
-    backgroundColor: e.colorBgContainer,
-    border: `${e.lineWidth}px ${e.lineType} ${e.colorBorder}`,
-    transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`,
-    input: {
-      cursor: "pointer"
-    },
-    [`${n}-show-search&`]: {
-      cursor: "text",
-      input: {
-        cursor: "auto",
-        color: "inherit"
-      }
-    },
-    [`${n}-disabled&`]: {
-      color: e.colorTextDisabled,
-      background: e.colorBgContainerDisabled,
-      cursor: "not-allowed",
-      [`${n}-multiple&`]: {
-        background: e.colorBgContainerDisabled
-      },
-      input: {
-        cursor: "not-allowed"
-      }
-    }
-  };
-}, tt = function(e, n) {
-  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-  const {
-    componentCls: t,
-    borderHoverColor: l,
-    outlineColor: i,
-    antCls: u
-  } = n, a = o ? {
-    [`${t}-selector`]: {
-      borderColor: l
-    }
-  } : {};
-  return {
-    [e]: {
-      [`&:not(${t}-disabled):not(${t}-customize-input):not(${u}-pagination-size-changer)`]: y(y({}, a), {
-        [`${t}-focused& ${t}-selector`]: {
-          borderColor: l,
-          boxShadow: `0 0 0 ${n.controlOutlineWidth}px ${i}`,
-          borderInlineEndWidth: `${n.controlLineWidth}px !important`,
-          outline: 0
-        },
-        [`&:hover ${t}-selector`]: {
-          borderColor: l,
-          borderInlineEndWidth: `${n.controlLineWidth}px !important`
-        }
-      })
-    }
-  };
-}, Ll = (e) => {
-  const {
-    componentCls: n
-  } = e;
-  return {
-    [`${n}-selection-search-input`]: {
-      margin: 0,
-      padding: 0,
-      background: "transparent",
-      border: "none",
-      outline: "none",
-      appearance: "none",
-      "&::-webkit-search-cancel-button": {
-        display: "none",
-        "-webkit-appearance": "none"
-      }
-    }
-  };
-}, Al = (e) => {
-  const {
-    componentCls: n,
-    inputPaddingHorizontalBase: o,
-    iconCls: t
-  } = e;
-  return {
-    [n]: y(y({}, rt(e)), {
-      position: "relative",
-      display: "inline-block",
-      cursor: "pointer",
-      [`&:not(${n}-customize-input) ${n}-selector`]: y(y({}, Hl(e)), Ll(e)),
-      // [`&:not(&-disabled):hover ${selectCls}-selector`]: {
-      //   ...genHoverStyle(token),
-      // },
-      // ======================== Selection ========================
-      [`${n}-selection-item`]: y({
-        flex: 1,
-        fontWeight: "normal"
-      }, nt),
-      // ======================= Placeholder =======================
-      [`${n}-selection-placeholder`]: y(y({}, nt), {
-        flex: 1,
-        color: e.colorTextPlaceholder,
-        pointerEvents: "none"
-      }),
-      // ========================== Arrow ==========================
-      [`${n}-arrow`]: y(y({}, Qt()), {
-        position: "absolute",
-        top: "50%",
-        insetInlineStart: "auto",
-        insetInlineEnd: o,
-        height: e.fontSizeIcon,
-        marginTop: -e.fontSizeIcon / 2,
-        color: e.colorTextQuaternary,
-        fontSize: e.fontSizeIcon,
-        lineHeight: 1,
-        textAlign: "center",
-        pointerEvents: "none",
-        display: "flex",
-        alignItems: "center",
-        [t]: {
-          verticalAlign: "top",
-          transition: `transform ${e.motionDurationSlow}`,
-          "> svg": {
-            verticalAlign: "top"
-          },
-          [`&:not(${n}-suffix)`]: {
-            pointerEvents: "auto"
-          }
-        },
-        [`${n}-disabled &`]: {
-          cursor: "not-allowed"
-        },
-        "> *:not(:last-child)": {
-          marginInlineEnd: 8
-          // FIXME: magic
-        }
-      }),
-      // ========================== Clear ==========================
-      [`${n}-clear`]: {
-        position: "absolute",
-        top: "50%",
-        insetInlineStart: "auto",
-        insetInlineEnd: o,
-        zIndex: 1,
-        display: "inline-block",
-        width: e.fontSizeIcon,
-        height: e.fontSizeIcon,
-        marginTop: -e.fontSizeIcon / 2,
-        color: e.colorTextQuaternary,
-        fontSize: e.fontSizeIcon,
-        fontStyle: "normal",
-        lineHeight: 1,
-        textAlign: "center",
-        textTransform: "none",
-        background: e.colorBgContainer,
-        cursor: "pointer",
-        opacity: 0,
-        transition: `color ${e.motionDurationMid} ease, opacity ${e.motionDurationSlow} ease`,
-        textRendering: "auto",
-        "&:before": {
-          display: "block"
-        },
-        "&:hover": {
-          color: e.colorTextTertiary
-        }
-      },
-      "&:hover": {
-        [`${n}-clear`]: {
-          opacity: 1
-        }
-      }
-    }),
-    // ========================= Feedback ==========================
-    [`${n}-has-feedback`]: {
-      [`${n}-clear`]: {
-        insetInlineEnd: o + e.fontSize + e.paddingXXS
-      }
-    }
-  };
-}, Bl = (e) => {
-  const {
-    componentCls: n
-  } = e;
-  return [
-    {
-      [n]: {
-        // ==================== BorderLess ====================
-        [`&-borderless ${n}-selector`]: {
-          backgroundColor: "transparent !important",
-          borderColor: "transparent !important",
-          boxShadow: "none !important"
-        },
-        // ==================== In Form ====================
-        [`&${n}-in-form-item`]: {
-          width: "100%"
-        }
-      }
-    },
-    // =====================================================
-    // ==                       LTR                       ==
-    // =====================================================
-    // Base
-    Al(e),
-    // Single
-    _l(e),
-    // Multiple
-    Vl(e),
-    // Dropdown
-    Nl(e),
-    // =====================================================
-    // ==                       RTL                       ==
-    // =====================================================
-    {
-      [`${n}-rtl`]: {
-        direction: "rtl"
-      }
-    },
-    // =====================================================
-    // ==                     Status                      ==
-    // =====================================================
-    tt(n, Se(e, {
-      borderHoverColor: e.colorPrimaryHover,
-      outlineColor: e.controlOutline
-    })),
-    tt(`${n}-status-error`, Se(e, {
-      borderHoverColor: e.colorErrorHover,
-      outlineColor: e.colorErrorOutline
-    }), !0),
-    tt(`${n}-status-warning`, Se(e, {
-      borderHoverColor: e.colorWarningHover,
-      outlineColor: e.colorWarningOutline
-    }), !0),
-    // =====================================================
-    // ==             Space Compact                       ==
-    // =====================================================
-    Zn(e, {
-      borderElCls: `${n}-selector`,
-      focusElCls: `${n}-focused`
-    })
-  ];
-}, zl = Qn("Select", (e, n) => {
-  let {
-    rootPrefixCls: o
-  } = n;
-  const t = Se(e, {
-    rootPrefixCls: o,
-    inputPaddingHorizontalBase: e.paddingSM - 1
-  });
-  return [Bl(t)];
-}, (e) => ({
-  zIndexPopup: e.zIndexPopupBase + 50
-})), Wl = () => y(y({}, Ke(cn(), ["inputIcon", "mode", "getInputElement", "getRawInputElement", "backfill"])), {
-  value: Ft([Array, Object, String, Number]),
-  defaultValue: Ft([Array, Object, String, Number]),
-  notFoundContent: _.any,
-  suffixIcon: _.any,
-  itemIcon: _.any,
-  size: Pe(),
-  mode: Pe(),
-  bordered: so(!0),
-  transitionName: String,
-  choiceTransitionName: Pe(""),
-  popupClassName: String,
-  /** @deprecated Please use `popupClassName` instead */
-  dropdownClassName: String,
-  placement: Pe(),
-  status: Pe(),
-  "onUpdate:value": ro()
-}), Ut = "SECRET_COMBOBOX_MODE_DO_NOT_USE", pe = ce({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "ASelect",
-  Option: vt,
-  OptGroup: gt,
-  inheritAttrs: !1,
-  props: at(Wl(), {
-    listHeight: 256,
-    listItemHeight: 24
-  }),
-  SECRET_COMBOBOX_MODE_DO_NOT_USE: Ut,
-  slots: Object,
-  setup(e, n) {
-    let {
-      attrs: o,
-      emit: t,
-      slots: l,
-      expose: i
-    } = n;
-    const u = me(), a = Jn(), f = kn.useInject(), s = D(() => wo(f.status, e.status)), r = () => {
-      var P;
-      (P = u.value) === null || P === void 0 || P.focus();
-    }, p = () => {
-      var P;
-      (P = u.value) === null || P === void 0 || P.blur();
-    }, g = (P) => {
-      var Y;
-      (Y = u.value) === null || Y === void 0 || Y.scrollTo(P);
-    }, I = D(() => {
-      const {
-        mode: P
-      } = e;
-      if (P !== "combobox")
-        return P === Ut ? "combobox" : P;
-    });
-    process.env.NODE_ENV !== "production" && eo(!e.dropdownClassName, "Select", "`dropdownClassName` is deprecated. Please use `popupClassName` instead.");
-    const {
-      prefixCls: b,
-      direction: C,
-      renderEmpty: S,
-      size: x,
-      getPrefixCls: R,
-      getPopupContainer: F,
-      disabled: O,
-      select: m
-    } = to("select", e), {
-      compactSize: E,
-      compactItemClassnames: $
-    } = no(b, C), N = D(() => E.value || x.value), H = oo(), K = D(() => {
-      var P;
-      return (P = O.value) !== null && P !== void 0 ? P : H.value;
-    }), [z, q] = zl(b), Z = D(() => R()), j = D(() => e.placement !== void 0 ? e.placement : C.value === "rtl" ? "bottomRight" : "bottomLeft"), T = D(() => lo(Z.value, io(j.value), e.transitionName)), L = D(() => se({
-      [`${b.value}-lg`]: N.value === "large",
-      [`${b.value}-sm`]: N.value === "small",
-      [`${b.value}-rtl`]: C.value === "rtl",
-      [`${b.value}-borderless`]: !e.bordered,
-      [`${b.value}-in-form-item`]: f.isFormItemInput
-    }, Co(b.value, s.value, f.hasFeedback), $.value, q.value)), Q = function() {
-      for (var P = arguments.length, Y = new Array(P), oe = 0; oe < P; oe++)
-        Y[oe] = arguments[oe];
-      t("update:value", Y[0]), t("change", ...Y), a.onFieldChange();
-    }, k = (P) => {
-      t("blur", P), a.onFieldBlur();
-    };
-    i({
-      blur: p,
-      focus: r,
-      scrollTo: g
-    });
-    const v = D(() => I.value === "multiple" || I.value === "tags"), A = D(() => e.showArrow !== void 0 ? e.showArrow : e.loading || !(v.value || I.value === "combobox"));
-    return () => {
-      var P, Y, oe, ie;
-      const {
-        notFoundContent: ae,
-        listHeight: ne = 256,
-        listItemHeight: de = 24,
-        popupClassName: fe,
-        dropdownClassName: h,
-        virtual: c,
-        dropdownMatchSelectWidth: d,
-        id: V = a.id.value,
-        placeholder: M = (P = l.placeholder) === null || P === void 0 ? void 0 : P.call(l),
-        showArrow: B
-      } = e, {
-        hasFeedback: X,
-        feedbackIcon: J
-      } = f;
-      let te;
-      ae !== void 0 ? te = ae : l.notFoundContent ? te = l.notFoundContent() : I.value === "combobox" ? te = null : te = (S == null ? void 0 : S("Select")) || w(ao, {
-        componentName: "Select"
-      }, null);
-      const {
-        suffixIcon: ee,
-        itemIcon: re,
-        removeIcon: ue,
-        clearIcon: _e
-      } = Dl(y(y({}, e), {
-        multiple: v.value,
-        prefixCls: b.value,
-        hasFeedback: X,
-        feedbackIcon: J,
-        showArrow: A.value
-      }), l), He = Ke(e, ["prefixCls", "suffixIcon", "itemIcon", "removeIcon", "clearIcon", "size", "bordered", "status"]), Ee = se(fe || h, {
-        [`${b.value}-dropdown-${C.value}`]: C.value === "rtl"
-      }, q.value);
-      return z(w(Pl, U(U(U({
-        ref: u,
-        virtual: c,
-        dropdownMatchSelectWidth: d
-      }, He), o), {}, {
-        showSearch: (Y = e.showSearch) !== null && Y !== void 0 ? Y : (oe = m == null ? void 0 : m.value) === null || oe === void 0 ? void 0 : oe.showSearch,
-        placeholder: M,
-        listHeight: ne,
-        listItemHeight: de,
-        mode: I.value,
-        prefixCls: b.value,
-        direction: C.value,
-        inputIcon: ee,
-        menuItemSelectedIcon: re,
-        removeIcon: ue,
-        clearIcon: _e,
-        notFoundContent: te,
-        class: [L.value, o.class],
-        getPopupContainer: F == null ? void 0 : F.value,
-        dropdownClassName: Ee,
-        onChange: Q,
-        onBlur: k,
-        id: V,
-        dropdownRender: He.dropdownRender || l.dropdownRender,
-        transitionName: T.value,
-        children: (ie = l.default) === null || ie === void 0 ? void 0 : ie.call(l),
-        tagRender: e.tagRender || l.tagRender,
-        optionLabelRender: l.optionLabel,
-        maxTagPlaceholder: e.maxTagPlaceholder || l.maxTagPlaceholder,
-        showArrow: X || B,
-        disabled: K.value
-      }), {
-        option: l.option
-      }));
-    };
-  }
-});
-pe.install = function(e) {
-  return e.component(pe.name, pe), e.component(pe.Option.displayName, pe.Option), e.component(pe.OptGroup.displayName, pe.OptGroup), e;
-};
-const Kl = pe.Option;
-pe.OptGroup;
-const jl = {
-  name: "ZSelect",
-  components: {
-    ASelect: pe,
-    ASelectOption: Kl
-  }
-}, Ul = /* @__PURE__ */ Object.assign(jl, {
-  props: /* @__PURE__ */ Ln({
-    data: {
-      type: Array,
-      default: () => []
-    }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = An(e, "modelValue"), o = e;
-    return (t, l) => {
-      const i = Mt("a-select-option"), u = Mt("a-select");
-      return Qe(), Et(u, Bn({
-        value: n.value,
-        "onUpdate:value": l[0] || (l[0] = (a) => n.value = a),
-        class: "z-select"
-      }, t.$attrs), {
-        default: Tt(() => [
-          (Qe(!0), zn($e, null, Wn(o == null ? void 0 : o.data, (a) => (Qe(), Et(i, {
-            key: a == null ? void 0 : a.value,
-            value: a.value
-          }, {
-            default: Tt(() => [
-              ze(Kn(a.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["value"]))), 128))
-        ]),
-        _: 1
-      }, 16, ["value"]);
-    };
-  }
-}), ri = /* @__PURE__ */ uo(Ul, [["__scopeId", "data-v-562fa124"]]);
-export {
-  ri as default
-};