@baishuyun/ui-base 2.3.1 → 2.3.2

package/dist/Select/SelectInputSearch-ChUpUgxa.js

@@ -1,34 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { I as t } from "../Icon/Icon-CBlIwtp2.js";
-import { u as o } from "../vendors/useLocale-DgqW9M3h.js";
-const p = (r) => {
-  const { t: a } = o(), { searchPlaceholder: l = a("search"), value: c = "", onChange: s } = r;
-  return /* @__PURE__ */ e("div", { className: "bsy-select-input-search", children: /* @__PURE__ */ n("div", { className: "bsy-select-input-search-input", children: [
-    /* @__PURE__ */ e("div", { className: "bsy-select-input-search-input__icon flex items-center justify-center", children: /* @__PURE__ */ e(t, { name: "search", style: { color: "#666", fontSize: 16 } }) }),
-    /* @__PURE__ */ e("div", { className: "bsy-select-input-search-input__container", children: /* @__PURE__ */ e(
-      "input",
-      {
-        type: "text",
-        placeholder: l,
-        value: c,
-        onChange: (i) => s == null ? void 0 : s(i.target.value),
-        role: "searchbox",
-        "aria-label": "search options"
-      }
-    ) }),
-    c && /* @__PURE__ */ e(
-      "div",
-      {
-        className: "bsy-select-input-search-input__icon flex items-center justify-center cursor-pointer",
-        onClick: () => s == null ? void 0 : s(""),
-        role: "button",
-        "aria-label": "clear search",
-        children: /* @__PURE__ */ e(t, { name: "close" })
-      }
-    )
-  ] }) });
-};
-p.displayName = "BsySelectInputSearch";
-export {
-  p as S
-};

package/dist/Tabs/TabSelect-DL8Bhehc.js

