@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/DateTimePicker.es.js

@@ -0,0 +1,519 @@
+"use client";
+import { jsxs as v, jsx as a, Fragment as V } from "react/jsx-runtime";
+import * as r from "react";
+import { Typography as I } from "./Typography.es.js";
+import { S as ee } from "./arrow-down-l-line-97e4fe24.js";
+import { a as te, S as re } from "./arrow-right-l-line-87881b4d.js";
+import { u as ae, D as ue } from "./index.esm-71578db5.js";
+import { c as d } from "./index-c57db938.js";
+import { u as X } from "./useTheme-0688f238.js";
+import { i as ne, h as Z } from "./index-b7027a1d.js";
+import { f as oe, M as se } from "./index-eea69add.js";
+import { Button as ie } from "./Button.es.js";
+import { Divider as be } from "./Divider.es.js";
+import { u as J, l as le, S as ce } from "./locales-776f0072.js";
+import { s as de } from "./index.module-1d7bbdf8.js";
+import "./utils-071abd68.js";
+import "./clsx.m-e965ef18.js";
+import "./Picker.es.js";
+import "./_commonjsHelpers-1d52fb73.js";
+import "./index.module-fb41ba3b.js";
+const q = d("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label",
+      dark: "bu-text-dark-label"
+    }
+  }
+}), he = d("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40",
+      dark: "bu-text-dark-label-40"
+    }
+  }
+}), K = d("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background bu-border-light-line-secondary",
+      dark: "bu-bg-dark-background bu-border-dark-line-secondary"
+    }
+  }
+}), me = d("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background hover:bu-bg-light-fill-quaternary hover:bu-text-light-label",
+      dark: "bu-bg-dark-background hover:bu-bg-dark-fill-quaternary hover:bu-text-dark-label"
+    }
+  }
+}), G = d("", {
+  variants: {
+    theme: {
+      light: "bu-border-light-line-secondary bu-text-light-label-40",
+      dark: "bu-border-dark-line-secondary bu-text-dark-label-40"
+    }
+  }
+}), ge = d("", {
+  variants: {
+    theme: {
+      light: "[&:has([aria-selected])]:bu-text-light-second [&:has([aria-selected].day-outside)]:!bu-bg-light-background [&:has([disabled])]:bu-bg-light-line-primary",
+      dark: "[&:has([aria-selected])]:bu-text-dark-second [&:has([aria-selected].day-outside)]:!bu-bg-dark-background [&:has([disabled])]:bu-bg-dark-line-primary"
+    }
+  }
+}), pe = d("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label hover:bu-bg-light-primary-14 hover:bu-text-light-primary",
+      dark: "bu-text-dark-label hover:bu-bg-dark-primary-14 hover:bu-text-dark-primary"
+    }
+  }
+}), fe = d("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-fill-quaternary bu-text-light-label aria-selected:bu-bg-light-primary aria-selected:bu-text-light-second",
+      dark: "bu-bg-dark-fill-quaternary bu-text-dark-label aria-selected:bu-bg-dark-primary aria-selected:bu-text-dark-second"
+    }
+  }
+}), xe = d("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-primary hover:bu-bg-light-primary hover:bu-text-light-second focus:bu-bg-light-primary focus:bu-text-light-second",
+      dark: "bu-bg-dark-primary hover:bu-bg-dark-primary hover:bu-text-dark-second focus:bu-bg-dark-primary focus:bu-text-dark-second"
+    }
+  }
+}), ye = d("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40 hover:!bu-bg-light-primary-14 hover:!bu-text-light-primary aria-selected:!bu-bg-light-background aria-selected:!bu-text-light-label-40",
+      dark: "bu-text-dark-label-40 hover:!bu-bg-dark-primary-14 hover:!bu-text-dark-primary aria-selected:!bu-bg-dark-background aria-selected:!bu-text-dark-label-40"
+    }
+  }
+}), ke = d("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40",
+      dark: "bu-text-dark-label-40"
+    }
+  }
+}), we = d("", {
+  variants: {
+    theme: {
+      light: "hover:!bu-bg-light-primary-14 hover:!bu-text-light-primary",
+      dark: "hover:!bu-bg-dark-primary-14 hover:!bu-text-dark-primary"
+    }
+  }
+}), ve = d("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-primary-14",
+      dark: "bu-bg-dark-primary-14"
+    }
+  }
+}), De = ({
+  className: n = "",
+  classNames: h,
+  showOutsideDays: i = !0,
+  month: b,
+  date: S,
+  startMonthShow: m,
+  setStartMonthShow: o,
+  setStartMonth: D,
+  locale: x,
+  hideHoursAndMinutes: $,
+  ...u
+}) => {
+  const { theme: e } = X(), p = r.useCallback(
+    (g) => {
+      const { goToMonth: s, nextMonth: H, previousMonth: f } = ae(), y = () => {
+        o(!m), D(g.displayMonth);
+      };
+      return r.useEffect(() => {
+        b && s(b);
+      }, [b, S]), /* @__PURE__ */ v("div", { className: "bu-flex bu-h-[40px] bu-w-[333px] bu-items-center bu-justify-between bu-py-[8px]", children: [
+        /* @__PURE__ */ v(
+          "div",
+          {
+            className: "bu-flex bu-h-[12px] bu-cursor-pointer bu-items-center bu-gap-1",
+            onClick: y,
+            children: [
+              /* @__PURE__ */ a(I, { variant: "body2", weight: "medium", children: ne(g.displayMonth, "MMM yyy", { locale: x }) }),
+              /* @__PURE__ */ a(
+                ee,
+                {
+                  className: `bu-h-[20px] bu-w-[20px] bu-cursor-pointer ${q({
+                    theme: e
+                  })}`
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ v("div", { className: "bu-flex bu-gap-6", children: [
+          /* @__PURE__ */ a(
+            te,
+            {
+              className: `bu-h-[24px] bu-w-[24px] bu-cursor-pointer ${q({ theme: e })}`,
+              onClick: () => f && s(f)
+            }
+          ),
+          /* @__PURE__ */ a(
+            re,
+            {
+              className: `bu-h-[24px] bu-w-[24px] bu-cursor-pointer ${q({ theme: e })}`,
+              onClick: () => H && s(H)
+            }
+          )
+        ] })
+      ] });
+    },
+    [b, S]
+  );
+  return /* @__PURE__ */ a(
+    ue,
+    {
+      showOutsideDays: i,
+      className: n,
+      classNames: {
+        months: "bu-flex bu-flex-col sm:bu-flex-row bu-space-y-4 sm:bu-space-x-4 sm:bu-space-y-0",
+        month: "bu-space-y-4",
+        caption: "bu-flex bu-justify-center bu-pt-1 bu-relative bu-items-center",
+        caption_label: "bu-text-base bu-font-medium",
+        caption_start: `bu-pt-[16px] ${m ? "bu-hidden" : ""}`,
+        nav: "bu-space-x-1 bu-flex bu-items-center",
+        nav_button: `${me({
+          theme: e
+        })}  bu-inline-flex bu-items-center bu-justify-center bu-whitespace-nowrap bu-rounded-md bu-text-base bu-font-medium bu-ring-offset-background bu-transition-colors disabled:bu-pointer-events-none bu-h-7 bu-w-7 bu-bg-transparent bu-p-0 hover:bu-opacity-100 bu-border bu-border-input`,
+        nav_button_previous: "bu-absolute bu-left-1",
+        nav_button_next: "bu-absolute bu-right-1",
+        table: "bu-border-collapse !bu-my-[8px]",
+        tbody: "bu-pt-[8px]",
+        head_row: "bu-flex",
+        head_cell: `${$ ? "!bu-w-[50px]" : "!bu-w-[32px]"} !bu-h-[28px] bu-font-normal bu-text-[12px] bu-pb-[8px] bu-border-b ${G({
+          theme: e
+        })}`,
+        row: "bu-flex bu-w-full bu-mt-[8px]",
+        cell: `${ge({
+          theme: e
+        })}  !bu-h-[32px] ${$ ? "!bu-w-[50px]" : "!bu-w-[32px]"} bu-text-center bu-text-base bu-p-0 bu-relative [&:has([disabled])]:!bu-cursor-not-allowed [&:has([aria-selected].day-range-end)]:bu-rounded-r-[16px] first:[&:has([aria-selected])]:bu-rounded-l-[0px] last:[&:has([aria-selected])]:bu-rounded-r-[0px] focus-within:bu-relative focus-within:bu-z-20 [&:has([aria-selected].day-range-start)]:bu-rounded-l-[16px]`,
+        day: `${pe({
+          theme: e
+        })} bu-inline-flex bu-items-center bu-justify-center bu-whitespace-nowrap bu-rounded-[16px] bu-text-base bu-font-medium bu-ring-offset-background bu-transition-colors focus:bu-outline-none disabled:bu-pointer-events-none bu-h-8 bu-w-8 bu-p-0 bu-font-normal aria-selected:bu-opacity-100`,
+        day_selected: `${xe({ theme: e })}`,
+        day_today: `${fe({ theme: e })} bu-rounded-[16px]`,
+        day_outside: `day-outside ${ye({ theme: e })} aria-selected:bu-rounded-[16px]`,
+        day_disabled: `${ke({ theme: e })}`,
+        day_range_middle: `${we({ theme: e })}`,
+        day_hidden: "invisible",
+        ...h
+      },
+      components: {
+        Caption: p
+      },
+      locale: x,
+      ...u
+    }
+  );
+}, Q = ({
+  theme: n,
+  items: h,
+  selectedItem: i,
+  onSelect: b,
+  disablePast: S = !1,
+  current: m
+}) => {
+  const o = r.useRef(null), D = r.useRef([]), x = r.useRef(!1), $ = (u) => m ? Number(u) < m : !1;
+  return r.useEffect(() => {
+    if (x.current)
+      return;
+    const u = D.current[i];
+    if (u && o.current) {
+      const e = o.current.clientHeight, p = u.clientHeight, g = u.offsetTop - e / 2 - p;
+      o.current.scrollTo({ top: g });
+    }
+  }, [i]), r.useEffect(() => (setTimeout(() => {
+    x.current = !0;
+  }, 500), () => {
+    x.current = !1;
+  }), []), /* @__PURE__ */ a(
+    "ul",
+    {
+      ref: o,
+      className: `bu-h-[232px] bu-flex-1 bu-overflow-y-auto bu-overflow-x-hidden ${de["hide-scrollbar"]}`,
+      children: h.map((u, e) => {
+        const p = S && $(u);
+        return /* @__PURE__ */ a(
+          "li",
+          {
+            ref: (g) => {
+              D.current[e] = g;
+            },
+            className: `bu-mb-2 bu-flex bu-h-[32px] bu-w-[48px]  bu-items-center bu-justify-center ${i === Number(u) ? ve({ theme: n }) : ""} ${p ? "bu-cursor-not-allowed" : "bu-cursor-pointer"}`,
+            onClick: () => !p && b(Number(u)),
+            children: /* @__PURE__ */ a(
+              I,
+              {
+                variant: "body3",
+                className: `${p ? he({ theme: n }) : q({ theme: n })}`,
+                children: u
+              }
+            )
+          },
+          u
+        );
+      })
+    }
+  );
+}, Me = (n) => {
+  const h = [];
+  for (let i = 0; i < 60; i += n) {
+    const b = i.toString().padStart(2, "0");
+    h.push(`${b}`);
+  }
+  return h;
+}, Se = ({
+  defaultValue: n,
+  limitDays: h,
+  isUtcTime: i,
+  lang: b,
+  minuteInterval: S,
+  hidePast: m
+}) => {
+  const [o, D] = r.useState(/* @__PURE__ */ new Date()), [x, $] = r.useState(!1), [u, e] = r.useState(), [p, g] = r.useState(), [s, H] = r.useState(303), [f, y] = r.useState((/* @__PURE__ */ new Date()).getHours()), [M, j] = r.useState((/* @__PURE__ */ new Date()).getMinutes()), [z, R] = r.useState(null), L = h && h > 0 && h * 24 * 60 * 60 * 1e3, N = (l) => i ? J(l, "UTC") : new Date(l), A = {
+    today: J((/* @__PURE__ */ new Date()).getTime(), "UTC")
+  };
+  r.useEffect(() => {
+    (async () => {
+      const k = await le(b);
+      R(k);
+    })();
+  }, [b]), r.useEffect(() => {
+    var l;
+    if (u) {
+      const k = ((l = document.querySelector(".bu-date-picker")) == null ? void 0 : l.clientHeight) || 303;
+      H(k);
+    }
+  }, [u]), r.useEffect(() => {
+    n && (D(new Date(n)), y(new Date(n).getHours()), j(new Date(n).getMinutes()), g(new Date(n)), e(new Date(n)));
+  }, [n]);
+  const _ = r.useMemo(() => {
+    const l = N(L ? (/* @__PURE__ */ new Date()).getTime() : new Date(2100, 10).getTime());
+    l.setHours(0, 0, 0, 0);
+    const k = L ? new Date(l.getTime() - L) : N(new Date(1970, 0).getTime()), T = k.getFullYear(), E = k.getMonth() + 1, w = l.getFullYear(), O = l.getMonth() + 1, F = {};
+    for (let t = T; t <= w; t++) {
+      F[t] = [];
+      let c = 1, C = 12;
+      t === T && (c = E), t === w && (C = O);
+      for (let W = c; W <= C; W++)
+        F[t].push(W);
+    }
+    return F;
+  }, [L]), P = Array.from({ length: 24 }, (l, k) => k.toString().padStart(2, "0")), Y = Me(S), U = r.useMemo(() => m && o && o.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), [m, o]), B = r.useMemo(() => m && o && o.toDateString() === (/* @__PURE__ */ new Date()).toDateString() && f === (/* @__PURE__ */ new Date()).getHours(), [m, o, f]);
+  return {
+    date: o,
+    setDate: D,
+    startMonthShow: x,
+    setStartMonthShow: $,
+    startMonth: u,
+    setStartMonth: e,
+    month: p,
+    setMonth: g,
+    monthHeight: s,
+    currentHour: f,
+    setCurrentHour: y,
+    currentMinute: M,
+    setCurrentMinute: j,
+    locale: z,
+    modifiers: A,
+    calculateMonths: _,
+    hours: P,
+    minutes: Y,
+    disabledHour: U,
+    disabledMinute: B
+  };
+}, Oe = ({
+  id: n,
+  className: h = "",
+  defaultValue: i,
+  setValues: b,
+  disabledDays: S,
+  limitDays: m,
+  isUtcTime: o = !1,
+  lang: D = "en",
+  confirmText: x = "Confirm",
+  cancelText: $ = "Cancel",
+  submitText: u = "Ok",
+  minuteInterval: e = 1,
+  hidePast: p = !0,
+  hideHoursAndMinutes: g = !1
+}) => {
+  const {
+    date: s,
+    setDate: H,
+    startMonthShow: f,
+    setStartMonthShow: y,
+    startMonth: M,
+    setStartMonth: j,
+    month: z,
+    setMonth: R,
+    monthHeight: L,
+    currentHour: N,
+    setCurrentHour: A,
+    currentMinute: _,
+    setCurrentMinute: P,
+    locale: Y,
+    modifiers: U,
+    calculateMonths: B,
+    hours: l,
+    minutes: k,
+    disabledHour: T,
+    disabledMinute: E
+  } = Se({
+    defaultValue: i,
+    limitDays: m,
+    isUtcTime: o,
+    lang: D,
+    minuteInterval: e,
+    hidePast: p
+  }), { theme: w } = X(), O = (t) => {
+    if (H(t), t) {
+      const c = t.getMonth();
+      c !== (s == null ? void 0 : s.getMonth()) && R(new Date(t.getFullYear(), c));
+    }
+  }, F = () => {
+    if (s) {
+      const t = new Date(s), c = T && N < (/* @__PURE__ */ new Date()).getHours() ? (/* @__PURE__ */ new Date()).getHours() : N, C = E && _ < (/* @__PURE__ */ new Date()).getMinutes() ? (/* @__PURE__ */ new Date()).getMinutes() : _;
+      t.setHours(c, C, 0, 0), b(t.getTime());
+    } else
+      b(i);
+    setTimeout(() => {
+      y(!1);
+    }, 500);
+  };
+  return /* @__PURE__ */ a("div", { id: n, className: `bu-date-picker-range ${h}`, children: /* @__PURE__ */ v("div", { className: `bu-rounded bu-border bu-px-[16px] bu-pb-[8px] ${K({ theme: w })}`, children: [
+    /* @__PURE__ */ v("div", { className: "bu-date-picker bu-relative", children: [
+      f && /* @__PURE__ */ v(
+        "div",
+        {
+          className: `bu-w-[333px] bu-flex-1 bu-pr-[16px] bu-pt-[16px] ${K({
+            theme: w
+          })}`,
+          style: { height: L + "px" },
+          children: [
+            /* @__PURE__ */ v(
+              "div",
+              {
+                className: "bu-flex bu-h-[40px] bu-cursor-pointer bu-items-center bu-gap-[4px] bu-py-[8px]",
+                onClick: () => y(!1),
+                children: [
+                  /* @__PURE__ */ a(I, { variant: "body2", weight: "medium", children: M && oe(M, "MMM yyy", {
+                    locale: Y || Z
+                  }) }),
+                  /* @__PURE__ */ a(ce, { className: `bu-h-5 bu-w-5 ${q({ theme: w })}` })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              se,
+              {
+                data: B,
+                currentYear: M ? M.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear(),
+                currentMonth: M ? M.getMonth() + 1 : (/* @__PURE__ */ new Date()).getMonth() + 1,
+                setMonth: j,
+                locale: Y || Z,
+                confirmText: x,
+                cancelText: $,
+                cancel: y.bind(null, !1),
+                confirm: () => {
+                  R(M), y(!1), setTimeout(() => {
+                    R(void 0);
+                  }, 200);
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        De,
+        {
+          mode: "single",
+          date: s == null ? void 0 : s.getTime(),
+          selected: s,
+          onSelect: O,
+          disabled: S,
+          startMonthShow: f,
+          setStartMonthShow: y,
+          setStartMonth: j,
+          locale: Y || Z,
+          month: z,
+          modifiers: o ? U : void 0,
+          fixedWeeks: !0,
+          showOutsideDays: !0,
+          hideHoursAndMinutes: g
+        }
+      ),
+      !g && /* @__PURE__ */ v(
+        "div",
+        {
+          className: `bu-absolute bu-right-0 bu-top-[56px] bu-h-[236px] bu-w-[109px] ${f ? "bu-hidden" : ""}`,
+          children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: `bu-h-[36px] bu-border-b ${G({
+                  theme: w
+                })}`,
+                children: " "
+              }
+            ),
+            /* @__PURE__ */ v("div", { className: "bu-flex bu-pl-1 bu-pt-2", children: [
+              /* @__PURE__ */ a(
+                Q,
+                {
+                  theme: w,
+                  items: l,
+                  selectedItem: N,
+                  onSelect: (t) => {
+                    const c = (/* @__PURE__ */ new Date()).getHours(), C = (/* @__PURE__ */ new Date()).getMinutes();
+                    A(T && t < c ? c : t), T && t === c && _ < C && P(C);
+                  },
+                  disablePast: T,
+                  current: (/* @__PURE__ */ new Date()).getHours()
+                }
+              ),
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  className: `bu-mx-1 bu-h-[236px] bu-w-[1px] bu-border-r ${G({
+                    theme: w
+                  })}`
+                }
+              ),
+              /* @__PURE__ */ a(
+                Q,
+                {
+                  theme: w,
+                  items: k,
+                  selectedItem: _,
+                  onSelect: (t) => {
+                    const c = (/* @__PURE__ */ new Date()).getMinutes();
+                    P(E && t < c ? c : t);
+                  },
+                  disablePast: E,
+                  current: (/* @__PURE__ */ new Date()).getMinutes()
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    !f && /* @__PURE__ */ v(V, { children: [
+      /* @__PURE__ */ a(be, { direction: "horizontal" }),
+      /* @__PURE__ */ a("div", { className: "bu-flex bu-items-center bu-justify-end bu-py-[8px]", children: /* @__PURE__ */ a(ie, { onClick: () => F(), size: "small", variant: "primary", children: u }) })
+    ] })
+  ] }) });
+};
+export {
+  Oe as DateTimePicker
+};

package/dist/Dialog.es.js

@@ -1,11 +1,182 @@
-import { D as f } from "./index-0b47cbae.js";
-import "./jsx-runtime-82a9ddf6.js";
-import "react";
-import "react-dom";
-import "./close-c67ec245.js";
-import "./Button.es.js";
-import "./utils-19b44377.js";
-import "./index-6ffbeca8.js";
+"use client";
+import { jsx as o, jsxs as f, Fragment as g } from "react/jsx-runtime";
+import * as a from "react";
+import { createPortal as G } from "react-dom";
+import { S as M } from "./close-0df24351.js";
+import { Button as _ } from "./Button.es.js";
+import { c as u } from "./index-c57db938.js";
+import { u as U } from "./useTheme-0688f238.js";
+import "./utils-071abd68.js";
+import "./clsx.m-e965ef18.js";
+const V = u(
+  "bu-absolute bu-left-[50%] bu-top-[50%] bu-flex bu-translate-x-[-50%] bu-translate-y-[-50%] bu-flex-col bu-justify-between bu-rounded-[10px] bu-pb-[32px] bu-pt-[24px]",
+  {
+    variants: {
+      size: {
+        large: "max-[600px]:bu-w-[80%] min-[600px]:bu-min-h-[234px] min-[600px]:bu-w-[800px]",
+        medium: "max-[600px]:bu-w-[80%] min-[600px]:bu-min-h-[226px] min-[600px]:bu-w-[600px]",
+        small: "max-[600px]:bu-w-[80%] min-[600px]:bu-min-h-[210px] min-[600px]:bu-w-[520px]"
+      },
+      theme: {
+        dark: "bu-bg-dark-hover-fill-primary",
+        light: "bu-bg-light-background"
+      }
+    }
+  }
+), A = u("", {
+  variants: {
+    theme: {
+      dark: "bu-text-dark-label",
+      light: "bu-text-light-label"
+    }
+  }
+}), H = u(
+  "bu-absolute bu-right-[20px] bu-h-[24px] bu-w-[24px] bu-cursor-pointer",
+  {
+    variants: {
+      theme: {
+        dark: "bu-text-dark-label-40",
+        light: "bu-text-light-label-40"
+      }
+    }
+  }
+), J = u("bu-flex bu-px-[24px]", {
+  variants: {
+    footerLayout: {
+      right: "bu-justify-end",
+      left: "bu-justify-start",
+      center: "bu-justify-center"
+    }
+  }
+}), K = "_mock_13kkq_1", Q = "_dialog_13kkq_5", W = "_title_13kkq_9", X = "_content_13kkq_13", r = {
+  mock: K,
+  dialog: Q,
+  title: W,
+  content: X
+}, N = (t) => {
+  const {
+    size: e,
+    title: s,
+    content: m,
+    maskClosable: n = !1,
+    cancelText: l = "",
+    confirmText: $ = "",
+    footer: d,
+    cancel: k,
+    confirm: y,
+    theme: v,
+    footerLayout: j,
+    footerSize: w = "small",
+    hideCancel: C = !1,
+    hideConfirm: z = !1,
+    hideIcon: D = !1,
+    className: I,
+    contentClassName: q,
+    open: b,
+    loading: T = !1,
+    containerRef: E,
+    modalClassName: R
+  } = t, { theme: L } = U(), [O, P] = a.useState(!1), i = () => v || L, p = () => {
+    k && k();
+  }, B = () => {
+    n && p();
+  }, F = () => {
+    y && y();
+  };
+  return a.useEffect(() => (document.body.style.overflow = b ? "hidden" : "", P(b), () => {
+    document.body.style.overflow = "";
+  }), [b]), O ? G(
+    /* @__PURE__ */ o("div", { className: `${r.mock} ${R}`, onClick: B, children: /* @__PURE__ */ f(
+      "div",
+      {
+        className: `${r.dialog} ${V({
+          size: e,
+          theme: i()
+        })} ${I}`,
+        children: [
+          !D && /* @__PURE__ */ o(
+            M,
+            {
+              className: `${H({
+                theme: i()
+              })}`,
+              onClick: p
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: A({ theme: i() }), children: s !== null && /* @__PURE__ */ o("div", { className: r.title, children: s }) }),
+          /* @__PURE__ */ o("div", { ref: E, className: `${r.content} ${q}`, children: m }),
+          /* @__PURE__ */ o("div", { className: J({ footerLayout: j }), children: d === null ? null : d || /* @__PURE__ */ f(g, { children: [
+            !C && /* @__PURE__ */ o(
+              _,
+              {
+                size: w,
+                variant: "ghost",
+                theme: i(),
+                onClick: p,
+                children: l
+              }
+            ),
+            !z && /* @__PURE__ */ o(
+              _,
+              {
+                className: C ? "" : "bu-ml-[16px]",
+                size: w,
+                variant: "primary",
+                loading: T,
+                theme: i(),
+                onClick: F,
+                children: $
+              }
+            )
+          ] }) })
+        ]
+      }
+    ) }),
+    document.body
+  ) : null;
+}, c = [];
+let Y = 0;
+const h = /* @__PURE__ */ new Set(), S = () => {
+  h.forEach((t) => t());
+}, x = (t) => {
+  const e = c.findIndex((s) => s.id === t);
+  e !== -1 && (c.splice(e, 1), S());
+}, Z = () => {
+  const [, t] = a.useReducer((e) => e + 1, 0);
+  return a.useEffect(() => (h.add(t), () => {
+    h.delete(t);
+  }), []), /* @__PURE__ */ o(g, { children: c.map((e) => {
+    const s = () => {
+      var n, l;
+      (l = (n = e.props).cancel) == null || l.call(n), x(e.id);
+    }, m = () => {
+      var n, l;
+      (l = (n = e.props).confirm) == null || l.call(n), x(e.id);
+    };
+    return /* @__PURE__ */ o(
+      N,
+      {
+        ...e.props,
+        open: !0,
+        cancel: s,
+        confirm: m
+      },
+      e.id
+    );
+  }) });
+}, ee = (t) => {
+  if (typeof window > "u")
+    return console.warn("Dialog.show 仅能在浏览器端调用"), () => {
+    };
+  const e = Y++;
+  return c.push({ id: e, props: t }), S(), () => x(e);
+};
+N.show = ee;
+const ce = ({ children: t }) => /* @__PURE__ */ f(g, { children: [
+  t,
+  /* @__PURE__ */ o(Z, {})
+] });
 export {
-  f as Dialog
+  N as Dialog,
+  ce as DialogProvider
 };