bj-web-components 0.2.26 → 0.2.27

package/dist/web/CategoryDropdown/CategoryDropdown.mjs

@@ -0,0 +1,260 @@
+import { jsxs as T, jsx as r } from "react/jsx-runtime";
+import { useState as E, useRef as L, useCallback as Q, useLayoutEffect as $, useEffect as U } from "react";
+import { createPortal as Z } from "react-dom";
+/* empty css                       */
+/* empty css                       */
+import X from "../Tooltip/ContentTooltip.mjs";
+import Y from "../Tooltip/TooltipWrapper.mjs";
+function A({
+  text: a,
+  spanClassName: p,
+  wrapperStyle: d,
+  placement: h = "top",
+  getPopupContainer: f,
+  trailing: u
+}) {
+  const [i, m] = E(!1), N = L(null), x = L(null), [o, w] = E(null);
+  function b() {
+    var g;
+    const y = x.current;
+    y && y.scrollWidth > y.offsetWidth && (w(((g = N.current) == null ? void 0 : g.getBoundingClientRect()) ?? null), m(!0));
+  }
+  return /* @__PURE__ */ T(Y, { ref: N, style: d, children: [
+    /* @__PURE__ */ r(
+      "span",
+      {
+        ref: x,
+        className: p,
+        onMouseEnter: b,
+        onMouseLeave: () => m(!1),
+        children: a
+      }
+    ),
+    u,
+    i && o && Z(
+      /* @__PURE__ */ r(
+        "span",
+        {
+          style: {
+            position: "fixed",
+            top: o.top,
+            left: o.left,
+            width: o.width,
+            height: o.height,
+            display: "block",
+            pointerEvents: "none",
+            zIndex: 9999999999
+          },
+          children: /* @__PURE__ */ r(X, { content: a, placement: h, className: "bu-category-dropdown__tooltip" })
+        }
+      ),
+      (f == null ? void 0 : f()) ?? document.body
+    )
+  ] });
+}
+function P() {
+  return /* @__PURE__ */ r("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r("path", { d: "M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z", fill: "#333333" }) });
+}
+function ee() {
+  return (
+    // <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    //   <path d="M6 3.5L10.5 8L6 12.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    // </svg>
+    /* @__PURE__ */ r("svg", { class: "icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "55697", children: /* @__PURE__ */ r("path", { d: "M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z", "p-id": "55698" }) })
+  );
+}
+function te(a, p) {
+  var f;
+  const d = [a];
+  let h = a;
+  for (let u = 0; u < p.length; u++) {
+    const i = h.find((m) => m.value === p[u]);
+    if ((f = i == null ? void 0 : i.children) != null && f.length)
+      d.push(i.children), h = i.children;
+    else
+      break;
+  }
+  return d;
+}
+function H(a, p) {
+  const d = [];
+  let h = a;
+  for (const f of p) {
+    const u = h.find((i) => i.value === f);
+    if (!u) break;
+    d.push(u), h = u.children ?? [];
+  }
+  return d;
+}
+function ae({
+  data: a,
+  value: p = [],
+  onChange: d,
+  placeholder: h = "请选择分类",
+  disabled: f = !1,
+  maxVisible: u = 6,
+  className: i,
+  style: m,
+  getPopupContainer: N,
+  dropdownStyle: x
+}) {
+  const [o, w] = E(!1), [b, y] = E(p), g = L(null), j = L(null), S = L(null), z = L(!1), [D, q] = E({}), [B, F] = E(), C = Q(() => {
+    var _;
+    if (!g.current) return;
+    const n = g.current.getBoundingClientRect();
+    let e = 0, t = g.current.parentElement;
+    for (; t && t !== document.documentElement; ) {
+      const R = parseInt(window.getComputedStyle(t).zIndex, 10);
+      if (!isNaN(R) && R > e && (e = R), t.parentElement)
+        for (const v of t.parentElement.children) {
+          if (v === t || !(v instanceof HTMLElement)) continue;
+          const k = parseInt(window.getComputedStyle(v).zIndex, 10);
+          !isNaN(k) && k > e && (e = k);
+        }
+      t = t.parentElement;
+    }
+    const l = ((_ = S.current) == null ? void 0 : _.offsetHeight) ?? 0, s = window.innerHeight - n.bottom, c = n.top, M = l > 0 && s < l + 4 && c > s;
+    q({
+      position: "fixed",
+      top: M ? n.top - l - 4 : n.bottom + 4,
+      left: n.left,
+      zIndex: e > 0 ? e + 10 : 1100,
+      ...x
+    });
+  }, [x]);
+  $(() => {
+    o && C();
+  }, [o, b, C]), $(() => {
+    const n = o && !z.current;
+    if (z.current = o, !o || !S.current) return;
+    const e = S.current.querySelectorAll(".bu-category-dropdown__col");
+    e.forEach((s) => {
+      s.style.width = "";
+    });
+    let t = 0;
+    e.forEach((s) => {
+      s.offsetWidth > t && (t = s.offsetWidth);
+    });
+    const l = n ? t : Math.max(B ?? 0, t);
+    e.forEach((s) => {
+      s.style.width = l ? `${l}px` : "";
+    }), l !== B && F(l || void 0);
+  }, [o, b]), U(() => {
+    if (!o) return;
+    function n(t) {
+      var s, c;
+      const l = t.target;
+      (s = g.current) != null && s.contains(l) || (c = j.current) != null && c.contains(l) || w(!1);
+    }
+    function e() {
+      w(!1);
+    }
+    return document.addEventListener("mousedown", n), document.addEventListener("scroll", e, !0), window.addEventListener("resize", C), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", C);
+    };
+  }, [o, C]);
+  const O = H(a, p), W = O.length > 0, G = W ? O.map((n) => n.label).join(" / ") : null, V = te(a, b);
+  function I(n, e) {
+    var l;
+    if (e.disabled) return;
+    const t = b.slice(0, n + 1);
+    if (t[n] = e.value, y(t), !((l = e.children) != null && l.length)) {
+      const s = H(a, t);
+      d == null || d(t, s), w(!1);
+    }
+  }
+  function J() {
+    y(p), w(!0);
+  }
+  const K = [
+    "bu-category-dropdown__trigger",
+    o ? "bu-category-dropdown__trigger--open" : "",
+    W ? "bu-category-dropdown__trigger--has-value" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ T(
+    "div",
+    {
+      ref: g,
+      className: `bu-category-dropdown${i ? ` ${i}` : ""}`,
+      style: m,
+      children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: K,
+            disabled: f,
+            onClick: () => o ? w(!1) : J(),
+            children: /* @__PURE__ */ r(
+              A,
+              {
+                text: G ?? h,
+                spanClassName: `bu-category-dropdown__trigger-label${W ? "" : " bu-category-dropdown__trigger-label--placeholder"}`,
+                wrapperStyle: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 8 },
+                getPopupContainer: N,
+                trailing: /* @__PURE__ */ r("span", { className: `bu-category-dropdown__trigger-chevron${o ? " bu-category-dropdown__trigger-chevron--open" : ""}`, children: /* @__PURE__ */ r(P, {}) })
+              }
+            )
+          }
+        ),
+        o && Z(
+          /* @__PURE__ */ r("div", { ref: j, style: D, className: "bu-category-dropdown__portal", children: /* @__PURE__ */ r("div", { className: "bu-category-dropdown__panel", ref: S, children: V.map((n, e) => {
+            const t = n.length > u, l = e === V.length - 1, s = [
+              "bu-category-dropdown__col",
+              e > 0 ? "bu-category-dropdown__col--indent" : "",
+              t ? "bu-category-dropdown__col--scrollable" : "",
+              l && e > 0 ? "bu-category-dropdown__col--last" : ""
+            ].filter(Boolean).join(" ");
+            return /* @__PURE__ */ T("div", { style: { display: "contents" }, children: [
+              e > 0 && /* @__PURE__ */ r("div", { className: "bu-category-dropdown__divider" }),
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: s,
+                  style: B ? { width: B } : void 0,
+                  onMouseEnter: t ? (c) => c.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible") : void 0,
+                  onMouseLeave: t ? (c) => c.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible") : void 0,
+                  children: n.map((c) => {
+                    var v;
+                    const M = b[e] === c.value, _ = !!((v = c.children) != null && v.length), R = [
+                      "bu-category-dropdown__item",
+                      M && _ ? "bu-category-dropdown__item--selected-branch" : "",
+                      M && !_ ? "bu-category-dropdown__item--selected-leaf" : "",
+                      c.disabled ? "bu-category-dropdown__item--disabled" : ""
+                    ].filter(Boolean).join(" ");
+                    return /* @__PURE__ */ T(
+                      "button",
+                      {
+                        type: "button",
+                        className: R,
+                        disabled: c.disabled,
+                        onClick: () => I(e, c),
+                        children: [
+                          /* @__PURE__ */ r(
+                            A,
+                            {
+                              text: c.label,
+                              spanClassName: "bu-category-dropdown__item-label",
+                              wrapperStyle: { flex: 1, minWidth: 0, display: "block" },
+                              getPopupContainer: N
+                            }
+                          ),
+                          _ && /* @__PURE__ */ r("span", { className: "bu-category-dropdown__item-arrow", children: /* @__PURE__ */ r(ee, {}) })
+                        ]
+                      },
+                      c.value
+                    );
+                  })
+                }
+              )
+            ] }, e);
+          }) }) }),
+          document.body
+        )
+      ]
+    }
+  );
+}
+export {
+  ae as default
+};