@@ -1,445 +0,0 @@
-import { jsx as t, jsxs as k, Fragment as O } from "react/jsx-runtime";
-import { FloatingPortal as G } from "@floating-ui/react";
-import { AnimatePresence as V, motion as z } from "motion/react";
-import { useEventListener as K, useMutationObserver as q, useControllableValue as B, useToggle as Y } from "ahooks";
-import { u as H } from "../vendors/useFloatingPortal-9VUFOAOG.js";
-import { createContext as J, useContext as W, useRef as P, useState as A, useCallback as F, useLayoutEffect as M } from "react";
-import { c as m } from "../vendors/clsx-OuTLNxxd.js";
-import { h as Q } from "../vendors/color-VzwvCPhF.js";
-import { i as U } from "../vendors/lodash-es-DFpaJB4Y.js";
-import { I as Z } from "../Icon/Icon-CBlIwtp2.js";
-import { P as ee } from "../vendors/index-MTmG1Ezy.js";
-const c = {
-  LINE: "line",
-  CARD: "card",
-  FILLED_CARD: "filled-card",
-  BADGE_CARD: "badge-card"
-}, D = J({
-  color: "#0269ff",
-  type: c.LINE
-}), te = "_active_1oc43_18", ae = "_disabled_1oc43_26", se = "_line_1oc43_44", le = "_card_1oc43_53", u = {
-  "bsy-tab": "_bsy-tab_1oc43_1",
-  "badge-card": "_badge-card_1oc43_9",
-  active: te,
-  disabled: ae,
-  line: se,
-  card: le,
-  "filled-card": "_filled-card_1oc43_78"
-}, re = (e, n = 24) => e.length <= n ? e : e.slice(0, n) + "...", w = (e) => typeof e == "string" ? re(e) : e, X = ({ label: e, active: n = !1, onClick: r, tabKey: l }) => {
-  const { type: d = c.LINE, disabled: s, color: f } = W(D), a = U(e) ? e : "", y = () => {
-    s || r == null || r(l);
-  }, i = {
-    "data-tab-item": !0,
-    "data-tab-key": l,
-    role: "tab",
-    "aria-selected": n,
-    "aria-controls": `panel-${l}`,
-    onClick: y
-  };
-  return d === c.LINE ? /* @__PURE__ */ t(
-    "div",
-    {
-      ...i,
-      className: m(u["bsy-tab"], u.line, {
-        [u.disabled]: s,
-        [u.active]: n
-      }),
-      title: a,
-      children: w(e)
-    }
-  ) : d === c.CARD ? /* @__PURE__ */ t(
-    "div",
-    {
-      ...i,
-      className: m(u["bsy-tab"], u.card, {
-        [u.active]: n,
-        [u.disabled]: s
-      }),
-      title: a,
-      style: {
-        "--theme-bg-color": Q(f, 0.1)
-      },
-      children: /* @__PURE__ */ t("span", { children: w(e) })
-    }
-  ) : d === c.FILLED_CARD ? /* @__PURE__ */ t(
-    "div",
-    {
-      ...i,
-      className: m(u["bsy-tab"], u["filled-card"], {
-        [u.active]: n,
-        [u.disabled]: s
-      }),
-      title: a,
-      children: w(e)
-    }
-  ) : d === c.BADGE_CARD ? /* @__PURE__ */ t(
-    "div",
-    {
-      ...i,
-      className: m(u["bsy-tab"], u["badge-card"], {
-        [u.active]: n,
-        [u.disabled]: s
-      }),
-      title: a,
-      children: /* @__PURE__ */ t("span", { children: w(e) })
-    }
-  ) : null;
-};
-X.displayName = "BsyTab";
-const ne = ({ disabled: e, children: n }) => {
-  const r = P(null), l = P(null), [d, s] = A(!1), [f, a] = A(!1), [y, i] = A(!1), [o, _] = A(0), h = F(() => {
-    const g = r.current, N = l.current;
-    if (!g || !N) return;
-    const v = g.clientWidth, C = N.scrollWidth, L = C > v;
-    if (s(L), L) {
-      const x = o < 0;
-      a(x);
-      const I = -(C - v), T = o > I;
-      i(T);
-    } else
-      a(!1), i(!1), _(0);
-  }, [o]), b = () => {
-    if (!f || e) return;
-    const g = r.current;
-    if (!g) return;
-    const N = g.clientWidth * 0.6, v = Math.min(0, o + N);
-    _(v);
-  }, E = () => {
-    if (!y || e) return;
-    const g = r.current, N = l.current;
-    if (!g || !N) return;
-    const v = g.clientWidth * 0.6, C = g.clientWidth, L = -(N.scrollWidth - C), x = Math.max(L, o - v);
-    _(x);
-  };
-  return K("resize", () => h()), M(() => {
-    h();
-  }, [o, n, h]), {
-    listRef: r,
-    wrapperRef: l,
-    showControls: d,
-    canScrollLeft: f,
-    canScrollRight: y,
-    translateX: o,
-    scrollLeft: b,
-    scrollRight: E
-  };
-}, ce = ({
-  activeKey: e,
-  type: n,
-  showIndicator: r,
-  wrapperRef: l,
-  items: d
-}) => {
-  const [s, f] = A({
-    width: 0,
-    left: 0,
-    ready: !1
-  }), a = F(
-    (i) => {
-      if (!r || !l.current) return;
-      const o = l.current.getBoundingClientRect(), _ = i.getBoundingClientRect(), h = _.left - o.left, b = _.width;
-      f({
-        width: b,
-        left: h,
-        ready: !0
-      });
-    },
-    [r, l]
-  ), y = (i) => {
-    a(i);
-  };
-  return M(() => {
-    if (!e || !l.current) return;
-    const i = l.current.querySelector(
-      `[data-tab-key="${e}"]`
-    );
-    i && r && a(i);
-  }, [e, r, l, a, n, d]), q(
-    () => {
-      var o;
-      if (!r) return;
-      const i = (o = l.current) == null ? void 0 : o.querySelector('[aria-selected="true"]');
-      i && a(i);
-    },
-    l,
-    {
-      subtree: !0,
-      characterData: !0
-    }
-  ), {
-    indicatorStyle: s,
-    handleTabClick: y
-  };
-}, $ = ({ children: e, activeKey: n, className: r, style: l, items: d }) => {
-  const { type: s = c.LINE, color: f, disabled: a } = W(D), y = [c.LINE, c.CARD].includes(s), {
-    listRef: i,
-    wrapperRef: o,
-    showControls: _,
-    canScrollLeft: h,
-    canScrollRight: b,
-    translateX: E,
-    scrollLeft: g,
-    scrollRight: N
-  } = ne({
-    disabled: a,
-    children: e
-  }), { indicatorStyle: v, handleTabClick: C } = ce({
-    activeKey: n,
-    type: s,
-    showIndicator: y,
-    wrapperRef: o,
-    items: d
-  }), L = v.ready, x = (S) => {
-    if (a) return;
-    const T = S.target.closest("[data-tab-item]");
-    T && C(T);
-  };
-  return /* @__PURE__ */ k("div", { className: m("relative max-h-[36px]", r), style: l, children: [
-    _ && /* @__PURE__ */ t(
-      "button",
-      {
-        className: m(
-          "absolute left-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center",
-          {
-            "text-gray-400 cursor-not-allowed": !h || a,
-            "text-gray-600": h && !a
-          }
-        ),
-        onClick: g,
-        disabled: !h || a,
-        "aria-label": "向左滚动",
-        children: /* @__PURE__ */ t("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M15 19l-7-7 7-7"
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: m({
-          "pl-8": _,
-          "pr-8": _
-        }),
-        children: /* @__PURE__ */ t(
-          "div",
-          {
-            ref: i,
-            className: m("overflow-hidden", {
-              "border-b border-[#e0e0e0]": s === c.LINE,
-              "border-b-2": s === c.FILLED_CARD || s === c.BADGE_CARD,
-              "pb-[2px]": s === c.BADGE_CARD
-            }),
-            style: {
-              borderColor: s !== c.LINE ? f : void 0
-            },
-            children: /* @__PURE__ */ k(
-              "div",
-              {
-                ref: o,
-                role: "tablist",
-                className: m("relative text-sm flex flex-nowrap", {
-                  "gap-x-[26px]": s === c.LINE,
-                  "gap-x-[10px]": s === c.FILLED_CARD || s === c.BADGE_CARD,
-                  "bg-[#f0f0f0]": s === c.CARD
-                }),
-                onClick: x,
-                style: {
-                  "--theme-color": f,
-                  transform: `translateX(${E}px)`,
-                  transition: "transform 0.3s ease-in-out"
-                },
-                children: [
-                  e,
-                  y && v.ready && /* @__PURE__ */ t(
-                    "div",
-                    {
-                      className: m("absolute h-0.5", {
-                        "bottom-0": s === c.LINE,
-                        "top-0": s === c.CARD,
-                        "transition-all duration-300 ease-in-out": L
-                      }),
-                      style: {
-                        backgroundColor: f,
-                        width: `${v.width}px`,
-                        left: `${v.left}px`
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      }
-    ),
-    _ && /* @__PURE__ */ t(
-      "button",
-      {
-        className: m(
-          "absolute right-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center",
-          {
-            "text-gray-400 cursor-not-allowed": !b || a,
-            "text-gray-600": b && !a
-          }
-        ),
-        onClick: N,
-        disabled: !b || a,
-        "aria-label": "向右滚动",
-        children: /* @__PURE__ */ t("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
-      }
-    )
-  ] });
-};
-$.displayName = "BsyTabList";
-const j = ({ items: e, activeKey: n, className: r }) => {
-  const l = e.find((d) => d.key === n);
-  return !l || !l.children ? null : /* @__PURE__ */ t("div", { className: r, role: "tabpanel", "aria-labelledby": `tab-${n}`, children: l.children });
-};
-j.displayName = "BsyTabPanel";
-const R = (e) => {
-  var s, f;
-  const [n, r] = B(e, {
-    defaultValuePropName: "defaultActiveKey",
-    valuePropName: "activeKey",
-    trigger: "onChange"
-  }), l = (s = e.items) == null ? void 0 : s.some((a) => a.children), d = e.color || "#0265ff";
-  return /* @__PURE__ */ t(D.Provider, { value: { color: d, type: e.type, disabled: e.disabled }, children: /* @__PURE__ */ k("div", { className: "bsy-tabs", children: [
-    /* @__PURE__ */ t($, { items: e.items, activeKey: n, children: (f = e.items) == null ? void 0 : f.map((a) => /* @__PURE__ */ t(
-      X,
-      {
-        tabKey: a.key,
-        label: a.label,
-        active: n === a.key,
-        onClick: (y) => r(y)
-      },
-      a.key
-    )) }),
-    l && e.items && /* @__PURE__ */ t(j, { items: e.items, activeKey: n, className: "bsy-tabs__content" })
-  ] }) });
-};
-R.displayName = "BsyTabs";
-const ie = "_active_5a1wn_11", oe = "_icon_5a1wn_45", p = {
-  "bsy-tabs-select__trigger": "_bsy-tabs-select__trigger_5a1wn_1",
-  active: ie,
-  "bsy-tabs-select__trigger-icon": "_bsy-tabs-select__trigger-icon_5a1wn_14",
-  "bsy-tabs-select__trigger-input": "_bsy-tabs-select__trigger-input_5a1wn_17",
-  "bsy-tabs-select__panel": "_bsy-tabs-select__panel_5a1wn_21",
-  "bsy-tabs-select__panel-item": "_bsy-tabs-select__panel-item_5a1wn_32",
-  icon: oe
-}, de = (e) => {
-  const { color: n = "#0269ff" } = e, [r, { toggle: l, setLeft: d }] = Y(!1), { refs: s, floatingStyles: f, getFloatingProps: a, getReferenceProps: y, referenceStyle: i } = H({
-    isOpen: r,
-    close: d,
-    offset: {
-      x: 0,
-      y: 4
-    },
-    zIndex: 1e3
-  }), [o, _] = B(e, {
-    trigger: "onChange",
-    defaultValuePropName: "defaultValue",
-    valuePropName: "value",
-    defaultValue: c.LINE
-  }), h = Object.values(c).map((b) => ({
-    label: b,
-    value: b
-  }));
-  return /* @__PURE__ */ k("div", { className: p["bsy-tabs-select"], children: [
-    /* @__PURE__ */ k(
-      "div",
-      {
-        className: m(p["bsy-tabs-select__trigger"], {
-          [p.active]: r
-        }),
-        ref: s.setReference,
-        ...y(),
-        style: i,
-        onClick: () => l(),
-        children: [
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: m(p["bsy-tabs-select__trigger-input"], {
-                [p.active]: o
-              }),
-              children: o && /* @__PURE__ */ t(
-                R,
-                {
-                  activeKey: "1",
-                  type: o,
-                  color: n,
-                  disabled: !0,
-                  items: [
-                    {
-                      label: "标签页1",
-                      key: "1"
-                    },
-                    {
-                      label: "标签页2",
-                      key: "2"
-                    },
-                    {
-                      label: "标签页3",
-                      key: "3"
-                    }
-                  ]
-                },
-                o
-              )
-            }
-          ),
-          /* @__PURE__ */ t("div", { className: p["bsy-tabs-select__trigger-icon"], children: /* @__PURE__ */ t(Z, { name: "arrow-down", className: m(p.icon, { active: r }) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(V, { children: r && /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("div", { ref: s.setFloating, style: f, ...a(), children: /* @__PURE__ */ t(z.div, { ...ee, children: /* @__PURE__ */ t("div", { className: p["bsy-tabs-select__panel"], children: h.map((b) => /* @__PURE__ */ t(
-      "div",
-      {
-        className: m(p["bsy-tabs-select__panel-item"], {
-          [p.active]: o === b.value
-        }),
-        onClick: () => {
-          _(b.value), d();
-        },
-        children: /* @__PURE__ */ t(
-          R,
-          {
-            activeKey: "1",
-            type: b.value,
-            disabled: !0,
-            color: n,
-            items: [
-              {
-                label: "标签页1",
-                key: "1"
-              },
-              {
-                label: "标签页2",
-                key: "2"
-              },
-              {
-                label: "标签页3",
-                key: "3"
-              }
-            ]
-          },
-          b.value
-        )
-      },
-      b.value
-    )) }) }) }) }) }) })
-  ] });
-};
-de.displayName = "BsyTabSelect";
-export {
-  R as T,
-  de as a,
-  j as b,
-  c
-};