bj-web-components 0.2.24 → 0.2.26

package/dist/web/CategoryDropdown/CategoryDropdown.mjs

@@ -1,260 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,101 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,67 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

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

package/dist/web/CheckBox/index.js

@@ -1 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,160 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;