bj-web-components 0.2.26 → 0.2.28

package/dist/web/InputNumber/StepHandler.mjs

@@ -0,0 +1,70 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+const STEP_DELAY = 600;
+const STEP_INTERVAL = 200;
+function SpinnerIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M15.4573 13.6501C15.9047 13.6504 16.129 14.192 15.8128 14.5085L12.3352 17.9851C12.139 18.1811 11.8214 18.1811 11.6253 17.9851L8.14772 14.5085C7.83144 14.192 8.0558 13.6504 8.50319 13.6501H15.4573ZM11.6643 5.98311C11.8606 5.78688 12.179 5.78688 12.3753 5.98311L15.8518 9.45967C16.1683 9.77623 15.944 10.3171 15.4964 10.3171H8.54323C8.09567 10.3171 7.87154 9.77625 8.18776 9.45967L11.6643 5.98311Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function StepHandler({ icon, upDisabled, downDisabled, onStep }) {
+  const stepTimeoutRef = useRef(void 0);
+  const onStepRef = useRef(onStep);
+  onStepRef.current = onStep;
+  const onStopStep = () => clearTimeout(stepTimeoutRef.current);
+  const onStepMouseDown = (e, up) => {
+    e.preventDefault();
+    onStopStep();
+    onStepRef.current(up);
+    function loopStep() {
+      onStepRef.current(up);
+      stepTimeoutRef.current = setTimeout(loopStep, STEP_INTERVAL);
+    }
+    stepTimeoutRef.current = setTimeout(loopStep, STEP_DELAY);
+  };
+  useEffect(() => onStopStep, []);
+  const sharedProps = {
+    unselectable: "on",
+    role: "button",
+    onMouseUp: onStopStep,
+    onMouseLeave: onStopStep
+  };
+  return (
+    // Click zones come before the icon(s) in DOM order so the icon halves
+    // can be dimmed via a `:hover ~`/`:active ~` sibling selector in CSS —
+    // the icon itself stays `pointer-events: none` and purely visual.
+    /* @__PURE__ */ jsxs("div", { className: "bj-input-number__handler-wrap", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          ...sharedProps,
+          "aria-label": "Increase Value",
+          "aria-disabled": upDisabled,
+          className: upDisabled ? "bj-input-number__handler bj-input-number__handler--up bj-input-number__handler--disabled" : "bj-input-number__handler bj-input-number__handler--up",
+          onMouseDown: (e) => onStepMouseDown(e, true)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          ...sharedProps,
+          "aria-label": "Decrease Value",
+          "aria-disabled": downDisabled,
+          className: downDisabled ? "bj-input-number__handler bj-input-number__handler--down bj-input-number__handler--disabled" : "bj-input-number__handler bj-input-number__handler--down",
+          onMouseDown: (e) => onStepMouseDown(e, false)
+        }
+      ),
+      icon || /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(SpinnerIcon, { className: "bj-input-number__handler-icon bj-input-number__handler-icon--up" }),
+        /* @__PURE__ */ jsx(SpinnerIcon, { className: "bj-input-number__handler-icon bj-input-number__handler-icon--down" })
+      ] })
+    ] })
+  );
+}
+export {
+  StepHandler as default
+};

package/dist/web/InputNumber/hooks/useCursor.js

@@ -0,0 +1,40 @@
+"use strict";
+const react = require("react");
+function useCursor(input, focused) {
+  const selectionRef = react.useRef(null);
+  function recordCursor() {
+    if (!input) return;
+    try {
+      const { selectionStart: start, selectionEnd: end, value } = input;
+      selectionRef.current = {
+        start: start ?? 0,
+        end: end ?? 0,
+        value,
+        beforeTxt: value.substring(0, start ?? 0),
+        afterTxt: value.substring(end ?? 0)
+      };
+    } catch {
+    }
+  }
+  function restoreCursor() {
+    if (!input || !selectionRef.current || !focused) return;
+    try {
+      const { value } = input;
+      const { beforeTxt, afterTxt, start } = selectionRef.current;
+      let startPos = value.length;
+      if (value.startsWith(beforeTxt)) {
+        startPos = beforeTxt.length;
+      } else if (value.endsWith(afterTxt)) {
+        startPos = value.length - afterTxt.length;
+      } else {
+        const beforeLastChar = beforeTxt[start - 1];
+        const newIndex = value.indexOf(beforeLastChar, start - 1);
+        if (newIndex !== -1) startPos = newIndex + 1;
+      }
+      input.setSelectionRange(startPos, startPos);
+    } catch {
+    }
+  }
+  return [recordCursor, restoreCursor];
+}
+module.exports = useCursor;

