bj-web-components 0.2.34 → 0.2.36

package/dist/web/MobileDrawer/BMobileDrawer.mjs

@@ -1,151 +1,233 @@
-import { jsxs as m, jsx as r, Fragment as H } from "react/jsx-runtime";
-import { useState as b, useRef as J, useEffect as h, useCallback as Q } from "react";
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { jsxs as _, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { useState as v, useRef as K, useEffect as w, useCallback as Q } from "react";
 import { createPortal as W } from "react-dom";
 import { BCheckBox as Y } from "../CheckBox/index.mjs";
 import Z from "../Icon/Icon.mjs";
 /* empty css                    */
-function $(...n) {
-  return n.filter(Boolean).join(" ");
+var $ = Object.defineProperty,
+  V = Object.getOwnPropertySymbols,
+  z = Object.prototype.hasOwnProperty,
+  ee = Object.prototype.propertyIsEnumerable,
+  B = function B(r, l, n) {
+    return l in r ? $(r, l, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: n
+    }) : r[l] = n;
+  },
+  re = function re(r, l) {
+    for (var n in l || (l = {})) z.call(l, n) && B(r, n, l[n]);
+    if (V) {
+      var _iterator = _createForOfIteratorHelper(V(l)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var n = _step.value;
+          ee.call(l, n) && B(r, n, l[n]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return r;
+  };
+function le() {
+  for (var _len = arguments.length, r = new Array(_len), _key = 0; _key < _len; _key++) {
+    r[_key] = arguments[_key];
+  }
+  return r.filter(Boolean).join(" ");
 }
-const z = 240;
-function te({
-  visible: n,
-  defaultVisible: B = !1,
-  title: V,
-  options: y,
-  value: p,
-  defaultValue: E = [],
-  onChange: f,
-  onOK: v,
-  onCancel: T,
-  onClose: o,
-  footer: s,
-  t: c = (w) => w,
-  okText: I = c("确定"),
-  cancelText: A = c("取消"),
-  emptyText: D,
-  closable: F = !0,
-  maskClosable: L = !0,
-  maxHeight: M = "86.21vh",
-  zIndex: j,
-  className: R,
-  style: S,
-  getContainer: _
-}) {
-  const [w, q] = b(B), [G, P] = b(E), u = n ?? w, a = p ?? G, [d, N] = b(u), [U, k] = b(u), l = J(null);
-  h(() => {
-    if (l.current && (clearTimeout(l.current), l.current = null), u) {
-      N(!0);
-      const e = requestAnimationFrame(() => k(!0));
-      return () => cancelAnimationFrame(e);
+var ne = 240;
+function ue(_ref) {
+  var r = _ref.visible,
+    _ref$defaultVisible = _ref.defaultVisible,
+    l = _ref$defaultVisible === void 0 ? !1 : _ref$defaultVisible,
+    n = _ref.title,
+    h = _ref.options,
+    p = _ref.value,
+    _ref$defaultValue = _ref.defaultValue,
+    x = _ref$defaultValue === void 0 ? [] : _ref$defaultValue,
+    y = _ref.onChange,
+    j = _ref.onOK,
+    I = _ref.onCancel,
+    u = _ref.onClose,
+    s = _ref.footer,
+    _ref$t = _ref.t,
+    m = _ref$t === void 0 ? function (b) {
+      return b;
+    } : _ref$t,
+    _ref$okText = _ref.okText,
+    C = _ref$okText === void 0 ? m("确定") : _ref$okText,
+    _ref$cancelText = _ref.cancelText,
+    T = _ref$cancelText === void 0 ? m("取消") : _ref$cancelText,
+    N = _ref.emptyText,
+    _ref$closable = _ref.closable,
+    S = _ref$closable === void 0 ? !0 : _ref$closable,
+    _ref$maskClosable = _ref.maskClosable,
+    A = _ref$maskClosable === void 0 ? !0 : _ref$maskClosable,
+    _ref$maxHeight = _ref.maxHeight,
+    D = _ref$maxHeight === void 0 ? "86.21vh" : _ref$maxHeight,
+    k = _ref.zIndex,
+    F = _ref.className,
+    L = _ref.style,
+    O = _ref.getContainer;
+  var b;
+  var _v = v(l),
+    _v2 = _slicedToArray(_v, 2),
+    M = _v2[0],
+    R = _v2[1],
+    _v3 = v(x),
+    _v4 = _slicedToArray(_v3, 2),
+    q = _v4[0],
+    G = _v4[1],
+    f = r != null ? r : M,
+    d = p != null ? p : q,
+    _v5 = v(f),
+    _v6 = _slicedToArray(_v5, 2),
+    c = _v6[0],
+    g = _v6[1],
+    _v7 = v(f),
+    _v8 = _slicedToArray(_v7, 2),
+    U = _v8[0],
+    E = _v8[1],
+    a = K(null);
+  w(function () {
+    if (a.current && (clearTimeout(a.current), a.current = null), f) {
+      g(!0);
+      var e = requestAnimationFrame(function () {
+        return E(!0);
+      });
+      return function () {
+        return cancelAnimationFrame(e);
+      };
     }
-    return k(!1), l.current = setTimeout(() => {
-      l.current = null, N(!1);
-    }, z), () => {
-      l.current && (clearTimeout(l.current), l.current = null);
+    return E(!1), a.current = setTimeout(function () {
+      a.current = null, g(!1);
+    }, ne), function () {
+      a.current && (clearTimeout(a.current), a.current = null);
     };
-  }, [u]), h(() => {
-    if (!d || typeof document > "u") return;
-    const { body: e } = document, i = e.style.overflow;
-    return e.style.overflow = "hidden", () => {
-      e.style.overflow = i;
+  }, [f]), w(function () {
+    if (!c || typeof document == "undefined") return;
+    var _document = document,
+      e = _document.body,
+      o = e.style.overflow;
+    return e.style.overflow = "hidden", function () {
+      e.style.overflow = o;
     };
-  }, [d]);
-  const t = Q((e) => {
-    n === void 0 && q(!1), e == null || e();
-  }, [n]);
-  h(() => {
-    if (!d || typeof document > "u") return;
-    const e = (i) => {
-      i.key === "Escape" && t(o);
+  }, [c]);
+  var i = Q(function (e) {
+    r === void 0 && R(!1), e == null || e();
+  }, [r]);
+  w(function () {
+    if (!c || typeof document == "undefined") return;
+    var e = function e(o) {
+      o.key === "Escape" && i(u);
     };
-    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [t, d, o]);
-  const X = (e) => {
+    return document.addEventListener("keydown", e), function () {
+      return document.removeEventListener("keydown", e);
+    };
+  }, [i, c, u]);
+  var X = function X(e) {
     if (e.disabled) return;
-    const i = a.includes(e.value) ? a.filter((g) => g !== e.value) : [...a, e.value];
-    p === void 0 && P(i), f == null || f(i, e);
+    var o = d.includes(e.value) ? d.filter(function (H) {
+      return H !== e.value;
+    }) : [].concat(_toConsumableArray(d), [e.value]);
+    p === void 0 && G(o), y == null || y(o, e);
   };
-  if (!d || typeof document > "u") return null;
-  const x = (_ == null ? void 0 : _()) ?? document.body;
-  return x ? W(
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: $("bj-mobile-drawer", U && "bj-mobile-drawer--open", R),
-        style: j === void 0 ? void 0 : { zIndex: j },
-        children: [
-          /* @__PURE__ */ r(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: "bj-mobile-drawer__mask",
-              onClick: L ? () => t(o) : void 0
-            }
-          ),
-          /* @__PURE__ */ m(
-            "div",
-            {
-              "aria-modal": "true",
-              className: "bj-mobile-drawer__panel",
-              role: "dialog",
-              style: { maxHeight: M, ...S },
-              children: [
-                /* @__PURE__ */ m("div", { className: "bj-mobile-drawer__header", children: [
-                  /* @__PURE__ */ r("div", { className: "bj-mobile-drawer__title", children: V }),
-                  F && /* @__PURE__ */ r(
-                    "button",
-                    {
-                      "aria-label": c("关闭"),
-                      className: "bj-mobile-drawer__close",
-                      onClick: () => t(o),
-                      type: "button",
-                      children: /* @__PURE__ */ r(Z, { type: "icon-a-guanbixi" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ r("div", { className: "bj-mobile-drawer__body", children: y.length > 0 ? y.map((e) => /* @__PURE__ */ r(
-                  Y,
-                  {
-                    checked: a.includes(e.value),
-                    className: "bj-mobile-drawer__option",
-                    disabled: e.disabled,
-                    onChange: () => X(e),
-                    shape: "circle",
-                    skipGroup: !0,
-                    children: /* @__PURE__ */ r("span", { className: "bj-mobile-drawer__option-label", children: e.label })
-                  },
-                  String(e.value)
-                )) : /* @__PURE__ */ r("div", { className: "bj-mobile-drawer__empty", children: D ?? c("暂无数据") }) }),
-                s !== !1 && /* @__PURE__ */ r("div", { className: "bj-mobile-drawer__footer", children: s === void 0 || s === !0 ? /* @__PURE__ */ m(H, { children: [
-                  /* @__PURE__ */ r(
-                    "button",
-                    {
-                      className: "bj-mobile-drawer__action",
-                      onClick: () => t(T),
-                      type: "button",
-                      children: A
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "button",
-                    {
-                      className: "bj-mobile-drawer__action bj-mobile-drawer__action--primary",
-                      onClick: () => t(() => v == null ? void 0 : v(a)),
-                      type: "button",
-                      children: I
-                    }
-                  )
-                ] }) : s })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    x
-  ) : null;
+  if (!c || typeof document == "undefined") return null;
+  var P = (b = O == null ? void 0 : O()) != null ? b : document.body;
+  return P ? W(/* @__PURE__ */_("div", {
+    className: le("bj-mobile-drawer", U && "bj-mobile-drawer--open", F),
+    style: k === void 0 ? void 0 : {
+      zIndex: k
+    },
+    children: [/* @__PURE__ */t("div", {
+      "aria-hidden": "true",
+      className: "bj-mobile-drawer__mask",
+      onClick: A ? function () {
+        return i(u);
+      } : void 0
+    }), /* @__PURE__ */_("div", {
+      "aria-modal": "true",
+      className: "bj-mobile-drawer__panel",
+      role: "dialog",
+      style: re({
+        maxHeight: D
+      }, L),
+      children: [/* @__PURE__ */_("div", {
+        className: "bj-mobile-drawer__header",
+        children: [/* @__PURE__ */t("div", {
+          className: "bj-mobile-drawer__title",
+          children: n
+        }), S && /* @__PURE__ */t("button", {
+          "aria-label": m("关闭"),
+          className: "bj-mobile-drawer__close",
+          onClick: function onClick() {
+            return i(u);
+          },
+          type: "button",
+          children: /* @__PURE__ */t(Z, {
+            type: "icon-a-guanbixi"
+          })
+        })]
+      }), /* @__PURE__ */t("div", {
+        className: "bj-mobile-drawer__body",
+        children: h.length > 0 ? h.map(function (e) {
+          return /* @__PURE__ */t(Y, {
+            checked: d.includes(e.value),
+            className: "bj-mobile-drawer__option",
+            disabled: e.disabled,
+            onChange: function onChange() {
+              return X(e);
+            },
+            shape: "circle",
+            skipGroup: !0,
+            children: /* @__PURE__ */t("span", {
+              className: "bj-mobile-drawer__option-label",
+              children: e.label
+            })
+          }, String(e.value));
+        }) : /* @__PURE__ */t("div", {
+          className: "bj-mobile-drawer__empty",
+          children: N != null ? N : m("暂无数据")
+        })
+      }), s !== !1 && /* @__PURE__ */t("div", {
+        className: "bj-mobile-drawer__footer",
+        children: s === void 0 || s === !0 ? /* @__PURE__ */_(J, {
+          children: [/* @__PURE__ */t("button", {
+            className: "bj-mobile-drawer__action",
+            onClick: function onClick() {
+              return i(I);
+            },
+            type: "button",
+            children: T
+          }), /* @__PURE__ */t("button", {
+            className: "bj-mobile-drawer__action bj-mobile-drawer__action--primary",
+            onClick: function onClick() {
+              return i(function () {
+                return j == null ? void 0 : j(d);
+              });
+            },
+            type: "button",
+            children: C
+          })]
+        }) : s
+      })]
+    })]
+  }), P) : null;
 }
-export {
-  te as BMobileDrawer
-};
+export { ue as BMobileDrawer };

package/dist/web/Modal/Modal.js

@@ -1 +1,148 @@
-"use strict";const l=require("react/jsx-runtime");;/* empty css            */function w({open:u=!1,title:r="标题",mode:o="standard",children:_,okText:b="确认",cancelText:m="取消",onOk:x,onCancel:j,onClose:i,activeLang:n="zh",onLangChange:s,labels:t,hint:c,confirmLoading:e=!1,width:a,className:N,style:d}){const h=(t==null?void 0:t.zh)??"中文",p=(t==null?void 0:t.en)??"EN";if(!u)return null;const v=o==="bilingual",k=o==="single",y=a!=null?{width:a,...d}:d;return l.jsx("div",{className:["bu-modal__overlay",N].filter(Boolean).join(" "),onClick:i,children:l.jsxs("div",{className:"bu-modal__container",style:y,onClick:f=>f.stopPropagation(),children:[l.jsxs("div",{className:"bu-modal__header",children:[l.jsx("p",{className:"bu-modal__title",children:r}),v&&l.jsxs("div",{className:"bu-modal__lang-toggle",children:[l.jsx("button",{type:"button",className:`bu-modal__lang-btn${n==="zh"?" bu-modal__lang-btn--active":""}`,onClick:()=>s==null?void 0:s("zh"),children:h}),l.jsx("button",{type:"button",className:`bu-modal__lang-btn${n==="en"?" bu-modal__lang-btn--active":""}`,onClick:()=>s==null?void 0:s("en"),children:p})]}),l.jsx("button",{type:"button",className:"bu-modal__close",onClick:i,children:l.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.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"})})})]}),l.jsx("div",{className:"bu-modal__body",children:_}),l.jsxs("div",{className:"bu-modal__footer",children:[c&&l.jsx("p",{className:"bu-modal__hint",children:c}),l.jsxs("div",{className:"bu-modal__btn-row",children:[!k&&l.jsx("button",{type:"button",className:"bu-modal__btn-cancel",onClick:j??i,children:m}),l.jsxs("button",{type:"button",className:["bu-modal__btn-ok",e?"bu-modal__btn-ok--loading":""].filter(Boolean).join(" "),disabled:e,onClick:e?void 0:x,children:[e&&l.jsx("span",{className:"bu-modal__btn-ok-spinner"}),b]})]})]})]})})}module.exports=w;
+"use strict";
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var l = require("react/jsx-runtime");
+; /* empty css            */
+var P = Object.defineProperty,
+  p = Object.getOwnPropertySymbols,
+  z = Object.prototype.hasOwnProperty,
+  B = Object.prototype.propertyIsEnumerable,
+  v = function v(t, e, n) {
+    return e in t ? P(t, e, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: n
+    }) : t[e] = n;
+  },
+  S = function S(t, e) {
+    for (var n in e || (e = {})) z.call(e, n) && v(t, n, e[n]);
+    if (p) {
+      var _iterator = _createForOfIteratorHelper(p(e)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var n = _step.value;
+          B.call(e, n) && v(t, n, e[n]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return t;
+  };
+function E(_ref) {
+  var _ref$open = _ref.open,
+    t = _ref$open === void 0 ? !1 : _ref$open,
+    _ref$title = _ref.title,
+    e = _ref$title === void 0 ? "标题" : _ref$title,
+    _ref$mode = _ref.mode,
+    n = _ref$mode === void 0 ? "standard" : _ref$mode,
+    h = _ref.children,
+    _ref$okText = _ref.okText,
+    j = _ref$okText === void 0 ? "确认" : _ref$okText,
+    _ref$cancelText = _ref.cancelText,
+    x = _ref$cancelText === void 0 ? "取消" : _ref$cancelText,
+    N = _ref.onOk,
+    i = _ref.onCancel,
+    r = _ref.onClose,
+    _ref$activeLang = _ref.activeLang,
+    u = _ref$activeLang === void 0 ? "zh" : _ref$activeLang,
+    a = _ref.onLangChange,
+    s = _ref.labels,
+    c = _ref.hint,
+    _ref$confirmLoading = _ref.confirmLoading,
+    o = _ref$confirmLoading === void 0 ? !1 : _ref$confirmLoading,
+    d = _ref.width,
+    f = _ref.className,
+    _ = _ref.style;
+  var b, m;
+  var y = (b = s == null ? void 0 : s.zh) != null ? b : "中文",
+    w = (m = s == null ? void 0 : s.en) != null ? m : "EN";
+  if (!t) return null;
+  var g = n === "bilingual",
+    C = n === "single",
+    k = d != null ? S({
+      width: d
+    }, _) : _;
+  return l.jsx("div", {
+    className: ["bu-modal__overlay", f].filter(Boolean).join(" "),
+    onClick: r,
+    children: l.jsxs("div", {
+      className: "bu-modal__container",
+      style: k,
+      onClick: function onClick(O) {
+        return O.stopPropagation();
+      },
+      children: [l.jsxs("div", {
+        className: "bu-modal__header",
+        children: [l.jsx("p", {
+          className: "bu-modal__title",
+          children: e
+        }), g && l.jsxs("div", {
+          className: "bu-modal__lang-toggle",
+          children: [l.jsx("button", {
+            type: "button",
+            className: "bu-modal__lang-btn".concat(u === "zh" ? " bu-modal__lang-btn--active" : ""),
+            onClick: function onClick() {
+              return a == null ? void 0 : a("zh");
+            },
+            children: y
+          }), l.jsx("button", {
+            type: "button",
+            className: "bu-modal__lang-btn".concat(u === "en" ? " bu-modal__lang-btn--active" : ""),
+            onClick: function onClick() {
+              return a == null ? void 0 : a("en");
+            },
+            children: w
+          })]
+        }), l.jsx("button", {
+          type: "button",
+          className: "bu-modal__close",
+          onClick: r,
+          children: l.jsx("svg", {
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: l.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"
+            })
+          })
+        })]
+      }), l.jsx("div", {
+        className: "bu-modal__body",
+        children: h
+      }), l.jsxs("div", {
+        className: "bu-modal__footer",
+        children: [c && l.jsx("p", {
+          className: "bu-modal__hint",
+          children: c
+        }), l.jsxs("div", {
+          className: "bu-modal__btn-row",
+          children: [!C && l.jsx("button", {
+            type: "button",
+            className: "bu-modal__btn-cancel",
+            onClick: i != null ? i : r,
+            children: x
+          }), l.jsxs("button", {
+            type: "button",
+            className: ["bu-modal__btn-ok", o ? "bu-modal__btn-ok--loading" : ""].filter(Boolean).join(" "),
+            disabled: o,
+            onClick: o ? void 0 : N,
+            children: [o && l.jsx("span", {
+              className: "bu-modal__btn-ok-spinner"
+            }), j]
+          })]
+        })]
+      })]
+    })
+  });
+}
+module.exports = E;