package/dist/web/CheckBox/BCheckBox.js

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),t=require("react"),M=require("../Icon/Icon.js"),S=require("./context.js");;/* empty css                */function f(...i){return i.filter(Boolean).join(" ")}const m=t.forwardRef((i,j)=>{const{checked:k,defaultChecked:v=!1,disabled:p,indeterminate:o=!1,children:h,className:C,style:N,onChange:l,onMouseEnter:_,onMouseLeave:B,value:c,skipGroup:E=!1,direction:V="ltr",name:q,variant:x="dark",...w}=i,e=t.useContext(S.CheckBoxGroupContext),[y,D]=t.useState(v),d=t.useRef(c),a=!!(e&&!E),s=a?e.value.includes(c):k??y,r=(e==null?void 0:e.disabled)||p,G=a?e==null?void 0:e.name:q,P=a?(e==null?void 0:e.variant)??x:x;t.useEffect(()=>{if(!(!a||c===void 0))return e==null||e.registerValue(c),()=>e==null?void 0:e.cancelValue(c)},[e,a,c]),t.useEffect(()=>{!a||d.current===c||(d.current!==void 0&&(e==null||e.cancelValue(d.current)),c!==void 0&&(e==null||e.registerValue(c)),d.current=c)},[e,a,c]);const R=b=>{if(r)return;const u=b.target.checked;!a&&k===void 0&&D(u);const I={target:{...i,checked:u},stopPropagation:()=>b.stopPropagation(),preventDefault:()=>b.preventDefault(),nativeEvent:b.nativeEvent};l==null||l(I),a&&c!==void 0&&(e==null||e.toggleOption({label:h,value:c,disabled:r,onChange:l}))};return n.jsxs("label",{className:f("bj-checkbox-wrapper",s&&"bj-checkbox-wrapper--checked",r&&"bj-checkbox-wrapper--disabled",V==="rtl"&&"bj-checkbox-wrapper--rtl",C),onMouseEnter:_,onMouseLeave:B,style:N,children:[n.jsxs("span",{className:f("bj-checkbox",s&&"bj-checkbox--checked",r&&"bj-checkbox--disabled",o&&"bj-checkbox--indeterminate",`bj-checkbox--${P}`),children:[n.jsx("input",{...w,"aria-checked":o?"mixed":s,checked:s,className:"bj-checkbox__input",disabled:r,name:G,onChange:R,ref:j,type:"checkbox",value:typeof c=="boolean"?String(c):c}),n.jsxs("span",{className:"bj-checkbox__inner",children:[s&&!o&&n.jsx(M,{className:"bj-checkbox__check-icon",type:"icon-a-dagouxi"}),o&&n.jsx("span",{className:"bj-checkbox__indeterminate-mark"})]})]}),h!==void 0&&n.jsx("span",{className:"bj-checkbox__label",children:h})]})});m.displayName="BCheckBox";module.exports=m;

