bj-web-components 0.2.27 → 0.2.28

package/dist/web/CheckBox/BCheckBox.mjs

@@ -1,101 +1,117 @@
-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";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useContext, useState, useRef, useEffect } from "react";
+import BuIcon from "../Icon/Icon.mjs";
+import { CheckBoxGroupContext } from "./context.mjs";
 /* empty css                */
-function u(...r) {
-  return r.filter(Boolean).join(" ");
+function classNames(...values) {
+  return values.filter(Boolean).join(" ");
 }
-const z = S((r, p) => {
+const BCheckBox = forwardRef((props, forwardedRef) => {
   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
+    checked: controlledChecked,
+    defaultChecked = false,
+    disabled,
+    indeterminate = false,
+    children,
+    className,
+    style,
+    onChange,
+    onMouseEnter,
+    onMouseLeave,
+    value,
+    skipGroup = false,
+    direction = "ltr",
+    name,
+    variant = "dark",
+    ...inputProps
+  } = props;
+  const group = useContext(CheckBoxGroupContext);
+  const [internalChecked, setInternalChecked] = useState(defaultChecked);
+  const previousValue = useRef(value);
+  const inGroup = Boolean(group && !skipGroup);
+  const mergedChecked = inGroup ? group.value.includes(value) : controlledChecked ?? internalChecked;
+  const mergedDisabled = (group == null ? void 0 : group.disabled) || disabled;
+  const mergedName = inGroup ? group == null ? void 0 : group.name : name;
+  const mergedVariant = inGroup ? (group == null ? void 0 : group.variant) ?? variant : variant;
+  useEffect(() => {
+    if (!inGroup || value === void 0) return;
+    group == null ? void 0 : group.registerValue(value);
+    return () => group == null ? void 0 : group.cancelValue(value);
+  }, [group, inGroup, value]);
+  useEffect(() => {
+    if (!inGroup || previousValue.current === value) return;
+    if (previousValue.current !== void 0) group == null ? void 0 : group.cancelValue(previousValue.current);
+    if (value !== void 0) group == null ? void 0 : group.registerValue(value);
+    previousValue.current = value;
+  }, [group, inGroup, value]);
+  const handleChange = (event) => {
+    if (mergedDisabled) return;
+    const nextChecked = event.target.checked;
+    if (!inGroup && controlledChecked === void 0) setInternalChecked(nextChecked);
+    const changeEvent = {
+      target: { ...props, checked: nextChecked },
+      stopPropagation: () => event.stopPropagation(),
+      preventDefault: () => event.preventDefault(),
+      nativeEvent: event.nativeEvent
     };
-    i == null || i(R), a && c !== void 0 && (e == null || e.toggleOption({ label: b, value: c, disabled: n, onChange: i }));
+    onChange == null ? void 0 : onChange(changeEvent);
+    if (inGroup && value !== void 0) {
+      group == null ? void 0 : group.toggleOption({ label: children, value, disabled: mergedDisabled, onChange });
+    }
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ jsxs(
     "label",
     {
-      className: u(
+      className: classNames(
         "bj-checkbox-wrapper",
-        t && "bj-checkbox-wrapper--checked",
-        n && "bj-checkbox-wrapper--disabled",
-        w === "rtl" && "bj-checkbox-wrapper--rtl",
-        C
+        mergedChecked && "bj-checkbox-wrapper--checked",
+        mergedDisabled && "bj-checkbox-wrapper--disabled",
+        direction === "rtl" && "bj-checkbox-wrapper--rtl",
+        className
       ),
-      onMouseEnter: _,
-      onMouseLeave: B,
-      style: N,
+      onMouseEnter,
+      onMouseLeave,
+      style,
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ jsxs(
           "span",
           {
-            className: u(
+            className: classNames(
               "bj-checkbox",
-              t && "bj-checkbox--checked",
-              n && "bj-checkbox--disabled",
-              o && "bj-checkbox--indeterminate",
-              `bj-checkbox--${I}`
+              mergedChecked && "bj-checkbox--checked",
+              mergedDisabled && "bj-checkbox--disabled",
+              indeterminate && "bj-checkbox--indeterminate",
+              `bj-checkbox--${mergedVariant}`
             ),
             children: [
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ jsx(
                 "input",
                 {
-                  ...E,
-                  "aria-checked": o ? "mixed" : t,
-                  checked: t,
+                  ...inputProps,
+                  "aria-checked": indeterminate ? "mixed" : mergedChecked,
+                  checked: mergedChecked,
                   className: "bj-checkbox__input",
-                  disabled: n,
-                  name: P,
-                  onChange: M,
-                  ref: p,
+                  disabled: mergedDisabled,
+                  name: mergedName,
+                  onChange: handleChange,
+                  ref: forwardedRef,
                   type: "checkbox",
-                  value: typeof c == "boolean" ? String(c) : c
+                  value: typeof value === "boolean" ? String(value) : value
                 }
               ),
-              /* @__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" })
+              /* @__PURE__ */ jsxs("span", { className: "bj-checkbox__inner", children: [
+                mergedChecked && !indeterminate && /* @__PURE__ */ jsx(BuIcon, { className: "bj-checkbox__check-icon", type: "icon-a-dagouxi" }),
+                indeterminate && /* @__PURE__ */ jsx("span", { className: "bj-checkbox__indeterminate-mark" })
               ] })
             ]
           }
         ),
-        b !== void 0 && /* @__PURE__ */ d("span", { className: "bj-checkbox__label", children: b })
+        children !== void 0 && /* @__PURE__ */ jsx("span", { className: "bj-checkbox__label", children })
       ]
     }
   );
 });
-z.displayName = "BCheckBox";
+BCheckBox.displayName = "BCheckBox";
 export {
-  z as default
+  BCheckBox as default
 };

package/dist/web/CheckBox/Group.js

@@ -1 +1,73 @@
-"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;
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const BCheckBox = require("./BCheckBox.js");
+const context = require("./context.js");
+function normalizeOptions(options) {
+  return (options ?? []).map((option) => typeof option === "string" || typeof option === "number" ? { label: option, value: option } : option);
+}
+const Group = react.forwardRef(({
+  defaultValue = [],
+  value: controlledValue,
+  onChange,
+  options,
+  children,
+  disabled,
+  name,
+  className,
+  style,
+  direction = "ltr",
+  variant = "dark"
+}, ref) => {
+  const [internalValue, setInternalValue] = react.useState(defaultValue);
+  const [registeredValues, setRegisteredValues] = react.useState([]);
+  const mergedValue = controlledValue ?? internalValue;
+  const normalizedOptions = react.useMemo(() => normalizeOptions(options), [options]);
+  react.useEffect(() => {
+    if (controlledValue !== void 0) setInternalValue(controlledValue);
+  }, [controlledValue]);
+  const registerValue = (optionValue) => {
+    setRegisteredValues((values) => values.includes(optionValue) ? values : [...values, optionValue]);
+  };
+  const cancelValue = (optionValue) => {
+    setRegisteredValues((values) => values.filter((value) => value !== optionValue));
+  };
+  const toggleOption = (option) => {
+    const nextValue = mergedValue.includes(option.value) ? mergedValue.filter((value) => value !== option.value) : [...mergedValue, option.value];
+    if (controlledValue === void 0) setInternalValue(nextValue);
+    const optionOrder = normalizedOptions.length > 0 ? normalizedOptions.map((item) => item.value) : registeredValues;
+    onChange == null ? void 0 : onChange(nextValue.filter((value) => registeredValues.includes(value)).sort((first, second) => optionOrder.indexOf(first) - optionOrder.indexOf(second)));
+  };
+  const contextValue = react.useMemo(() => ({
+    name,
+    value: mergedValue,
+    disabled,
+    variant,
+    registerValue,
+    cancelValue,
+    toggleOption
+  }), [disabled, mergedValue, name, registeredValues, variant]);
+  const content = normalizedOptions.length > 0 ? normalizedOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+    BCheckBox,
+    {
+      className: "bj-checkbox-group__item",
+      disabled: option.disabled ?? disabled,
+      onChange: option.onChange,
+      style: option.style,
+      value: option.value,
+      children: option.label
+    },
+    String(option.value)
+  )) : children;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ["bj-checkbox-group", direction === "rtl" ? "bj-checkbox-group--rtl" : "", className].filter(Boolean).join(" "),
+      ref,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsx(context.CheckBoxGroupContext.Provider, { value: contextValue, children: content })
+    }
+  );
+});
+Group.displayName = "BCheckBox.Group";
+module.exports = Group;

