@yqg/permission 1.0.0-beta.0

package/dist/checkbox-item-CKI49e8K.js

@@ -0,0 +1,4688 @@
+import { d as ue, c as R, f as ve, k as y, i as jn, v as Qt, e as We, p as qe, b as Jt, s as G, w as ie, h as Me, o as Oe, P as we, F as Be, j as je, W as Un, r as Ae, I as Yn, G as pt, y as _e, a as Gn, z as Ce, K as Le, R as Xn, N as be, O as Ee, L as Ge, u as pe, Q as ge, M as Xe, _ as kn, m as qn, A as Qn } from "./index-Cquyab03.js";
+import { _ as S, Q as Jn, P as A, G as Y, F as se, ba as Zn, aE as eo, aw as Zt, bb as vt, aP as K, E as gt, R as ze, an as en, bc as xe, bd as Ie, aD as Qe, be as to, bf as ye, bg as Vt, bh as Lt, bi as Ht, I as no, a6 as oo, a7 as lo, bj as io, au as ao, C as tn, K as ce, Y as ht, bk as dt, L as $e, bl as nn, J as ro, bm as so, ai as uo, a2 as co, aG as fo, bn as mo, N as po, aH as vo, am as go, aV as ho, bo, aL as yo, bp as So, O as _t, ae as He, ad as wo, ag as Io, b4 as Se, bq as Co, b7 as it, b5 as xo } from "./yqg-permission-CnUnm_PT.js";
+import { p as bt, S as Oo, T as Bt, C as $o, Q as To } from "./apply-modal-Ce5S_Tci.js";
+function zt(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 on(e, n) {
+  const {
+    label: o,
+    value: t,
+    options: l
+  } = e || {};
+  return {
+    label: o || (n ? "children" : "label"),
+    value: t || "value",
+    options: l || "options"
+  };
+}
+function Eo(e) {
+  let {
+    fieldNames: n,
+    childrenAsData: o
+  } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  const t = [], {
+    label: l,
+    value: i,
+    options: u
+  } = on(n, !1);
+  function a(f, r) {
+    f.forEach((s) => {
+      const m = s[l];
+      if (r || !(u in s)) {
+        const p = s[i];
+        t.push({
+          key: zt(s, t.length),
+          groupOption: r,
+          data: s,
+          label: m,
+          value: p
+        });
+      } else {
+        let p = m;
+        p === void 0 && o && (p = s.label), t.push({
+          key: zt(s, t.length),
+          group: !0,
+          data: s,
+          label: p
+        }), a(s[u], !0);
+      }
+    });
+  }
+  return a(e, !1), t;
+}
+function ft(e) {
+  const n = S({}, 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 Mo(e, n) {
+  if (!n || !n.length)
+    return null;
+  let o = !1;
+  function t(i, u) {
+    let [a, ...f] = u;
+    if (!a)
+      return [i];
+    const r = i.split(a);
+    return o = o || r.length > 1, r.reduce((s, m) => [...s, ...t(m, f)], []).filter((s) => s);
+  }
+  const l = t(e, n);
+  return o ? l : null;
+}
+var Po = 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 Ro = (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
+      }
+    }
+  };
+}, Do = ue({
+  name: "SelectTrigger",
+  inheritAttrs: !1,
+  props: {
+    dropdownAlign: Object,
+    visible: {
+      type: Boolean,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    dropdownClassName: String,
+    dropdownStyle: A.object,
+    placement: String,
+    empty: {
+      type: Boolean,
+      default: void 0
+    },
+    prefixCls: String,
+    popupClassName: String,
+    animation: String,
+    transitionName: String,
+    getPopupContainer: Function,
+    dropdownRender: Function,
+    containerWidth: Number,
+    dropdownMatchSelectWidth: A.oneOfType([Number, Boolean]).def(!0),
+    popupElement: A.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 = R(() => {
+      const {
+        dropdownMatchSelectWidth: a
+      } = e;
+      return Ro(a);
+    }), u = ve();
+    return l({
+      getPopupElement: () => u.value
+    }), () => {
+      const a = S(S({}, e), t), {
+        empty: f = !1
+      } = a, r = Po(a, ["empty"]), {
+        visible: s,
+        dropdownAlign: m,
+        prefixCls: p,
+        popupElement: w,
+        dropdownClassName: b,
+        dropdownStyle: x,
+        direction: O = "ltr",
+        placement: I,
+        dropdownMatchSelectWidth: P,
+        containerWidth: D,
+        dropdownRender: C,
+        animation: v,
+        transitionName: T,
+        getPopupContainer: $,
+        getTriggerDOMNode: N,
+        onPopupVisibleChange: V,
+        onPopupMouseEnter: j,
+        onPopupFocusin: z,
+        onPopupFocusout: Q
+      } = r, X = `${p}-dropdown`;
+      let U = w;
+      C && (U = C({
+        menuNode: w,
+        props: e
+      }));
+      const M = v ? `${X}-${v}` : T, L = S({
+        minWidth: `${D}px`
+      }, x);
+      return typeof P == "number" ? L.width = `${P}px` : P && (L.width = `${D}px`), y(Zn, Y(Y({}, e), {}, {
+        showAction: V ? ["click"] : [],
+        hideAction: V ? ["click"] : [],
+        popupPlacement: I || (O === "rtl" ? "bottomRight" : "bottomLeft"),
+        builtinPlacements: i.value,
+        prefixCls: X,
+        popupTransitionName: M,
+        popupAlign: m,
+        popupVisible: s,
+        getPopupContainer: $,
+        popupClassName: se(b, {
+          [`${X}-empty`]: f
+        }),
+        popupStyle: L,
+        getTriggerDOMNode: N,
+        onPopupVisibleChange: V
+      }), {
+        default: o.default,
+        popup: () => y("div", {
+          ref: u,
+          onMouseenter: j,
+          onFocusin: z,
+          onFocusout: Q
+        }, [U])
+      });
+    };
+  }
+}), Pe = (e, n) => {
+  let {
+    slots: o
+  } = n;
+  var t;
+  const {
+    class: l,
+    customizeIcon: i,
+    customizeIconProps: u,
+    onMousedown: a,
+    onClick: f
+  } = e;
+  let r;
+  return typeof i == "function" ? r = i(u) : r = jn(i) ? Qt(i) : i, y("span", {
+    class: l,
+    onMousedown: (s) => {
+      s.preventDefault(), a && a(s);
+    },
+    style: {
+      userSelect: "none",
+      WebkitUserSelect: "none"
+    },
+    unselectable: "on",
+    onClick: f,
+    "aria-hidden": !0
+  }, [r !== void 0 ? r : y("span", {
+    class: l.split(/\s+/).map((s) => `${s}-icon`)
+  }, [(t = o.default) === null || t === void 0 ? void 0 : t.call(o)])]);
+};
+Pe.inheritAttrs = !1;
+Pe.displayName = "TransBtn";
+Pe.props = {
+  class: String,
+  customizeIcon: A.any,
+  customizeIconProps: A.any,
+  onMousedown: Function,
+  onClick: Function
+};
+const Fo = {
+  inputRef: A.any,
+  prefixCls: String,
+  id: String,
+  inputElement: A.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: A.oneOfType([A.number, A.string]),
+  /** Pass accessibility props to input */
+  attrs: A.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
+  }
+}, ln = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "SelectInput",
+  inheritAttrs: !1,
+  props: Fo,
+  setup(e) {
+    let n = null;
+    const o = We("VCSelectContainerEvent");
+    return () => {
+      var t;
+      const {
+        prefixCls: l,
+        id: i,
+        inputElement: u,
+        disabled: a,
+        tabindex: f,
+        autofocus: r,
+        autocomplete: s,
+        editable: m,
+        activeDescendantId: p,
+        value: w,
+        onKeydown: b,
+        onMousedown: x,
+        onChange: O,
+        onPaste: I,
+        onCompositionstart: P,
+        onCompositionend: D,
+        onFocus: C,
+        onBlur: v,
+        open: T,
+        inputRef: $,
+        attrs: N
+      } = e;
+      let V = u || y(eo, null, null);
+      const j = V.props || {}, {
+        onKeydown: z,
+        onInput: Q,
+        onFocus: X,
+        onBlur: U,
+        onMousedown: M,
+        onCompositionstart: L,
+        onCompositionend: k,
+        style: ee
+      } = j;
+      return V = Zt(V, S(S(S(S(S({
+        type: "search"
+      }, j), {
+        id: i,
+        ref: $,
+        disabled: a,
+        tabindex: f,
+        lazy: !1,
+        autocomplete: s || "off",
+        autofocus: r,
+        class: se(`${l}-selection-search-input`, (t = V == null ? void 0 : V.props) === null || t === void 0 ? void 0 : t.class),
+        role: "combobox",
+        "aria-expanded": T,
+        "aria-haspopup": "listbox",
+        "aria-owns": `${i}_list`,
+        "aria-autocomplete": "list",
+        "aria-controls": `${i}_list`,
+        "aria-activedescendant": p
+      }), N), {
+        value: m ? w : "",
+        readonly: !m,
+        unselectable: m ? null : "on",
+        style: S(S({}, ee), {
+          opacity: m ? null : 0
+        }),
+        onKeydown: (g) => {
+          b(g), z && z(g);
+        },
+        onMousedown: (g) => {
+          x(g), M && M(g);
+        },
+        onInput: (g) => {
+          O(g), Q && Q(g);
+        },
+        onCompositionstart(g) {
+          P(g), L && L(g);
+        },
+        onCompositionend(g) {
+          D(g), k && k(g);
+        },
+        onPaste: I,
+        onFocus: function() {
+          clearTimeout(n), X && X(arguments.length <= 0 ? void 0 : arguments[0]), C && C(arguments.length <= 0 ? void 0 : arguments[0]), o == null || o.focus(arguments.length <= 0 ? void 0 : arguments[0]);
+        },
+        onBlur: function() {
+          for (var g = arguments.length, H = new Array(g), W = 0; W < g; W++)
+            H[W] = arguments[W];
+          n = setTimeout(() => {
+            U && U(H[0]), v && v(H[0]), o == null || o.blur(H[0]);
+          }, 100);
+        }
+      }), V.type === "textarea" ? {} : {
+        type: "search"
+      }), !0, !0), V;
+    };
+  }
+}), an = Symbol("OverflowContextProviderKey"), mt = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "OverflowContextProvider",
+  inheritAttrs: !1,
+  props: {
+    value: {
+      type: Object
+    }
+  },
+  setup(e, n) {
+    let {
+      slots: o
+    } = n;
+    return qe(an, R(() => e.value)), () => {
+      var t;
+      return (t = o.default) === null || t === void 0 ? void 0 : t.call(o);
+    };
+  }
+}), No = () => We(an, R(() => null));
+var Ao = 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 Fe = void 0, ke = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "Item",
+  props: {
+    prefixCls: String,
+    item: A.any,
+    renderItem: Function,
+    responsive: Boolean,
+    itemKey: {
+      type: [String, Number]
+    },
+    registerSize: Function,
+    display: Boolean,
+    order: Number,
+    component: A.any,
+    invalidate: Boolean
+  },
+  setup(e, n) {
+    let {
+      slots: o,
+      expose: t
+    } = n;
+    const l = R(() => e.responsive && !e.display), i = ve();
+    t({
+      itemNodeRef: i
+    });
+    function u(a) {
+      e.registerSize(e.itemKey, a);
+    }
+    return Jt(() => {
+      u(null);
+    }), () => {
+      var a;
+      const {
+        prefixCls: f,
+        invalidate: r,
+        item: s,
+        renderItem: m,
+        responsive: p,
+        registerSize: w,
+        itemKey: b,
+        display: x,
+        order: O,
+        component: I = "div"
+      } = e, P = Ao(e, ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "display", "order", "component"]), D = (a = o.default) === null || a === void 0 ? void 0 : a.call(o), C = m && s !== Fe ? m(s) : D;
+      let v;
+      r || (v = {
+        opacity: l.value ? 0 : 1,
+        height: l.value ? 0 : Fe,
+        overflowY: l.value ? "hidden" : Fe,
+        order: p ? O : Fe,
+        pointerEvents: l.value ? "none" : Fe,
+        position: l.value ? "absolute" : Fe
+      });
+      const T = {};
+      return l.value && (T["aria-hidden"] = !0), y(vt, {
+        disabled: !p,
+        onResize: ($) => {
+          let {
+            offsetWidth: N
+          } = $;
+          u(N);
+        }
+      }, {
+        default: () => y(I, Y(Y(Y({
+          class: se(!r && f),
+          style: v
+        }, T), P), {}, {
+          ref: i
+        }), {
+          default: () => [C]
+        })
+      });
+    };
+  }
+});
+var at = 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 = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "RawItem",
+  inheritAttrs: !1,
+  props: {
+    component: A.any,
+    title: A.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 = No();
+    return () => {
+      var i;
+      if (!l.value) {
+        const {
+          component: m = "div"
+        } = e, p = at(e, ["component"]);
+        return y(m, Y(Y({}, p), t), {
+          default: () => [(i = o.default) === null || i === void 0 ? void 0 : i.call(o)]
+        });
+      }
+      const u = l.value, {
+        className: a
+      } = u, f = at(u, ["className"]), {
+        class: r
+      } = t, s = at(t, ["class"]);
+      return y(mt, {
+        value: null
+      }, {
+        default: () => [y(ke, Y(Y(Y({
+          class: se(a, r)
+        }, f), s), e), o)]
+      });
+    };
+  }
+});
+var Lo = 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 rn = "responsive", sn = "invalidate";
+function Ho(e) {
+  return `+ ${e.length} ...`;
+}
+const _o = () => ({
+  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: A.any,
+  component: String,
+  itemComponent: A.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 = ue({
+  name: "Overflow",
+  inheritAttrs: !1,
+  props: _o(),
+  emits: ["visibleChange"],
+  setup(e, n) {
+    let {
+      attrs: o,
+      emit: t,
+      slots: l
+    } = n;
+    const i = R(() => e.ssr === "full"), u = G(null), a = R(() => u.value || 0), f = G(/* @__PURE__ */ new Map()), r = G(0), s = G(0), m = G(0), p = G(null), w = G(null), b = R(() => w.value === null && i.value ? Number.MAX_SAFE_INTEGER : w.value || 0), x = G(!1), O = R(() => `${e.prefixCls}-item`), I = R(() => Math.max(r.value, s.value)), P = R(() => !!(e.data.length && e.maxCount === rn)), D = R(() => e.maxCount === sn), C = R(() => P.value || typeof e.maxCount == "number" && e.data.length > e.maxCount), v = R(() => {
+      let M = e.data;
+      return P.value ? u.value === null && i.value ? M = e.data : M = e.data.slice(0, Math.min(e.data.length, a.value / e.itemWidth)) : typeof e.maxCount == "number" && (M = e.data.slice(0, e.maxCount)), M;
+    }), T = R(() => P.value ? e.data.slice(b.value + 1) : e.data.slice(v.value.length)), $ = (M, L) => {
+      var k;
+      return typeof e.itemKey == "function" ? e.itemKey(M) : (k = e.itemKey && (M == null ? void 0 : M[e.itemKey])) !== null && k !== void 0 ? k : L;
+    }, N = R(() => e.renderItem || ((M) => M)), V = (M, L) => {
+      w.value = M, L || (x.value = M < e.data.length - 1, t("visibleChange", M));
+    }, j = (M, L) => {
+      u.value = L.clientWidth;
+    }, z = (M, L) => {
+      const k = new Map(f.value);
+      L === null ? k.delete(M) : k.set(M, L), f.value = k;
+    }, Q = (M, L) => {
+      r.value = s.value, s.value = L;
+    }, X = (M, L) => {
+      m.value = L;
+    }, U = (M) => f.value.get($(v.value[M], M));
+    return ie([a, f, s, m, () => e.itemKey, v], () => {
+      if (a.value && I.value && v.value) {
+        let M = m.value;
+        const L = v.value.length, k = L - 1;
+        if (!L) {
+          V(0), p.value = null;
+          return;
+        }
+        for (let ee = 0; ee < L; ee += 1) {
+          const g = U(ee);
+          if (g === void 0) {
+            V(ee - 1, !0);
+            break;
+          }
+          if (M += g, // Only one means `totalWidth` is the final width
+          k === 0 && M <= a.value || // Last two width will be the final width
+          ee === k - 1 && M + U(k) <= a.value) {
+            V(k), p.value = null;
+            break;
+          } else if (M + I.value > a.value) {
+            V(ee - 1), p.value = M - g - m.value + s.value;
+            break;
+          }
+        }
+        e.suffix && U(0) + m.value > a.value && (p.value = null);
+      }
+    }), () => {
+      const M = x.value && !!T.value.length, {
+        itemComponent: L,
+        renderRawItem: k,
+        renderRawRest: ee,
+        renderRest: g,
+        prefixCls: H = "rc-overflow",
+        suffix: W,
+        component: _ = "div",
+        id: te,
+        onMousedown: oe
+      } = e, {
+        class: ae,
+        style: ne
+      } = o, fe = Lo(o, ["class", "style"]);
+      let me = {};
+      p.value !== null && P.value && (me = {
+        position: "absolute",
+        left: `${p.value}px`,
+        top: 0
+      });
+      const h = {
+        prefixCls: O.value,
+        responsive: P.value,
+        component: L,
+        invalidate: D.value
+      }, c = k ? (B, q) => {
+        const J = $(B, q);
+        return y(mt, {
+          key: J,
+          value: S(S({}, h), {
+            order: q,
+            item: B,
+            itemKey: J,
+            registerSize: z,
+            display: q <= b.value
+          })
+        }, {
+          default: () => [k(B, q)]
+        });
+      } : (B, q) => {
+        const J = $(B, q);
+        return y(ke, Y(Y({}, h), {}, {
+          order: q,
+          key: J,
+          item: B,
+          renderItem: N.value,
+          itemKey: J,
+          registerSize: z,
+          display: q <= b.value
+        }), null);
+      };
+      let d = () => null;
+      const F = {
+        order: M ? b.value : Number.MAX_SAFE_INTEGER,
+        className: `${O.value} ${O.value}-rest`,
+        registerSize: Q,
+        display: M
+      };
+      if (ee)
+        ee && (d = () => y(mt, {
+          value: S(S({}, h), F)
+        }, {
+          default: () => [ee(T.value)]
+        }));
+      else {
+        const B = g || Ho;
+        d = () => y(ke, Y(Y({}, h), F), {
+          default: () => typeof B == "function" ? B(T.value) : B
+        });
+      }
+      const E = () => {
+        var B;
+        return y(_, Y({
+          id: te,
+          class: se(!D.value && H, ae),
+          style: ne,
+          onMousedown: oe,
+          role: e.role
+        }, fe), {
+          default: () => [v.value.map(c), C.value ? d() : null, W && y(ke, Y(Y({}, h), {}, {
+            order: b.value,
+            class: `${O.value}-suffix`,
+            registerSize: X,
+            display: !0,
+            style: me
+          }), {
+            default: () => W
+          }), (B = l.default) === null || B === void 0 ? void 0 : B.call(l)]
+        });
+      };
+      return y(vt, {
+        disabled: !P.value,
+        onResize: j
+      }, {
+        default: E
+      });
+    };
+  }
+});
+Je.Item = Vo;
+Je.RESPONSIVE = rn;
+Je.INVALIDATE = sn;
+const Bo = Symbol("TreeSelectLegacyContextPropsKey");
+function yt() {
+  return We(Bo, {});
+}
+const zo = {
+  id: String,
+  prefixCls: String,
+  values: A.array,
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  searchValue: String,
+  inputRef: A.any,
+  placeholder: A.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: A.oneOfType([A.number, A.string]),
+  compositionStatus: Boolean,
+  removeIcon: A.any,
+  choiceTransitionName: String,
+  maxTagCount: A.oneOfType([A.number, A.string]),
+  maxTagTextLength: Number,
+  maxTagPlaceholder: A.any.def(() => (e) => `+ ${e.length} ...`),
+  tagRender: Function,
+  onToggleOpen: {
+    type: Function
+  },
+  onRemove: Function,
+  onInputChange: Function,
+  onInputPaste: Function,
+  onInputKeyDown: Function,
+  onInputMouseDown: Function,
+  onInputCompositionStart: Function,
+  onInputCompositionEnd: Function
+}, Kt = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, Ko = ue({
+  name: "MultipleSelectSelector",
+  inheritAttrs: !1,
+  props: zo,
+  setup(e) {
+    const n = G(), o = G(0), t = G(!1), l = yt(), i = R(() => `${e.prefixCls}-selection`), u = R(() => e.open || e.mode === "tags" ? e.searchValue : ""), a = R(() => e.mode === "tags" || e.showSearch && (e.open || t.value)), f = ve("");
+    Me(() => {
+      f.value = u.value;
+    }), Oe(() => {
+      ie(f, () => {
+        o.value = n.value.scrollWidth;
+      }, {
+        flush: "post",
+        immediate: !0
+      });
+    });
+    function r(b, x, O, I, P) {
+      return y("span", {
+        class: se(`${i.value}-item`, {
+          [`${i.value}-item-disabled`]: O
+        }),
+        title: typeof b == "string" || typeof b == "number" ? b.toString() : void 0
+      }, [y("span", {
+        class: `${i.value}-item-content`
+      }, [x]), I && y(Pe, {
+        class: `${i.value}-item-remove`,
+        onMousedown: Kt,
+        onClick: P,
+        customizeIcon: e.removeIcon
+      }, {
+        default: () => [we("×")]
+      })]);
+    }
+    function s(b, x, O, I, P, D) {
+      var C;
+      const v = ($) => {
+        Kt($), e.onToggleOpen(!open);
+      };
+      let T = D;
+      return l.keyEntities && (T = ((C = l.keyEntities[b]) === null || C === void 0 ? void 0 : C.node) || {}), y("span", {
+        key: b,
+        onMousedown: v
+      }, [e.tagRender({
+        label: x,
+        value: b,
+        disabled: O,
+        closable: I,
+        onClose: P,
+        option: T
+      })]);
+    }
+    function m(b) {
+      const {
+        disabled: x,
+        label: O,
+        value: I,
+        option: P
+      } = b, D = !e.disabled && !x;
+      let C = O;
+      if (typeof e.maxTagTextLength == "number" && (typeof O == "string" || typeof O == "number")) {
+        const T = String(C);
+        T.length > e.maxTagTextLength && (C = `${T.slice(0, e.maxTagTextLength)}...`);
+      }
+      const v = (T) => {
+        var $;
+        T && T.stopPropagation(), ($ = e.onRemove) === null || $ === void 0 || $.call(e, b);
+      };
+      return typeof e.tagRender == "function" ? s(I, C, x, D, v, P) : r(O, C, x, D, v);
+    }
+    function p(b) {
+      const {
+        maxTagPlaceholder: x = (I) => `+ ${I.length} ...`
+      } = e, O = typeof x == "function" ? x(b) : x;
+      return r(O, O, !1);
+    }
+    const w = (b) => {
+      const x = b.target.composing;
+      f.value = b.target.value, x || e.onInputChange(b);
+    };
+    return () => {
+      const {
+        id: b,
+        prefixCls: x,
+        values: O,
+        open: I,
+        inputRef: P,
+        placeholder: D,
+        disabled: C,
+        autofocus: v,
+        autocomplete: T,
+        activeDescendantId: $,
+        tabindex: N,
+        compositionStatus: V,
+        onInputPaste: j,
+        onInputKeyDown: z,
+        onInputMouseDown: Q,
+        onInputCompositionStart: X,
+        onInputCompositionEnd: U
+      } = e, M = y("div", {
+        class: `${i.value}-search`,
+        style: {
+          width: o.value + "px"
+        },
+        key: "input"
+      }, [y(ln, {
+        inputRef: P,
+        open: I,
+        prefixCls: x,
+        id: b,
+        inputElement: null,
+        disabled: C,
+        autofocus: v,
+        autocomplete: T,
+        editable: a.value,
+        activeDescendantId: $,
+        value: f.value,
+        onKeydown: z,
+        onMousedown: Q,
+        onChange: w,
+        onPaste: j,
+        onCompositionstart: X,
+        onCompositionend: U,
+        tabindex: N,
+        attrs: bt(e, !0),
+        onFocus: () => t.value = !0,
+        onBlur: () => t.value = !1
+      }, null), y("span", {
+        ref: n,
+        class: `${i.value}-search-mirror`,
+        "aria-hidden": !0
+      }, [f.value, we(" ")])]), L = y(Je, {
+        prefixCls: `${i.value}-overflow`,
+        data: O,
+        renderItem: m,
+        renderRest: p,
+        suffix: M,
+        itemKey: "key",
+        maxCount: e.maxTagCount,
+        key: "overflow"
+      }, null);
+      return y(Be, null, [L, !O.length && !u.value && !V && y("span", {
+        class: `${i.value}-placeholder`
+      }, [D])]);
+    };
+  }
+}), Wo = {
+  inputElement: A.any,
+  id: String,
+  prefixCls: String,
+  values: A.array,
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  searchValue: String,
+  inputRef: A.any,
+  placeholder: A.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: A.oneOfType([A.number, A.string]),
+  activeValue: String,
+  backfill: {
+    type: Boolean,
+    default: void 0
+  },
+  optionLabelRender: Function,
+  onInputChange: Function,
+  onInputPaste: Function,
+  onInputKeyDown: Function,
+  onInputMouseDown: Function,
+  onInputCompositionStart: Function,
+  onInputCompositionEnd: Function
+}, St = ue({
+  name: "SingleSelector",
+  setup(e) {
+    const n = G(!1), o = R(() => e.mode === "combobox"), t = R(() => o.value || e.showSearch), l = R(() => {
+      let s = e.searchValue || "";
+      return o.value && e.activeValue && !n.value && (s = e.activeValue), s;
+    }), i = yt();
+    ie([o, () => e.activeValue], () => {
+      o.value && (n.value = !1);
+    }, {
+      immediate: !0
+    });
+    const u = R(() => e.mode !== "combobox" && !e.open && !e.showSearch ? !1 : !!l.value || e.compositionStatus), a = R(() => {
+      const s = e.values[0];
+      return s && (typeof s.label == "string" || typeof s.label == "number") ? s.label.toString() : void 0;
+    }), f = () => {
+      if (e.values[0])
+        return null;
+      const s = u.value ? {
+        visibility: "hidden"
+      } : void 0;
+      return y("span", {
+        class: `${e.prefixCls}-selection-placeholder`,
+        style: s
+      }, [e.placeholder]);
+    }, r = (s) => {
+      s.target.composing || (n.value = !0, e.onInputChange(s));
+    };
+    return () => {
+      var s, m, p, w;
+      const {
+        inputElement: b,
+        prefixCls: x,
+        id: O,
+        values: I,
+        inputRef: P,
+        disabled: D,
+        autofocus: C,
+        autocomplete: v,
+        activeDescendantId: T,
+        open: $,
+        tabindex: N,
+        optionLabelRender: V,
+        onInputKeyDown: j,
+        onInputMouseDown: z,
+        onInputPaste: Q,
+        onInputCompositionStart: X,
+        onInputCompositionEnd: U
+      } = e, M = I[0];
+      let L = null;
+      if (M && i.customSlots) {
+        const k = (s = M.key) !== null && s !== void 0 ? s : M.value, ee = ((m = i.keyEntities[k]) === null || m === void 0 ? void 0 : m.node) || {};
+        L = i.customSlots[(p = ee.slots) === null || p === void 0 ? void 0 : p.title] || i.customSlots.title || M.label, typeof L == "function" && (L = L(ee));
+      } else
+        L = V && M ? V(M.option) : M == null ? void 0 : M.label;
+      return y(Be, null, [y("span", {
+        class: `${x}-selection-search`
+      }, [y(ln, {
+        inputRef: P,
+        prefixCls: x,
+        id: O,
+        open: $,
+        inputElement: b,
+        disabled: D,
+        autofocus: C,
+        autocomplete: v,
+        editable: t.value,
+        activeDescendantId: T,
+        value: l.value,
+        onKeydown: j,
+        onMousedown: z,
+        onChange: r,
+        onPaste: Q,
+        onCompositionstart: X,
+        onCompositionend: U,
+        tabindex: N,
+        attrs: bt(e, !0)
+      }, null)]), !o.value && M && !u.value && y("span", {
+        class: `${x}-selection-item`,
+        title: a.value
+      }, [y(Be, {
+        key: (w = M.key) !== null && w !== void 0 ? w : M.value
+      }, [L])]), f()]);
+    };
+  }
+});
+St.props = Wo;
+St.inheritAttrs = !1;
+function jo(e) {
+  return ![
+    // System function button
+    K.ESC,
+    K.SHIFT,
+    K.BACKSPACE,
+    K.TAB,
+    K.WIN_KEY,
+    K.ALT,
+    K.META,
+    K.WIN_KEY_RIGHT,
+    K.CTRL,
+    K.SEMICOLON,
+    K.EQUALS,
+    K.CAPS_LOCK,
+    K.CONTEXT_MENU,
+    // F1-F12
+    K.F1,
+    K.F2,
+    K.F3,
+    K.F4,
+    K.F5,
+    K.F6,
+    K.F7,
+    K.F8,
+    K.F9,
+    K.F10,
+    K.F11,
+    K.F12
+  ].includes(e);
+}
+function un() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 250, n = null, o;
+  je(() => {
+    clearTimeout(o);
+  });
+  function t(l) {
+    (l || n === null) && (n = l), clearTimeout(o), o = setTimeout(() => {
+      n = null;
+    }, e);
+  }
+  return [() => n, t];
+}
+function Ke() {
+  const e = (n) => {
+    e.current = n;
+  };
+  return e;
+}
+const Uo = ue({
+  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: A.array,
+    multiple: {
+      type: Boolean,
+      default: void 0
+    },
+    mode: String,
+    searchValue: String,
+    activeValue: String,
+    inputElement: A.any,
+    autofocus: {
+      type: Boolean,
+      default: void 0
+    },
+    activeDescendantId: String,
+    tabindex: A.oneOfType([A.number, A.string]),
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    placeholder: A.any,
+    removeIcon: A.any,
+    // Tags
+    maxTagCount: A.oneOfType([A.number, A.string]),
+    maxTagTextLength: Number,
+    maxTagPlaceholder: A.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 = Ke(), l = ve(!1), [i, u] = un(0), a = (I) => {
+      const {
+        which: P
+      } = I;
+      (P === K.UP || P === K.DOWN) && I.preventDefault(), e.onInputKeyDown && e.onInputKeyDown(I), P === K.ENTER && e.mode === "tags" && !l.value && !e.open && e.onSearchSubmit(I.target.value), jo(P) && e.onToggleOpen(!0);
+    }, f = () => {
+      u(!0);
+    };
+    let r = null;
+    const s = (I) => {
+      e.onSearch(I, !0, l.value) !== !1 && e.onToggleOpen(!0);
+    }, m = () => {
+      l.value = !0;
+    }, p = (I) => {
+      l.value = !1, e.mode !== "combobox" && s(I.target.value);
+    }, w = (I) => {
+      let {
+        target: {
+          value: P
+        }
+      } = I;
+      if (e.tokenWithEnter && r && /[\r\n]/.test(r)) {
+        const D = r.replace(/[\r\n]+$/, "").replace(/\r\n/g, " ").replace(/[\r\n]/g, " ");
+        P = P.replace(D, r);
+      }
+      r = null, s(P);
+    }, b = (I) => {
+      const {
+        clipboardData: P
+      } = I;
+      r = P.getData("text");
+    }, x = (I) => {
+      let {
+        target: P
+      } = I;
+      P !== t.current && (document.body.style.msTouchAction !== void 0 ? setTimeout(() => {
+        t.current.focus();
+      }) : t.current.focus());
+    }, O = (I) => {
+      const P = i();
+      I.target !== t.current && !P && I.preventDefault(), (e.mode !== "combobox" && (!e.showSearch || !P) || !e.open) && (e.open && e.onSearch("", !0, !1), e.onToggleOpen());
+    };
+    return o({
+      focus: () => {
+        t.current.focus();
+      },
+      blur: () => {
+        t.current.blur();
+      }
+    }), () => {
+      const {
+        prefixCls: I,
+        domRef: P,
+        mode: D
+      } = e, C = {
+        inputRef: t,
+        onInputKeyDown: a,
+        onInputMouseDown: f,
+        onInputChange: w,
+        onInputPaste: b,
+        compositionStatus: l.value,
+        onInputCompositionStart: m,
+        onInputCompositionEnd: p
+      }, v = D === "multiple" || D === "tags" ? y(Ko, Y(Y({}, e), C), null) : y(St, Y(Y({}, e), C), null);
+      return y("div", {
+        ref: P,
+        class: `${I}-selector`,
+        onClick: x,
+        onMousedown: O
+      }, [v]);
+    };
+  }
+});
+function Yo(e, n, o) {
+  function t(l) {
+    var i, u, a;
+    let f = l.target;
+    f.shadowRoot && l.composed && (f = l.composedPath()[0] || f);
+    const r = [(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 && r.every((s) => s && !s.contains(f) && s !== f) && o(!1);
+  }
+  Oe(() => {
+    window.addEventListener("mousedown", t);
+  }), je(() => {
+    window.removeEventListener("mousedown", t);
+  });
+}
+function Go() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 10;
+  const n = G(!1);
+  let o;
+  const t = () => {
+    clearTimeout(o);
+  };
+  return Oe(() => {
+    t();
+  }), [n, (i, u) => {
+    t(), o = setTimeout(() => {
+      n.value = i, u && u();
+    }, e);
+  }, t];
+}
+const cn = Symbol("BaseSelectContextKey");
+function Xo(e) {
+  return qe(cn, e);
+}
+function ko() {
+  return We(cn, {});
+}
+const qo = () => {
+  if (typeof navigator > "u" || typeof window > "u")
+    return !1;
+  const e = navigator.userAgent || navigator.vendor || window.opera;
+  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(e) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(e == null ? void 0 : e.substring(0, 4));
+};
+function dn(e) {
+  if (!Un(e)) return Ae(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 Ae(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 Jo = ["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: A.any,
+  /** Tell if provided `options` is empty */
+  emptyOptions: Boolean
+}), fn = () => ({
+  showSearch: {
+    type: Boolean,
+    default: void 0
+  },
+  tagRender: {
+    type: Function
+  },
+  optionLabelRender: {
+    type: Function
+  },
+  direction: {
+    type: String
+  },
+  // MISC
+  tabindex: Number,
+  autofocus: Boolean,
+  notFoundContent: A.any,
+  placeholder: A.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: A.any,
+  // >>> Search
+  tokenSeparators: {
+    type: Array
+  },
+  // >>> Icons
+  allowClear: {
+    type: Boolean,
+    default: void 0
+  },
+  showArrow: {
+    type: Boolean,
+    default: void 0
+  },
+  inputIcon: A.any,
+  /** Clear all icon */
+  clearIcon: A.any,
+  /** Selector remove icon */
+  removeIcon: A.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
+}), el = () => S(S({}, Zo()), fn());
+function wt(e) {
+  return e === "tags" || e === "multiple";
+}
+const tl = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "BaseSelect",
+  inheritAttrs: !1,
+  props: gt(el(), {
+    showAction: [],
+    notFoundContent: "Not Found"
+  }),
+  setup(e, n) {
+    let {
+      attrs: o,
+      expose: t,
+      slots: l
+    } = n;
+    const i = R(() => wt(e.mode)), u = R(() => e.showSearch !== void 0 ? e.showSearch : i.value || e.mode === "combobox"), a = G(!1);
+    Oe(() => {
+      a.value = qo();
+    });
+    const f = yt(), r = G(null), s = Ke(), m = G(null), p = G(null), w = G(null), b = ve(!1), [x, O, I] = Go();
+    t({
+      focus: () => {
+        var c;
+        (c = p.value) === null || c === void 0 || c.focus();
+      },
+      blur: () => {
+        var c;
+        (c = p.value) === null || c === void 0 || c.blur();
+      },
+      scrollTo: (c) => {
+        var d;
+        return (d = w.value) === null || d === void 0 ? void 0 : d.scrollTo(c);
+      }
+    });
+    const C = R(() => {
+      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) : "";
+    }), v = e.open !== void 0 ? e.open : e.defaultOpen, T = G(v), $ = G(v), N = (c) => {
+      T.value = e.open !== void 0 ? e.open : c, $.value = T.value;
+    };
+    ie(() => e.open, () => {
+      N(e.open);
+    });
+    const V = R(() => !e.notFoundContent && e.emptyOptions);
+    Me(() => {
+      $.value = T.value, (e.disabled || V.value && $.value && e.mode === "combobox") && ($.value = !1);
+    });
+    const j = R(() => V.value ? !1 : $.value), z = (c) => {
+      const d = c !== void 0 ? c : !$.value;
+      $.value !== d && !e.disabled && (N(d), e.onDropdownVisibleChange && e.onDropdownVisibleChange(d));
+    }, Q = R(() => (e.tokenSeparators || []).some((c) => [`
+`, `\r
+`].includes(c))), X = (c, d, F) => {
+      var E, B;
+      let q = !0, J = c;
+      (E = e.onActiveValueChange) === null || E === void 0 || E.call(e, null);
+      const le = F ? null : Mo(c, e.tokenSeparators);
+      return e.mode !== "combobox" && le && (J = "", (B = e.onSearchSplit) === null || B === void 0 || B.call(e, le), z(!1), q = !1), e.onSearch && C.value !== J && e.onSearch(J, {
+        source: d ? "typing" : "effect"
+      }), q;
+    }, U = (c) => {
+      var d;
+      !c || !c.trim() || (d = e.onSearch) === null || d === void 0 || d.call(e, c, {
+        source: "submit"
+      });
+    };
+    ie($, () => {
+      !$.value && !i.value && e.mode !== "combobox" && X("", !1, !1);
+    }, {
+      immediate: !0,
+      flush: "post"
+    }), ie(() => e.disabled, () => {
+      T.value && e.disabled && N(!1), e.disabled && !b.value && O(!1);
+    }, {
+      immediate: !0
+    });
+    const [M, L] = un(), k = function(c) {
+      var d;
+      const F = M(), {
+        which: E
+      } = c;
+      if (E === K.ENTER && (e.mode !== "combobox" && c.preventDefault(), $.value || z(!0)), L(!!C.value), E === K.BACKSPACE && !F && i.value && !C.value && e.displayValues.length) {
+        const le = [...e.displayValues];
+        let Z = null;
+        for (let re = le.length - 1; re >= 0; re -= 1) {
+          const de = le[re];
+          if (!de.disabled) {
+            le.splice(re, 1), Z = de;
+            break;
+          }
+        }
+        Z && e.onDisplayValuesChange(le, {
+          type: "remove",
+          values: [Z]
+        });
+      }
+      for (var B = arguments.length, q = new Array(B > 1 ? B - 1 : 0), J = 1; J < B; J++)
+        q[J - 1] = arguments[J];
+      $.value && w.value && w.value.onKeydown(c, ...q), (d = e.onKeydown) === null || d === void 0 || d.call(e, c, ...q);
+    }, ee = function(c) {
+      for (var d = arguments.length, F = new Array(d > 1 ? d - 1 : 0), E = 1; E < d; E++)
+        F[E - 1] = arguments[E];
+      $.value && w.value && w.value.onKeyup(c, ...F), e.onKeyup && e.onKeyup(c, ...F);
+    }, g = (c) => {
+      const d = e.displayValues.filter((F) => F !== c);
+      e.onDisplayValuesChange(d, {
+        type: "remove",
+        values: [c]
+      });
+    }, H = G(!1), W = function() {
+      O(!0), e.disabled || (e.onFocus && !H.value && e.onFocus(...arguments), e.showAction && e.showAction.includes("focus") && z(!0)), H.value = !0;
+    }, _ = ve(!1), te = function() {
+      if (_.value || (b.value = !0, O(!1, () => {
+        H.value = !1, b.value = !1, z(!1);
+      }), e.disabled))
+        return;
+      const c = C.value;
+      c && (e.mode === "tags" ? e.onSearch(c, {
+        source: "submit"
+      }) : e.mode === "multiple" && e.onSearch("", {
+        source: "blur"
+      })), e.onBlur && e.onBlur(...arguments);
+    }, oe = () => {
+      _.value = !0;
+    }, ae = () => {
+      _.value = !1;
+    };
+    qe("VCSelectContainerEvent", {
+      focus: W,
+      blur: te
+    });
+    const ne = [];
+    Oe(() => {
+      ne.forEach((c) => clearTimeout(c)), ne.splice(0, ne.length);
+    }), je(() => {
+      ne.forEach((c) => clearTimeout(c)), ne.splice(0, ne.length);
+    });
+    const fe = function(c) {
+      var d, F;
+      const {
+        target: E
+      } = c, B = (d = m.value) === null || d === void 0 ? void 0 : d.getPopupElement();
+      if (B && B.contains(E)) {
+        const Z = setTimeout(() => {
+          var re;
+          const de = ne.indexOf(Z);
+          de !== -1 && ne.splice(de, 1), I(), !a.value && !B.contains(document.activeElement) && ((re = p.value) === null || re === void 0 || re.focus());
+        });
+        ne.push(Z);
+      }
+      for (var q = arguments.length, J = new Array(q > 1 ? q - 1 : 0), le = 1; le < q; le++)
+        J[le - 1] = arguments[le];
+      (F = e.onMousedown) === null || F === void 0 || F.call(e, c, ...J);
+    }, me = G(null), h = () => {
+    };
+    return Oe(() => {
+      ie(j, () => {
+        var c;
+        if (j.value) {
+          const d = Math.ceil((c = r.value) === null || c === void 0 ? void 0 : c.offsetWidth);
+          me.value !== d && !Number.isNaN(d) && (me.value = d);
+        }
+      }, {
+        immediate: !0,
+        flush: "post"
+      });
+    }), Yo([r, m], j, z), Xo(dn(S(S({}, Yn(e)), {
+      open: $,
+      triggerOpen: j,
+      showSearch: u,
+      multiple: i,
+      toggleOpen: z
+    }))), () => {
+      const c = S(S({}, e), o), {
+        prefixCls: d,
+        id: F,
+        open: E,
+        defaultOpen: B,
+        mode: q,
+        // Search related
+        showSearch: J,
+        searchValue: le,
+        onSearch: Z,
+        // Icons
+        allowClear: re,
+        clearIcon: de,
+        showArrow: Ue,
+        inputIcon: et,
+        // Others
+        disabled: Re,
+        loading: De,
+        getInputElement: Tt,
+        getPopupContainer: In,
+        placement: Cn,
+        // Dropdown
+        animation: xn,
+        transitionName: On,
+        dropdownStyle: $n,
+        dropdownClassName: Tn,
+        dropdownMatchSelectWidth: En,
+        dropdownRender: Mn,
+        dropdownAlign: Pn,
+        showAction: gi,
+        direction: Rn,
+        // Tags
+        tokenSeparators: hi,
+        tagRender: Dn,
+        optionLabelRender: Fn,
+        // Events
+        onPopupScroll: bi,
+        onDropdownVisibleChange: yi,
+        onFocus: Si,
+        onBlur: wi,
+        onKeyup: Ii,
+        onKeydown: Ci,
+        onMousedown: xi,
+        onClear: tt,
+        omitDomProps: nt,
+        getRawInputElement: Et,
+        displayValues: Ye,
+        onDisplayValuesChange: Nn,
+        emptyOptions: An,
+        activeDescendantId: Vn,
+        activeValue: Ln,
+        OptionList: Hn
+      } = c, _n = 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"]), Mt = q === "combobox" && Tt && Tt() || null, Ve = typeof Et == "function" && Et(), ot = S({}, _n);
+      let Pt;
+      Ve && (Pt = (Te) => {
+        z(Te);
+      }), Jo.forEach((Te) => {
+        delete ot[Te];
+      }), nt == null || nt.forEach((Te) => {
+        delete ot[Te];
+      });
+      const Rt = Ue !== void 0 ? Ue : De || !i.value && q !== "combobox";
+      let Dt;
+      Rt && (Dt = y(Pe, {
+        class: se(`${d}-arrow`, {
+          [`${d}-arrow-loading`]: De
+        }),
+        customizeIcon: et,
+        customizeIconProps: {
+          loading: De,
+          searchValue: C.value,
+          open: $.value,
+          focused: x.value,
+          showSearch: u.value
+        }
+      }, null));
+      let Ft;
+      const Bn = () => {
+        tt == null || tt(), Nn([], {
+          type: "clear",
+          values: Ye
+        }), X("", !1, !1);
+      };
+      !Re && re && (Ye.length || C.value) && (Ft = y(Pe, {
+        class: `${d}-clear`,
+        onMousedown: Bn,
+        customizeIcon: de
+      }, {
+        default: () => [we("×")]
+      }));
+      const zn = y(Hn, {
+        ref: w
+      }, S(S({}, f.customSlots), {
+        option: l.option
+      })), Kn = se(d, o.class, {
+        [`${d}-focused`]: x.value,
+        [`${d}-multiple`]: i.value,
+        [`${d}-single`]: !i.value,
+        [`${d}-allow-clear`]: re,
+        [`${d}-show-arrow`]: Rt,
+        [`${d}-disabled`]: Re,
+        [`${d}-loading`]: De,
+        [`${d}-open`]: $.value,
+        [`${d}-customize-input`]: Mt,
+        [`${d}-show-search`]: u.value
+      }), Nt = y(Do, {
+        ref: m,
+        disabled: Re,
+        prefixCls: d,
+        visible: j.value,
+        popupElement: zn,
+        containerWidth: me.value,
+        animation: xn,
+        transitionName: On,
+        dropdownStyle: $n,
+        dropdownClassName: Tn,
+        direction: Rn,
+        dropdownMatchSelectWidth: En,
+        dropdownRender: Mn,
+        dropdownAlign: Pn,
+        placement: Cn,
+        getPopupContainer: In,
+        empty: An,
+        getTriggerDOMNode: () => s.current,
+        onPopupVisibleChange: Pt,
+        onPopupMouseEnter: h,
+        onPopupFocusin: oe,
+        onPopupFocusout: ae
+      }, {
+        default: () => Ve ? ze(Ve) && Zt(Ve, {
+          ref: s
+        }, !1, !0) : y(Uo, Y(Y({}, e), {}, {
+          domRef: s,
+          prefixCls: d,
+          inputElement: Mt,
+          ref: p,
+          id: F,
+          showSearch: u.value,
+          mode: q,
+          activeDescendantId: Vn,
+          tagRender: Dn,
+          optionLabelRender: Fn,
+          values: Ye,
+          open: $.value,
+          onToggleOpen: z,
+          activeValue: Ln,
+          searchValue: C.value,
+          onSearch: X,
+          onSearchSubmit: U,
+          onRemove: g,
+          tokenWithEnter: Q.value
+        }), null)
+      });
+      let lt;
+      return Ve ? lt = Nt : lt = y("div", Y(Y({}, ot), {}, {
+        class: Kn,
+        ref: r,
+        onMousedown: fe,
+        onKeydown: k,
+        onKeyup: ee
+      }), [x.value && !$.value && y("span", {
+        style: {
+          width: 0,
+          height: 0,
+          position: "absolute",
+          overflow: "hidden",
+          opacity: 0
+        },
+        "aria-live": "polite"
+      }, [`${Ye.map((Te) => {
+        let {
+          label: At,
+          value: Wn
+        } = Te;
+        return ["number", "string"].includes(typeof At) ? At : Wn;
+      }).join(", ")}`]), Nt, Dt, Ft]), lt;
+    };
+  }
+}), Ze = (e, n) => {
+  let {
+    height: o,
+    offset: t,
+    prefixCls: l,
+    onInnerResize: i
+  } = e, {
+    slots: u
+  } = n;
+  var a;
+  let f = {}, r = {
+    display: "flex",
+    flexDirection: "column"
+  };
+  return t !== void 0 && (f = {
+    height: `${o}px`,
+    position: "relative",
+    overflow: "hidden"
+  }, r = S(S({}, r), {
+    transform: `translateY(${t}px)`,
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: 0
+  })), y("div", {
+    style: f
+  }, [y(vt, {
+    onResize: (s) => {
+      let {
+        offsetHeight: m
+      } = s;
+      m && i && i();
+    }
+  }, {
+    default: () => [y("div", {
+      style: r,
+      class: se({
+        [`${l}-holder-inner`]: l
+      })
+    }, [(a = u.default) === null || a === void 0 ? void 0 : a.call(u)])]
+  })]);
+};
+Ze.displayName = "Filter";
+Ze.inheritAttrs = !1;
+Ze.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 mn = (e, n) => {
+  let {
+    setRef: o
+  } = e, {
+    slots: t
+  } = n;
+  var l;
+  const i = en((l = t.default) === null || l === void 0 ? void 0 : l.call(t));
+  return i && i.length ? Qt(i[0], {
+    ref: o
+  }) : i;
+};
+mn.props = {
+  setRef: {
+    type: Function,
+    default: () => {
+    }
+  }
+};
+const nl = 20;
+function Wt(e) {
+  return "touches" in e ? e.touches[0].pageY : e.pageY;
+}
+const ol = ue({
+  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: Ke(),
+      thumbRef: Ke(),
+      visibleTimeout: null,
+      state: Ae({
+        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, xe ? {
+      passive: !1
+    } : !1), (n = this.thumbRef.current) === null || n === void 0 || n.addEventListener("touchstart", this.onMouseDown, xe ? {
+      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, xe ? {
+        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, xe ? {
+        passive: !1
+      } : !1), this.thumbRef.current && (this.thumbRef.current.removeEventListener("touchstart", this.onMouseDown, xe ? {
+        passive: !1
+      } : !1), this.thumbRef.current.removeEventListener("touchmove", this.onMouseMove, xe ? {
+        passive: !1
+      } : !1), this.thumbRef.current.removeEventListener("touchend", this.onMouseUp)), Ie.cancel(this.moveRaf);
+    },
+    // ======================= Thumb =======================
+    onMouseDown(e) {
+      const {
+        onStartMove: n
+      } = this.$props;
+      S(this.state, {
+        dragging: !0,
+        pageY: Wt(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 (Ie.cancel(this.moveRaf), n) {
+        const i = Wt(e) - o, u = t + i, a = this.getEnableScrollRange(), f = this.getEnableHeightRange(), r = f ? u / f : 0, s = Math.ceil(r * a);
+        this.moveRaf = Ie(() => {
+          l(s);
+        });
+      }
+    },
+    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, nl), 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 y("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
+    }, [y("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 ll(e, n, o, t) {
+  const l = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), u = ve(Symbol("update"));
+  ie(e, () => {
+    u.value = Symbol("update");
+  });
+  let a;
+  function f() {
+    Ie.cancel(a);
+  }
+  function r() {
+    f(), a = Ie(() => {
+      l.forEach((m, p) => {
+        if (m && m.offsetParent) {
+          const {
+            offsetHeight: w
+          } = m;
+          i.get(p) !== w && (u.value = Symbol("update"), i.set(p, m.offsetHeight));
+        }
+      });
+    });
+  }
+  function s(m, p) {
+    const w = n(m);
+    l.get(w), p ? (l.set(w, p.$el || p), r()) : l.delete(w);
+  }
+  return Jt(() => {
+    f();
+  }), [s, r, i, u];
+}
+function il(e, n, o, t, l, i, u, a) {
+  let f;
+  return (r) => {
+    if (r == null) {
+      a();
+      return;
+    }
+    Ie.cancel(f);
+    const s = n.value, m = t.itemHeight;
+    if (typeof r == "number")
+      u(r);
+    else if (r && typeof r == "object") {
+      let p;
+      const {
+        align: w
+      } = r;
+      "index" in r ? {
+        index: p
+      } = r : p = s.findIndex((O) => l(O) === r.key);
+      const {
+        offset: b = 0
+      } = r, x = (O, I) => {
+        if (O < 0 || !e.value) return;
+        const P = e.value.clientHeight;
+        let D = !1, C = I;
+        if (P) {
+          const v = I || w;
+          let T = 0, $ = 0, N = 0;
+          const V = Math.min(s.length, p);
+          for (let Q = 0; Q <= V; Q += 1) {
+            const X = l(s[Q]);
+            $ = T;
+            const U = o.get(X);
+            N = $ + (U === void 0 ? m : U), T = N, Q === p && U === void 0 && (D = !0);
+          }
+          const j = e.value.scrollTop;
+          let z = null;
+          switch (v) {
+            case "top":
+              z = $ - b;
+              break;
+            case "bottom":
+              z = N - P + b;
+              break;
+            default: {
+              const Q = j + P;
+              $ < j ? C = "top" : N > Q && (C = "bottom");
+            }
+          }
+          z !== null && z !== j && u(z);
+        }
+        f = Ie(() => {
+          D && i(), x(O - 1, C);
+        }, 2);
+      };
+      x(5);
+    }
+  };
+}
+const al = typeof navigator == "object" && /Firefox/i.test(navigator.userAgent), pn = (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 rl(e, n, o, t) {
+  let l = 0, i = null, u = null, a = !1;
+  const f = pn(n, o);
+  function r(m) {
+    if (!e.value) return;
+    Ie.cancel(i);
+    const {
+      deltaY: p
+    } = m;
+    l += p, u = p, !f(p) && (al || m.preventDefault(), i = Ie(() => {
+      t(l * (a ? 10 : 1)), l = 0;
+    }));
+  }
+  function s(m) {
+    e.value && (a = m.detail === u);
+  }
+  return [r, s];
+}
+const sl = 14 / 15;
+function ul(e, n, o) {
+  let t = !1, l = 0, i = null, u = null;
+  const a = () => {
+    i && (i.removeEventListener("touchmove", f), i.removeEventListener("touchend", r));
+  }, f = (p) => {
+    if (t) {
+      const w = Math.ceil(p.touches[0].pageY);
+      let b = l - w;
+      l = w, o(b) && p.preventDefault(), clearInterval(u), u = setInterval(() => {
+        b *= sl, (!o(b, !0) || Math.abs(b) <= 0.1) && clearInterval(u);
+      }, 16);
+    }
+  }, r = () => {
+    t = !1, a();
+  }, s = (p) => {
+    a(), p.touches.length === 1 && !t && (t = !0, l = Math.ceil(p.touches[0].pageY), i = p.target, i.addEventListener("touchmove", f, {
+      passive: !1
+    }), i.addEventListener("touchend", r));
+  }, m = () => {
+  };
+  Oe(() => {
+    document.addEventListener("touchmove", m, {
+      passive: !1
+    }), ie(e, (p) => {
+      n.value.removeEventListener("touchstart", s), a(), clearInterval(u), p && n.value.addEventListener("touchstart", s, {
+        passive: !1
+      });
+    }, {
+      immediate: !0
+    });
+  }), je(() => {
+    document.removeEventListener("touchmove", m);
+  });
+}
+var cl = 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 dl = [], fl = {
+  overflowY: "auto",
+  overflowAnchor: "none"
+};
+function ml(e, n, o, t, l, i) {
+  let {
+    getKey: u
+  } = i;
+  return e.slice(n, o + 1).map((a, f) => {
+    const r = n + f, s = l(a, r, {
+      // style: status === 'MEASURE_START' ? { visibility: 'hidden' } : {},
+    }), m = u(a);
+    return y(mn, {
+      key: m,
+      setRef: (p) => t(a, p)
+    }, {
+      default: () => [s]
+    });
+  });
+}
+const pl = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "List",
+  inheritAttrs: !1,
+  props: {
+    prefixCls: String,
+    data: A.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 = R(() => {
+      const {
+        height: g,
+        itemHeight: H,
+        virtual: W
+      } = e;
+      return !!(W !== !1 && g && H);
+    }), l = R(() => {
+      const {
+        height: g,
+        itemHeight: H,
+        data: W
+      } = e;
+      return t.value && W && H * W.length > g;
+    }), i = Ae({
+      scrollTop: 0,
+      scrollMoving: !1
+    }), u = R(() => e.data || dl), a = G([]);
+    ie(u, () => {
+      a.value = pt(u.value).slice();
+    }, {
+      immediate: !0
+    });
+    const f = G((g) => {
+    });
+    ie(() => e.itemKey, (g) => {
+      typeof g == "function" ? f.value = g : f.value = (H) => H == null ? void 0 : H[g];
+    }, {
+      immediate: !0
+    });
+    const r = G(), s = G(), m = G(), p = (g) => f.value(g), w = {
+      getKey: p
+    };
+    function b(g) {
+      let H;
+      typeof g == "function" ? H = g(i.scrollTop) : H = g;
+      const W = T(H);
+      r.value && (r.value.scrollTop = W), i.scrollTop = W;
+    }
+    const [x, O, I, P] = ll(a, p), D = Ae({
+      scrollHeight: void 0,
+      start: 0,
+      end: 0,
+      offset: void 0
+    }), C = G(0);
+    Oe(() => {
+      _e(() => {
+        var g;
+        C.value = ((g = s.value) === null || g === void 0 ? void 0 : g.offsetHeight) || 0;
+      });
+    }), Gn(() => {
+      _e(() => {
+        var g;
+        C.value = ((g = s.value) === null || g === void 0 ? void 0 : g.offsetHeight) || 0;
+      });
+    }), ie([t, a], () => {
+      t.value || S(D, {
+        scrollHeight: void 0,
+        start: 0,
+        end: a.value.length - 1,
+        offset: void 0
+      });
+    }, {
+      immediate: !0
+    }), ie([t, a, C, l], () => {
+      t.value && !l.value && S(D, {
+        scrollHeight: C.value,
+        start: 0,
+        end: a.value.length - 1,
+        offset: void 0
+      }), r.value && (i.scrollTop = r.value.scrollTop);
+    }, {
+      immediate: !0
+    }), ie([l, t, () => i.scrollTop, a, P, () => e.height, C], () => {
+      if (!t.value || !l.value)
+        return;
+      let g = 0, H, W, _;
+      const te = a.value.length, oe = a.value, ae = i.scrollTop, {
+        itemHeight: ne,
+        height: fe
+      } = e, me = ae + fe;
+      for (let h = 0; h < te; h += 1) {
+        const c = oe[h], d = p(c);
+        let F = I.get(d);
+        F === void 0 && (F = ne);
+        const E = g + F;
+        H === void 0 && E >= ae && (H = h, W = g), _ === void 0 && E > me && (_ = h), g = E;
+      }
+      H === void 0 && (H = 0, W = 0, _ = Math.ceil(fe / ne)), _ === void 0 && (_ = te - 1), _ = Math.min(_ + 1, te), S(D, {
+        scrollHeight: g,
+        start: H,
+        end: _,
+        offset: W
+      });
+    }, {
+      immediate: !0
+    });
+    const v = R(() => D.scrollHeight - e.height);
+    function T(g) {
+      let H = g;
+      return Number.isNaN(v.value) || (H = Math.min(H, v.value)), H = Math.max(H, 0), H;
+    }
+    const $ = R(() => i.scrollTop <= 0), N = R(() => i.scrollTop >= v.value), V = pn($, N);
+    function j(g) {
+      b(g);
+    }
+    function z(g) {
+      var H;
+      const {
+        scrollTop: W
+      } = g.currentTarget;
+      W !== i.scrollTop && b(W), (H = e.onScroll) === null || H === void 0 || H.call(e, g);
+    }
+    const [Q, X] = rl(t, $, N, (g) => {
+      b((H) => H + g);
+    });
+    ul(t, r, (g, H) => V(g, H) ? !1 : (Q({
+      preventDefault() {
+      },
+      deltaY: g
+    }), !0));
+    function U(g) {
+      t.value && g.preventDefault();
+    }
+    const M = () => {
+      r.value && (r.value.removeEventListener("wheel", Q, xe ? {
+        passive: !1
+      } : !1), r.value.removeEventListener("DOMMouseScroll", X), r.value.removeEventListener("MozMousePixelScroll", U));
+    };
+    Me(() => {
+      _e(() => {
+        r.value && (M(), r.value.addEventListener("wheel", Q, xe ? {
+          passive: !1
+        } : !1), r.value.addEventListener("DOMMouseScroll", X), r.value.addEventListener("MozMousePixelScroll", U));
+      });
+    }), je(() => {
+      M();
+    });
+    const L = il(r, a, I, e, p, O, b, () => {
+      var g;
+      (g = m.value) === null || g === void 0 || g.delayHidden();
+    });
+    o({
+      scrollTo: L
+    });
+    const k = R(() => {
+      let g = null;
+      return e.height && (g = S({
+        [e.fullHeight ? "height" : "maxHeight"]: e.height + "px"
+      }, fl), t.value && (g.overflowY = "hidden", i.scrollMoving && (g.pointerEvents = "none"))), g;
+    });
+    return ie([() => D.start, () => D.end, a], () => {
+      if (e.onVisibleChange) {
+        const g = a.value.slice(D.start, D.end + 1);
+        e.onVisibleChange(g, a.value);
+      }
+    }, {
+      flush: "post"
+    }), {
+      state: i,
+      mergedData: a,
+      componentStyle: k,
+      onFallbackScroll: z,
+      onScrollBar: j,
+      componentRef: r,
+      useVirtual: t,
+      calRes: D,
+      collectHeight: O,
+      setInstance: x,
+      sharedConfig: w,
+      scrollBarRef: m,
+      fillerInnerRef: s,
+      delayHideScrollBar: () => {
+        var g;
+        (g = m.value) === null || g === void 0 || g.delayHidden();
+      }
+    };
+  },
+  render() {
+    const e = S(S({}, 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: r,
+      children: s = this.$slots.default,
+      style: m,
+      class: p
+    } = e, w = cl(e, ["prefixCls", "height", "itemHeight", "fullHeight", "data", "itemKey", "virtual", "component", "onScroll", "children", "style", "class"]), b = se(n, p), {
+      scrollTop: x
+    } = this.state, {
+      scrollHeight: O,
+      offset: I,
+      start: P,
+      end: D
+    } = this.calRes, {
+      componentStyle: C,
+      onFallbackScroll: v,
+      onScrollBar: T,
+      useVirtual: $,
+      collectHeight: N,
+      sharedConfig: V,
+      setInstance: j,
+      mergedData: z,
+      delayHideScrollBar: Q
+    } = this;
+    return y("div", Y({
+      style: S(S({}, m), {
+        position: "relative"
+      }),
+      class: b
+    }, w), [y(f, {
+      class: `${n}-holder`,
+      style: C,
+      ref: "componentRef",
+      onScroll: v,
+      onMouseenter: Q
+    }, {
+      default: () => [y(Ze, {
+        prefixCls: n,
+        height: O,
+        offset: I,
+        onInnerResize: N,
+        ref: "fillerInnerRef"
+      }, {
+        default: () => ml(z, P, D, j, s, V)
+      })]
+    }), $ && y(ol, {
+      ref: "scrollBarRef",
+      prefixCls: n,
+      scrollTop: x,
+      height: o,
+      scrollHeight: O,
+      count: z.length,
+      onScroll: T,
+      onStartMove: () => {
+        this.state.scrollMoving = !0;
+      },
+      onStopMove: () => {
+        this.state.scrollMoving = !1;
+      }
+    }, null)]);
+  }
+});
+function vl(e, n, o) {
+  const t = ve(e());
+  return ie(n, (l, i) => {
+    o ? o(l, i) && (t.value = e()) : t.value = e();
+  }), t;
+}
+function gl() {
+  return /(mac\sos|macintosh)/i.test(navigator.appVersion);
+}
+const vn = Symbol("SelectContextKey");
+function hl(e) {
+  return qe(vn, e);
+}
+function bl() {
+  return We(vn, {});
+}
+var yl = 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 jt(e) {
+  return typeof e == "string" || typeof e == "number";
+}
+const Sl = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "OptionList",
+  inheritAttrs: !1,
+  setup(e, n) {
+    let {
+      expose: o,
+      slots: t
+    } = n;
+    const l = ko(), i = bl(), u = R(() => `${l.prefixCls}-item`), a = vl(() => i.flattenOptions, [() => l.open, () => i.flattenOptions], (v) => v[0]), f = Ke(), r = (v) => {
+      v.preventDefault();
+    }, s = (v) => {
+      f.current && f.current.scrollTo(typeof v == "number" ? {
+        index: v
+      } : v);
+    }, m = function(v) {
+      let T = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+      const $ = a.value.length;
+      for (let N = 0; N < $; N += 1) {
+        const V = (v + N * T + $) % $, {
+          group: j,
+          data: z
+        } = a.value[V];
+        if (!j && !z.disabled)
+          return V;
+      }
+      return -1;
+    }, p = Ae({
+      activeIndex: m(0)
+    }), w = function(v) {
+      let T = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+      p.activeIndex = v;
+      const $ = {
+        source: T ? "keyboard" : "mouse"
+      }, N = a.value[v];
+      if (!N) {
+        i.onActiveValue(null, -1, $);
+        return;
+      }
+      i.onActiveValue(N.value, v, $);
+    };
+    ie([() => a.value.length, () => l.searchValue], () => {
+      w(i.defaultActiveFirstOption !== !1 ? m(0) : -1);
+    }, {
+      immediate: !0
+    });
+    const b = (v) => i.rawValues.has(v) && l.mode !== "combobox";
+    ie([() => l.open, () => l.searchValue], () => {
+      if (!l.multiple && l.open && i.rawValues.size === 1) {
+        const v = Array.from(i.rawValues)[0], T = pt(a.value).findIndex(($) => {
+          let {
+            data: N
+          } = $;
+          return N[i.fieldNames.value] === v;
+        });
+        T !== -1 && (w(T), _e(() => {
+          s(T);
+        }));
+      }
+      l.open && _e(() => {
+        var v;
+        (v = f.current) === null || v === void 0 || v.scrollTo(void 0);
+      });
+    }, {
+      immediate: !0,
+      flush: "post"
+    });
+    const x = (v) => {
+      v !== void 0 && i.onSelect(v, {
+        selected: !i.rawValues.has(v)
+      }), l.multiple || l.toggleOpen(!1);
+    }, O = (v) => typeof v.label == "function" ? v.label() : v.label;
+    function I(v) {
+      const T = a.value[v];
+      if (!T) return null;
+      const $ = T.data || {}, {
+        value: N
+      } = $, {
+        group: V
+      } = T, j = bt($, !0), z = O(T);
+      return T ? y("div", Y(Y({
+        "aria-label": typeof z == "string" && !V ? z : null
+      }, j), {}, {
+        key: v,
+        role: V ? "presentation" : "option",
+        id: `${l.id}_list_${v}`,
+        "aria-selected": b(N)
+      }), [N]) : null;
+    }
+    return o({
+      onKeydown: (v) => {
+        const {
+          which: T,
+          ctrlKey: $
+        } = v;
+        switch (T) {
+          case K.N:
+          case K.P:
+          case K.UP:
+          case K.DOWN: {
+            let N = 0;
+            if (T === K.UP ? N = -1 : T === K.DOWN ? N = 1 : gl() && $ && (T === K.N ? N = 1 : T === K.P && (N = -1)), N !== 0) {
+              const V = m(p.activeIndex + N, N);
+              s(V), w(V, !0);
+            }
+            break;
+          }
+          case K.ENTER: {
+            const N = a.value[p.activeIndex];
+            N && !N.data.disabled ? x(N.value) : x(void 0), l.open && v.preventDefault();
+            break;
+          }
+          case K.ESC:
+            l.toggleOpen(!1), l.open && v.stopPropagation();
+        }
+      },
+      onKeyup: () => {
+      },
+      scrollTo: (v) => {
+        s(v);
+      }
+    }), () => {
+      const {
+        id: v,
+        notFoundContent: T,
+        onPopupScroll: $
+      } = l, {
+        menuItemSelectedIcon: N,
+        fieldNames: V,
+        virtual: j,
+        listHeight: z,
+        listItemHeight: Q
+      } = i, X = t.option, {
+        activeIndex: U
+      } = p, M = Object.keys(V).map((L) => V[L]);
+      return a.value.length === 0 ? y("div", {
+        role: "listbox",
+        id: `${v}_list`,
+        class: `${u.value}-empty`,
+        onMousedown: r
+      }, [T]) : y(Be, null, [y("div", {
+        role: "listbox",
+        id: `${v}_list`,
+        style: {
+          height: 0,
+          width: 0,
+          overflow: "hidden"
+        }
+      }, [I(U - 1), I(U), I(U + 1)]), y(pl, {
+        itemKey: "key",
+        ref: f,
+        data: a.value,
+        height: z,
+        itemHeight: Q,
+        fullHeight: !1,
+        onMousedown: r,
+        onScroll: $,
+        virtual: j
+      }, {
+        default: (L, k) => {
+          var ee;
+          const {
+            group: g,
+            groupOption: H,
+            data: W,
+            value: _
+          } = L, {
+            key: te
+          } = W, oe = typeof L.label == "function" ? L.label() : L.label;
+          if (g) {
+            const de = (ee = W.title) !== null && ee !== void 0 ? ee : jt(oe) && oe;
+            return y("div", {
+              class: se(u.value, `${u.value}-group`),
+              title: de
+            }, [X ? X(W) : oe !== void 0 ? oe : te]);
+          }
+          const {
+            disabled: ae,
+            title: ne,
+            children: fe,
+            style: me,
+            class: h,
+            className: c
+          } = W, d = yl(W, ["disabled", "title", "children", "style", "class", "className"]), F = Qe(d, M), E = b(_), B = `${u.value}-option`, q = se(u.value, B, h, c, {
+            [`${B}-grouped`]: H,
+            [`${B}-active`]: U === k && !ae,
+            [`${B}-disabled`]: ae,
+            [`${B}-selected`]: E
+          }), J = O(L), le = !N || typeof N == "function" || E, Z = typeof J == "number" ? J : J || _;
+          let re = jt(Z) ? Z.toString() : void 0;
+          return ne !== void 0 && (re = ne), y("div", Y(Y({}, F), {}, {
+            "aria-selected": E,
+            class: q,
+            title: re,
+            onMousemove: (de) => {
+              d.onMousemove && d.onMousemove(de), !(U === k || ae) && w(k);
+            },
+            onClick: (de) => {
+              ae || x(_), d.onClick && d.onClick(de);
+            },
+            style: me
+          }), [y("div", {
+            class: `${B}-content`
+          }, [X ? X(W) : Z]), ze(N) || E, le && y(Pe, {
+            class: `${u.value}-option-state`,
+            customizeIcon: N,
+            customizeIconProps: {
+              isSelected: E
+            }
+          }, {
+            default: () => [E ? "✓" : null]
+          })]);
+        }
+      })]);
+    };
+  }
+});
+var wl = 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 Il(e) {
+  const n = e, {
+    key: o,
+    children: t
+  } = n, l = n.props, {
+    value: i,
+    disabled: u
+  } = l, a = wl(l, ["value", "disabled"]), f = t == null ? void 0 : t.default;
+  return S({
+    key: o,
+    value: i !== void 0 ? i : o,
+    children: f,
+    disabled: u || u === ""
+  }, a);
+}
+function It(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  return en(e).map((t, l) => {
+    var i;
+    if (!ze(t) || !t.type)
+      return null;
+    const {
+      type: {
+        isSelectOptGroup: u
+      },
+      key: a,
+      children: f,
+      props: r
+    } = t;
+    if (n || !u)
+      return Il(t);
+    const s = f && f.default ? f.default() : void 0, m = (r == null ? void 0 : r.label) || ((i = f.label) === null || i === void 0 ? void 0 : i.call(f)) || a;
+    return S(S({
+      key: `__RC_SELECT_GRP__${a === null ? l : String(a)}__`
+    }, r), {
+      label: m,
+      options: It(s || [])
+    });
+  }).filter((t) => t);
+}
+function Cl(e, n, o) {
+  const t = G(), l = G(), i = G(), u = G([]);
+  return ie([e, n], () => {
+    e.value ? u.value = pt(e.value).slice() : u.value = It(n.value);
+  }, {
+    immediate: !0,
+    deep: !0
+  }), Me(() => {
+    const a = u.value, f = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), s = o.value;
+    function m(p) {
+      let w = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+      for (let b = 0; b < p.length; b += 1) {
+        const x = p[b];
+        !x[s.options] || w ? (f.set(x[s.value], x), r.set(x[s.label], x)) : m(x[s.options], !0);
+      }
+    }
+    m(a), t.value = a, l.value = f, i.value = r;
+  }), {
+    options: t,
+    valueOptions: l,
+    labelOptions: i
+  };
+}
+let Ut = 0;
+const xl = process.env.NODE_ENV !== "test" && to();
+function Ol() {
+  let e;
+  return xl ? (e = Ut, Ut += 1) : e = "TEST_OR_SSR", e;
+}
+function $l() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ve("");
+  const n = `rc_select_${Ol()}`;
+  return e.value || n;
+}
+function Ct(e) {
+  return Array.isArray(e) ? e : e !== void 0 ? [e] : [];
+}
+const Tl = typeof window < "u" && window.document && window.document.documentElement;
+process.env.NODE_ENV;
+function El(e) {
+  const {
+    mode: n,
+    options: o,
+    children: t,
+    backfill: l,
+    allowClear: i,
+    placeholder: u,
+    getInputElement: a,
+    showSearch: f,
+    onSearch: r,
+    defaultOpen: s,
+    autofocus: m,
+    labelInValue: p,
+    value: w,
+    inputValue: b,
+    optionLabelProp: x
+  } = e, O = wt(n), I = f !== void 0 ? f : O || n === "combobox", P = o || It(t);
+  if (ye(n !== "tags" || P.every((D) => !D.disabled), "Please avoid setting option to disabled in tags mode since user can always type text as tag."), ye(n !== "combobox" || !x, "`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly."), ye(n === "combobox" || !l, "`backfill` only works with `combobox` mode."), ye(n === "combobox" || !a, "`getInputElement` only work with `combobox` mode."), Vt(n !== "combobox" || !a || !i || !u, "Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`."), r && !I && n !== "combobox" && n !== "tags" && ye(!1, "`onSearch` should work with `showSearch` instead of use alone."), Vt(!s || m, "`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autofocus` if needed."), w != null) {
+    const D = Ct(w);
+    ye(!p || D.every((C) => typeof C == "object" && ("key" in C || "value" in C)), "`value` should in shape of `{ value: string | number, label?: any }` when you set `labelInValue` to `true`"), ye(!O || Array.isArray(w), "`value` should be array when `mode` is `multiple` or `tags`");
+  }
+  if (t) {
+    let D = null;
+    t.some((C) => {
+      var v;
+      if (!ze(C) || !C.type)
+        return !1;
+      const {
+        type: T
+      } = C;
+      return T.isSelectOption ? !1 : T.isSelectOptGroup ? !(((v = C.children) === null || v === void 0 ? void 0 : v.default()) || []).every((V) => !ze(V) || !C.type || V.type.isSelectOption ? !0 : (D = V.type, !1)) : (D = T, !0);
+    }), D && ye(!1, `\`children\` should be \`Select.Option\` or \`Select.OptGroup\` instead of \`${D.displayName || D.name || D}\`.`), ye(b === void 0, "`inputValue` is deprecated, please use `searchValue` instead.");
+  }
+}
+function rt(e, n) {
+  return Ct(e).join("").toUpperCase().includes(n);
+}
+const Ml = (e, n, o, t, l) => R(() => {
+  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: r,
+    value: s
+  } = n.value, m = [], p = typeof a == "function", w = i.toUpperCase(), b = p ? a : (O, I) => u ? rt(I[u], w) : I[f] ? rt(I[r !== "children" ? r : "label"], w) : rt(I[s], w), x = p ? (O) => ft(O) : (O) => O;
+  return e.value.forEach((O) => {
+    if (O[f]) {
+      if (b(i, x(O)))
+        m.push(O);
+      else {
+        const P = O[f].filter((D) => b(i, x(D)));
+        P.length && m.push(S(S({}, O), {
+          [f]: P
+        }));
+      }
+      return;
+    }
+    b(i, x(O)) && m.push(O);
+  }), m;
+}), Pl = (e, n) => {
+  const o = G({
+    values: /* @__PURE__ */ new Map(),
+    options: /* @__PURE__ */ new Map()
+  });
+  return [R(() => {
+    const {
+      values: i,
+      options: u
+    } = o.value, a = e.value.map((s) => {
+      var m;
+      return s.label === void 0 ? S(S({}, s), {
+        label: (m = i.get(s.value)) === null || m === void 0 ? void 0 : m.label
+      }) : s;
+    }), f = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+    return a.forEach((s) => {
+      f.set(s.value, s), r.set(s.value, n.value.get(s.value) || u.get(s.value));
+    }), o.value.values = f, o.value.options = r, a;
+  }), (i) => n.value.get(i) || o.value.options.get(i)];
+}, Rl = ["inputValue"];
+function gn() {
+  return S(S({}, fn()), {
+    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: A.any,
+    mode: String,
+    labelInValue: {
+      type: Boolean,
+      default: void 0
+    },
+    value: A.any,
+    defaultValue: A.any,
+    onChange: Function,
+    children: Array
+  });
+}
+function Dl(e) {
+  return !e || typeof e != "object";
+}
+const Fl = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "VcSelect",
+  inheritAttrs: !1,
+  props: gt(gn(), {
+    prefixCls: "vc-select",
+    autoClearSearchValue: !0,
+    listHeight: 200,
+    listItemHeight: 20,
+    dropdownMatchSelectWidth: !0
+  }),
+  setup(e, n) {
+    let {
+      expose: o,
+      attrs: t,
+      slots: l
+    } = n;
+    const i = $l(Ce(e, "id")), u = R(() => wt(e.mode)), a = R(() => !!(!e.options && e.children)), f = R(() => e.filterOption === void 0 && e.mode === "combobox" ? !1 : e.filterOption), r = R(() => on(e.fieldNames, a.value)), [s, m] = Lt("", {
+      value: R(() => e.searchValue !== void 0 ? e.searchValue : e.inputValue),
+      postState: (h) => h || ""
+    }), p = Cl(Ce(e, "options"), Ce(e, "children"), r), {
+      valueOptions: w,
+      labelOptions: b,
+      options: x
+    } = p, O = (h) => Ct(h).map((d) => {
+      var F, E;
+      let B, q, J, le;
+      Dl(d) ? B = d : (J = d.key, q = d.label, B = (F = d.value) !== null && F !== void 0 ? F : J);
+      const Z = w.value.get(B);
+      return Z && (q === void 0 && (q = Z == null ? void 0 : Z[e.optionLabelProp || r.value.label]), J === void 0 && (J = (E = Z == null ? void 0 : Z.key) !== null && E !== void 0 ? E : B), le = Z == null ? void 0 : Z.disabled), {
+        label: q,
+        value: B,
+        key: J,
+        disabled: le,
+        option: Z
+      };
+    }), [I, P] = Lt(e.defaultValue, {
+      value: Ce(e, "value")
+    }), D = R(() => {
+      var h;
+      const c = O(I.value);
+      return e.mode === "combobox" && !(!((h = c[0]) === null || h === void 0) && h.value) ? [] : c;
+    }), [C, v] = Pl(D, w), T = R(() => {
+      if (!e.mode && C.value.length === 1) {
+        const h = C.value[0];
+        if (h.value === null && (h.label === null || h.label === void 0))
+          return [];
+      }
+      return C.value.map((h) => {
+        var c;
+        return S(S({}, h), {
+          label: (c = typeof h.label == "function" ? h.label() : h.label) !== null && c !== void 0 ? c : h.value
+        });
+      });
+    }), $ = R(() => new Set(C.value.map((h) => h.value)));
+    Me(() => {
+      var h;
+      if (e.mode === "combobox") {
+        const c = (h = C.value[0]) === null || h === void 0 ? void 0 : h.value;
+        c != null && m(String(c));
+      }
+    }, {
+      flush: "post"
+    });
+    const N = (h, c) => {
+      const d = c ?? h;
+      return {
+        [r.value.value]: h,
+        [r.value.label]: d
+      };
+    }, V = G();
+    Me(() => {
+      if (e.mode !== "tags") {
+        V.value = x.value;
+        return;
+      }
+      const h = x.value.slice(), c = (d) => w.value.has(d);
+      [...C.value].sort((d, F) => d.value < F.value ? -1 : 1).forEach((d) => {
+        const F = d.value;
+        c(F) || h.push(N(F, d.label));
+      }), V.value = h;
+    });
+    const j = Ml(V, r, s, f, Ce(e, "optionFilterProp")), z = R(() => e.mode !== "tags" || !s.value || j.value.some((h) => h[e.optionFilterProp || "value"] === s.value) ? j.value : [N(s.value), ...j.value]), Q = R(() => e.filterSort ? [...z.value].sort((h, c) => e.filterSort(h, c)) : z.value), X = R(() => Eo(Q.value, {
+      fieldNames: r.value,
+      childrenAsData: a.value
+    })), U = (h) => {
+      const c = O(h);
+      if (P(c), e.onChange && // Trigger event only when value changed
+      (c.length !== C.value.length || c.some((d, F) => {
+        var E;
+        return ((E = C.value[F]) === null || E === void 0 ? void 0 : E.value) !== (d == null ? void 0 : d.value);
+      }))) {
+        const d = e.labelInValue ? c.map((E) => S(S({}, E), {
+          originLabel: E.label,
+          label: typeof E.label == "function" ? E.label() : E.label
+        })) : c.map((E) => E.value), F = c.map((E) => ft(v(E.value)));
+        e.onChange(
+          // Value
+          u.value ? d : d[0],
+          // Option
+          u.value ? F : F[0]
+        );
+      }
+    }, [M, L] = Ht(null), [k, ee] = Ht(0), g = R(() => e.defaultActiveFirstOption !== void 0 ? e.defaultActiveFirstOption : e.mode !== "combobox"), H = function(h, c) {
+      let {
+        source: d = "keyboard"
+      } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+      ee(c), e.backfill && e.mode === "combobox" && h !== null && d === "keyboard" && L(String(h));
+    }, W = (h, c) => {
+      const d = () => {
+        var F;
+        const E = v(h), B = E == null ? void 0 : E[r.value.label];
+        return [e.labelInValue ? {
+          label: typeof B == "function" ? B() : B,
+          originLabel: B,
+          value: h,
+          key: (F = E == null ? void 0 : E.key) !== null && F !== void 0 ? F : h
+        } : h, ft(E)];
+      };
+      if (c && e.onSelect) {
+        const [F, E] = d();
+        e.onSelect(F, E);
+      } else if (!c && e.onDeselect) {
+        const [F, E] = d();
+        e.onDeselect(F, E);
+      }
+    }, _ = (h, c) => {
+      let d;
+      const F = u.value ? c.selected : !0;
+      F ? d = u.value ? [...C.value, h] : [h] : d = C.value.filter((E) => E.value !== h), U(d), W(h, F), e.mode === "combobox" ? L("") : (!u.value || e.autoClearSearchValue) && (m(""), L(""));
+    }, te = (h, c) => {
+      U(h), (c.type === "remove" || c.type === "clear") && c.values.forEach((d) => {
+        W(d.value, !1);
+      });
+    }, oe = (h, c) => {
+      var d;
+      if (m(h), L(null), c.source === "submit") {
+        const F = (h || "").trim();
+        if (F) {
+          const E = Array.from(/* @__PURE__ */ new Set([...$.value, F]));
+          U(E), W(F, !0), m("");
+        }
+        return;
+      }
+      c.source !== "blur" && (e.mode === "combobox" && U(h), (d = e.onSearch) === null || d === void 0 || d.call(e, h));
+    }, ae = (h) => {
+      let c = h;
+      e.mode !== "tags" && (c = h.map((F) => {
+        const E = b.value.get(F);
+        return E == null ? void 0 : E.value;
+      }).filter((F) => F !== void 0));
+      const d = Array.from(/* @__PURE__ */ new Set([...$.value, ...c]));
+      U(d), d.forEach((F) => {
+        W(F, !0);
+      });
+    }, ne = R(() => e.virtual !== !1 && e.dropdownMatchSelectWidth !== !1);
+    hl(dn(S(S({}, p), {
+      flattenOptions: X,
+      onActiveValue: H,
+      defaultActiveFirstOption: g,
+      onSelect: _,
+      menuItemSelectedIcon: Ce(e, "menuItemSelectedIcon"),
+      rawValues: $,
+      fieldNames: r,
+      virtual: ne,
+      listHeight: Ce(e, "listHeight"),
+      listItemHeight: Ce(e, "listItemHeight"),
+      childrenAsData: a
+    }))), process.env.NODE_ENV !== "production" && Me(() => {
+      El(e);
+    }, {
+      flush: "post"
+    });
+    const fe = ve();
+    o({
+      focus() {
+        var h;
+        (h = fe.value) === null || h === void 0 || h.focus();
+      },
+      blur() {
+        var h;
+        (h = fe.value) === null || h === void 0 || h.blur();
+      },
+      scrollTo(h) {
+        var c;
+        (c = fe.value) === null || c === void 0 || c.scrollTo(h);
+      }
+    });
+    const me = R(() => Qe(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 () => y(tl, Y(Y(Y({}, me.value), t), {}, {
+      id: i,
+      prefixCls: e.prefixCls,
+      ref: fe,
+      omitDomProps: Rl,
+      mode: e.mode,
+      displayValues: T.value,
+      onDisplayValuesChange: te,
+      searchValue: s.value,
+      onSearch: oe,
+      onSearchSplit: ae,
+      dropdownMatchSelectWidth: e.dropdownMatchSelectWidth,
+      OptionList: Sl,
+      emptyOptions: !X.value.length,
+      activeValue: M.value,
+      activeDescendantId: `${i}_list_${k.value}`
+    }), l);
+  }
+}), xt = () => null;
+xt.isSelectOption = !0;
+xt.displayName = "ASelectOption";
+const Ot = () => null;
+Ot.isSelectOptGroup = !0;
+Ot.displayName = "ASelectOptGroup";
+var Nl = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, name: "down", theme: "outlined" };
+function Yt(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) {
+      Al(e, l, o[l]);
+    });
+  }
+  return e;
+}
+function Al(e, n, o) {
+  return n in e ? Object.defineProperty(e, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = o, e;
+}
+var $t = function(n, o) {
+  var t = Yt({}, n, o.attrs);
+  return y(no, Yt({}, t, {
+    icon: Nl
+  }), null);
+};
+$t.displayName = "DownOutlined";
+$t.inheritAttrs = !1;
+function Vl(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(), r = e.clearIcon || n.clearIcon && n.clearIcon(), s = e.menuItemSelectedIcon || n.menuItemSelectedIcon && n.menuItemSelectedIcon(), m = e.removeIcon || n.removeIcon && n.removeIcon(), p = r ?? y(oo, null, null), w = (I) => y(Be, null, [a !== !1 && I, i && u]);
+  let b = null;
+  if (f !== void 0)
+    b = w(f);
+  else if (o)
+    b = w(y(lo, {
+      spin: !0
+    }, null));
+  else {
+    const I = `${l}-suffix`;
+    b = (P) => {
+      let {
+        open: D,
+        showSearch: C
+      } = P;
+      return w(D && C ? y(Oo, {
+        class: I
+      }, null) : y($t, {
+        class: I
+      }, null));
+    };
+  }
+  let x = null;
+  s !== void 0 ? x = s : t ? x = y(io, null, null) : x = null;
+  let O = null;
+  return m !== void 0 ? O = m : O = y(ao, null, null), {
+    clearIcon: p,
+    suffixIcon: b,
+    itemIcon: x,
+    removeIcon: O
+  };
+}
+const Ll = new ce("antMoveDownIn", {
+  "0%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), Hl = new ce("antMoveDownOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), _l = new ce("antMoveLeftIn", {
+  "0%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), Bl = new ce("antMoveLeftOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), zl = new ce("antMoveRightIn", {
+  "0%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), Kl = new ce("antMoveRightOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), Wl = new ce("antMoveUpIn", {
+  "0%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), jl = new ce("antMoveUpOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), Ul = {
+  "move-up": {
+    inKeyframes: Wl,
+    outKeyframes: jl
+  },
+  "move-down": {
+    inKeyframes: Ll,
+    outKeyframes: Hl
+  },
+  "move-left": {
+    inKeyframes: _l,
+    outKeyframes: Bl
+  },
+  "move-right": {
+    inKeyframes: zl,
+    outKeyframes: Kl
+  }
+}, Gt = (e, n) => {
+  const {
+    antCls: o
+  } = e, t = `${o}-${n}`, {
+    inKeyframes: l,
+    outKeyframes: i
+  } = Ul[n];
+  return [tn(t, l, i, e.motionDurationMid), {
+    [`
+        ${t}-enter,
+        ${t}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: e.motionEaseOutCirc
+    },
+    [`${t}-leave`]: {
+      animationTimingFunction: e.motionEaseInOutCirc
+    }
+  }];
+}, hn = new ce("antSlideUpIn", {
+  "0%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleY(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  }
+}), bn = new ce("antSlideUpOut", {
+  "0%": {
+    transform: "scaleY(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  }
+}), yn = new ce("antSlideDownIn", {
+  "0%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "100% 100%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleY(1)",
+    transformOrigin: "100% 100%",
+    opacity: 1
+  }
+}), Sn = new ce("antSlideDownOut", {
+  "0%": {
+    transform: "scaleY(1)",
+    transformOrigin: "100% 100%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "100% 100%",
+    opacity: 0
+  }
+}), Yl = new ce("antSlideLeftIn", {
+  "0%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleX(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  }
+}), Gl = new ce("antSlideLeftOut", {
+  "0%": {
+    transform: "scaleX(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  }
+}), Xl = new ce("antSlideRightIn", {
+  "0%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "100% 0%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleX(1)",
+    transformOrigin: "100% 0%",
+    opacity: 1
+  }
+}), kl = new ce("antSlideRightOut", {
+  "0%": {
+    transform: "scaleX(1)",
+    transformOrigin: "100% 0%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "100% 0%",
+    opacity: 0
+  }
+}), ql = {
+  "slide-up": {
+    inKeyframes: hn,
+    outKeyframes: bn
+  },
+  "slide-down": {
+    inKeyframes: yn,
+    outKeyframes: Sn
+  },
+  "slide-left": {
+    inKeyframes: Yl,
+    outKeyframes: Gl
+  },
+  "slide-right": {
+    inKeyframes: Xl,
+    outKeyframes: kl
+  }
+}, Xt = (e, n) => {
+  const {
+    antCls: o
+  } = e, t = `${o}-${n}`, {
+    inKeyframes: l,
+    outKeyframes: i
+  } = ql[n];
+  return [tn(t, l, i, e.motionDurationMid), {
+    [`
+      ${t}-enter,
+      ${t}-appear
+    `]: {
+      transform: "scale(0)",
+      transformOrigin: "0% 0%",
+      opacity: 0,
+      animationTimingFunction: e.motionEaseOutQuint
+    },
+    [`${t}-leave`]: {
+      animationTimingFunction: e.motionEaseInQuint
+    }
+  }];
+}, kt = (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"
+  };
+}, Ql = (e) => {
+  const {
+    antCls: n,
+    componentCls: o
+  } = e, t = `${o}-item`;
+  return [
+    {
+      [`${o}-dropdown`]: S(S({}, ht(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: hn
+        },
+        [`
+            &${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: yn
+        },
+        [`&${n}-slide-up-leave${n}-slide-up-leave-active${o}-dropdown-placement-bottomLeft`]: {
+          animationName: bn
+        },
+        [`&${n}-slide-up-leave${n}-slide-up-leave-active${o}-dropdown-placement-topLeft`]: {
+          animationName: Sn
+        },
+        "&-hidden": {
+          display: "none"
+        },
+        "&-empty": {
+          color: e.colorTextDisabled
+        },
+        // ========================= Options =========================
+        [`${t}-empty`]: S(S({}, kt(e)), {
+          color: e.colorTextDisabled
+        }),
+        [`${t}`]: S(S({}, kt(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": S({
+              flex: "auto"
+            }, dt),
+            "&-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
+    Xt(e, "slide-up"),
+    Xt(e, "slide-down"),
+    Gt(e, "move-up"),
+    Gt(e, "move-down")
+  ];
+}, Ne = 2;
+function wn(e) {
+  let {
+    controlHeightSM: n,
+    controlHeight: o,
+    lineWidth: t
+  } = e;
+  const l = (o - n) / 2 - t, i = Math.ceil(l / 2);
+  return [l, i];
+}
+function st(e, n) {
+  const {
+    componentCls: o,
+    iconCls: t
+  } = e, l = `${o}-selection-overflow`, i = e.controlHeightSM, [u] = wn(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 - Ne}px ${Ne * 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: `${Ne}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: Ne,
+        marginBottom: Ne,
+        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: Ne * 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": S(S({}, nn()), {
+          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 Jl(e) {
+  const {
+    componentCls: n
+  } = e, o = $e(e, {
+    controlHeight: e.controlHeightSM,
+    controlHeightSM: e.controlHeightXS,
+    borderRadius: e.borderRadiusSM,
+    borderRadiusSM: e.borderRadiusXS
+  }), [, t] = wn(e);
+  return [
+    st(e),
+    // ======================== Small ========================
+    // Shared
+    st(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
+    st($e(e, {
+      fontSize: e.fontSizeLG,
+      controlHeight: e.controlHeightLG,
+      controlHeightSM: e.controlHeight,
+      borderRadius: e.borderRadiusLG,
+      borderRadiusSM: e.borderRadius
+    }), "lg")
+  ];
+}
+function ut(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`]: S(S({}, ht(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 Zl(e) {
+  const {
+    componentCls: n
+  } = e, o = e.controlPaddingHorizontalSM - e.lineWidth;
+  return [
+    ut(e),
+    // ======================== Small ========================
+    // Shared
+    ut($e(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
+    ut($e(e, {
+      controlHeight: e.controlHeightLG,
+      fontSize: e.fontSizeLG,
+      borderRadius: e.borderRadiusLG
+    }), "lg")
+  ];
+}
+const ei = (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"
+      }
+    }
+  };
+}, ct = 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)`]: S(S({}, 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`
+        }
+      })
+    }
+  };
+}, ti = (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"
+      }
+    }
+  };
+}, ni = (e) => {
+  const {
+    componentCls: n,
+    inputPaddingHorizontalBase: o,
+    iconCls: t
+  } = e;
+  return {
+    [n]: S(S({}, ht(e)), {
+      position: "relative",
+      display: "inline-block",
+      cursor: "pointer",
+      [`&:not(${n}-customize-input) ${n}-selector`]: S(S({}, ei(e)), ti(e)),
+      // [`&:not(&-disabled):hover ${selectCls}-selector`]: {
+      //   ...genHoverStyle(token),
+      // },
+      // ======================== Selection ========================
+      [`${n}-selection-item`]: S({
+        flex: 1,
+        fontWeight: "normal"
+      }, dt),
+      // ======================= Placeholder =======================
+      [`${n}-selection-placeholder`]: S(S({}, dt), {
+        flex: 1,
+        color: e.colorTextPlaceholder,
+        pointerEvents: "none"
+      }),
+      // ========================== Arrow ==========================
+      [`${n}-arrow`]: S(S({}, nn()), {
+        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
+      }
+    }
+  };
+}, oi = (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
+    ni(e),
+    // Single
+    Zl(e),
+    // Multiple
+    Jl(e),
+    // Dropdown
+    Ql(e),
+    // =====================================================
+    // ==                       RTL                       ==
+    // =====================================================
+    {
+      [`${n}-rtl`]: {
+        direction: "rtl"
+      }
+    },
+    // =====================================================
+    // ==                     Status                      ==
+    // =====================================================
+    ct(n, $e(e, {
+      borderHoverColor: e.colorPrimaryHover,
+      outlineColor: e.controlOutline
+    })),
+    ct(`${n}-status-error`, $e(e, {
+      borderHoverColor: e.colorErrorHover,
+      outlineColor: e.colorErrorOutline
+    }), !0),
+    ct(`${n}-status-warning`, $e(e, {
+      borderHoverColor: e.colorWarningHover,
+      outlineColor: e.colorWarningOutline
+    }), !0),
+    // =====================================================
+    // ==             Space Compact                       ==
+    // =====================================================
+    so(e, {
+      borderElCls: `${n}-selector`,
+      focusElCls: `${n}-focused`
+    })
+  ];
+}, li = ro("Select", (e, n) => {
+  let {
+    rootPrefixCls: o
+  } = n;
+  const t = $e(e, {
+    rootPrefixCls: o,
+    inputPaddingHorizontalBase: e.paddingSM - 1
+  });
+  return [oi(t)];
+}, (e) => ({
+  zIndexPopup: e.zIndexPopupBase + 50
+})), ii = () => S(S({}, Qe(gn(), ["inputIcon", "mode", "getInputElement", "getRawInputElement", "backfill"])), {
+  value: _t([Array, Object, String, Number]),
+  defaultValue: _t([Array, Object, String, Number]),
+  notFoundContent: A.any,
+  suffixIcon: A.any,
+  itemIcon: A.any,
+  size: He(),
+  mode: He(),
+  bordered: wo(!0),
+  transitionName: String,
+  choiceTransitionName: He(""),
+  popupClassName: String,
+  /** @deprecated Please use `popupClassName` instead */
+  dropdownClassName: String,
+  placement: He(),
+  status: He(),
+  "onUpdate:value": Io()
+}), qt = "SECRET_COMBOBOX_MODE_DO_NOT_USE", he = ue({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASelect",
+  Option: xt,
+  OptGroup: Ot,
+  inheritAttrs: !1,
+  props: gt(ii(), {
+    listHeight: 256,
+    listItemHeight: 24
+  }),
+  SECRET_COMBOBOX_MODE_DO_NOT_USE: qt,
+  slots: Object,
+  setup(e, n) {
+    let {
+      attrs: o,
+      emit: t,
+      slots: l,
+      expose: i
+    } = n;
+    const u = ve(), a = uo(), f = co.useInject(), r = R(() => fo(f.status, e.status)), s = () => {
+      var _;
+      (_ = u.value) === null || _ === void 0 || _.focus();
+    }, m = () => {
+      var _;
+      (_ = u.value) === null || _ === void 0 || _.blur();
+    }, p = (_) => {
+      var te;
+      (te = u.value) === null || te === void 0 || te.scrollTo(_);
+    }, w = R(() => {
+      const {
+        mode: _
+      } = e;
+      if (_ !== "combobox")
+        return _ === qt ? "combobox" : _;
+    });
+    process.env.NODE_ENV !== "production" && mo(!e.dropdownClassName, "Select", "`dropdownClassName` is deprecated. Please use `popupClassName` instead.");
+    const {
+      prefixCls: b,
+      direction: x,
+      configProvider: O,
+      renderEmpty: I,
+      size: P,
+      getPrefixCls: D,
+      getPopupContainer: C,
+      disabled: v,
+      select: T
+    } = po("select", e), {
+      compactSize: $,
+      compactItemClassnames: N
+    } = vo(b, x), V = R(() => $.value || P.value), j = go(), z = R(() => {
+      var _;
+      return (_ = v.value) !== null && _ !== void 0 ? _ : j.value;
+    }), [Q, X] = li(b), U = R(() => D()), M = R(() => e.placement !== void 0 ? e.placement : x.value === "rtl" ? "bottomRight" : "bottomLeft"), L = R(() => ho(U.value, bo(M.value), e.transitionName)), k = R(() => se({
+      [`${b.value}-lg`]: V.value === "large",
+      [`${b.value}-sm`]: V.value === "small",
+      [`${b.value}-rtl`]: x.value === "rtl",
+      [`${b.value}-borderless`]: !e.bordered,
+      [`${b.value}-in-form-item`]: f.isFormItemInput
+    }, yo(b.value, r.value, f.hasFeedback), N.value, X.value)), ee = function() {
+      for (var _ = arguments.length, te = new Array(_), oe = 0; oe < _; oe++)
+        te[oe] = arguments[oe];
+      t("update:value", te[0]), t("change", ...te), a.onFieldChange();
+    }, g = (_) => {
+      t("blur", _), a.onFieldBlur();
+    };
+    i({
+      blur: m,
+      focus: s,
+      scrollTo: p
+    });
+    const H = R(() => w.value === "multiple" || w.value === "tags"), W = R(() => e.showArrow !== void 0 ? e.showArrow : e.loading || !(H.value || w.value === "combobox"));
+    return () => {
+      var _, te, oe, ae;
+      const {
+        notFoundContent: ne,
+        listHeight: fe = 256,
+        listItemHeight: me = 24,
+        popupClassName: h,
+        dropdownClassName: c,
+        virtual: d,
+        dropdownMatchSelectWidth: F,
+        id: E = a.id.value,
+        placeholder: B = (_ = l.placeholder) === null || _ === void 0 ? void 0 : _.call(l),
+        showArrow: q
+      } = e, {
+        hasFeedback: J,
+        feedbackIcon: le
+      } = f;
+      let Z;
+      ne !== void 0 ? Z = ne : l.notFoundContent ? Z = l.notFoundContent() : w.value === "combobox" ? Z = null : Z = (I == null ? void 0 : I("Select")) || y(So, {
+        componentName: "Select"
+      }, null);
+      const {
+        suffixIcon: re,
+        itemIcon: de,
+        removeIcon: Ue,
+        clearIcon: et
+      } = Vl(S(S({}, e), {
+        multiple: H.value,
+        prefixCls: b.value,
+        hasFeedback: J,
+        feedbackIcon: le,
+        showArrow: W.value
+      }), l), Re = Qe(e, ["prefixCls", "suffixIcon", "itemIcon", "removeIcon", "clearIcon", "size", "bordered", "status"]), De = se(h || c, {
+        [`${b.value}-dropdown-${x.value}`]: x.value === "rtl"
+      }, X.value);
+      return Q(y(Fl, Y(Y(Y({
+        ref: u,
+        virtual: d,
+        dropdownMatchSelectWidth: F
+      }, Re), o), {}, {
+        showSearch: (te = e.showSearch) !== null && te !== void 0 ? te : (oe = T == null ? void 0 : T.value) === null || oe === void 0 ? void 0 : oe.showSearch,
+        placeholder: B,
+        listHeight: fe,
+        listItemHeight: me,
+        mode: w.value,
+        prefixCls: b.value,
+        direction: x.value,
+        inputIcon: re,
+        menuItemSelectedIcon: de,
+        removeIcon: Ue,
+        clearIcon: et,
+        notFoundContent: Z,
+        class: [k.value, o.class],
+        getPopupContainer: C == null ? void 0 : C.value,
+        dropdownClassName: De,
+        onChange: ee,
+        onBlur: g,
+        id: E,
+        dropdownRender: Re.dropdownRender || l.dropdownRender,
+        transitionName: L.value,
+        children: (ae = l.default) === null || ae === void 0 ? void 0 : ae.call(l),
+        tagRender: e.tagRender || l.tagRender,
+        optionLabelRender: l.optionLabel,
+        maxTagPlaceholder: e.maxTagPlaceholder || l.maxTagPlaceholder,
+        showArrow: J || q,
+        disabled: z.value
+      }), {
+        option: l.option
+      }));
+    };
+  }
+});
+he.install = function(e) {
+  return e.component(he.name, he), e.component(he.Option.displayName, he.Option), e.component(he.OptGroup.displayName, he.OptGroup), e;
+};
+he.Option;
+he.OptGroup;
+const ai = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGXSURBVHgBlVNLTgJBEK1qOrjtI4w34AhwAuQEZBJc4yyVBbCRxE2HrZoQT4CcAI7AEeYIbDUM5asGZYj0KJX0J1WvX9eXqUIm/qUpbNp6ZzHT+yzNY1iOGR796w2sc1w3B5Ujoc5D1ns/hzcxImb2OPJPqV3rwn0NYh/DR4mEJBGhxShLN7pEZAF1EsPbmAExr7C1kad9KGy6oF/RpR6R1FIGkzAvw4KPqqv4OC4jP3N1LpZ6R55aGiJd7JES4SF+CquK5JdHWnKE48o6YenjcCw8PtGTbMqtwGWSQ9/8X0p9ZY+M7DShLNKCOq9m2Cb7Ahy9P1N+m1eNgsrEz7AXJ7qQ7Cf/3IBLw71rxQzApIIkUUyAsgzDWyXSEhdcm2tY6N4xuqXxDTwrsCkGXT/VPtuyWSqHuaJtQ8cBuUkH2e0IgDcAmzEeteHD6SDr3eHMoHLKYT/IruuIF0PaR+UczjaIc4rLGpguRmfFTN1dUNncHAZyDEUoP0iclV0nxgLbz+joG32rxeGTJKKs6uFfXaw50XDK2C8hpcmbpfjHLAAAAABJRU5ErkJggg==", ri = { class: "crane-checkbox-line" }, si = { class: "crane-flex-center crane-checkbox-label" }, ui = { class: "crane-text-overflow" }, ci = { class: "crane-flex-center crane-margin-left-4" }, di = ["src"], fi = { class: "crane-week-color crane-margin-left-4" }, mi = { class: "crane-week-color crane-margin-left-12" }, pi = "PENDING", vi = /* @__PURE__ */ ue({
+  __name: "checkbox-item",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    checkedIds: {
+      type: Array,
+      default: []
+    },
+    onChangeTime: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup(e) {
+    const n = {
+      L1: {
+        color: "green",
+        text: Se("levels.L1")
+      },
+      L2: {
+        color: "orange",
+        text: Se("levels.L2")
+      },
+      L3: {
+        color: "red",
+        text: Se("levels.L3")
+      }
+    }, o = {
+      PENDING: {
+        color: "orange",
+        text: Se("status.PENDING")
+      },
+      OWNER: {
+        color: "green",
+        text: Se("status.OWNER")
+      },
+      NO: {
+        color: "red",
+        text: Se("status.NO")
+      }
+    };
+    let t = e;
+    const l = Co("availiables"), i = ve(""), u = (r) => {
+      const s = {
+        L1: "SIXTY_DAYS",
+        L2: "THIRTY_DAYS",
+        L3: "SEVEN_DAYS"
+      }, { relatedDepartmentIds: m = [], curDepartmentId: p = 0, securityLevel: w } = r;
+      return m.includes(p) ? r.validTime = "NINETY_DAYS" : r.validTime = s[w], r.validTime;
+    }, a = (r) => {
+      t.item.validTime = r, t.onChangeTime();
+    }, f = (r) => {
+      r.target.checked && (i.value = u(t.item));
+    };
+    return (r, s) => (Le(), Xn("div", ri, [
+      y(pe($o), {
+        value: e.item.roleId,
+        disabled: !!e.item.businessApplyType,
+        onChange: f
+      }, {
+        default: be(() => [
+          Ee("div", si, [
+            e.item.securityLevel ? (Le(), Ge(pe(Bt), {
+              key: 0,
+              bordered: !1,
+              color: n[e.item.securityLevel].color,
+              class: "crane-tag-position"
+            }, {
+              default: be(() => [
+                we(ge(n[e.item.securityLevel].text), 1)
+              ]),
+              _: 1
+            }, 8, ["color"])) : Xe("", !0),
+            Ee("span", null, ge(pe(Se)(`operationType.${e.item.operationType}`)) + "｜ ", 1),
+            y(pe(it), null, {
+              content: be(() => [
+                we(ge(e.item.name), 1)
+              ]),
+              default: be(() => [
+                Ee("span", ui, ge(e.item.name), 1)
+              ]),
+              _: 1
+            }),
+            e.item.businessApplyType ? (Le(), Ge(pe(Bt), {
+              key: 1,
+              bordered: !1,
+              class: kn(["crane-tag-position crane-margin-left-4 crane-margin-right-0", e.item.businessApplyType !== pi ? "crane-disabled-color" : ""])
+            }, {
+              default: be(() => [
+                we(ge(o[e.item.businessApplyType].text), 1)
+              ]),
+              _: 1
+            }, 8, ["class"])) : Xe("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["value", "disabled"]),
+      e.item.desc ? (Le(), Ge(pe(it), { key: 0 }, {
+        content: be(() => [
+          we(ge(e.item.desc), 1)
+        ]),
+        default: be(() => [
+          y(pe(To), { class: "crane-week-color" })
+        ]),
+        _: 1
+      })) : Xe("", !0),
+      e.item.relatedDepartments ? (Le(), Ge(pe(it), { key: 1 }, {
+        content: be(() => [
+          we(ge(pe(Se)("adaptDepartment")) + "：" + ge(e.item.relatedDepartments.map((m) => m.name).join(",")), 1)
+        ]),
+        default: be(() => [
+          Ee("span", ci, [
+            Ee("img", {
+              src: pe(ai),
+              height: "14",
+              width: "14"
+            }, null, 8, di),
+            Ee("span", fi, ge(e.item.relatedDepartments.length), 1)
+          ])
+        ]),
+        _: 1
+      })) : Xe("", !0),
+      qn(Ee("span", mi, [
+        we(ge(pe(Se)("availableTime")) + "： ", 1),
+        y(pe(he), {
+          value: i.value,
+          "onUpdate:value": s[0] || (s[0] = (m) => i.value = m),
+          style: { width: "100px" },
+          options: pe(l),
+          onChange: a,
+          size: "small"
+        }, null, 8, ["value", "options"])
+      ], 512), [
+        [Qn, e.checkedIds.includes(e.item.roleId)]
+      ])
+    ]));
+  }
+}), Ei = /* @__PURE__ */ xo(vi, [["__scopeId", "data-v-da0d7c0c"]]);
+export {
+  Ei as default
+};