package/dist/web/CheckBox/BCheckBox.mjs

@@ -0,0 +1,101 @@
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import { forwardRef as S, useContext as g, useState as L, useRef as O, useEffect as x } from "react";
+import $ from "../Icon/Icon.mjs";
+import { CheckBoxGroupContext as q } from "./context.mjs";
+/* empty css                */
+function u(...r) {
+  return r.filter(Boolean).join(" ");
+}
+const z = S((r, p) => {
+  const {
+    checked: k,
+    defaultChecked: j = !1,
+    disabled: v,
+    indeterminate: o = !1,
+    children: b,
+    className: C,
+    style: N,
+    onChange: i,
+    onMouseEnter: _,
+    onMouseLeave: B,
+    value: c,
+    skipGroup: V = !1,
+    direction: w = "ltr",
+    name: y,
+    variant: m = "dark",
+    ...E
+  } = r, e = g(q), [D, G] = L(j), s = O(c), a = !!(e && !V), t = a ? e.value.includes(c) : k ?? D, n = (e == null ? void 0 : e.disabled) || v, P = a ? e == null ? void 0 : e.name : y, I = a ? (e == null ? void 0 : e.variant) ?? m : m;
+  x(() => {
+    if (!(!a || c === void 0))
+      return e == null || e.registerValue(c), () => e == null ? void 0 : e.cancelValue(c);
+  }, [e, a, c]), x(() => {
+    !a || s.current === c || (s.current !== void 0 && (e == null || e.cancelValue(s.current)), c !== void 0 && (e == null || e.registerValue(c)), s.current = c);
+  }, [e, a, c]);
+  const M = (l) => {
+    if (n) return;
+    const f = l.target.checked;
+    !a && k === void 0 && G(f);
+    const R = {
+      target: { ...r, checked: f },
+      stopPropagation: () => l.stopPropagation(),
+      preventDefault: () => l.preventDefault(),
+      nativeEvent: l.nativeEvent
+    };
+    i == null || i(R), a && c !== void 0 && (e == null || e.toggleOption({ label: b, value: c, disabled: n, onChange: i }));
+  };
+  return /* @__PURE__ */ h(
+    "label",
+    {
+      className: u(
+        "bj-checkbox-wrapper",
+        t && "bj-checkbox-wrapper--checked",
+        n && "bj-checkbox-wrapper--disabled",
+        w === "rtl" && "bj-checkbox-wrapper--rtl",
+        C
+      ),
+      onMouseEnter: _,
+      onMouseLeave: B,
+      style: N,
+      children: [
+        /* @__PURE__ */ h(
+          "span",
+          {
+            className: u(
+              "bj-checkbox",
+              t && "bj-checkbox--checked",
+              n && "bj-checkbox--disabled",
+              o && "bj-checkbox--indeterminate",
+              `bj-checkbox--${I}`
+            ),
+            children: [
+              /* @__PURE__ */ d(
+                "input",
+                {
+                  ...E,
+                  "aria-checked": o ? "mixed" : t,
+                  checked: t,
+                  className: "bj-checkbox__input",
+                  disabled: n,
+                  name: P,
+                  onChange: M,
+                  ref: p,
+                  type: "checkbox",
+                  value: typeof c == "boolean" ? String(c) : c
+                }
+              ),
+              /* @__PURE__ */ h("span", { className: "bj-checkbox__inner", children: [
+                t && !o && /* @__PURE__ */ d($, { className: "bj-checkbox__check-icon", type: "icon-a-dagouxi" }),
+                o && /* @__PURE__ */ d("span", { className: "bj-checkbox__indeterminate-mark" })
+              ] })
+            ]
+          }
+        ),
+        b !== void 0 && /* @__PURE__ */ d("span", { className: "bj-checkbox__label", children: b })
+      ]
+    }
+  );
+});
+z.displayName = "BCheckBox";
+export {
+  z as default
+};

