@baishuyun/ui-base 2.0.0 → 2.2.0

package/dist/Select/Select-C3abXG27.js

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