z-vue-design 0.0.34 → 0.0.35

package/dist/ZSelect-0Z3eY1_n.mjs

@@ -0,0 +1,4370 @@
+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-DmUtMFW6.mjs";
+import { K as W, o as Ke } from "./KeyCode-Burv3cJJ.mjs";
+import { B as co, R as st, i as fo, S as po, D as mo } from "./SearchOutlined-Dr8Evzi1.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-BAlF56YG.mjs";
+import { g as wo, a as Co } from "./statusUtils-MEeiZs8C.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
+};