package/dist/web/CheckBox/Group.js

@@ -0,0 +1 @@
+"use strict";const d=require("react/jsx-runtime"),c=require("react"),z=require("./BCheckBox.js"),C=require("./context.js");function M(n){return(n??[]).map(t=>typeof t=="string"||typeof t=="number"?{label:t,value:t}:t)}const h=c.forwardRef(({defaultValue:n=[],value:t,onChange:i,options:f,children:j,disabled:o,name:m,className:k,style:B,direction:O="ltr",variant:v="dark"},y)=>{const[p,g]=c.useState(n),[x,b]=c.useState([]),u=t??p,l=c.useMemo(()=>M(f),[f]);c.useEffect(()=>{t!==void 0&&g(t)},[t]);const q=e=>{b(r=>r.includes(e)?r:[...r,e])},V=e=>{b(r=>r.filter(a=>a!==e))},G=e=>{const r=u.includes(e.value)?u.filter(s=>s!==e.value):[...u,e.value];t===void 0&&g(r);const a=l.length>0?l.map(s=>s.value):x;i==null||i(r.filter(s=>x.includes(s)).sort((s,S)=>a.indexOf(s)-a.indexOf(S)))},N=c.useMemo(()=>({name:m,value:u,disabled:o,variant:v,registerValue:q,cancelValue:V,toggleOption:G}),[o,u,m,x,v]),R=l.length>0?l.map(e=>d.jsx(z,{className:"bj-checkbox-group__item",disabled:e.disabled??o,onChange:e.onChange,style:e.style,value:e.value,children:e.label},String(e.value))):j;return d.jsx("div",{className:["bj-checkbox-group",O==="rtl"?"bj-checkbox-group--rtl":"",k].filter(Boolean).join(" "),ref:y,style:B,children:d.jsx(C.CheckBoxGroupContext.Provider,{value:N,children:R})})});h.displayName="BCheckBox.Group";module.exports=h;

