@yqg/permission 1.2.1 → 1.3.0-alpha.1

package/dist/index-D_0ZQip-.js

@@ -0,0 +1,2972 @@
+import { _ as g, P as c, a as B, c as ae, b4 as tt, ap as pn, ae as ot, a1 as it, Z as at, I as mn, ab as lt, ac as rt, aD as st, b5 as gn, ao as Y, Q as We, b6 as Le, R as ie, b7 as vn, N as ut, O as ct } from "./yqg-permission-BjVCs5lN.js";
+import { d as ne, c as R, r as le, e as f, i as dt, m as ft, a as Ie, p as Ce, x as pt, s as A, w as oe, b as hn, l as ge, S as Ae, F as we, o as _e, X as mt, G as on, $ as gt } from "./index-wLkVeDMW.js";
+import { B as vt, R as yn, p as bn, K as P, j as Sn, S as ht } from "./apply-modal-CpmDDWWV.js";
+function an(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 yt(e, n) {
+  const {
+    label: o,
+    value: t,
+    options: i
+  } = e || {};
+  return {
+    label: o || (n ? "children" : "label"),
+    value: t || "value",
+    options: i || "options"
+  };
+}
+function To(e) {
+  let {
+    fieldNames: n,
+    childrenAsData: o
+  } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  const t = [], {
+    label: i,
+    value: a,
+    options: p
+  } = yt(n, !1);
+  function d(b, h) {
+    b.forEach((l) => {
+      const S = l[i];
+      if (h || !(p in l)) {
+        const x = l[a];
+        t.push({
+          key: an(l, t.length),
+          groupOption: h,
+          data: l,
+          label: S,
+          value: x
+        });
+      } else {
+        let x = S;
+        x === void 0 && o && (x = l.label), t.push({
+          key: an(l, t.length),
+          group: !0,
+          data: l,
+          label: x
+        }), d(l[p], !0);
+      }
+    });
+  }
+  return d(e, !1), t;
+}
+function Mo(e) {
+  const n = g({}, e);
+  return "props" in n || Object.defineProperty(n, "props", {
+    get() {
+      return n;
+    }
+  }), n;
+}
+function bt(e, n) {
+  if (!n || !n.length)
+    return null;
+  let o = !1;
+  function t(a, p) {
+    let [d, ...b] = p;
+    if (!d)
+      return [a];
+    const h = a.split(d);
+    return o = o || h.length > 1, h.reduce((l, S) => [...l, ...t(S, b)], []).filter((l) => l);
+  }
+  const i = t(e, n);
+  return o ? i : null;
+}
+var St = 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 i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+    n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const wt = (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
+      }
+    }
+  };
+}, It = ne({
+  name: "SelectTrigger",
+  inheritAttrs: !1,
+  props: {
+    dropdownAlign: Object,
+    visible: {
+      type: Boolean,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    dropdownClassName: String,
+    dropdownStyle: c.object,
+    placement: String,
+    empty: {
+      type: Boolean,
+      default: void 0
+    },
+    prefixCls: String,
+    popupClassName: String,
+    animation: String,
+    transitionName: String,
+    getPopupContainer: Function,
+    dropdownRender: Function,
+    containerWidth: Number,
+    dropdownMatchSelectWidth: c.oneOfType([Number, Boolean]).def(!0),
+    popupElement: c.any,
+    direction: String,
+    getTriggerDOMNode: Function,
+    onPopupVisibleChange: Function,
+    onPopupMouseEnter: Function,
+    onPopupFocusin: Function,
+    onPopupFocusout: Function
+  },
+  setup(e, n) {
+    let {
+      slots: o,
+      attrs: t,
+      expose: i
+    } = n;
+    const a = R(() => {
+      const {
+        dropdownMatchSelectWidth: d
+      } = e;
+      return wt(d);
+    }), p = le();
+    return i({
+      getPopupElement: () => p.value
+    }), () => {
+      const d = g(g({}, e), t), {
+        empty: b = !1
+      } = d, h = St(d, ["empty"]), {
+        visible: l,
+        dropdownAlign: S,
+        prefixCls: x,
+        popupElement: F,
+        dropdownClassName: y,
+        dropdownStyle: w,
+        direction: I = "ltr",
+        placement: m,
+        dropdownMatchSelectWidth: v,
+        containerWidth: D,
+        dropdownRender: O,
+        animation: E,
+        transitionName: T,
+        getPopupContainer: C,
+        getTriggerDOMNode: G,
+        onPopupVisibleChange: z,
+        onPopupMouseEnter: j,
+        onPopupFocusin: V,
+        onPopupFocusout: Z
+      } = h, X = `${x}-dropdown`;
+      let Q = F;
+      O && (Q = O({
+        menuNode: F,
+        props: e
+      }));
+      const u = E ? `${X}-${E}` : T, $ = g({
+        minWidth: `${D}px`
+      }, w);
+      return typeof v == "number" ? $.width = `${v}px` : v && ($.width = `${D}px`), f(tt, B(B({}, e), {}, {
+        showAction: z ? ["click"] : [],
+        hideAction: z ? ["click"] : [],
+        popupPlacement: m || (I === "rtl" ? "bottomRight" : "bottomLeft"),
+        builtinPlacements: a.value,
+        prefixCls: X,
+        popupTransitionName: u,
+        popupAlign: S,
+        popupVisible: l,
+        getPopupContainer: C,
+        popupClassName: ae(y, {
+          [`${X}-empty`]: b
+        }),
+        popupStyle: $,
+        getTriggerDOMNode: G,
+        onPopupVisibleChange: z
+      }), {
+        default: o.default,
+        popup: () => f("div", {
+          ref: p,
+          onMouseenter: j,
+          onFocusin: V,
+          onFocusout: Z
+        }, [Q])
+      });
+    };
+  }
+}), ve = (e, n) => {
+  let {
+    slots: o
+  } = n;
+  var t;
+  const {
+    class: i,
+    customizeIcon: a,
+    customizeIconProps: p,
+    onMousedown: d,
+    onClick: b
+  } = e;
+  let h;
+  return typeof a == "function" ? h = a(p) : h = dt(a) ? ft(a) : a, f("span", {
+    class: i,
+    onMousedown: (l) => {
+      l.preventDefault(), d && d(l);
+    },
+    style: {
+      userSelect: "none",
+      WebkitUserSelect: "none"
+    },
+    unselectable: "on",
+    onClick: b,
+    "aria-hidden": !0
+  }, [h !== void 0 ? h : f("span", {
+    class: i.split(/\s+/).map((l) => `${l}-icon`)
+  }, [(t = o.default) === null || t === void 0 ? void 0 : t.call(o)])]);
+};
+ve.inheritAttrs = !1;
+ve.displayName = "TransBtn";
+ve.props = {
+  class: String,
+  customizeIcon: c.any,
+  customizeIconProps: c.any,
+  onMousedown: Function,
+  onClick: Function
+};
+const Ct = {
+  inputRef: c.any,
+  prefixCls: String,
+  id: String,
+  inputElement: c.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: c.oneOfType([c.number, c.string]),
+  /** Pass accessibility props to input */
+  attrs: c.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
+  }
+}, wn = ne({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "SelectInput",
+  inheritAttrs: !1,
+  props: Ct,
+  setup(e) {
+    let n = null;
+    const o = Ie("VCSelectContainerEvent");
+    return () => {
+      var t;
+      const {
+        prefixCls: i,
+        id: a,
+        inputElement: p,
+        disabled: d,
+        tabindex: b,
+        autofocus: h,
+        autocomplete: l,
+        editable: S,
+        activeDescendantId: x,
+        value: F,
+        onKeydown: y,
+        onMousedown: w,
+        onChange: I,
+        onPaste: m,
+        onCompositionstart: v,
+        onCompositionend: D,
+        onFocus: O,
+        onBlur: E,
+        open: T,
+        inputRef: C,
+        attrs: G
+      } = e;
+      let z = p || f(vt, null, null);
+      const j = z.props || {}, {
+        onKeydown: V,
+        onInput: Z,
+        onFocus: X,
+        onBlur: Q,
+        onMousedown: u,
+        onCompositionstart: $,
+        onCompositionend: L,
+        style: H
+      } = j;
+      return z = pn(z, g(g(g(g(g({
+        type: "search"
+      }, j), {
+        id: a,
+        ref: C,
+        disabled: d,
+        tabindex: b,
+        lazy: !1,
+        autocomplete: l || "off",
+        autofocus: h,
+        class: ae(`${i}-selection-search-input`, (t = z == null ? void 0 : z.props) === null || t === void 0 ? void 0 : t.class),
+        role: "combobox",
+        "aria-expanded": T,
+        "aria-haspopup": "listbox",
+        "aria-owns": `${a}_list`,
+        "aria-autocomplete": "list",
+        "aria-controls": `${a}_list`,
+        "aria-activedescendant": x
+      }), G), {
+        value: S ? F : "",
+        readonly: !S,
+        unselectable: S ? null : "on",
+        style: g(g({}, H), {
+          opacity: S ? null : 0
+        }),
+        onKeydown: (N) => {
+          y(N), V && V(N);
+        },
+        onMousedown: (N) => {
+          w(N), u && u(N);
+        },
+        onInput: (N) => {
+          I(N), Z && Z(N);
+        },
+        onCompositionstart(N) {
+          v(N), $ && $(N);
+        },
+        onCompositionend(N) {
+          D(N), L && L(N);
+        },
+        onPaste: m,
+        onFocus: function() {
+          clearTimeout(n), X && X(arguments.length <= 0 ? void 0 : arguments[0]), O && O(arguments.length <= 0 ? void 0 : arguments[0]), o == null || o.focus(arguments.length <= 0 ? void 0 : arguments[0]);
+        },
+        onBlur: function() {
+          for (var N = arguments.length, J = new Array(N), te = 0; te < N; te++)
+            J[te] = arguments[te];
+          n = setTimeout(() => {
+            Q && Q(J[0]), E && E(J[0]), o == null || o.blur(J[0]);
+          }, 100);
+        }
+      }), z.type === "textarea" ? {} : {
+        type: "search"
+      }), !0, !0), z;
+    };
+  }
+}), In = Symbol("OverflowContextProviderKey"), Ve = ne({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "OverflowContextProvider",
+  inheritAttrs: !1,
+  props: {
+    value: {
+      type: Object
+    }
+  },
+  setup(e, n) {
+    let {
+      slots: o
+    } = n;
+    return Ce(In, R(() => e.value)), () => {
+      var t;
+      return (t = o.default) === null || t === void 0 ? void 0 : t.call(o);
+    };
+  }
+}), xt = () => Ie(In, R(() => null));
+var $t = 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 i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+    n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const pe = void 0, Se = ne({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "Item",
+  props: {
+    prefixCls: String,
+    item: c.any,
+    renderItem: Function,
+    responsive: Boolean,
+    itemKey: {
+      type: [String, Number]
+    },
+    registerSize: Function,
+    display: Boolean,
+    order: Number,
+    component: c.any,
+    invalidate: Boolean
+  },
+  setup(e, n) {
+    let {
+      slots: o,
+      expose: t
+    } = n;
+    const i = R(() => e.responsive && !e.display), a = le();
+    t({
+      itemNodeRef: a
+    });
+    function p(d) {
+      e.registerSize(e.itemKey, d);
+    }
+    return pt(() => {
+      p(null);
+    }), () => {
+      var d;
+      const {
+        prefixCls: b,
+        invalidate: h,
+        item: l,
+        renderItem: S,
+        responsive: x,
+        registerSize: F,
+        itemKey: y,
+        display: w,
+        order: I,
+        component: m = "div"
+      } = e, v = $t(e, ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "display", "order", "component"]), D = (d = o.default) === null || d === void 0 ? void 0 : d.call(o), O = S && l !== pe ? S(l) : D;
+      let E;
+      h || (E = {
+        opacity: i.value ? 0 : 1,
+        height: i.value ? 0 : pe,
+        overflowY: i.value ? "hidden" : pe,
+        order: x ? I : pe,
+        pointerEvents: i.value ? "none" : pe,
+        position: i.value ? "absolute" : pe
+      });
+      const T = {};
+      return i.value && (T["aria-hidden"] = !0), f(yn, {
+        disabled: !x,
+        onResize: (C) => {
+          let {
+            offsetWidth: G
+          } = C;
+          p(G);
+        }
+      }, {
+        default: () => f(m, B(B(B({
+          class: ae(!h && b),
+          style: E
+        }, T), v), {}, {
+          ref: a
+        }), {
+          default: () => [O]
+        })
+      });
+    };
+  }
+});
+var ze = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+    n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const Ot = ne({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "RawItem",
+  inheritAttrs: !1,
+  props: {
+    component: c.any,
+    title: c.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 i = xt();
+    return () => {
+      var a;
+      if (!i.value) {
+        const {
+          component: S = "div"
+        } = e, x = ze(e, ["component"]);
+        return f(S, B(B({}, x), t), {
+          default: () => [(a = o.default) === null || a === void 0 ? void 0 : a.call(o)]
+        });
+      }
+      const p = i.value, {
+        className: d
+      } = p, b = ze(p, ["className"]), {
+        class: h
+      } = t, l = ze(t, ["class"]);
+      return f(Ve, {
+        value: null
+      }, {
+        default: () => [f(Se, B(B(B({
+          class: ae(d, h)
+        }, b), l), e), o)]
+      });
+    };
+  }
+});
+var Pt = 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 i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+    n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const Cn = "responsive", xn = "invalidate";
+function Ft(e) {
+  return `+ ${e.length} ...`;
+}
+const Et = () => ({
+  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: c.any,
+  component: String,
+  itemComponent: c.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
+}), xe = ne({
+  name: "Overflow",
+  inheritAttrs: !1,
+  props: Et(),
+  emits: ["visibleChange"],
+  setup(e, n) {
+    let {
+      attrs: o,
+      emit: t,
+      slots: i
+    } = n;
+    const a = R(() => e.ssr === "full"), p = A(null), d = R(() => p.value || 0), b = A(/* @__PURE__ */ new Map()), h = A(0), l = A(0), S = A(0), x = A(null), F = A(null), y = R(() => F.value === null && a.value ? Number.MAX_SAFE_INTEGER : F.value || 0), w = A(!1), I = R(() => `${e.prefixCls}-item`), m = R(() => Math.max(h.value, l.value)), v = R(() => !!(e.data.length && e.maxCount === Cn)), D = R(() => e.maxCount === xn), O = R(() => v.value || typeof e.maxCount == "number" && e.data.length > e.maxCount), E = R(() => {
+      let u = e.data;
+      return v.value ? p.value === null && a.value ? u = e.data : u = e.data.slice(0, Math.min(e.data.length, d.value / e.itemWidth)) : typeof e.maxCount == "number" && (u = e.data.slice(0, e.maxCount)), u;
+    }), T = R(() => v.value ? e.data.slice(y.value + 1) : e.data.slice(E.value.length)), C = (u, $) => {
+      var L;
+      return typeof e.itemKey == "function" ? e.itemKey(u) : (L = e.itemKey && (u == null ? void 0 : u[e.itemKey])) !== null && L !== void 0 ? L : $;
+    }, G = R(() => e.renderItem || ((u) => u)), z = (u, $) => {
+      F.value = u, $ || (w.value = u < e.data.length - 1, t("visibleChange", u));
+    }, j = (u, $) => {
+      p.value = $.clientWidth;
+    }, V = (u, $) => {
+      const L = new Map(b.value);
+      $ === null ? L.delete(u) : L.set(u, $), b.value = L;
+    }, Z = (u, $) => {
+      h.value = l.value, l.value = $;
+    }, X = (u, $) => {
+      S.value = $;
+    }, Q = (u) => b.value.get(C(E.value[u], u));
+    return oe([d, b, l, S, () => e.itemKey, E], () => {
+      if (d.value && m.value && E.value) {
+        let u = S.value;
+        const $ = E.value.length, L = $ - 1;
+        if (!$) {
+          z(0), x.value = null;
+          return;
+        }
+        for (let H = 0; H < $; H += 1) {
+          const N = Q(H);
+          if (N === void 0) {
+            z(H - 1, !0);
+            break;
+          }
+          if (u += N, // Only one means `totalWidth` is the final width
+          L === 0 && u <= d.value || // Last two width will be the final width
+          H === L - 1 && u + Q(L) <= d.value) {
+            z(L), x.value = null;
+            break;
+          } else if (u + m.value > d.value) {
+            z(H - 1), x.value = u - N - S.value + l.value;
+            break;
+          }
+        }
+        e.suffix && Q(0) + S.value > d.value && (x.value = null);
+      }
+    }), () => {
+      const u = w.value && !!T.value.length, {
+        itemComponent: $,
+        renderRawItem: L,
+        renderRawRest: H,
+        renderRest: N,
+        prefixCls: J = "rc-overflow",
+        suffix: te,
+        component: re = "div",
+        id: $e,
+        onMousedown: Oe
+      } = e, {
+        class: Pe,
+        style: k
+      } = o, Fe = Pt(o, ["class", "style"]);
+      let fe = {};
+      x.value !== null && v.value && (fe = {
+        position: "absolute",
+        left: `${x.value}px`,
+        top: 0
+      });
+      const se = {
+        prefixCls: I.value,
+        responsive: v.value,
+        component: $,
+        invalidate: D.value
+      }, r = L ? (M, K) => {
+        const _ = C(M, K);
+        return f(Ve, {
+          key: _,
+          value: g(g({}, se), {
+            order: K,
+            item: M,
+            itemKey: _,
+            registerSize: V,
+            display: K <= y.value
+          })
+        }, {
+          default: () => [L(M, K)]
+        });
+      } : (M, K) => {
+        const _ = C(M, K);
+        return f(Se, B(B({}, se), {}, {
+          order: K,
+          key: _,
+          item: M,
+          renderItem: G.value,
+          itemKey: _,
+          registerSize: V,
+          display: K <= y.value
+        }), null);
+      };
+      let s = () => null;
+      const W = {
+        order: u ? y.value : Number.MAX_SAFE_INTEGER,
+        className: `${I.value} ${I.value}-rest`,
+        registerSize: Z,
+        display: u
+      };
+      if (H)
+        H && (s = () => f(Ve, {
+          value: g(g({}, se), W)
+        }, {
+          default: () => [H(T.value)]
+        }));
+      else {
+        const M = N || Ft;
+        s = () => f(Se, B(B({}, se), W), {
+          default: () => typeof M == "function" ? M(T.value) : M
+        });
+      }
+      const U = () => {
+        var M;
+        return f(re, B({
+          id: $e,
+          class: ae(!D.value && J, Pe),
+          style: k,
+          onMousedown: Oe,
+          role: e.role
+        }, Fe), {
+          default: () => [E.value.map(r), O.value ? s() : null, te && f(Se, B(B({}, se), {}, {
+            order: y.value,
+            class: `${I.value}-suffix`,
+            registerSize: X,
+            display: !0,
+            style: fe
+          }), {
+            default: () => te
+          }), (M = i.default) === null || M === void 0 ? void 0 : M.call(i)]
+        });
+      };
+      return f(yn, {
+        disabled: !v.value,
+        onResize: j
+      }, {
+        default: U
+      });
+    };
+  }
+});
+xe.Item = Ot;
+xe.RESPONSIVE = Cn;
+xe.INVALIDATE = xn;
+const $n = Symbol("TreeSelectLegacyContextPropsKey");
+function zo(e) {
+  return Ce($n, e);
+}
+function He() {
+  return Ie($n, {});
+}
+const Rt = {
+  id: String,
+  prefixCls: String,
+  values: c.array,
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  searchValue: String,
+  inputRef: c.any,
+  placeholder: c.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: c.oneOfType([c.number, c.string]),
+  compositionStatus: Boolean,
+  removeIcon: c.any,
+  choiceTransitionName: String,
+  maxTagCount: c.oneOfType([c.number, c.string]),
+  maxTagTextLength: Number,
+  maxTagPlaceholder: c.any.def(() => (e) => `+ ${e.length} ...`),
+  tagRender: Function,
+  onToggleOpen: {
+    type: Function
+  },
+  onRemove: Function,
+  onInputChange: Function,
+  onInputPaste: Function,
+  onInputKeyDown: Function,
+  onInputMouseDown: Function,
+  onInputCompositionStart: Function,
+  onInputCompositionEnd: Function
+}, ln = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, Dt = ne({
+  name: "MultipleSelectSelector",
+  inheritAttrs: !1,
+  props: Rt,
+  setup(e) {
+    const n = A(), o = A(0), t = A(!1), i = He(), a = R(() => `${e.prefixCls}-selection`), p = R(() => e.open || e.mode === "tags" ? e.searchValue : ""), d = R(() => e.mode === "tags" || e.showSearch && (e.open || t.value)), b = le("");
+    hn(() => {
+      b.value = p.value;
+    }), ge(() => {
+      oe(b, () => {
+        o.value = n.value.scrollWidth;
+      }, {
+        flush: "post",
+        immediate: !0
+      });
+    });
+    function h(y, w, I, m, v) {
+      return f("span", {
+        class: ae(`${a.value}-item`, {
+          [`${a.value}-item-disabled`]: I
+        }),
+        title: typeof y == "string" || typeof y == "number" ? y.toString() : void 0
+      }, [f("span", {
+        class: `${a.value}-item-content`
+      }, [w]), m && f(ve, {
+        class: `${a.value}-item-remove`,
+        onMousedown: ln,
+        onClick: v,
+        customizeIcon: e.removeIcon
+      }, {
+        default: () => [Ae("×")]
+      })]);
+    }
+    function l(y, w, I, m, v, D) {
+      var O;
+      const E = (C) => {
+        ln(C), e.onToggleOpen(!open);
+      };
+      let T = D;
+      return i.keyEntities && (T = ((O = i.keyEntities[y]) === null || O === void 0 ? void 0 : O.node) || {}), f("span", {
+        key: y,
+        onMousedown: E
+      }, [e.tagRender({
+        label: w,
+        value: y,
+        disabled: I,
+        closable: m,
+        onClose: v,
+        option: T
+      })]);
+    }
+    function S(y) {
+      const {
+        disabled: w,
+        label: I,
+        value: m,
+        option: v
+      } = y, D = !e.disabled && !w;
+      let O = I;
+      if (typeof e.maxTagTextLength == "number" && (typeof I == "string" || typeof I == "number")) {
+        const T = String(O);
+        T.length > e.maxTagTextLength && (O = `${T.slice(0, e.maxTagTextLength)}...`);
+      }
+      const E = (T) => {
+        var C;
+        T && T.stopPropagation(), (C = e.onRemove) === null || C === void 0 || C.call(e, y);
+      };
+      return typeof e.tagRender == "function" ? l(m, O, w, D, E, v) : h(I, O, w, D, E);
+    }
+    function x(y) {
+      const {
+        maxTagPlaceholder: w = (m) => `+ ${m.length} ...`
+      } = e, I = typeof w == "function" ? w(y) : w;
+      return h(I, I, !1);
+    }
+    const F = (y) => {
+      const w = y.target.composing;
+      b.value = y.target.value, w || e.onInputChange(y);
+    };
+    return () => {
+      const {
+        id: y,
+        prefixCls: w,
+        values: I,
+        open: m,
+        inputRef: v,
+        placeholder: D,
+        disabled: O,
+        autofocus: E,
+        autocomplete: T,
+        activeDescendantId: C,
+        tabindex: G,
+        compositionStatus: z,
+        onInputPaste: j,
+        onInputKeyDown: V,
+        onInputMouseDown: Z,
+        onInputCompositionStart: X,
+        onInputCompositionEnd: Q
+      } = e, u = f("div", {
+        class: `${a.value}-search`,
+        style: {
+          width: o.value + "px"
+        },
+        key: "input"
+      }, [f(wn, {
+        inputRef: v,
+        open: m,
+        prefixCls: w,
+        id: y,
+        inputElement: null,
+        disabled: O,
+        autofocus: E,
+        autocomplete: T,
+        editable: d.value,
+        activeDescendantId: C,
+        value: b.value,
+        onKeydown: V,
+        onMousedown: Z,
+        onChange: F,
+        onPaste: j,
+        onCompositionstart: X,
+        onCompositionend: Q,
+        tabindex: G,
+        attrs: bn(e, !0),
+        onFocus: () => t.value = !0,
+        onBlur: () => t.value = !1
+      }, null), f("span", {
+        ref: n,
+        class: `${a.value}-search-mirror`,
+        "aria-hidden": !0
+      }, [b.value, Ae(" ")])]), $ = f(xe, {
+        prefixCls: `${a.value}-overflow`,
+        data: I,
+        renderItem: S,
+        renderRest: x,
+        suffix: u,
+        itemKey: "key",
+        maxCount: e.maxTagCount,
+        key: "overflow"
+      }, null);
+      return f(we, null, [$, !I.length && !p.value && !z && f("span", {
+        class: `${a.value}-placeholder`
+      }, [D])]);
+    };
+  }
+}), Tt = {
+  inputElement: c.any,
+  id: String,
+  prefixCls: String,
+  values: c.array,
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  searchValue: String,
+  inputRef: c.any,
+  placeholder: c.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: c.oneOfType([c.number, c.string]),
+  activeValue: String,
+  backfill: {
+    type: Boolean,
+    default: void 0
+  },
+  optionLabelRender: Function,
+  onInputChange: Function,
+  onInputPaste: Function,
+  onInputKeyDown: Function,
+  onInputMouseDown: Function,
+  onInputCompositionStart: Function,
+  onInputCompositionEnd: Function
+}, je = ne({
+  name: "SingleSelector",
+  setup(e) {
+    const n = A(!1), o = R(() => e.mode === "combobox"), t = R(() => o.value || e.showSearch), i = R(() => {
+      let l = e.searchValue || "";
+      return o.value && e.activeValue && !n.value && (l = e.activeValue), l;
+    }), a = He();
+    oe([o, () => e.activeValue], () => {
+      o.value && (n.value = !1);
+    }, {
+      immediate: !0
+    });
+    const p = R(() => e.mode !== "combobox" && !e.open && !e.showSearch ? !1 : !!i.value || e.compositionStatus), d = R(() => {
+      const l = e.values[0];
+      return l && (typeof l.label == "string" || typeof l.label == "number") ? l.label.toString() : void 0;
+    }), b = () => {
+      if (e.values[0])
+        return null;
+      const l = p.value ? {
+        visibility: "hidden"
+      } : void 0;
+      return f("span", {
+        class: `${e.prefixCls}-selection-placeholder`,
+        style: l
+      }, [e.placeholder]);
+    }, h = (l) => {
+      l.target.composing || (n.value = !0, e.onInputChange(l));
+    };
+    return () => {
+      var l, S, x, F;
+      const {
+        inputElement: y,
+        prefixCls: w,
+        id: I,
+        values: m,
+        inputRef: v,
+        disabled: D,
+        autofocus: O,
+        autocomplete: E,
+        activeDescendantId: T,
+        open: C,
+        tabindex: G,
+        optionLabelRender: z,
+        onInputKeyDown: j,
+        onInputMouseDown: V,
+        onInputPaste: Z,
+        onInputCompositionStart: X,
+        onInputCompositionEnd: Q
+      } = e, u = m[0];
+      let $ = null;
+      if (u && a.customSlots) {
+        const L = (l = u.key) !== null && l !== void 0 ? l : u.value, H = ((S = a.keyEntities[L]) === null || S === void 0 ? void 0 : S.node) || {};
+        $ = a.customSlots[(x = H.slots) === null || x === void 0 ? void 0 : x.title] || a.customSlots.title || u.label, typeof $ == "function" && ($ = $(H));
+      } else
+        $ = z && u ? z(u.option) : u == null ? void 0 : u.label;
+      return f(we, null, [f("span", {
+        class: `${w}-selection-search`
+      }, [f(wn, {
+        inputRef: v,
+        prefixCls: w,
+        id: I,
+        open: C,
+        inputElement: y,
+        disabled: D,
+        autofocus: O,
+        autocomplete: E,
+        editable: t.value,
+        activeDescendantId: T,
+        value: i.value,
+        onKeydown: j,
+        onMousedown: V,
+        onChange: h,
+        onPaste: Z,
+        onCompositionstart: X,
+        onCompositionend: Q,
+        tabindex: G,
+        attrs: bn(e, !0)
+      }, null)]), !o.value && u && !p.value && f("span", {
+        class: `${w}-selection-item`,
+        title: d.value
+      }, [f(we, {
+        key: (F = u.key) !== null && F !== void 0 ? F : u.value
+      }, [$])]), b()]);
+    };
+  }
+});
+je.props = Tt;
+je.inheritAttrs = !1;
+function Mt(e) {
+  return ![
+    // System function button
+    P.ESC,
+    P.SHIFT,
+    P.BACKSPACE,
+    P.TAB,
+    P.WIN_KEY,
+    P.ALT,
+    P.META,
+    P.WIN_KEY_RIGHT,
+    P.CTRL,
+    P.SEMICOLON,
+    P.EQUALS,
+    P.CAPS_LOCK,
+    P.CONTEXT_MENU,
+    // F1-F12
+    P.F1,
+    P.F2,
+    P.F3,
+    P.F4,
+    P.F5,
+    P.F6,
+    P.F7,
+    P.F8,
+    P.F9,
+    P.F10,
+    P.F11,
+    P.F12
+  ].includes(e);
+}
+function On() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 250, n = null, o;
+  _e(() => {
+    clearTimeout(o);
+  });
+  function t(i) {
+    (i || n === null) && (n = i), clearTimeout(o), o = setTimeout(() => {
+      n = null;
+    }, e);
+  }
+  return [() => n, t];
+}
+const zt = ne({
+  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: c.array,
+    multiple: {
+      type: Boolean,
+      default: void 0
+    },
+    mode: String,
+    searchValue: String,
+    activeValue: String,
+    inputElement: c.any,
+    autofocus: {
+      type: Boolean,
+      default: void 0
+    },
+    activeDescendantId: String,
+    tabindex: c.oneOfType([c.number, c.string]),
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    placeholder: c.any,
+    removeIcon: c.any,
+    // Tags
+    maxTagCount: c.oneOfType([c.number, c.string]),
+    maxTagTextLength: Number,
+    maxTagPlaceholder: c.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 = Sn(), i = le(!1), [a, p] = On(0), d = (m) => {
+      const {
+        which: v
+      } = m;
+      (v === P.UP || v === P.DOWN) && m.preventDefault(), e.onInputKeyDown && e.onInputKeyDown(m), v === P.ENTER && e.mode === "tags" && !i.value && !e.open && e.onSearchSubmit(m.target.value), Mt(v) && e.onToggleOpen(!0);
+    }, b = () => {
+      p(!0);
+    };
+    let h = null;
+    const l = (m) => {
+      e.onSearch(m, !0, i.value) !== !1 && e.onToggleOpen(!0);
+    }, S = () => {
+      i.value = !0;
+    }, x = (m) => {
+      i.value = !1, e.mode !== "combobox" && l(m.target.value);
+    }, F = (m) => {
+      let {
+        target: {
+          value: v
+        }
+      } = m;
+      if (e.tokenWithEnter && h && /[\r\n]/.test(h)) {
+        const D = h.replace(/[\r\n]+$/, "").replace(/\r\n/g, " ").replace(/[\r\n]/g, " ");
+        v = v.replace(D, h);
+      }
+      h = null, l(v);
+    }, y = (m) => {
+      const {
+        clipboardData: v
+      } = m;
+      h = v.getData("text");
+    }, w = (m) => {
+      let {
+        target: v
+      } = m;
+      v !== t.current && (document.body.style.msTouchAction !== void 0 ? setTimeout(() => {
+        t.current.focus();
+      }) : t.current.focus());
+    }, I = (m) => {
+      const v = a();
+      m.target !== t.current && !v && m.preventDefault(), (e.mode !== "combobox" && (!e.showSearch || !v) || !e.open) && (e.open && e.onSearch("", !0, !1), e.onToggleOpen());
+    };
+    return o({
+      focus: () => {
+        t.current.focus();
+      },
+      blur: () => {
+        t.current.blur();
+      }
+    }), () => {
+      const {
+        prefixCls: m,
+        domRef: v,
+        mode: D
+      } = e, O = {
+        inputRef: t,
+        onInputKeyDown: d,
+        onInputMouseDown: b,
+        onInputChange: F,
+        onInputPaste: y,
+        compositionStatus: i.value,
+        onInputCompositionStart: S,
+        onInputCompositionEnd: x
+      }, E = D === "multiple" || D === "tags" ? f(Dt, B(B({}, e), O), null) : f(je, B(B({}, e), O), null);
+      return f("div", {
+        ref: v,
+        class: `${m}-selector`,
+        onClick: w,
+        onMousedown: I
+      }, [E]);
+    };
+  }
+});
+function Nt(e, n, o) {
+  function t(i) {
+    var a, p, d;
+    let b = i.target;
+    b.shadowRoot && i.composed && (b = i.composedPath()[0] || b);
+    const h = [(a = e[0]) === null || a === void 0 ? void 0 : a.value, (d = (p = e[1]) === null || p === void 0 ? void 0 : p.value) === null || d === void 0 ? void 0 : d.getPopupElement()];
+    n.value && h.every((l) => l && !l.contains(b) && l !== b) && o(!1);
+  }
+  ge(() => {
+    window.addEventListener("mousedown", t);
+  }), _e(() => {
+    window.removeEventListener("mousedown", t);
+  });
+}
+function Bt() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 10;
+  const n = A(!1);
+  let o;
+  const t = () => {
+    clearTimeout(o);
+  };
+  return ge(() => {
+    t();
+  }), [n, (a, p) => {
+    t(), o = setTimeout(() => {
+      n.value = a, p && p();
+    }, e);
+  }, t];
+}
+const Pn = Symbol("BaseSelectContextKey");
+function Kt(e) {
+  return Ce(Pn, e);
+}
+function No() {
+  return Ie(Pn, {});
+}
+const Lt = () => {
+  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 At(e) {
+  if (!mt(e)) return on(e);
+  const n = new Proxy({}, {
+    get(o, t, i) {
+      return Reflect.get(e.value, t, i);
+    },
+    set(o, t, i) {
+      return e.value[t] = i, !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 on(n);
+}
+var Vt = 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 i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+    n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (o[t[i]] = e[t[i]]);
+  return o;
+};
+const Wt = ["value", "onChange", "removeIcon", "placeholder", "autofocus", "maxTagCount", "maxTagTextLength", "maxTagPlaceholder", "choiceTransitionName", "onInputKeyDown", "onPopupScroll", "tabindex", "OptionList", "notFoundContent"], _t = () => ({
+  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: c.any,
+  /** Tell if provided `options` is empty */
+  emptyOptions: Boolean
+}), Ht = () => ({
+  showSearch: {
+    type: Boolean,
+    default: void 0
+  },
+  tagRender: {
+    type: Function
+  },
+  optionLabelRender: {
+    type: Function
+  },
+  direction: {
+    type: String
+  },
+  // MISC
+  tabindex: Number,
+  autofocus: Boolean,
+  notFoundContent: c.any,
+  placeholder: c.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: c.any,
+  // >>> Search
+  tokenSeparators: {
+    type: Array
+  },
+  // >>> Icons
+  allowClear: {
+    type: Boolean,
+    default: void 0
+  },
+  showArrow: {
+    type: Boolean,
+    default: void 0
+  },
+  inputIcon: c.any,
+  /** Clear all icon */
+  clearIcon: c.any,
+  /** Selector remove icon */
+  removeIcon: c.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
+}), jt = () => g(g({}, _t()), Ht());
+function Xt(e) {
+  return e === "tags" || e === "multiple";
+}
+const Bo = ne({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "BaseSelect",
+  inheritAttrs: !1,
+  props: ot(jt(), {
+    showAction: [],
+    notFoundContent: "Not Found"
+  }),
+  setup(e, n) {
+    let {
+      attrs: o,
+      expose: t,
+      slots: i
+    } = n;
+    const a = R(() => Xt(e.mode)), p = R(() => e.showSearch !== void 0 ? e.showSearch : a.value || e.mode === "combobox"), d = A(!1);
+    ge(() => {
+      d.value = Lt();
+    });
+    const b = He(), h = A(null), l = Sn(), S = A(null), x = A(null), F = A(null), y = le(!1), [w, I, m] = Bt();
+    t({
+      focus: () => {
+        var r;
+        (r = x.value) === null || r === void 0 || r.focus();
+      },
+      blur: () => {
+        var r;
+        (r = x.value) === null || r === void 0 || r.blur();
+      },
+      scrollTo: (r) => {
+        var s;
+        return (s = F.value) === null || s === void 0 ? void 0 : s.scrollTo(r);
+      }
+    });
+    const O = R(() => {
+      var r;
+      if (e.mode !== "combobox")
+        return e.searchValue;
+      const s = (r = e.displayValues[0]) === null || r === void 0 ? void 0 : r.value;
+      return typeof s == "string" || typeof s == "number" ? String(s) : "";
+    }), E = e.open !== void 0 ? e.open : e.defaultOpen, T = A(E), C = A(E), G = (r) => {
+      T.value = e.open !== void 0 ? e.open : r, C.value = T.value;
+    };
+    oe(() => e.open, () => {
+      G(e.open);
+    });
+    const z = R(() => !e.notFoundContent && e.emptyOptions);
+    hn(() => {
+      C.value = T.value, (e.disabled || z.value && C.value && e.mode === "combobox") && (C.value = !1);
+    });
+    const j = R(() => z.value ? !1 : C.value), V = (r) => {
+      const s = r !== void 0 ? r : !C.value;
+      C.value !== s && !e.disabled && (G(s), e.onDropdownVisibleChange && e.onDropdownVisibleChange(s), !s && re.value && (re.value = !1, I(!1, () => {
+        J.value = !1, y.value = !1;
+      })));
+    }, Z = R(() => (e.tokenSeparators || []).some((r) => [`
+`, `\r
+`].includes(r))), X = (r, s, W) => {
+      var U, M;
+      let K = !0, _ = r;
+      (U = e.onActiveValueChange) === null || U === void 0 || U.call(e, null);
+      const q = W ? null : bt(r, e.tokenSeparators);
+      return e.mode !== "combobox" && q && (_ = "", (M = e.onSearchSplit) === null || M === void 0 || M.call(e, q), V(!1), K = !1), e.onSearch && O.value !== _ && e.onSearch(_, {
+        source: s ? "typing" : "effect"
+      }), K;
+    }, Q = (r) => {
+      var s;
+      !r || !r.trim() || (s = e.onSearch) === null || s === void 0 || s.call(e, r, {
+        source: "submit"
+      });
+    };
+    oe(C, () => {
+      !C.value && !a.value && e.mode !== "combobox" && X("", !1, !1);
+    }, {
+      immediate: !0,
+      flush: "post"
+    }), oe(() => e.disabled, () => {
+      T.value && e.disabled && G(!1), e.disabled && !y.value && I(!1);
+    }, {
+      immediate: !0
+    });
+    const [u, $] = On(), L = function(r) {
+      var s;
+      const W = u(), {
+        which: U
+      } = r;
+      if (U === P.ENTER && (e.mode !== "combobox" && r.preventDefault(), C.value || V(!0)), $(!!O.value), U === P.BACKSPACE && !W && a.value && !O.value && e.displayValues.length) {
+        const q = [...e.displayValues];
+        let ue = null;
+        for (let ee = q.length - 1; ee >= 0; ee -= 1) {
+          const ce = q[ee];
+          if (!ce.disabled) {
+            q.splice(ee, 1), ue = ce;
+            break;
+          }
+        }
+        ue && e.onDisplayValuesChange(q, {
+          type: "remove",
+          values: [ue]
+        });
+      }
+      for (var M = arguments.length, K = new Array(M > 1 ? M - 1 : 0), _ = 1; _ < M; _++)
+        K[_ - 1] = arguments[_];
+      C.value && F.value && F.value.onKeydown(r, ...K), (s = e.onKeydown) === null || s === void 0 || s.call(e, r, ...K);
+    }, H = function(r) {
+      for (var s = arguments.length, W = new Array(s > 1 ? s - 1 : 0), U = 1; U < s; U++)
+        W[U - 1] = arguments[U];
+      C.value && F.value && F.value.onKeyup(r, ...W), e.onKeyup && e.onKeyup(r, ...W);
+    }, N = (r) => {
+      const s = e.displayValues.filter((W) => W !== r);
+      e.onDisplayValuesChange(s, {
+        type: "remove",
+        values: [r]
+      });
+    }, J = A(!1), te = function() {
+      I(!0), e.disabled || (e.onFocus && !J.value && e.onFocus(...arguments), e.showAction && e.showAction.includes("focus") && V(!0)), J.value = !0;
+    }, re = le(!1), $e = function() {
+      if (re.value || (y.value = !0, I(!1, () => {
+        J.value = !1, y.value = !1, V(!1);
+      }), e.disabled))
+        return;
+      const r = O.value;
+      r && (e.mode === "tags" ? e.onSearch(r, {
+        source: "submit"
+      }) : e.mode === "multiple" && e.onSearch("", {
+        source: "blur"
+      })), e.onBlur && e.onBlur(...arguments);
+    }, Oe = () => {
+      re.value = !0;
+    }, Pe = () => {
+      re.value = !1;
+    };
+    Ce("VCSelectContainerEvent", {
+      focus: te,
+      blur: $e
+    });
+    const k = [];
+    ge(() => {
+      k.forEach((r) => clearTimeout(r)), k.splice(0, k.length);
+    }), _e(() => {
+      k.forEach((r) => clearTimeout(r)), k.splice(0, k.length);
+    });
+    const Fe = function(r) {
+      var s, W;
+      const {
+        target: U
+      } = r, M = (s = S.value) === null || s === void 0 ? void 0 : s.getPopupElement();
+      if (M && M.contains(U)) {
+        const ue = setTimeout(() => {
+          var ee;
+          const ce = k.indexOf(ue);
+          ce !== -1 && k.splice(ce, 1), m(), !d.value && !M.contains(document.activeElement) && ((ee = x.value) === null || ee === void 0 || ee.focus());
+        });
+        k.push(ue);
+      }
+      for (var K = arguments.length, _ = new Array(K > 1 ? K - 1 : 0), q = 1; q < K; q++)
+        _[q - 1] = arguments[q];
+      (W = e.onMousedown) === null || W === void 0 || W.call(e, r, ..._);
+    }, fe = A(null), se = () => {
+    };
+    return ge(() => {
+      oe(j, () => {
+        var r;
+        if (j.value) {
+          const s = Math.ceil((r = h.value) === null || r === void 0 ? void 0 : r.offsetWidth);
+          fe.value !== s && !Number.isNaN(s) && (fe.value = s);
+        }
+      }, {
+        immediate: !0,
+        flush: "post"
+      });
+    }), Nt([h, S], j, V), Kt(At(g(g({}, gt(e)), {
+      open: C,
+      triggerOpen: j,
+      showSearch: p,
+      multiple: a,
+      toggleOpen: V
+    }))), () => {
+      const r = g(g({}, e), o), {
+        prefixCls: s,
+        id: W,
+        open: U,
+        defaultOpen: M,
+        mode: K,
+        // Search related
+        showSearch: _,
+        searchValue: q,
+        onSearch: ue,
+        // Icons
+        allowClear: ee,
+        clearIcon: ce,
+        showArrow: Ye,
+        inputIcon: Mn,
+        // Others
+        disabled: Ee,
+        loading: ye,
+        getInputElement: Ge,
+        getPopupContainer: zn,
+        placement: Nn,
+        // Dropdown
+        animation: Bn,
+        transitionName: Kn,
+        dropdownStyle: Ln,
+        dropdownClassName: An,
+        dropdownMatchSelectWidth: Vn,
+        dropdownRender: Wn,
+        dropdownAlign: _n,
+        showAction: So,
+        direction: Hn,
+        // Tags
+        tokenSeparators: wo,
+        tagRender: jn,
+        optionLabelRender: Xn,
+        // Events
+        onPopupScroll: Io,
+        onDropdownVisibleChange: Co,
+        onFocus: xo,
+        onBlur: $o,
+        onKeyup: Oo,
+        onKeydown: Po,
+        onMousedown: Fo,
+        onClear: Re,
+        omitDomProps: De,
+        getRawInputElement: Qe,
+        displayValues: be,
+        onDisplayValuesChange: Un,
+        emptyOptions: Yn,
+        activeDescendantId: Gn,
+        activeValue: Qn,
+        OptionList: qn
+      } = r, Zn = Vt(r, ["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"]), qe = K === "combobox" && Ge && Ge() || null, he = typeof Qe == "function" && Qe(), Te = g({}, Zn);
+      let Ze;
+      he && (Ze = (de) => {
+        V(de);
+      }), Wt.forEach((de) => {
+        delete Te[de];
+      }), De == null || De.forEach((de) => {
+        delete Te[de];
+      });
+      const Je = Ye !== void 0 ? Ye : ye || !a.value && K !== "combobox";
+      let ke;
+      Je && (ke = f(ve, {
+        class: ae(`${s}-arrow`, {
+          [`${s}-arrow-loading`]: ye
+        }),
+        customizeIcon: Mn,
+        customizeIconProps: {
+          loading: ye,
+          searchValue: O.value,
+          open: C.value,
+          focused: w.value,
+          showSearch: p.value
+        }
+      }, null));
+      let en;
+      const Jn = () => {
+        Re == null || Re(), Un([], {
+          type: "clear",
+          values: be
+        }), X("", !1, !1);
+      };
+      !Ee && ee && (be.length || O.value) && (en = f(ve, {
+        class: `${s}-clear`,
+        onMousedown: Jn,
+        customizeIcon: ce
+      }, {
+        default: () => [Ae("×")]
+      }));
+      const kn = f(qn, {
+        ref: F
+      }, g(g({}, b.customSlots), {
+        option: i.option
+      })), et = ae(s, o.class, {
+        [`${s}-focused`]: w.value,
+        [`${s}-multiple`]: a.value,
+        [`${s}-single`]: !a.value,
+        [`${s}-allow-clear`]: ee,
+        [`${s}-show-arrow`]: Je,
+        [`${s}-disabled`]: Ee,
+        [`${s}-loading`]: ye,
+        [`${s}-open`]: C.value,
+        [`${s}-customize-input`]: qe,
+        [`${s}-show-search`]: p.value
+      }), nn = f(It, {
+        ref: S,
+        disabled: Ee,
+        prefixCls: s,
+        visible: j.value,
+        popupElement: kn,
+        containerWidth: fe.value,
+        animation: Bn,
+        transitionName: Kn,
+        dropdownStyle: Ln,
+        dropdownClassName: An,
+        direction: Hn,
+        dropdownMatchSelectWidth: Vn,
+        dropdownRender: Wn,
+        dropdownAlign: _n,
+        placement: Nn,
+        getPopupContainer: zn,
+        empty: Yn,
+        getTriggerDOMNode: () => l.current,
+        onPopupVisibleChange: Ze,
+        onPopupMouseEnter: se,
+        onPopupFocusin: Oe,
+        onPopupFocusout: Pe
+      }, {
+        default: () => he ? it(he) && pn(he, {
+          ref: l
+        }, !1, !0) : f(zt, B(B({}, e), {}, {
+          domRef: l,
+          prefixCls: s,
+          inputElement: qe,
+          ref: x,
+          id: W,
+          showSearch: p.value,
+          mode: K,
+          activeDescendantId: Gn,
+          tagRender: jn,
+          optionLabelRender: Xn,
+          values: be,
+          open: C.value,
+          onToggleOpen: V,
+          activeValue: Qn,
+          searchValue: O.value,
+          onSearch: X,
+          onSearchSubmit: Q,
+          onRemove: N,
+          tokenWithEnter: Z.value
+        }), null)
+      });
+      let Me;
+      return he ? Me = nn : Me = f("div", B(B({}, Te), {}, {
+        class: et,
+        ref: h,
+        onMousedown: Fe,
+        onKeydown: L,
+        onKeyup: H
+      }), [w.value && !C.value && f("span", {
+        style: {
+          width: 0,
+          height: 0,
+          position: "absolute",
+          overflow: "hidden",
+          opacity: 0
+        },
+        "aria-live": "polite"
+      }, [`${be.map((de) => {
+        let {
+          label: tn,
+          value: nt
+        } = de;
+        return ["number", "string"].includes(typeof tn) ? tn : nt;
+      }).join(", ")}`]), nn, ke, en]), Me;
+    };
+  }
+});
+function Ko(e, n, o) {
+  const t = le(e());
+  return oe(n, (i, a) => {
+    o ? o(i, a) && (t.value = e()) : t.value = e();
+  }), t;
+}
+let rn = 0;
+const Ut = at();
+function Yt() {
+  let e;
+  return Ut ? (e = rn, rn += 1) : e = "TEST_OR_SSR", e;
+}
+function Lo() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : le("");
+  const n = `rc_select_${Yt()}`;
+  return e.value || n;
+}
+var Gt = { 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 sn(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(i) {
+      return Object.getOwnPropertyDescriptor(o, i).enumerable;
+    }))), t.forEach(function(i) {
+      Qt(e, i, o[i]);
+    });
+  }
+  return e;
+}
+function Qt(e, n, o) {
+  return n in e ? Object.defineProperty(e, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = o, e;
+}
+var Xe = function(n, o) {
+  var t = sn({}, n, o.attrs);
+  return f(mn, sn({}, t, {
+    icon: Gt
+  }), null);
+};
+Xe.displayName = "DownOutlined";
+Xe.inheritAttrs = !1;
+var qt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" } }] }, name: "check", theme: "outlined" };
+function un(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(i) {
+      return Object.getOwnPropertyDescriptor(o, i).enumerable;
+    }))), t.forEach(function(i) {
+      Zt(e, i, o[i]);
+    });
+  }
+  return e;
+}
+function Zt(e, n, o) {
+  return n in e ? Object.defineProperty(e, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = o, e;
+}
+var Ue = function(n, o) {
+  var t = un({}, n, o.attrs);
+  return f(mn, un({}, t, {
+    icon: qt
+  }), null);
+};
+Ue.displayName = "CheckOutlined";
+Ue.inheritAttrs = !1;
+function Ao(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  const {
+    loading: o,
+    multiple: t,
+    prefixCls: i,
+    hasFeedback: a,
+    feedbackIcon: p,
+    showArrow: d
+  } = e, b = e.suffixIcon || n.suffixIcon && n.suffixIcon(), h = e.clearIcon || n.clearIcon && n.clearIcon(), l = e.menuItemSelectedIcon || n.menuItemSelectedIcon && n.menuItemSelectedIcon(), S = e.removeIcon || n.removeIcon && n.removeIcon(), x = h ?? f(lt, null, null), F = (m) => f(we, null, [d !== !1 && m, a && p]);
+  let y = null;
+  if (b !== void 0)
+    y = F(b);
+  else if (o)
+    y = F(f(rt, {
+      spin: !0
+    }, null));
+  else {
+    const m = `${i}-suffix`;
+    y = (v) => {
+      let {
+        open: D,
+        showSearch: O
+      } = v;
+      return F(D && O ? f(ht, {
+        class: m
+      }, null) : f(Xe, {
+        class: m
+      }, null));
+    };
+  }
+  let w = null;
+  l !== void 0 ? w = l : t ? w = f(Ue, null, null) : w = null;
+  let I = null;
+  return S !== void 0 ? I = S : I = f(st, null, null), {
+    clearIcon: x,
+    suffixIcon: y,
+    itemIcon: w,
+    removeIcon: I
+  };
+}
+const Jt = new Y("antMoveDownIn", {
+  "0%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), kt = new Y("antMoveDownOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), eo = new Y("antMoveLeftIn", {
+  "0%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), no = new Y("antMoveLeftOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), to = new Y("antMoveRightIn", {
+  "0%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), oo = new Y("antMoveRightOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), io = new Y("antMoveUpIn", {
+  "0%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), ao = new Y("antMoveUpOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), lo = {
+  "move-up": {
+    inKeyframes: io,
+    outKeyframes: ao
+  },
+  "move-down": {
+    inKeyframes: Jt,
+    outKeyframes: kt
+  },
+  "move-left": {
+    inKeyframes: eo,
+    outKeyframes: no
+  },
+  "move-right": {
+    inKeyframes: to,
+    outKeyframes: oo
+  }
+}, cn = (e, n) => {
+  const {
+    antCls: o
+  } = e, t = `${o}-${n}`, {
+    inKeyframes: i,
+    outKeyframes: a
+  } = lo[n];
+  return [gn(t, i, a, e.motionDurationMid), {
+    [`
+        ${t}-enter,
+        ${t}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: e.motionEaseOutCirc
+    },
+    [`${t}-leave`]: {
+      animationTimingFunction: e.motionEaseInOutCirc
+    }
+  }];
+}, Fn = new Y("antSlideUpIn", {
+  "0%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleY(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  }
+}), En = new Y("antSlideUpOut", {
+  "0%": {
+    transform: "scaleY(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  }
+}), Rn = new Y("antSlideDownIn", {
+  "0%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "100% 100%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleY(1)",
+    transformOrigin: "100% 100%",
+    opacity: 1
+  }
+}), Dn = new Y("antSlideDownOut", {
+  "0%": {
+    transform: "scaleY(1)",
+    transformOrigin: "100% 100%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleY(0.8)",
+    transformOrigin: "100% 100%",
+    opacity: 0
+  }
+}), ro = new Y("antSlideLeftIn", {
+  "0%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleX(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  }
+}), so = new Y("antSlideLeftOut", {
+  "0%": {
+    transform: "scaleX(1)",
+    transformOrigin: "0% 0%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "0% 0%",
+    opacity: 0
+  }
+}), uo = new Y("antSlideRightIn", {
+  "0%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "100% 0%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scaleX(1)",
+    transformOrigin: "100% 0%",
+    opacity: 1
+  }
+}), co = new Y("antSlideRightOut", {
+  "0%": {
+    transform: "scaleX(1)",
+    transformOrigin: "100% 0%",
+    opacity: 1
+  },
+  "100%": {
+    transform: "scaleX(0.8)",
+    transformOrigin: "100% 0%",
+    opacity: 0
+  }
+}), fo = {
+  "slide-up": {
+    inKeyframes: Fn,
+    outKeyframes: En
+  },
+  "slide-down": {
+    inKeyframes: Rn,
+    outKeyframes: Dn
+  },
+  "slide-left": {
+    inKeyframes: ro,
+    outKeyframes: so
+  },
+  "slide-right": {
+    inKeyframes: uo,
+    outKeyframes: co
+  }
+}, dn = (e, n) => {
+  const {
+    antCls: o
+  } = e, t = `${o}-${n}`, {
+    inKeyframes: i,
+    outKeyframes: a
+  } = fo[n];
+  return [gn(t, i, a, e.motionDurationMid), {
+    [`
+      ${t}-enter,
+      ${t}-appear
+    `]: {
+      transform: "scale(0)",
+      transformOrigin: "0% 0%",
+      opacity: 0,
+      animationTimingFunction: e.motionEaseOutQuint
+    },
+    [`${t}-leave`]: {
+      animationTimingFunction: e.motionEaseInQuint
+    }
+  }];
+}, fn = (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"
+  };
+}, po = (e) => {
+  const {
+    antCls: n,
+    componentCls: o
+  } = e, t = `${o}-item`;
+  return [
+    {
+      [`${o}-dropdown`]: g(g({}, We(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: Fn
+        },
+        [`
+            &${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: Rn
+        },
+        [`&${n}-slide-up-leave${n}-slide-up-leave-active${o}-dropdown-placement-bottomLeft`]: {
+          animationName: En
+        },
+        [`&${n}-slide-up-leave${n}-slide-up-leave-active${o}-dropdown-placement-topLeft`]: {
+          animationName: Dn
+        },
+        "&-hidden": {
+          display: "none"
+        },
+        "&-empty": {
+          color: e.colorTextDisabled
+        },
+        // ========================= Options =========================
+        [`${t}-empty`]: g(g({}, fn(e)), {
+          color: e.colorTextDisabled
+        }),
+        [`${t}`]: g(g({}, fn(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": g({
+              flex: "auto"
+            }, Le),
+            "&-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
+    dn(e, "slide-up"),
+    dn(e, "slide-down"),
+    cn(e, "move-up"),
+    cn(e, "move-down")
+  ];
+}, me = 2;
+function Tn(e) {
+  let {
+    controlHeightSM: n,
+    controlHeight: o,
+    lineWidth: t
+  } = e;
+  const i = (o - n) / 2 - t, a = Math.ceil(i / 2);
+  return [i, a];
+}
+function Ne(e, n) {
+  const {
+    componentCls: o,
+    iconCls: t
+  } = e, i = `${o}-selection-overflow`, a = e.controlHeightSM, [p] = Tn(e), d = n ? `${o}-${n}` : "";
+  return {
+    [`${o}-multiple${d}`]: {
+      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 ===========================
+      [i]: {
+        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: `${p - me}px ${me * 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: `${me}px 0`,
+          lineHeight: `${a}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: a,
+        marginTop: me,
+        marginBottom: me,
+        lineHeight: `${a - 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: me * 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": g(g({}, vn()), {
+          display: "inline-block",
+          color: e.colorIcon,
+          fontWeight: "bold",
+          fontSize: 10,
+          lineHeight: "inherit",
+          cursor: "pointer",
+          [`> ${t}`]: {
+            verticalAlign: "-0.2em"
+          },
+          "&:hover": {
+            color: e.colorIconHover
+          }
+        })
+      },
+      // ========================== Input ==========================
+      [`${i}-item + ${i}-item`]: {
+        [`${o}-selection-search`]: {
+          marginInlineStart: 0
+        }
+      },
+      [`${o}-selection-search`]: {
+        display: "inline-flex",
+        position: "relative",
+        maxWidth: "100%",
+        marginInlineStart: e.inputPaddingHorizontalBase - p,
+        "\n          &-input,\n          &-mirror\n        ": {
+          height: a,
+          fontFamily: e.fontFamily,
+          lineHeight: `${a}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 mo(e) {
+  const {
+    componentCls: n
+  } = e, o = ie(e, {
+    controlHeight: e.controlHeightSM,
+    controlHeightSM: e.controlHeightXS,
+    borderRadius: e.borderRadiusSM,
+    borderRadiusSM: e.borderRadiusXS
+  }), [, t] = Tn(e);
+  return [
+    Ne(e),
+    // ======================== Small ========================
+    // Shared
+    Ne(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
+    Ne(ie(e, {
+      fontSize: e.fontSizeLG,
+      controlHeight: e.controlHeightLG,
+      controlHeightSM: e.controlHeight,
+      borderRadius: e.borderRadiusLG,
+      borderRadiusSM: e.borderRadius
+    }), "lg")
+  ];
+}
+function Be(e, n) {
+  const {
+    componentCls: o,
+    inputPaddingHorizontalBase: t,
+    borderRadius: i
+  } = e, a = e.controlHeight - e.lineWidth * 2, p = Math.ceil(e.fontSize * 1.25), d = n ? `${o}-${n}` : "";
+  return {
+    [`${o}-single${d}`]: {
+      fontSize: e.fontSize,
+      // ========================= Selector =========================
+      [`${o}-selector`]: g(g({}, We(e)), {
+        display: "flex",
+        borderRadius: i,
+        [`${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: `${a}px`,
+          transition: `all ${e.motionDurationSlow}`,
+          // Firefox inline-block position calculation is not same as Chrome & Safari. Patch this:
+          "@supports (-moz-appearance: meterbar)": {
+            lineHeight: `${a}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: p
+      },
+      // 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: a
+          },
+          "&:after": {
+            lineHeight: `${a}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 go(e) {
+  const {
+    componentCls: n
+  } = e, o = e.controlPaddingHorizontalSM - e.lineWidth;
+  return [
+    Be(e),
+    // ======================== Small ========================
+    // Shared
+    Be(ie(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
+    Be(ie(e, {
+      controlHeight: e.controlHeightLG,
+      fontSize: e.fontSizeLG,
+      borderRadius: e.borderRadiusLG
+    }), "lg")
+  ];
+}
+const vo = (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"
+      }
+    }
+  };
+}, Ke = function(e, n) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+  const {
+    componentCls: t,
+    borderHoverColor: i,
+    outlineColor: a,
+    antCls: p
+  } = n, d = o ? {
+    [`${t}-selector`]: {
+      borderColor: i
+    }
+  } : {};
+  return {
+    [e]: {
+      [`&:not(${t}-disabled):not(${t}-customize-input):not(${p}-pagination-size-changer)`]: g(g({}, d), {
+        [`${t}-focused& ${t}-selector`]: {
+          borderColor: i,
+          boxShadow: `0 0 0 ${n.controlOutlineWidth}px ${a}`,
+          borderInlineEndWidth: `${n.controlLineWidth}px !important`,
+          outline: 0
+        },
+        [`&:hover ${t}-selector`]: {
+          borderColor: i,
+          borderInlineEndWidth: `${n.controlLineWidth}px !important`
+        }
+      })
+    }
+  };
+}, ho = (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"
+      }
+    }
+  };
+}, yo = (e) => {
+  const {
+    componentCls: n,
+    inputPaddingHorizontalBase: o,
+    iconCls: t
+  } = e;
+  return {
+    [n]: g(g({}, We(e)), {
+      position: "relative",
+      display: "inline-block",
+      cursor: "pointer",
+      [`&:not(${n}-customize-input) ${n}-selector`]: g(g({}, vo(e)), ho(e)),
+      // [`&:not(&-disabled):hover ${selectCls}-selector`]: {
+      //   ...genHoverStyle(token),
+      // },
+      // ======================== Selection ========================
+      [`${n}-selection-item`]: g({
+        flex: 1,
+        fontWeight: "normal"
+      }, Le),
+      // ======================= Placeholder =======================
+      [`${n}-selection-placeholder`]: g(g({}, Le), {
+        flex: 1,
+        color: e.colorTextPlaceholder,
+        pointerEvents: "none"
+      }),
+      // ========================== Arrow ==========================
+      [`${n}-arrow`]: g(g({}, vn()), {
+        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
+      }
+    }
+  };
+}, bo = (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
+    yo(e),
+    // Single
+    go(e),
+    // Multiple
+    mo(e),
+    // Dropdown
+    po(e),
+    // =====================================================
+    // ==                       RTL                       ==
+    // =====================================================
+    {
+      [`${n}-rtl`]: {
+        direction: "rtl"
+      }
+    },
+    // =====================================================
+    // ==                     Status                      ==
+    // =====================================================
+    Ke(n, ie(e, {
+      borderHoverColor: e.colorPrimaryHover,
+      outlineColor: e.controlOutline
+    })),
+    Ke(`${n}-status-error`, ie(e, {
+      borderHoverColor: e.colorErrorHover,
+      outlineColor: e.colorErrorOutline
+    }), !0),
+    Ke(`${n}-status-warning`, ie(e, {
+      borderHoverColor: e.colorWarningHover,
+      outlineColor: e.colorWarningOutline
+    }), !0),
+    // =====================================================
+    // ==             Space Compact                       ==
+    // =====================================================
+    ct(e, {
+      borderElCls: `${n}-selector`,
+      focusElCls: `${n}-focused`
+    })
+  ];
+}, Vo = ut("Select", (e, n) => {
+  let {
+    rootPrefixCls: o
+  } = n;
+  const t = ie(e, {
+    rootPrefixCls: o,
+    inputPaddingHorizontalBase: e.paddingSM - 1
+  });
+  return [bo(t)];
+}, (e) => ({
+  zIndexPopup: e.zIndexPopupBase + 50
+}));
+export {
+  Bo as B,
+  ve as T,
+  He as a,
+  Ko as b,
+  Lo as c,
+  zo as d,
+  Ht as e,
+  Vo as f,
+  Ao as g,
+  Xt as h,
+  Mo as i,
+  yt as j,
+  To as k,
+  At as t,
+  No as u
+};