package/dist/web/InputNumber/hooks/useCursor.mjs

@@ -0,0 +1,41 @@
+import { useRef } from "react";
+function useCursor(input, focused) {
+  const selectionRef = useRef(null);
+  function recordCursor() {
+    if (!input) return;
+    try {
+      const { selectionStart: start, selectionEnd: end, value } = input;
+      selectionRef.current = {
+        start: start ?? 0,
+        end: end ?? 0,
+        value,
+        beforeTxt: value.substring(0, start ?? 0),
+        afterTxt: value.substring(end ?? 0)
+      };
+    } catch {
+    }
+  }
+  function restoreCursor() {
+    if (!input || !selectionRef.current || !focused) return;
+    try {
+      const { value } = input;
+      const { beforeTxt, afterTxt, start } = selectionRef.current;
+      let startPos = value.length;
+      if (value.startsWith(beforeTxt)) {
+        startPos = beforeTxt.length;
+      } else if (value.endsWith(afterTxt)) {
+        startPos = value.length - afterTxt.length;
+      } else {
+        const beforeLastChar = beforeTxt[start - 1];
+        const newIndex = value.indexOf(beforeLastChar, start - 1);
+        if (newIndex !== -1) startPos = newIndex + 1;
+      }
+      input.setSelectionRange(startPos, startPos);
+    } catch {
+    }
+  }
+  return [recordCursor, restoreCursor];
+}
+export {
+  useCursor as default
+};

package/dist/web/InputNumber/hooks/useFrame.js

@@ -0,0 +1,12 @@
+"use strict";
+const react = require("react");
+function useFrame() {
+  const idRef = react.useRef(0);
+  const cleanUp = () => cancelAnimationFrame(idRef.current);
+  react.useEffect(() => cleanUp, []);
+  return (callback) => {
+    cleanUp();
+    idRef.current = requestAnimationFrame(callback);
+  };
+}
+module.exports = useFrame;

package/dist/web/InputNumber/hooks/useFrame.mjs

@@ -0,0 +1,13 @@
+import { useRef, useEffect } from "react";
+function useFrame() {
+  const idRef = useRef(0);
+  const cleanUp = () => cancelAnimationFrame(idRef.current);
+  useEffect(() => cleanUp, []);
+  return (callback) => {
+    cleanUp();
+    idRef.current = requestAnimationFrame(callback);
+  };
+}
+export {
+  useFrame as default
+};