package/dist/web/CheckBox/Group.mjs

@@ -0,0 +1,67 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as S, useState as b, useMemo as h, useEffect as _ } from "react";
+import w from "./BCheckBox.mjs";
+import { CheckBoxGroupContext as E } from "./context.mjs";
+function I(u) {
+  return (u ?? []).map((r) => typeof r == "string" || typeof r == "number" ? { label: r, value: r } : r);
+}
+const M = S(({
+  defaultValue: u = [],
+  value: r,
+  onChange: i,
+  options: m,
+  children: p,
+  disabled: n,
+  name: d,
+  className: k,
+  style: B,
+  direction: O = "ltr",
+  variant: x = "dark"
+}, j) => {
+  const [y, v] = b(u), [f, g] = b([]), s = r ?? y, c = h(() => I(m), [m]);
+  _(() => {
+    r !== void 0 && v(r);
+  }, [r]);
+  const V = (e) => {
+    g((t) => t.includes(e) ? t : [...t, e]);
+  }, G = (e) => {
+    g((t) => t.filter((a) => a !== e));
+  }, N = (e) => {
+    const t = s.includes(e.value) ? s.filter((l) => l !== e.value) : [...s, e.value];
+    r === void 0 && v(t);
+    const a = c.length > 0 ? c.map((l) => l.value) : f;
+    i == null || i(t.filter((l) => f.includes(l)).sort((l, R) => a.indexOf(l) - a.indexOf(R)));
+  }, z = h(() => ({
+    name: d,
+    value: s,
+    disabled: n,
+    variant: x,
+    registerValue: V,
+    cancelValue: G,
+    toggleOption: N
+  }), [n, s, d, f, x]), C = c.length > 0 ? c.map((e) => /* @__PURE__ */ o(
+    w,
+    {
+      className: "bj-checkbox-group__item",
+      disabled: e.disabled ?? n,
+      onChange: e.onChange,
+      style: e.style,
+      value: e.value,
+      children: e.label
+    },
+    String(e.value)
+  )) : p;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: ["bj-checkbox-group", O === "rtl" ? "bj-checkbox-group--rtl" : "", k].filter(Boolean).join(" "),
+      ref: j,
+      style: B,
+      children: /* @__PURE__ */ o(E.Provider, { value: z, children: C })
+    }
+  );
+});
+M.displayName = "BCheckBox.Group";
+export {
+  M as default
+};

package/dist/web/CheckBox/context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.CheckBoxGroupContext=t;

package/dist/web/CheckBox/context.mjs

@@ -0,0 +1,5 @@
+import { createContext as o } from "react";
+const e = o(null);
+export {
+  e as CheckBoxGroupContext
+};

package/dist/web/CheckBox/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./BCheckBox.js"),r=require("./Group.js"),e=o;e.Group=r;e.__ANT_CHECKBOX=!0;exports.BCheckBox=e;

package/dist/web/CheckBox/index.mjs

@@ -0,0 +1,8 @@
+import r from "./BCheckBox.mjs";
+import B from "./Group.mjs";
+const o = r;
+o.Group = B;
+o.__ANT_CHECKBOX = !0;
+export {
+  o as BCheckBox
+};