package/dist/web/CheckBox/Group.mjs

@@ -1,67 +1,74 @@
-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);
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useMemo, useEffect } from "react";
+import BCheckBox from "./BCheckBox.mjs";
+import { CheckBoxGroupContext } from "./context.mjs";
+function normalizeOptions(options) {
+  return (options ?? []).map((option) => typeof option === "string" || typeof option === "number" ? { label: option, value: option } : option);
 }
-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,
+const Group = forwardRef(({
+  defaultValue = [],
+  value: controlledValue,
+  onChange,
+  options,
+  children,
+  disabled,
+  name,
+  className,
+  style,
+  direction = "ltr",
+  variant = "dark"
+}, ref) => {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const [registeredValues, setRegisteredValues] = useState([]);
+  const mergedValue = controlledValue ?? internalValue;
+  const normalizedOptions = useMemo(() => normalizeOptions(options), [options]);
+  useEffect(() => {
+    if (controlledValue !== void 0) setInternalValue(controlledValue);
+  }, [controlledValue]);
+  const registerValue = (optionValue) => {
+    setRegisteredValues((values) => values.includes(optionValue) ? values : [...values, optionValue]);
+  };
+  const cancelValue = (optionValue) => {
+    setRegisteredValues((values) => values.filter((value) => value !== optionValue));
+  };
+  const toggleOption = (option) => {
+    const nextValue = mergedValue.includes(option.value) ? mergedValue.filter((value) => value !== option.value) : [...mergedValue, option.value];
+    if (controlledValue === void 0) setInternalValue(nextValue);
+    const optionOrder = normalizedOptions.length > 0 ? normalizedOptions.map((item) => item.value) : registeredValues;
+    onChange == null ? void 0 : onChange(nextValue.filter((value) => registeredValues.includes(value)).sort((first, second) => optionOrder.indexOf(first) - optionOrder.indexOf(second)));
+  };
+  const contextValue = useMemo(() => ({
+    name,
+    value: mergedValue,
+    disabled,
+    variant,
+    registerValue,
+    cancelValue,
+    toggleOption
+  }), [disabled, mergedValue, name, registeredValues, variant]);
+  const content = normalizedOptions.length > 0 ? normalizedOptions.map((option) => /* @__PURE__ */ jsx(
+    BCheckBox,
     {
       className: "bj-checkbox-group__item",
-      disabled: e.disabled ?? n,
-      onChange: e.onChange,
-      style: e.style,
-      value: e.value,
-      children: e.label
+      disabled: option.disabled ?? disabled,
+      onChange: option.onChange,
+      style: option.style,
+      value: option.value,
+      children: option.label
     },
-    String(e.value)
-  )) : p;
-  return /* @__PURE__ */ o(
+    String(option.value)
+  )) : children;
+  return /* @__PURE__ */ jsx(
     "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 })
+      className: ["bj-checkbox-group", direction === "rtl" ? "bj-checkbox-group--rtl" : "", className].filter(Boolean).join(" "),
+      ref,
+      style,
+      children: /* @__PURE__ */ jsx(CheckBoxGroupContext.Provider, { value: contextValue, children: content })
     }
   );
 });
