bj-web-components 0.2.26 → 0.2.28

package/dist/web/CheckBox/BCheckBox.js

@@ -0,0 +1,116 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../Icon/Icon.js");
+const context = require("./context.js");
+;/* empty css                */
+function classNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+const BCheckBox = react.forwardRef((props, forwardedRef) => {
+  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 = react.useContext(context.CheckBoxGroupContext);
+  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
+  const previousValue = react.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;
+  react.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]);
+  react.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
+    };
+    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__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      className: classNames(
+        "bj-checkbox-wrapper",
+        mergedChecked && "bj-checkbox-wrapper--checked",
+        mergedDisabled && "bj-checkbox-wrapper--disabled",
+        direction === "rtl" && "bj-checkbox-wrapper--rtl",
+        className
+      ),
+      onMouseEnter,
+      onMouseLeave,
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: classNames(
+              "bj-checkbox",
+              mergedChecked && "bj-checkbox--checked",
+              mergedDisabled && "bj-checkbox--disabled",
+              indeterminate && "bj-checkbox--indeterminate",
+              `bj-checkbox--${mergedVariant}`
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  ...inputProps,
+                  "aria-checked": indeterminate ? "mixed" : mergedChecked,
+                  checked: mergedChecked,
+                  className: "bj-checkbox__input",
+                  disabled: mergedDisabled,
+                  name: mergedName,
+                  onChange: handleChange,
+                  ref: forwardedRef,
+                  type: "checkbox",
+                  value: typeof value === "boolean" ? String(value) : value
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bj-checkbox__inner", children: [
+                mergedChecked && !indeterminate && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "bj-checkbox__check-icon", type: "icon-a-dagouxi" }),
+                indeterminate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-checkbox__indeterminate-mark" })
+              ] })
+            ]
+          }
+        ),
+        children !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-checkbox__label", children })
+      ]
+    }
+  );
+});
+BCheckBox.displayName = "BCheckBox";
+module.exports = BCheckBox;

package/dist/web/CheckBox/BCheckBox.mjs

@@ -0,0 +1,117 @@
+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 classNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+const BCheckBox = forwardRef((props, forwardedRef) => {
+  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
+    };
+    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__ */ jsxs(
+    "label",
+    {
+      className: classNames(
+        "bj-checkbox-wrapper",
+        mergedChecked && "bj-checkbox-wrapper--checked",
+        mergedDisabled && "bj-checkbox-wrapper--disabled",
+        direction === "rtl" && "bj-checkbox-wrapper--rtl",
+        className
+      ),
+      onMouseEnter,
+      onMouseLeave,
+      style,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: classNames(
+              "bj-checkbox",
+              mergedChecked && "bj-checkbox--checked",
+              mergedDisabled && "bj-checkbox--disabled",
+              indeterminate && "bj-checkbox--indeterminate",
+              `bj-checkbox--${mergedVariant}`
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ...inputProps,
+                  "aria-checked": indeterminate ? "mixed" : mergedChecked,
+                  checked: mergedChecked,
+                  className: "bj-checkbox__input",
+                  disabled: mergedDisabled,
+                  name: mergedName,
+                  onChange: handleChange,
+                  ref: forwardedRef,
+                  type: "checkbox",
+                  value: typeof value === "boolean" ? String(value) : value
+                }
+              ),
+              /* @__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" })
+              ] })
+            ]
+          }
+        ),
+        children !== void 0 && /* @__PURE__ */ jsx("span", { className: "bj-checkbox__label", children })
+      ]
+    }
+  );
+});
+BCheckBox.displayName = "BCheckBox";
+export {
+  BCheckBox as default
+};

package/dist/web/CheckBox/Group.js

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

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

package/dist/web/CheckBox/context.js

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

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

package/dist/web/CheckBox/index.js

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

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

package/dist/web/Dropdown/BDropdown.js

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