package/dist/web/Dropdown/BDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),U=require("react-dom"),X=require("../BasicInput/BInput.js"),Y=require("../CheckBox/index.js"),k=require("../Icon/Icon.js"),Z=require("../OverlayScrollbar/BOverlayScrollbar.js");;/* empty css                       */const $=require("../Tooltip/ContentTooltip.js");require("../Tooltip/TooltipWrapper.js");const ee=require("../ProductField/no_data_light.svg.js");;/* empty css                */function u(...s){return s.filter(Boolean).join(" ")}function ne(s){return typeof s.label=="string"||typeof s.label=="number"?String(s.label):String(s.value)}function D({option:s}){const i=r.useRef(null),[b,o]=r.useState(!1),[l,m]=r.useState(null),p=typeof s.label=="string"||typeof s.label=="number",j=p?String(s.label):s.label;function _(){const a=i.current;p&&a&&a.scrollWidth>a.clientWidth&&(m(a.getBoundingClientRect()),o(!0))}return n.jsxs("span",{ref:i,className:"bj-dropdown__option-label",onMouseEnter:_,onMouseLeave:()=>o(!1),children:[j,b&&l&&typeof document<"u"&&U.createPortal(n.jsx("span",{className:"bj-dropdown__option-tooltip-anchor",style:{position:"fixed",top:l.top,left:l.left,width:l.width,height:l.height},children:n.jsx($,{className:"bj-dropdown__option-tooltip",content:j,placement:"top"})}),document.body)]})}function I({option:s,doubleLine:i}){return i?n.jsxs("span",{className:"bj-dropdown__option-content",children:[n.jsx(D,{option:s}),s.description!==void 0&&n.jsx("span",{className:"bj-dropdown__option-description",children:s.description})]}):n.jsx(D,{option:s})}function se({className:s,style:i,options:b,value:o,defaultValue:l=[],multiple:m=!1,optionMode:p="single-line",searchable:j=!1,searchValue:_,searchPlaceholder:a="搜索",onSearch:f,filterOption:v=!0,emptyText:O,labels:g,t:y=h=>h,optionRender:x,onChange:N,footer:q=!0,showReset:E=!0,showConfirm:P=!0,resetText:W=y("重置"),confirmText:z=y("确定"),onReset:L,onConfirm:S}){const h=r.useRef(null),C=r.useRef(null),[A,M]=r.useState(l),[G,F]=r.useState(""),t=o??A,d=m===!0,c=p==="double-line",w=_??G,H=O??(g==null?void 0:g.emptyText)??y("暂无结果"),B=!f&&v!==!1&&w?b.filter(e=>typeof v=="function"?v(w,e):ne(e).toLocaleLowerCase().includes(w.toLocaleLowerCase())):b;function J(e,T){o===void 0&&M(e),N==null||N(e,T)}function R(e){_===void 0&&F(e),f==null||f(e)}function V(e){if(e.disabled)return;const T=d?t.includes(e.value)?t.filter(Q=>Q!==e.value):[...t,e.value]:[e.value];J(T,e)}function K(){o===void 0&&M([]),L==null||L()}return n.jsxs("div",{ref:h,className:u("bj-dropdown",c&&"bj-dropdown--double-line",!d&&"bj-dropdown--single",s),role:"dialog",style:i,children:[j&&n.jsx("div",{className:"bj-dropdown__search",children:n.jsx(X,{"aria-label":"搜索选项",allowClear:{clearIcon:n.jsx(k,{className:"bj-dropdown__search-clear-icon",type:"icon-a-guanbixi"})},onChange:e=>R(e.target.value),onClear:()=>R(""),placeholder:a,prefix:n.jsx(k,{type:"icon-a-sousuoxi"}),inputMode:"search",role:"searchbox",type:"text",value:w})}),n.jsxs("div",{ref:C,className:u("bj-dropdown__options","bj-overlay-scrollbar-hidden",B.length===0&&"bj-dropdown__options--empty",!d&&"bj-dropdown__options--single"),children:[B.map(e=>d?n.jsx(Y.BCheckBox,{checked:t.includes(e.value),className:u("bj-dropdown__option",c&&e.description!==void 0&&"bj-dropdown__option--double-line"),disabled:e.disabled,onChange:()=>V(e),skipGroup:!0,variant:"white",children:x?x(e):n.jsx(I,{doubleLine:c&&e.description!==void 0,option:e})},String(e.value)):n.jsxs("button",{"aria-pressed":t.includes(e.value),className:u("bj-dropdown__option","bj-dropdown__option--single",c&&e.description!==void 0&&"bj-dropdown__option--double-line",t.includes(e.value)&&"bj-dropdown__option--selected"),disabled:e.disabled,onClick:()=>V(e),type:"button",children:[x?n.jsx("span",{className:"bj-dropdown__option-label",children:x(e)}):n.jsx(I,{doubleLine:c&&e.description!==void 0,option:e}),t.includes(e.value)&&n.jsx(k,{className:"bj-dropdown__option-icon",type:"icon-a-dagouxi"})]},String(e.value))),B.length===0&&n.jsxs("div",{className:"bj-dropdown__empty",children:[n.jsx("img",{alt:"",className:"bj-dropdown__empty-image",src:ee}),n.jsx("span",{className:"bj-dropdown__empty-text",children:H})]})]}),n.jsx(Z,{containerRef:h,gap:2,size:2,targetRef:C}),q!==!1&&(q!==!0?q:n.jsxs("div",{className:u("bj-dropdown__actions",!d&&"bj-dropdown__actions--single"),children:[E&&n.jsx("button",{onClick:K,type:"button",children:W}),d&&P&&n.jsx("button",{onClick:()=>S==null?void 0:S(t),type:"button",children:z})]}))]})}exports.BDropdown=se;