-M.displayName = "BCheckBox.Group";
+Group.displayName = "BCheckBox.Group";
 export {
-  M as default
+  Group as default
 };

package/dist/web/CheckBox/context.js

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

package/dist/web/CheckBox/context.mjs

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

package/dist/web/CheckBox/index.js

@@ -1 +1,8 @@
-"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;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const BCheckBox = require("./BCheckBox.js");
+const Group = require("./Group.js");
+const CompoundBCheckBox = BCheckBox;
+CompoundBCheckBox.Group = Group;
+CompoundBCheckBox.__ANT_CHECKBOX = true;
+exports.BCheckBox = CompoundBCheckBox;

package/dist/web/CheckBox/index.mjs

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

package/dist/web/Dropdown/BDropdown.js

@@ -1 +1,186 @@
-"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;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactDom = require("react-dom");
+const BInput = require("../BasicInput/BInput.js");
+const index = require("../CheckBox/index.js");
+const Icon = require("../Icon/Icon.js");
+const BOverlayScrollbar = require("../OverlayScrollbar/BOverlayScrollbar.js");
+;/* empty css                       */
+const ContentTooltip = require("../Tooltip/ContentTooltip.js");
+require("../Tooltip/TooltipWrapper.js");
+const no_data_light = require("../ProductField/no_data_light.svg.js");
+;/* empty css                */
+function classNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+function getOptionText(option) {
+  return typeof option.label === "string" || typeof option.label === "number" ? String(option.label) : String(option.value);
+}
+function TruncatedOptionLabel({ option }) {
+  const labelRef = react.useRef(null);
+  const [visible, setVisible] = react.useState(false);
+  const [anchorRect, setAnchorRect] = react.useState(null);
+  const isTextLabel = typeof option.label === "string" || typeof option.label === "number";
+  const label = isTextLabel ? String(option.label) : option.label;
+  function handleMouseEnter() {
+    const element = labelRef.current;
+    if (isTextLabel && element && element.scrollWidth > element.clientWidth) {
+      setAnchorRect(element.getBoundingClientRect());
+      setVisible(true);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref: labelRef,
+      className: "bj-dropdown__option-label",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: () => setVisible(false),
+      children: [
+        label,
+        visible && anchorRect && typeof document !== "undefined" && reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "bj-dropdown__option-tooltip-anchor",
+              style: {
+                position: "fixed",
+                top: anchorRect.top,
+                left: anchorRect.left,
+                width: anchorRect.width,
+                height: anchorRect.height
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(ContentTooltip, { className: "bj-dropdown__option-tooltip", content: label, placement: "top" })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+function DefaultOptionContent({ option, doubleLine }) {
+  if (!doubleLine) return /* @__PURE__ */ jsxRuntime.jsx(TruncatedOptionLabel, { option });
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bj-dropdown__option-content", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TruncatedOptionLabel, { option }),
+    option.description !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-dropdown__option-description", children: option.description })
+  ] });
+}
+function BDropdown({
+  className,
+  style,
+  options,
+  value,
+  defaultValue = [],
+  multiple = false,
+  optionMode = "single-line",
+  searchable = false,
+  searchValue,
+  searchPlaceholder = "搜索",
+  onSearch,
+  filterOption = true,
+  emptyText,
+  labels,
+  t = (text) => text,
+  optionRender,
+  onChange,
+  footer = true,
+  showReset = true,
+  showConfirm = true,
+  resetText = t("重置"),
+  confirmText = t("确定"),
+  onReset,
+  onConfirm
+}) {
+  const dropdownRef = react.useRef(null);
+  const optionsRef = react.useRef(null);
+  const [internalValue, setInternalValue] = react.useState(defaultValue);
+  const [internalSearchValue, setInternalSearchValue] = react.useState("");
+  const selectedValue = value ?? internalValue;
+  const isMultiple = multiple === true;
+  const isDoubleLine = optionMode === "double-line";
+  const currentSearchValue = searchValue ?? internalSearchValue;
+  const resolvedEmptyText = emptyText ?? (labels == null ? void 0 : labels.emptyText) ?? t("暂无结果");
+  const visibleOptions = !onSearch && filterOption !== false && currentSearchValue ? options.filter((option) => typeof filterOption === "function" ? filterOption(currentSearchValue, option) : getOptionText(option).toLocaleLowerCase().includes(currentSearchValue.toLocaleLowerCase())) : options;
+  function updateValue(nextValue, option) {
+    if (value === void 0) {
+      setInternalValue(nextValue);
+    }
+    onChange == null ? void 0 : onChange(nextValue, option);
+  }
+  function handleSearch(nextSearchValue) {
+    if (searchValue === void 0) {
+      setInternalSearchValue(nextSearchValue);
+    }
+    onSearch == null ? void 0 : onSearch(nextSearchValue);
+  }
+  function handleOptionChange(option) {
+    if (option.disabled) return;
+    const nextValue = isMultiple ? selectedValue.includes(option.value) ? selectedValue.filter((item) => item !== option.value) : [...selectedValue, option.value] : [option.value];
+    updateValue(nextValue, option);
+  }
+  function handleReset() {
+    if (value === void 0) {
+      setInternalValue([]);
+    }
+    onReset == null ? void 0 : onReset();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: dropdownRef, className: classNames("bj-dropdown", isDoubleLine && "bj-dropdown--double-line", !isMultiple && "bj-dropdown--single", className), role: "dialog", style, children: [
+    searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-dropdown__search", children: /* @__PURE__ */ jsxRuntime.jsx(
+      BInput,
+      {
+        "aria-label": "搜索选项",
+        allowClear: { clearIcon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "bj-dropdown__search-clear-icon", type: "icon-a-guanbixi" }) },
+        onChange: (event) => handleSearch(event.target.value),
+        onClear: () => handleSearch(""),
+        placeholder: searchPlaceholder,
+        prefix: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "icon-a-sousuoxi" }),
+        inputMode: "search",
+        role: "searchbox",
+        type: "text",
+        value: currentSearchValue
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: optionsRef, className: classNames("bj-dropdown__options", "bj-overlay-scrollbar-hidden", visibleOptions.length === 0 && "bj-dropdown__options--empty", !isMultiple && "bj-dropdown__options--single"), children: [
+      visibleOptions.map((option) => isMultiple ? /* @__PURE__ */ jsxRuntime.jsx(
+        index.BCheckBox,
+        {
+          checked: selectedValue.includes(option.value),
+          className: classNames("bj-dropdown__option", isDoubleLine && option.description !== void 0 && "bj-dropdown__option--double-line"),
+          disabled: option.disabled,
+          onChange: () => handleOptionChange(option),
+          skipGroup: true,
+          variant: "white",
+          children: optionRender ? optionRender(option) : /* @__PURE__ */ jsxRuntime.jsx(DefaultOptionContent, { doubleLine: isDoubleLine && option.description !== void 0, option })
+        },
+        String(option.value)
+      ) : /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          "aria-pressed": selectedValue.includes(option.value),
+          className: classNames("bj-dropdown__option", "bj-dropdown__option--single", isDoubleLine && option.description !== void 0 && "bj-dropdown__option--double-line", selectedValue.includes(option.value) && "bj-dropdown__option--selected"),
+          disabled: option.disabled,
+          onClick: () => handleOptionChange(option),
+          type: "button",
+          children: [
+            optionRender ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-dropdown__option-label", children: optionRender(option) }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultOptionContent, { doubleLine: isDoubleLine && option.description !== void 0, option }),
+            selectedValue.includes(option.value) && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "bj-dropdown__option-icon", type: "icon-a-dagouxi" })
+          ]
+        },
+        String(option.value)
+      )),
+      visibleOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bj-dropdown__empty", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", className: "bj-dropdown__empty-image", src: no_data_light }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-dropdown__empty-text", children: resolvedEmptyText })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(BOverlayScrollbar, { containerRef: dropdownRef, gap: 2, size: 2, targetRef: optionsRef }),
+    footer !== false && (footer !== true ? footer : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames("bj-dropdown__actions", !isMultiple && "bj-dropdown__actions--single"), children: [
+      showReset && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleReset, type: "button", children: resetText }),
+      isMultiple && showConfirm && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onConfirm == null ? void 0 : onConfirm(selectedValue), type: "button", children: confirmText })
+    ] }))
+  ] });
+}
+exports.BDropdown = BDropdown;