package/dist/web/InputNumber/utils/decimal.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isEmptyValue(value) {
+  return !value && value !== 0 && !Number.isNaN(value) || !String(value).trim();
+}
+function trimNumber(numStr) {
+  let str = numStr.trim();
+  let negative = str.startsWith("-");
+  if (negative) {
+    str = str.slice(1);
+  }
+  str = str.replace(/(\.\d*[^0])0*$/, "$1").replace(/\.0*$/, "").replace(/^0+/, "");
+  if (str.startsWith(".")) {
+    str = `0${str}`;
+  }
+  const trimStr = str || "0";
+  const splitNumber = trimStr.split(".");
+  const integerStr = splitNumber[0] || "0";
+  const decimalStr = splitNumber[1] || "0";
+  if (integerStr === "0" && decimalStr === "0") {
+    negative = false;
+  }
+  const negativeStr = negative ? "-" : "";
+  return {
+    negative,
+    negativeStr,
+    trimStr,
+    integerStr,
+    decimalStr,
+    fullStr: `${negativeStr}${trimStr}`
+  };
+}
+function isScientificNotation(number) {
+  const str = String(number);
+  return !Number.isNaN(Number(str)) && str.includes("e");
+}
+function getNumberPrecision(number) {
+  const numStr = String(number);
+  if (isScientificNotation(number)) {
+    const [, exp = "0"] = numStr.toLowerCase().split("e");
+    return Math.max(0, -Number(exp));
+  }
+  return numStr.includes(".") && validateNumber(numStr) ? numStr.length - numStr.indexOf(".") - 1 : 0;
+}
+function num2str(number) {
+  const numStr = String(number);
+  if (isScientificNotation(number)) {
+    if (number > Number.MAX_SAFE_INTEGER) return String(Number.MAX_SAFE_INTEGER);
+    if (number < Number.MIN_SAFE_INTEGER) return String(Number.MIN_SAFE_INTEGER);
+    return trimNumber(number.toFixed(getNumberPrecision(number))).fullStr;
+  }
+  return trimNumber(numStr).fullStr;
+}
+function validateNumber(num) {
+  if (typeof num === "number") {
+    return !Number.isNaN(num);
+  }
+  if (!num) return false;
+  const str = String(num);
+  return /^\s*-?\d+(\.\d+)?\s*$/.test(str) || // 11.28
+  /^\s*-?\d+\.\s*$/.test(str) || // 1.
+  /^\s*-?\.\d+\s*$/.test(str);
+}
+class Decimal {
+  constructor(value) {
+    this.origin = "";
+    if (isEmptyValue(value)) {
+      this.empty = true;
+      return;
+    }
+    this.origin = String(value);
+    this.number = Number(value);
+  }
+  negate() {
+    return new Decimal(-this.toNumber());
+  }
+  add(value) {
+    if (this.isInvalidate()) return new Decimal(value);
+    const target = Number(value);
+    if (Number.isNaN(target)) return this;
+    const number = this.number + target;
+    if (number > Number.MAX_SAFE_INTEGER) return new Decimal(Number.MAX_SAFE_INTEGER);
+    if (number < Number.MIN_SAFE_INTEGER) return new Decimal(Number.MIN_SAFE_INTEGER);
+    const maxPrecision = Math.max(getNumberPrecision(this.number), getNumberPrecision(target));
+    return new Decimal(number.toFixed(maxPrecision));
+  }
+  isEmpty() {
+    return !!this.empty;
+  }
+  isNaN() {
+    return Number.isNaN(this.number);
+  }
+  isInvalidate() {
+    return this.isEmpty() || this.isNaN();
+  }
+  equals(target) {
+    return this.toNumber() === (target == null ? void 0 : target.toNumber());
+  }
+  lessEquals(target) {
+    return this.add(target.negate().toString()).toNumber() <= 0;
+  }
+  toNumber() {
+    return this.number;
+  }
+  toString(safe = true) {
+    if (!safe) return this.origin;
+    if (this.isInvalidate()) return "";
+    return num2str(this.number);
+  }
+}
+function getDecimal(value) {
+  return new Decimal(value);
+}
+function toFixed(numStr, separatorStr, precision, cutOnly = false) {
+  if (numStr === "") return "";
+  const { negativeStr, integerStr, decimalStr } = trimNumber(numStr);
+  const precisionDecimalStr = `${separatorStr}${decimalStr}`;
+  const numberWithoutDecimal = `${negativeStr}${integerStr}`;
+  if (precision !== void 0 && precision >= 0) {
+    const advancedNum = Number(decimalStr[precision]);
+    if (advancedNum >= 5 && !cutOnly) {
+      const advancedDecimal = getDecimal(numStr).add(
+        `${negativeStr}0.${"0".repeat(precision)}${10 - advancedNum}`
+      );
+      return toFixed(advancedDecimal.toString(), separatorStr, precision, cutOnly);
+    }
+    if (precision === 0) return numberWithoutDecimal;
+    return `${numberWithoutDecimal}${separatorStr}${decimalStr.padEnd(precision, "0").slice(0, precision)}`;
+  }
+  if (precisionDecimalStr === ".0") return numberWithoutDecimal;
+  return `${numberWithoutDecimal}${precisionDecimalStr}`;
+}
+function getDecupleSteps(step) {
+  const stepStr = typeof step === "number" ? num2str(step) : trimNumber(String(step)).fullStr;
+  const hasPoint = stepStr.includes(".");
+  if (!hasPoint) return `${step}0`;
+  return trimNumber(stepStr.replace(/(\d)\.(\d)/g, "$1$2.")).fullStr;
+}
+exports.Decimal = Decimal;
+exports.getDecimal = getDecimal;
+exports.getDecupleSteps = getDecupleSteps;
+exports.getNumberPrecision = getNumberPrecision;
+exports.isEmptyValue = isEmptyValue;
+exports.num2str = num2str;
+exports.toFixed = toFixed;
+exports.trimNumber = trimNumber;
+exports.validateNumber = validateNumber;