package/dist/web/Dropdown/BDropdown.mjs

@@ -0,0 +1,160 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { useRef as M, useState as j } from "react";
+import { createPortal as Y } from "react-dom";
+import Z from "../BasicInput/BInput.mjs";
+import { BCheckBox as $ } from "../CheckBox/index.mjs";
+import V from "../Icon/Icon.mjs";
+import ee from "../OverlayScrollbar/BOverlayScrollbar.mjs";
+/* empty css                       */
+import le from "../Tooltip/ContentTooltip.mjs";
+import "../Tooltip/TooltipWrapper.mjs";
+import ne from "../ProductField/no_data_light.svg.mjs";
+/* empty css                */
+function u(...n) {
+  return n.filter(Boolean).join(" ");
+}
+function te(n) {
+  return typeof n.label == "string" || typeof n.label == "number" ? String(n.label) : String(n.value);
+}
+function R({ option: n }) {
+  const d = M(null), [p, i] = j(!1), [o, g] = j(null), b = typeof n.label == "string" || typeof n.label == "number", m = b ? String(n.label) : n.label;
+  function f() {
+    const a = d.current;
+    b && a && a.scrollWidth > a.clientWidth && (g(a.getBoundingClientRect()), i(!0));
+  }
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ref: d,
+      className: "bj-dropdown__option-label",
+      onMouseEnter: f,
+      onMouseLeave: () => i(!1),
+      children: [
+        m,
+        p && o && typeof document < "u" && Y(
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: "bj-dropdown__option-tooltip-anchor",
+              style: {
+                position: "fixed",
+                top: o.top,
+                left: o.left,
+                width: o.width,
+                height: o.height
+              },
+              children: /* @__PURE__ */ l(le, { className: "bj-dropdown__option-tooltip", content: m, placement: "top" })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+function W({ option: n, doubleLine: d }) {
+  return d ? /* @__PURE__ */ r("span", { className: "bj-dropdown__option-content", children: [
+    /* @__PURE__ */ l(R, { option: n }),
+    n.description !== void 0 && /* @__PURE__ */ l("span", { className: "bj-dropdown__option-description", children: n.description })
+  ] }) : /* @__PURE__ */ l(R, { option: n });
+}
+function _e({
+  className: n,
+  style: d,
+  options: p,
+  value: i,
+  defaultValue: o = [],
+  multiple: g = !1,
+  optionMode: b = "single-line",
+  searchable: m = !1,
+  searchValue: f,
+  searchPlaceholder: a = "搜索",
+  onSearch: _,
+  filterOption: y = !0,
+  emptyText: z,
+  labels: N,
+  t: x = (w) => w,
+  optionRender: h,
+  onChange: B,
+  footer: L = !0,
+  showReset: A = !0,
+  showConfirm: G = !0,
+  resetText: P = x("重置"),
+  confirmText: q = x("确定"),
+  onReset: k,
+  onConfirm: C
+}) {
+  const w = M(null), S = M(null), [F, E] = j(o), [H, J] = j(""), t = i ?? F, s = g === !0, c = b === "double-line", v = f ?? H, K = z ?? (N == null ? void 0 : N.emptyText) ?? x("暂无结果"), I = !_ && y !== !1 && v ? p.filter((e) => typeof y == "function" ? y(v, e) : te(e).toLocaleLowerCase().includes(v.toLocaleLowerCase())) : p;
+  function Q(e, T) {
+    i === void 0 && E(e), B == null || B(e, T);
+  }
+  function O(e) {
+    f === void 0 && J(e), _ == null || _(e);
+  }
+  function D(e) {
+    if (e.disabled) return;
+    const T = s ? t.includes(e.value) ? t.filter((X) => X !== e.value) : [...t, e.value] : [e.value];
+    Q(T, e);
+  }
+  function U() {
+    i === void 0 && E([]), k == null || k();
+  }
+  return /* @__PURE__ */ r("div", { ref: w, className: u("bj-dropdown", c && "bj-dropdown--double-line", !s && "bj-dropdown--single", n), role: "dialog", style: d, children: [
+    m && /* @__PURE__ */ l("div", { className: "bj-dropdown__search", children: /* @__PURE__ */ l(
+      Z,
+      {
+        "aria-label": "搜索选项",
+        allowClear: { clearIcon: /* @__PURE__ */ l(V, { className: "bj-dropdown__search-clear-icon", type: "icon-a-guanbixi" }) },
+        onChange: (e) => O(e.target.value),
+        onClear: () => O(""),
+        placeholder: a,
+        prefix: /* @__PURE__ */ l(V, { type: "icon-a-sousuoxi" }),
+        inputMode: "search",
+        role: "searchbox",
+        type: "text",
+        value: v
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { ref: S, className: u("bj-dropdown__options", "bj-overlay-scrollbar-hidden", I.length === 0 && "bj-dropdown__options--empty", !s && "bj-dropdown__options--single"), children: [
+      I.map((e) => s ? /* @__PURE__ */ l(
+        $,
+        {
+          checked: t.includes(e.value),
+          className: u("bj-dropdown__option", c && e.description !== void 0 && "bj-dropdown__option--double-line"),
+          disabled: e.disabled,
+          onChange: () => D(e),
+          skipGroup: !0,
+          variant: "white",
+          children: h ? h(e) : /* @__PURE__ */ l(W, { doubleLine: c && e.description !== void 0, option: e })
+        },
+        String(e.value)
+      ) : /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-pressed": t.includes(e.value),
+          className: u("bj-dropdown__option", "bj-dropdown__option--single", c && e.description !== void 0 && "bj-dropdown__option--double-line", t.includes(e.value) && "bj-dropdown__option--selected"),
+          disabled: e.disabled,
+          onClick: () => D(e),
+          type: "button",
+          children: [
+            h ? /* @__PURE__ */ l("span", { className: "bj-dropdown__option-label", children: h(e) }) : /* @__PURE__ */ l(W, { doubleLine: c && e.description !== void 0, option: e }),
+            t.includes(e.value) && /* @__PURE__ */ l(V, { className: "bj-dropdown__option-icon", type: "icon-a-dagouxi" })
+          ]
+        },
+        String(e.value)
+      )),
+      I.length === 0 && /* @__PURE__ */ r("div", { className: "bj-dropdown__empty", children: [
+        /* @__PURE__ */ l("img", { alt: "", className: "bj-dropdown__empty-image", src: ne }),
+        /* @__PURE__ */ l("span", { className: "bj-dropdown__empty-text", children: K })
+      ] })
+    ] }),
+    /* @__PURE__ */ l(ee, { containerRef: w, gap: 2, size: 2, targetRef: S }),
+    L !== !1 && (L !== !0 ? L : /* @__PURE__ */ r("div", { className: u("bj-dropdown__actions", !s && "bj-dropdown__actions--single"), children: [
+      A && /* @__PURE__ */ l("button", { onClick: U, type: "button", children: P }),
+      s && G && /* @__PURE__ */ l("button", { onClick: () => C == null ? void 0 : C(t), type: "button", children: q })
+    ] }))
+  ] });
+}
+export {
+  _e as BDropdown
+};

package/dist/web/EmptyInputBox/EmptyInputBox.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),h=require("react");;/* empty css                    */function v(){return t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z",fill:"currentColor"})})}const N=h.forwardRef(function({mode:l="single",activeLang:c="zh",onLangChange:e,value:n="",onChange:u,placeholder:_,maxLength:x,error:d=!1,disabled:o,onDelete:r,labels:i,id:j,className:C,style:m},V){const p=(i==null?void 0:i.zh)??"中文",f=(i==null?void 0:i.en)??"EN",s=l==="bilingual",b=!!r,H=["bu-eib__box",s&&b&&"bu-eib__box--actions-both",s&&!b&&"bu-eib__box--actions-toggle",!s&&b&&"bu-eib__box--actions-delete",d&&"bu-eib__box--error",o&&"bu-eib__box--disabled"].filter(Boolean).join(" ");return t.jsx("div",{className:["bu-eib",C].filter(Boolean).join(" "),style:m,children:t.jsxs("div",{className:H,children:[t.jsx("input",{ref:V,id:j,className:"bu-eib__field",value:n,onChange:a=>u==null?void 0:u(a.target.value),placeholder:_,maxLength:x,disabled:o}),(s||b)&&t.jsxs("div",{className:"bu-eib__actions",children:[s&&t.jsxs("div",{className:"bu-eib__lang-toggle",children:[t.jsx("button",{type:"button",className:`bu-eib__lang-btn${c==="zh"?" bu-eib__lang-btn--active":""}`,onClick:()=>e==null?void 0:e("zh"),children:p}),t.jsx("button",{type:"button",className:`bu-eib__lang-btn${c==="en"?" bu-eib__lang-btn--active":""}`,onClick:()=>e==null?void 0:e("en"),children:f})]}),b&&t.jsx("button",{type:"button",className:"bu-eib__delete",onClick:r,children:t.jsx(v,{})})]})]})})});module.exports=N;