@baishuyun/ui-base 2.2.0 → 2.2.2

package/dist/Select/Select-7KGHOKs6.js

@@ -0,0 +1,820 @@
+import { jsx as t, jsxs as I, Fragment as ce } from "react/jsx-runtime";
+import { createContext as ae, useContext as ue, memo as de, forwardRef as be, useState as se, useRef as z, useLayoutEffect as ze, useDeferredValue as ve, useMemo as B, useCallback as D, Suspense as je, useId as qe, useImperativeHandle as Ke } from "react";
+import { c as L } from "../vendors/clsx-OuTLNxxd.js";
+import { I as X } from "../Icon/Icon-CkHAU1fA.js";
+import { useHover as Je, useControllableValue as Qe, useToggle as Xe } from "ahooks";
+import { AnimatePresence as Ne, motion as ie } from "motion/react";
+import { n as _e, h as Ye, e as Ze, c as et, a as ge } from "../vendors/lodash-es-DFpaJB4Y.js";
+import { I as ye, P as tt } from "../vendors/index-MTmG1Ezy.js";
+import { S as nt } from "./SelectInputSearch-DigfTvpo.js";
+import { H as xe, T as lt } from "../vendors/Tree-C-8x1jXV.js";
+import { Input as st } from "antd";
+import le from "../CheckBox/index.js";
+import { u as Y } from "../vendors/useLocale-DgqW9M3h.js";
+import { N as re } from "../NotFoundContent/NotFoundContent-h0-oIXlk.js";
+import { F as it } from "../vendors/fuse.js-D1DCbUBb.js";
+import { S as rt } from "../vendors/simplebar-react-D68KzE44.js";
+import { FloatingPortal as ot } from "@floating-ui/react";
+import { u as ct } from "../vendors/useFloatingPortal-9VUFOAOG.js";
+var A = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MULTIPLE = "multiple", e))(A || {}), T = /* @__PURE__ */ ((e) => (e[e.SINGLE = 0] = "SINGLE", e[e.MULTIPLE = 1] = "MULTIPLE", e[e.TREE = 2] = "TREE", e[e.TREE_TAGS = 3] = "TREE_TAGS", e[e.MEMBER = 4] = "MEMBER", e[e.DEPARTEMENT = 5] = "DEPARTEMENT", e))(T || {});
+const at = {
+  0: "single",
+  2: "single",
+  1: "multiple",
+  3: "multiple",
+  4: "multiple",
+  5: "multiple"
+  /* MULTIPLE */
+}, Se = {
+  label: "label",
+  value: "value",
+  children: "children"
+}, Ee = ae({
+  value: void 0,
+  setValue: _e,
+  isOpen: !1,
+  setIsOpen: _e
+}), Oe = ae({
+  fieldNames: {
+    label: "label",
+    value: "value",
+    children: "children"
+  },
+  disabled: !1
+}), Ie = ae({}), Z = () => {
+  const e = ue(Ee);
+  if (!e)
+    throw new Error("Select.* components must be used within a SelectStateContext provider");
+  return e;
+}, j = () => {
+  const e = ue(Oe);
+  if (!e)
+    throw new Error("Select.* components must be used within a SelectConfigContext provider");
+  return e;
+}, Le = () => ue(Ie);
+function q(e) {
+  const l = e;
+  return {
+    /**
+     * 获取选项的标签文本
+     */
+    getLabel: (n) => n[l.label],
+    /**
+     * 获取选项的值
+     */
+    getValue: (n) => n[l.value],
+    /**
+     * 获取选项的子项
+     */
+    getChildren: (n) => {
+      if (l.children)
+        return n[l.children];
+    },
+    /**
+     * 创建标准化的选项对象（用于向后兼容）
+     */
+    normalizeOption: (n) => ({
+      ...n,
+      label: n[l.label],
+      value: n[l.value],
+      children: l.children ? n[l.children] : void 0
+    }),
+    /**
+     * 获取字段名映射
+     */
+    getFieldNames: () => l
+  };
+}
+const Ce = de((e) => {
+  const { value: l, inputValueStyle: n } = e, { fieldNames: r, otherInputPosition: o } = j(), { isSelectedOtherOption: u, otherOptionValue: f } = Le(), b = q(r), a = Ye(l);
+  let s;
+  return u && f && o === "inline" ? s = f : e.labelRender && a ? s = e.labelRender(a) : a ? s = b.getLabel(a) : s = "", /* @__PURE__ */ t(
+    "div",
+    {
+      className: L("bsy-select-input-container__input-value overflow-hidden"),
+      style: n,
+      children: /* @__PURE__ */ t("div", { className: "bsy-select-input-container__input-value-text", children: s })
+    }
+  );
+});
+Ce.displayName = "BsySelectSingleInput";
+const oe = {
+  "bsy-input-tag__container": "_bsy-input-tag__container_18guu_1",
+  "bsy-input-tag__item": "_bsy-input-tag__item_18guu_7",
+  "bsy-input-tag__item--disabled": "_bsy-input-tag__item--disabled_18guu_20"
+}, F = be(
+  ({ children: e, style: l, disabled: n }, r) => /* @__PURE__ */ t(
+    "div",
+    {
+      "data-bsy-input-tag": "true",
+      className: L({
+        [oe["bsy-input-tag__item"]]: !0,
+        [oe["bsy-input-tag__item--disabled"]]: n
+      }),
+      ref: r,
+      style: l,
+      children: e
+    }
+  )
+);
+F.Container = (e) => /* @__PURE__ */ t("div", { className: L(oe["bsy-input-tag__container"]), children: e.children });
+F.displayName = "BsyOptionTag";
+const ut = "_select_multiple_input__container_8pd2n_1", dt = "_select_multiple_input__measurement_layer_8pd2n_6", pt = "_select_multiple_input__close_btn_8pd2n_14", ht = "_select_multiple_input__tag_content_8pd2n_24", k = {
+  select_multiple_input__container: ut,
+  select_multiple_input__measurement_layer: dt,
+  select_multiple_input__close_btn: pt,
+  select_multiple_input__tag_content: ht
+}, ft = 4, Ve = de((e) => {
+  const { value: l, labelRender: n, tagStyle: r } = e, { setValue: o } = Z(), { fieldNames: u, disabled: f } = j(), b = q(u), a = (l == null ? void 0 : l.length) ?? 0, [s, d] = se(0), m = z(null), x = z(null);
+  ze(() => {
+    if (!m.current) return;
+    const p = new ResizeObserver((y) => {
+      var P;
+      const i = y[0];
+      if (!i) return;
+      const h = i.contentRect.width, N = i.target.querySelectorAll('.measure-list [data-bsy-input-tag="true"]');
+      if (N.length === 0) {
+        d((l == null ? void 0 : l.length) ?? 0);
+        return;
+      }
+      const C = ((P = x.current) == null ? void 0 : P.offsetWidth) || 65;
+      let R = 0, O = 0;
+      for (let w = 0; w < N.length; w++) {
+        const K = N[w].clientWidth + ft, W = w < a - 1 ? C : 0;
+        if (R + K + W <= h)
+          R += K, O = w + 1;
+        else
+          break;
+      }
+      O === 0 && a === 1 && (O = 1), s !== O && d(O);
+    });
+    return p.observe(m.current), () => p.disconnect();
+  }, [a, s, l.length]);
+  const E = a - s, _ = ve(E), c = /* @__PURE__ */ t("div", { className: `${k.select_multiple_input__measurement_layer} measure-list`, children: /* @__PURE__ */ I(F.Container, { children: [
+    l == null ? void 0 : l.map((p, y) => {
+      const i = (h) => /* @__PURE__ */ t("div", { style: h, className: "bsy-input-tag__item-icon cursor-pointer", children: /* @__PURE__ */ t(
+        X,
+        {
+          name: "close",
+          style: { fontSize: 12 },
+          className: k.select_multiple_input__close_btn
+        }
+      ) });
+      return /* @__PURE__ */ I(F, { style: r, children: [
+        n && n(p, i),
+        !n && /* @__PURE__ */ I("div", { className: k.select_multiple_input__tag_content, children: [
+          /* @__PURE__ */ t("span", { children: b.getLabel(p) }),
+          /* @__PURE__ */ t(i, {})
+        ] })
+      ] }, y);
+    }),
+    s < a && _ > 0 && /* @__PURE__ */ I(F, { ref: x, children: [
+      `+ ${E}`,
+      /* @__PURE__ */ t("span", { className: "text-[#666]", children: "..." })
+    ] })
+  ] }) }), g = (p) => {
+    if (f) return;
+    const y = l.filter(
+      (h) => b.getValue(h) !== b.getValue(p)
+    ), i = y.map((h) => b.getValue(h));
+    o(i, y);
+  };
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      ref: m,
+      className: L(
+        "bsy-select-input-container__input-value",
+        k.select_multiple_input__container,
+        "multiple"
+      ),
+      children: [
+        c,
+        /* @__PURE__ */ I(F.Container, { children: [
+          l == null ? void 0 : l.slice(0, s).map((p, y) => {
+            const i = (h) => /* @__PURE__ */ t(
+              "div",
+              {
+                style: h,
+                className: L("bsy-input-tag__item-icon", {
+                  [k.select_multiple_input__close_btn]: !f,
+                  [k.select_multiple_input__close_btn + "--disabled"]: f
+                }),
+                onClick: (v) => {
+                  v.stopPropagation(), g(p);
+                },
+                children: /* @__PURE__ */ t(X, { name: "close", style: { fontSize: 12 } })
+              }
+            );
+            return /* @__PURE__ */ I(
+              F,
+              {
+                style: {
+                  ...r,
+                  flexShrink: s === 1 ? 1 : 0
+                },
+                disabled: f,
+                children: [
+                  n && n(p, i),
+                  !n && /* @__PURE__ */ I("div", { className: k.select_multiple_input__tag_content, children: [
+                    /* @__PURE__ */ t("span", { className: "truncate", children: b.getLabel(p) }),
+                    /* @__PURE__ */ t(i, {})
+                  ] })
+                ]
+              },
+              y
+            );
+          }),
+          s < a && _ > 0 && /* @__PURE__ */ I(F, { ref: x, children: [
+            `+ ${E} `,
+            /* @__PURE__ */ t("span", { className: "text-[#666]", children: "..." })
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+Ve.displayName = "BsySelectMultipleInput";
+const mt = (e, l) => {
+  const n = [], r = (o) => {
+    o.forEach((u) => {
+      const { [l.children]: f, ...b } = u;
+      n.push(b), f && r(f);
+    });
+  };
+  return r(e), n;
+}, Pe = ({
+  placeholder: e,
+  mode: l,
+  clearable: n,
+  onClear: r,
+  disabled: o = !1,
+  labelRender: u,
+  options: f = [],
+  type: b,
+  prefix: a,
+  suffixIcon: s,
+  ghost: d,
+  inputValueStyle: m,
+  tagStyle: x
+}) => {
+  const E = z(null), _ = Je(o ? null : E), { isOpen: c, value: g, getCachedOptionByValue: p } = Z(), { fieldNames: y } = j(), i = B(() => {
+    if (Ze(g))
+      return [];
+    const h = et(g) ? g : [g];
+    if (b === T.TREE) {
+      const v = q(y), N = mt(f, y);
+      return h.map((C) => {
+        const R = N.find((O) => v.getValue(O) === C);
+        return R || (p == null ? void 0 : p(C));
+      }).filter((C) => !!C);
+    }
+    return h.map((v) => {
+      const N = f.find((C) => C[y.value] === v);
+      return N || (p == null ? void 0 : p(v));
+    }).filter((v) => !!v);
+  }, [g, f, b, y, p]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: L("bsy-select-input-container", {
+        disabled: o,
+        multiple: l === A.MULTIPLE,
+        active: c,
+        "ghost-style": d
+      }),
+      ref: E,
+      children: /* @__PURE__ */ I("div", { className: L("bsy-select-input-container-input"), children: [
+        a && /* @__PURE__ */ t("div", { className: "bsy-select-input-container-input-prefix", children: a }),
+        i != null && i.length ? /* @__PURE__ */ I(ce, { children: [
+          l === A.SINGLE && /* @__PURE__ */ t(
+            Ce,
+            {
+              value: i,
+              labelRender: u,
+              inputValueStyle: m
+            }
+          ),
+          l === A.MULTIPLE && /* @__PURE__ */ t(
+            Ve,
+            {
+              value: i,
+              labelRender: u,
+              tagStyle: x
+            }
+          )
+        ] }) : /* @__PURE__ */ t("div", { className: "bsy-select-input-container__input-value-placeholder truncate", children: e }),
+        /* @__PURE__ */ t("div", { className: L("bsy-select-input-container__icon"), children: /* @__PURE__ */ t(Ne, { mode: "wait", children: i != null && i.length && n && _ ? /* @__PURE__ */ t(ie.div, { ...ye, children: /* @__PURE__ */ t(
+          X,
+          {
+            name: "cancel",
+            className: "icon hover:text-[#0265ff] text-[#666]",
+            role: "button",
+            "aria-label": "clear",
+            onClick: (h) => {
+              h.stopPropagation(), r == null || r();
+            }
+          }
+        ) }, "cancel") : /* @__PURE__ */ t(ie.div, { ...ye, children: s ? s(c, o) : /* @__PURE__ */ t(
+          X,
+          {
+            name: "arrow-down",
+            className: L("icon", {
+              active: c,
+              "text-[#c2c2c2]": o,
+              "text-[#666]": !o
+            })
+          }
+        ) }, "arrow") }) })
+      ] })
+    }
+  );
+};
+Pe.displayName = "BsySelectInput";
+const Re = de((e) => {
+  const {
+    options: l,
+    value: n,
+    onSelect: r,
+    searchValue: o = "",
+    fieldNames: u,
+    optionRender: f,
+    optionStyle: b
+  } = e, { otherInputPosition: a } = j(), {
+    otherOptionValue: s,
+    setOtherOptionValue: d,
+    onOtherInputChange: m,
+    isSelectedOtherOption: x = !1
+  } = Le(), E = z(null), _ = q(u);
+  return /* @__PURE__ */ t("ul", { role: "listbox", children: l.map((c, g) => {
+    const p = _.getValue(c), y = _.getLabel(c), i = c.systemField || !1, h = c.isOther === !0, v = h && a === "inline" && y.length > 6 ? y.slice(0, 6) + "..." : y, N = h ? x : p === n;
+    return /* @__PURE__ */ I(
+      "li",
+      {
+        role: "option",
+        "aria-selected": N,
+        className: L("cursor-pointer rounded-[4px] py-[7px] px-[10px] min-h-[34px]", {
+          "hover:bg-[#f3f3f3]": !N,
+          "text-[#4d609f]": i && !N,
+          "text-[#0265ff] bg-[#f0f6ff]": N,
+          "flex items-center": h && a === "inline"
+        }),
+        style: b,
+        onClick: () => {
+          r(p, c);
+        },
+        children: [
+          /* @__PURE__ */ t("div", { title: y, children: f ? f(c, { index: g }, N) : /* @__PURE__ */ t(xe, { text: v, highlight: o }) }),
+          h && a === "inline" && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "ml-2 flex-1",
+              onClick: (C) => C.stopPropagation(),
+              style: {
+                minWidth: "146px"
+              },
+              children: /* @__PURE__ */ t(
+                st,
+                {
+                  ref: E,
+                  value: s,
+                  onChange: (C) => {
+                    const R = C.target.value;
+                    d == null || d(R), m == null || m(R);
+                  },
+                  onPressEnter: () => {
+                    s && r(p, c);
+                  },
+                  onBlur: () => {
+                    s && r(p, c);
+                  },
+                  placeholder: "请输入内容"
+                }
+              )
+            }
+          )
+        ]
+      },
+      `${p}-${g}`
+    );
+  }) });
+});
+Re.displayName = "BsySingleSelect";
+const Me = (e) => {
+  const { t: l } = Y(), { options: n, searchValue: r = "", value: o, onSelect: u, fieldNames: f, optionRender: b } = e, a = q(f), s = o || [], d = n.filter((_) => !_.isOther), m = d.length > 0 && d.every((_) => s.includes(a.getValue(_))), x = (_) => {
+    const c = d.filter((g) => _.includes(a.getValue(g)));
+    u(_, c);
+  }, E = () => {
+    const _ = m ? [] : d.map((g) => a.getValue(g)), c = m ? [] : d.filter((g) => s.includes(a.getValue(g)));
+    u(_, c);
+  };
+  return /* @__PURE__ */ t("div", { className: "bsy-multiple-select", children: /* @__PURE__ */ I("ul", { className: "bsy-multiple-select-list", children: [
+    /* @__PURE__ */ t(
+      "li",
+      {
+        className: L(
+          "flex items-center gap-[8px]",
+          "cursor-pointer hover:bg-[#f3f3f3] rounded-[4px] min-h-[34px]",
+          "bsy-multiple-select-item"
+        ),
+        children: /* @__PURE__ */ t(
+          le,
+          {
+            checked: m,
+            onChange: E,
+            indeterminate: s.length > 0 && s.length < d.length,
+            style: { padding: "7px 10px" },
+            children: /* @__PURE__ */ t("span", { className: "font-bold text-[#0265ff]", children: l(r ? "allSelectedBySearch" : "allSelect") })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(le.Group, { value: s, onChange: x, children: d.map((_, c) => {
+      const g = a.getValue(_), p = a.getLabel(_), y = s.includes(g), i = _.systemField || !1;
+      return /* @__PURE__ */ t(
+        "li",
+        {
+          className: L(
+            "flex items-center gap-[8px] min-h-[34px]",
+            "cursor-pointer  rounded-[4px]",
+            "bsy-multiple-select-item",
+            {
+              "hover:bg-[#f3f3f3]": !0,
+              "text-[#0265ff]": y,
+              "text-[#4d609f]": i && !y
+            }
+          ),
+          children: /* @__PURE__ */ t(le, { value: g, style: { padding: "7px 10px" }, children: b ? b(_, { index: c }, y) : /* @__PURE__ */ t(xe, { text: p, highlight: r }) })
+        },
+        `${g}-${c}`
+      );
+    }) })
+  ] }) });
+};
+Me.displayName = "BsyMultipleSelect";
+const _t = (e) => {
+  const { options: l, searchValue: n, value: r, onSelect: o, fieldNames: u } = e;
+  return /* @__PURE__ */ t("div", { className: "bsy-tree-select", children: /* @__PURE__ */ t("div", { className: "bsy-tree-select-nodes", children: /* @__PURE__ */ t(
+    lt,
+    {
+      data: l,
+      searchValue: n,
+      fieldNames: u ? {
+        title: u.label,
+        value: u.value,
+        children: u.children
+      } : void 0,
+      selectedKeys: r ? [r] : [],
+      onSelect: o
+    }
+  ) }) });
+}, gt = (e, l) => {
+  const n = [], r = (o) => {
+    if (o)
+      for (const u of o)
+        n.push(u), r(u[l.children]);
+  };
+  return r(e), n;
+}, Ae = (e, l, n) => e.reduce((r, o) => {
+  const u = o[n.children] ? Ae(o[n.children], l, n) : void 0;
+  if (l.has(o[n.value]) || u && u.length > 0) {
+    const f = l.has(o[n.value]) ? o[n.children] : u;
+    r.push({ ...o, children: f });
+  }
+  return r;
+}, []), yt = (e) => {
+  const { options: l = [], searchValue: n = "", type: r, filterOption: o, optionRender: u, optionStyle: f } = e, { t: b } = Y(), { value: a, setIsOpen: s, setValue: d } = Z(), { fieldNames: m } = j(), x = B(() => r === T.TREE ? gt(l, m) : l, [l, m, r]), E = B(
+    () => new it(x, {
+      keys: [m.label],
+      ignoreLocation: !0,
+      threshold: 0.3
+    }),
+    [x, m]
+  ), _ = D(
+    (i, h) => {
+      s == null || s(!1), d(i, h);
+    },
+    [s, d]
+  ), c = D(
+    (i, h) => {
+      d(i, h);
+    },
+    [d]
+  ), g = D(
+    (i, h) => {
+      s == null || s(!1), d(i, h);
+    },
+    [s, d]
+  ), p = () => {
+    if (!o || ge(n))
+      return l;
+    const i = E.search(n), h = new Set(i.map((v) => v.item[m.value]));
+    return r === T.TREE ? Ae(l, h, m) : l.filter((v) => h.has(v[m.value]));
+  };
+  return /* @__PURE__ */ t(ce, { children: (() => {
+    const i = {
+      options: p(),
+      searchValue: n,
+      optionStyle: f
+    };
+    if (!ge(n) && i.options.length === 0)
+      return /* @__PURE__ */ t(re, { text: b("noDataFound") });
+    switch (r) {
+      case T.SINGLE:
+        return /* @__PURE__ */ t(
+          Re,
+          {
+            ...i,
+            value: a,
+            fieldNames: m,
+            onSelect: _,
+            optionRender: u
+          }
+        );
+      case T.MULTIPLE:
+        return /* @__PURE__ */ t(
+          Me,
+          {
+            ...i,
+            value: a,
+            fieldNames: m,
+            onSelect: c,
+            optionRender: u
+          }
+        );
+      case T.TREE:
+        return /* @__PURE__ */ t(
+          _t,
+          {
+            ...i,
+            value: a,
+            fieldNames: m,
+            onSelect: g
+          }
+        );
+      default:
+        return null;
+    }
+  })() });
+}, Te = (e) => {
+  const {
+    options: l = [],
+    type: n = T.SINGLE,
+    filterOption: r = !0,
+    onSearch: o,
+    showSearch: u,
+    searchPlaceholder: f,
+    onPopupScroll: b
+  } = e, { t: a } = Y(), { searchValue: s = "", setSearchValue: d } = Z(), m = ve(s), x = (c) => {
+    d == null || d(c), o == null || o(c);
+  }, E = () => e.fetching ? /* @__PURE__ */ t(re, { text: a("dataSearching") }) : l.length === 0 && !s ? /* @__PURE__ */ t(re, { text: a("noData") }) : /* @__PURE__ */ t(
+    yt,
+    {
+      searchValue: m,
+      options: l,
+      type: n,
+      filterOption: r,
+      optionRender: e.optionRender,
+      optionStyle: e.optionStyle
+    }
+  ), _ = (c) => {
+    const g = c != null && c.currentTarget ? c : { currentTarget: c };
+    b == null || b(g);
+  };
+  return /* @__PURE__ */ t(ie.div, { ...tt, children: /* @__PURE__ */ t("div", { className: "bsy-select-panel", children: /* @__PURE__ */ I(je, { children: [
+    u && /* @__PURE__ */ t(
+      nt,
+      {
+        value: s,
+        onChange: x,
+        searchPlaceholder: f
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: L({
+          "pt-[4px]": u
+        }),
+        children: /* @__PURE__ */ t(rt, { style: { maxHeight: 300 }, onScroll: _, children: E() })
+      }
+    )
+  ] }) }) });
+};
+Te.displayName = "BsySelectPanel";
+const St = be((e, l) => {
+  const {
+    options: n = [],
+    type: r = T.SINGLE,
+    fieldNames: o,
+    clearable: u = !0,
+    disabled: f = !1,
+    placeholder: b,
+    labelRender: a,
+    onOtherInputChange: s,
+    onOpenChange: d,
+    onPopupScroll: m,
+    prefix: x,
+    suffixIcon: E,
+    ghost: _,
+    inputValueStyle: c,
+    tagStyle: g,
+    zIndex: p = 1101,
+    zIndexMask: y = 1100,
+    otherInputPosition: i = "bottom",
+    popupMinWidth: h
+  } = e, v = at[r], { t: N } = Y(), C = qe(), { onChange: R } = e, O = o || Se, [P, w] = Qe(e, {
+    defaultValue: v === A.SINGLE ? void 0 : [],
+    defaultValuePropName: "defaultValue",
+    valuePropName: "value",
+    trigger: "__NO_CUSTOM_CHANGE__"
+  }), [ee, K] = se(""), W = z(/* @__PURE__ */ new Map()), [U, $] = se(() => {
+    if (v === A.SINGLE) {
+      const S = n.every((V) => V[O.value] !== P), M = n.find((V) => V.isOther === !0);
+      return S && M ? P : void 0;
+    }
+  }), J = D(
+    (S, M) => {
+      if (w(S), M) {
+        const V = /* @__PURE__ */ new Map();
+        if (Array.isArray(S)) {
+          const $e = Array.isArray(M) ? M : [];
+          S.forEach((te) => {
+            const me = $e.find((ne) => (ne == null ? void 0 : ne[O.value]) === te);
+            te !== null && me && V.set(te, me);
+          });
+        } else
+          S !== null && !Array.isArray(M) && V.set(S, M);
+        W.current = V;
+      }
+      R && R(S, M);
+    },
+    [R, w, O]
+  ), [G, { set: pe }] = Xe(!1), H = D(
+    (S) => {
+      S !== G && (pe(S), d == null || d(S));
+    },
+    [pe, d, G]
+  ), { isSelectedOtherOption: Q, shouldShowOtherInput: we } = B(() => {
+    if (v === A.MULTIPLE)
+      return { isSelectedOtherOption: !1, shouldShowOtherInput: !1 };
+    const S = n.find((V) => V[O.value] === P);
+    return S ? {
+      isSelectedOtherOption: S.isOther === !0,
+      shouldShowOtherInput: S.isOther === !0
+    } : n.find((V) => V.isOther === !0) && P ? { isSelectedOtherOption: !0, shouldShowOtherInput: !0 } : { isSelectedOtherOption: !1, shouldShowOtherInput: !1 };
+  }, [P, n, O, v]), he = D(() => {
+    if (P) {
+      if (v === A.SINGLE) {
+        const S = n.every((V) => V[O.value] !== P), M = n.find((V) => V.isOther === !0);
+        if (S && M)
+          return M[O.value];
+      }
+      return P;
+    } else
+      return P;
+  }, [P, n, O, v]), Fe = B(
+    () => ({
+      value: he(),
+      setValue: J,
+      isOpen: G,
+      setIsOpen: H,
+      getCachedOptionByValue: (S) => W.current.get(S),
+      searchValue: ee,
+      setSearchValue: K
+    }),
+    [he, J, G, H, ee]
+  ), Ge = B(
+    () => ({
+      fieldNames: o || Se,
+      disabled: f,
+      otherInputPosition: i
+    }),
+    [o, f, i]
+  ), ke = B(
+    () => ({
+      isSelectedOtherOption: Q,
+      otherOptionValue: U,
+      setOtherOptionValue: $,
+      onOtherInputChange: s
+    }),
+    [Q, U, $, s]
+  ), { refs: fe, floatingStyles: Be, getReferenceProps: De, getFloatingProps: Ue, referenceStyle: He } = ct({
+    isOpen: G,
+    close: () => {
+      H(!1);
+    },
+    showMask: e.showMask,
+    zIndex: p,
+    zIndexMask: y,
+    popupMinWidth: h,
+    offset: {
+      x: 0,
+      y: 4
+    }
+  }), We = D(() => {
+    Q && ($(""), s == null || s("")), H(!1), W.current.clear(), J(v === A.SINGLE ? void 0 : []);
+  }, [Q, s, J, v, H]);
+  return Ke(
+    l,
+    () => ({
+      getOtherOptionValue: () => U,
+      setOtherOptionValue: (S) => {
+        $(S), s == null || s(S);
+      }
+    }),
+    [U, s]
+  ), /* @__PURE__ */ t(Ee.Provider, { value: Fe, children: /* @__PURE__ */ t(Oe.Provider, { value: Ge, children: /* @__PURE__ */ t(Ie.Provider, { value: ke, children: /* @__PURE__ */ I(
+    "div",
+    {
+      className: L("bsy-select-container text-sm", e.className),
+      style: e.style,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            ref: fe.setReference,
+            className: L("bsy-select-input-event", e.inputClassName),
+            ...De(),
+            style: He,
+            onClick: () => {
+              e.disabled || H(!0);
+            },
+            role: "combobox",
+            "aria-expanded": G,
+            "aria-haspopup": "listbox",
+            "aria-controls": C,
+            "aria-disabled": f,
+            children: /* @__PURE__ */ t(
+              Pe,
+              {
+                mode: v,
+                clearable: u,
+                disabled: f,
+                placeholder: b || N("select"),
+                labelRender: a,
+                options: n,
+                type: r,
+                prefix: x,
+                suffixIcon: E,
+                ghost: _,
+                inputValueStyle: c,
+                tagStyle: g,
+                onClear: We
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(ot, { children: /* @__PURE__ */ t(Ne, { children: G && /* @__PURE__ */ I(ce, { children: [
+          e.showMask && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "bsy-select-mask",
+              style: {
+                zIndex: y
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              ref: fe.setFloating,
+              style: Be,
+              ...Ue(),
+              id: C,
+              children: /* @__PURE__ */ t(Te, { ...e, options: n, onPopupScroll: m })
+            }
+          )
+        ] }) }) }),
+        we && i === "bottom" ? e.otherOptionRender ? e.otherOptionRender(U, n) : /* @__PURE__ */ t(
+          "div",
+          {
+            className: L(
+              "mt-[6px] w-full px-[10px] py-[7px] bg-white rounded-[4px]",
+              "border border-[#e0e0e0]"
+            ),
+            children: /* @__PURE__ */ t(
+              "input",
+              {
+                value: U || "",
+                onChange: (S) => {
+                  $(S.target.value), s == null || s(S.target.value);
+                },
+                className: "w-full outline-none border-none placeholder:text-[#999]",
+                placeholder: N("context"),
+                "aria-label": "其他选项输入框",
+                role: "textbox"
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  ) }) }) });
+});
+St.displayName = "BsySelect";
+export {
+  A as M,
+  St as S,
+  T as a
+};