package/dist/web/InputNumber/utils/decimal.mjs

@@ -0,0 +1,147 @@
+function isEmptyValue(value) {
+  return !value && value !== 0 && !Number.isNaN(value) || !String(value).trim();
+}
+function trimNumber(numStr) {
+  let str = numStr.trim();
+  let negative = str.startsWith("-");
+  if (negative) {
+    str = str.slice(1);
+  }
+  str = str.replace(/(\.\d*[^0])0*$/, "$1").replace(/\.0*$/, "").replace(/^0+/, "");
+  if (str.startsWith(".")) {
+    str = `0${str}`;
+  }
+  const trimStr = str || "0";
+  const splitNumber = trimStr.split(".");
+  const integerStr = splitNumber[0] || "0";
+  const decimalStr = splitNumber[1] || "0";
+  if (integerStr === "0" && decimalStr === "0") {
+    negative = false;
+  }
+  const negativeStr = negative ? "-" : "";
+  return {
+    negative,
+    negativeStr,
+    trimStr,
+    integerStr,
+    decimalStr,
+    fullStr: `${negativeStr}${trimStr}`
+  };
+}
+function isScientificNotation(number) {
+  const str = String(number);
+  return !Number.isNaN(Number(str)) && str.includes("e");
+}
+function getNumberPrecision(number) {
+  const numStr = String(number);
+  if (isScientificNotation(number)) {
+    const [, exp = "0"] = numStr.toLowerCase().split("e");
+    return Math.max(0, -Number(exp));
+  }
+  return numStr.includes(".") && validateNumber(numStr) ? numStr.length - numStr.indexOf(".") - 1 : 0;
+}
+function num2str(number) {
+  const numStr = String(number);
+  if (isScientificNotation(number)) {
+    if (number > Number.MAX_SAFE_INTEGER) return String(Number.MAX_SAFE_INTEGER);
+    if (number < Number.MIN_SAFE_INTEGER) return String(Number.MIN_SAFE_INTEGER);
+    return trimNumber(number.toFixed(getNumberPrecision(number))).fullStr;
+  }
+  return trimNumber(numStr).fullStr;
+}
+function validateNumber(num) {
+  if (typeof num === "number") {
+    return !Number.isNaN(num);
+  }
+  if (!num) return false;
+  const str = String(num);
+  return /^\s*-?\d+(\.\d+)?\s*$/.test(str) || // 11.28
+  /^\s*-?\d+\.\s*$/.test(str) || // 1.
+  /^\s*-?\.\d+\s*$/.test(str);
+}
+class Decimal {
+  constructor(value) {
+    this.origin = "";
+    if (isEmptyValue(value)) {
+      this.empty = true;
+      return;
+    }
+    this.origin = String(value);
+    this.number = Number(value);
+  }
+  negate() {
+    return new Decimal(-this.toNumber());
+  }
+  add(value) {
+    if (this.isInvalidate()) return new Decimal(value);
+    const target = Number(value);
+    if (Number.isNaN(target)) return this;
+    const number = this.number + target;
+    if (number > Number.MAX_SAFE_INTEGER) return new Decimal(Number.MAX_SAFE_INTEGER);
+    if (number < Number.MIN_SAFE_INTEGER) return new Decimal(Number.MIN_SAFE_INTEGER);
+    const maxPrecision = Math.max(getNumberPrecision(this.number), getNumberPrecision(target));
+    return new Decimal(number.toFixed(maxPrecision));
+  }
+  isEmpty() {
+    return !!this.empty;
+  }
+  isNaN() {
+    return Number.isNaN(this.number);
+  }
+  isInvalidate() {
+    return this.isEmpty() || this.isNaN();
+  }
+  equals(target) {
+    return this.toNumber() === (target == null ? void 0 : target.toNumber());
+  }
+  lessEquals(target) {
+    return this.add(target.negate().toString()).toNumber() <= 0;
+  }
+  toNumber() {
+    return this.number;
+  }
+  toString(safe = true) {
+    if (!safe) return this.origin;
+    if (this.isInvalidate()) return "";
+    return num2str(this.number);
+  }
+}
+function getDecimal(value) {
+  return new Decimal(value);
+}
+function toFixed(numStr, separatorStr, precision, cutOnly = false) {
+  if (numStr === "") return "";
+  const { negativeStr, integerStr, decimalStr } = trimNumber(numStr);
+  const precisionDecimalStr = `${separatorStr}${decimalStr}`;
+  const numberWithoutDecimal = `${negativeStr}${integerStr}`;
+  if (precision !== void 0 && precision >= 0) {
+    const advancedNum = Number(decimalStr[precision]);
+    if (advancedNum >= 5 && !cutOnly) {
+      const advancedDecimal = getDecimal(numStr).add(
+        `${negativeStr}0.${"0".repeat(precision)}${10 - advancedNum}`
+      );
+      return toFixed(advancedDecimal.toString(), separatorStr, precision, cutOnly);
+    }
+    if (precision === 0) return numberWithoutDecimal;
+    return `${numberWithoutDecimal}${separatorStr}${decimalStr.padEnd(precision, "0").slice(0, precision)}`;
+  }
+  if (precisionDecimalStr === ".0") return numberWithoutDecimal;
+  return `${numberWithoutDecimal}${precisionDecimalStr}`;
+}
+function getDecupleSteps(step) {
+  const stepStr = typeof step === "number" ? num2str(step) : trimNumber(String(step)).fullStr;
+  const hasPoint = stepStr.includes(".");
+  if (!hasPoint) return `${step}0`;
+  return trimNumber(stepStr.replace(/(\d)\.(\d)/g, "$1$2.")).fullStr;
+}
+export {
+  Decimal,
+  getDecimal,
+  getDecupleSteps,
+  getNumberPrecision,
+  isEmptyValue,
+  num2str,
+  toFixed,
+  trimNumber,
+  validateNumber
+};

