bj-web-components 0.2.28 → 0.2.30

package/dist/web/CheckBox/BCheckBox.mjs

@@ -1,117 +1,101 @@
-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";
+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 classNames(...values) {
-  return values.filter(Boolean).join(" ");
+function u(...r) {
+  return r.filter(Boolean).join(" ");
 }
-const BCheckBox = forwardRef((props, forwardedRef) => {
+const z = S((r, p) => {
   const {
-    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
+    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
     };
-    onChange == null ? void 0 : onChange(changeEvent);
-    if (inGroup && value !== void 0) {
-      group == null ? void 0 : group.toggleOption({ label: children, value, disabled: mergedDisabled, onChange });
-    }
+    i == null || i(R), a && c !== void 0 && (e == null || e.toggleOption({ label: b, value: c, disabled: n, onChange: i }));
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ h(
     "label",
     {
-      className: classNames(
+      className: u(
         "bj-checkbox-wrapper",
-        mergedChecked && "bj-checkbox-wrapper--checked",
-        mergedDisabled && "bj-checkbox-wrapper--disabled",
-        direction === "rtl" && "bj-checkbox-wrapper--rtl",
-        className
+        t && "bj-checkbox-wrapper--checked",
+        n && "bj-checkbox-wrapper--disabled",
+        w === "rtl" && "bj-checkbox-wrapper--rtl",
+        C
       ),
-      onMouseEnter,
-      onMouseLeave,
-      style,
+      onMouseEnter: _,
+      onMouseLeave: B,
+      style: N,
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ h(
           "span",
           {
-            className: classNames(
+            className: u(
               "bj-checkbox",
-              mergedChecked && "bj-checkbox--checked",
-              mergedDisabled && "bj-checkbox--disabled",
-              indeterminate && "bj-checkbox--indeterminate",
-              `bj-checkbox--${mergedVariant}`
+              t && "bj-checkbox--checked",
+              n && "bj-checkbox--disabled",
+              o && "bj-checkbox--indeterminate",
+              `bj-checkbox--${I}`
             ),
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ d(
                 "input",
                 {
-                  ...inputProps,
-                  "aria-checked": indeterminate ? "mixed" : mergedChecked,
-                  checked: mergedChecked,
+                  ...E,
+                  "aria-checked": o ? "mixed" : t,
+                  checked: t,
                   className: "bj-checkbox__input",
-                  disabled: mergedDisabled,
-                  name: mergedName,
-                  onChange: handleChange,
-                  ref: forwardedRef,
+                  disabled: n,
+                  name: P,
+                  onChange: M,
+                  ref: p,
                   type: "checkbox",
-                  value: typeof value === "boolean" ? String(value) : value
+                  value: typeof c == "boolean" ? String(c) : c
                 }
               ),
-              /* @__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" })
+              /* @__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" })
               ] })
             ]
           }
         ),
-        children !== void 0 && /* @__PURE__ */ jsx("span", { className: "bj-checkbox__label", children })
+        b !== void 0 && /* @__PURE__ */ d("span", { className: "bj-checkbox__label", children: b })
       ]
     }
   );
 });
-BCheckBox.displayName = "BCheckBox";
+z.displayName = "BCheckBox";
 export {
-  BCheckBox as default
+  z as default
 };

package/dist/web/CheckBox/Group.js

@@ -1,73 +1 @@
-"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;
+"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,74 +1,67 @@
-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);
+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 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,
+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: option.disabled ?? disabled,
-      onChange: option.onChange,
-      style: option.style,
-      value: option.value,
-      children: option.label
+      disabled: e.disabled ?? n,
+      onChange: e.onChange,
+      style: e.style,
+      value: e.value,
+      children: e.label
     },
-    String(option.value)
-  )) : children;
-  return /* @__PURE__ */ jsx(
+    String(e.value)
+  )) : p;
+  return /* @__PURE__ */ o(
     "div",
     {
-      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 })
+      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 })
     }
   );
 });
-Group.displayName = "BCheckBox.Group";
+M.displayName = "BCheckBox.Group";
 export {
-  Group as default
+  M as default
 };

package/dist/web/CheckBox/context.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const CheckBoxGroupContext = react.createContext(null);
-exports.CheckBoxGroupContext = CheckBoxGroupContext;
+"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 +1,5 @@
-import { createContext } from "react";
-const CheckBoxGroupContext = createContext(null);
+import { createContext as o } from "react";
+const e = o(null);
 export {
-  CheckBoxGroupContext
+  e as CheckBoxGroupContext
 };

package/dist/web/CheckBox/index.js

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

package/dist/web/Dropdown/BDropdown.js

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