package/dist/web/Modal/Modal.js

@@ -0,0 +1,84 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css            */
+function BuModal({
+  open = false,
+  title = "标题",
+  mode = "standard",
+  children,
+  okText = "确认",
+  cancelText = "取消",
+  onOk,
+  onCancel,
+  onClose,
+  activeLang = "zh",
+  onLangChange,
+  labels,
+  hint,
+  confirmLoading = false,
+  width,
+  className,
+  style
+}) {
+  const zhLabel = (labels == null ? void 0 : labels.zh) ?? "中文";
+  const enLabel = (labels == null ? void 0 : labels.en) ?? "EN";
+  if (!open) return null;
+  const isBilingual = mode === "bilingual";
+  const isSingle = mode === "single";
+  const containerStyle = width != null ? { width, ...style } : style;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["bu-modal__overlay", className].filter(Boolean).join(" "), onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "bu-modal__container",
+      style: containerStyle,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-modal__header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "bu-modal__title", children: title }),
+          isBilingual && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-modal__lang-toggle", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: `bu-modal__lang-btn${activeLang === "zh" ? " bu-modal__lang-btn--active" : ""}`,
+                onClick: () => onLangChange == null ? void 0 : onLangChange("zh"),
+                children: zhLabel
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: `bu-modal__lang-btn${activeLang === "en" ? " bu-modal__lang-btn--active" : ""}`,
+                onClick: () => onLangChange == null ? void 0 : onLangChange("en"),
+                children: enLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "bu-modal__close", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5613 6.73027C16.7558 6.53571 17.0723 6.53442 17.2684 6.72736C17.4644 6.92032 17.4657 7.23444 17.2713 7.42901L12.7036 12.0002L17.2713 16.5714C17.4657 16.766 17.4644 17.0801 17.2684 17.273C17.0723 17.4659 16.7558 17.4646 16.5613 17.2701L11.9996 12.7047L7.43794 17.2701C7.24352 17.4647 6.92699 17.4659 6.73091 17.273C6.53485 17.0801 6.53355 16.7659 6.72798 16.5714L11.2955 12.0002L6.72798 7.42901C6.53355 7.23442 6.53485 6.92032 6.73091 6.72736C6.92698 6.53442 7.2435 6.53571 7.43794 6.73027L11.9996 11.2955L16.5613 6.73027Z", fill: "currentColor" }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bu-modal__body", children }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-modal__footer", children: [
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "bu-modal__hint", children: hint }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-modal__btn-row", children: [
+            !isSingle && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "bu-modal__btn-cancel", onClick: onCancel ?? onClose, children: cancelText }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: ["bu-modal__btn-ok", confirmLoading ? "bu-modal__btn-ok--loading" : ""].filter(Boolean).join(" "),
+                disabled: confirmLoading,
+                onClick: confirmLoading ? void 0 : onOk,
+                children: [
+                  confirmLoading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-modal__btn-ok-spinner" }),
+                  okText
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+module.exports = BuModal;

package/dist/web/Modal/Modal.mjs

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+/* empty css            */
+function BuModal({
+  open = false,
+  title = "标题",
+  mode = "standard",
+  children,
+  okText = "确认",
+  cancelText = "取消",
+  onOk,
+  onCancel,
+  onClose,
+  activeLang = "zh",
+  onLangChange,
+  labels,
+  hint,
+  confirmLoading = false,
+  width,
+  className,
+  style
+}) {
+  const zhLabel = (labels == null ? void 0 : labels.zh) ?? "中文";
+  const enLabel = (labels == null ? void 0 : labels.en) ?? "EN";
+  if (!open) return null;
+  const isBilingual = mode === "bilingual";
+  const isSingle = mode === "single";
+  const containerStyle = width != null ? { width, ...style } : style;
+  return /* @__PURE__ */ jsx("div", { className: ["bu-modal__overlay", className].filter(Boolean).join(" "), onClick: onClose, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "bu-modal__container",
+      style: containerStyle,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "bu-modal__header", children: [
+          /* @__PURE__ */ jsx("p", { className: "bu-modal__title", children: title }),
+          isBilingual && /* @__PURE__ */ jsxs("div", { className: "bu-modal__lang-toggle", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: `bu-modal__lang-btn${activeLang === "zh" ? " bu-modal__lang-btn--active" : ""}`,
+                onClick: () => onLangChange == null ? void 0 : onLangChange("zh"),
+                children: zhLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: `bu-modal__lang-btn${activeLang === "en" ? " bu-modal__lang-btn--active" : ""}`,
+                onClick: () => onLangChange == null ? void 0 : onLangChange("en"),
+                children: enLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "bu-modal__close", onClick: onClose, children: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M16.5613 6.73027C16.7558 6.53571 17.0723 6.53442 17.2684 6.72736C17.4644 6.92032 17.4657 7.23444 17.2713 7.42901L12.7036 12.0002L17.2713 16.5714C17.4657 16.766 17.4644 17.0801 17.2684 17.273C17.0723 17.4659 16.7558 17.4646 16.5613 17.2701L11.9996 12.7047L7.43794 17.2701C7.24352 17.4647 6.92699 17.4659 6.73091 17.273C6.53485 17.0801 6.53355 16.7659 6.72798 16.5714L11.2955 12.0002L6.72798 7.42901C6.53355 7.23442 6.53485 6.92032 6.73091 6.72736C6.92698 6.53442 7.2435 6.53571 7.43794 6.73027L11.9996 11.2955L16.5613 6.73027Z", fill: "currentColor" }) }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "bu-modal__body", children }),
+        /* @__PURE__ */ jsxs("div", { className: "bu-modal__footer", children: [
+          hint && /* @__PURE__ */ jsx("p", { className: "bu-modal__hint", children: hint }),
+          /* @__PURE__ */ jsxs("div", { className: "bu-modal__btn-row", children: [
+            !isSingle && /* @__PURE__ */ jsx("button", { type: "button", className: "bu-modal__btn-cancel", onClick: onCancel ?? onClose, children: cancelText }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: ["bu-modal__btn-ok", confirmLoading ? "bu-modal__btn-ok--loading" : ""].filter(Boolean).join(" "),
+                disabled: confirmLoading,
+                onClick: confirmLoading ? void 0 : onOk,
+                children: [
+                  confirmLoading && /* @__PURE__ */ jsx("span", { className: "bu-modal__btn-ok-spinner" }),
+                  okText
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  BuModal as default
+};