@bifrostui/react 1.2.9-beta.0 → 1.3.1-beta.0

package/dist/CollapsePanel/CollapsePanelItem.js

@@ -0,0 +1,112 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CollapsePanelItem_exports = {};
+__export(CollapsePanelItem_exports, {
+  default: () => CollapsePanelItem_default
+});
+module.exports = __toCommonJS(CollapsePanelItem_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_Collapse = require("../Collapse");
+const prefixCls = "bui-collapse-panel-item";
+const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    style,
+    label,
+    children,
+    icon,
+    active,
+    onClick
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style",
+    "label",
+    "children",
+    "icon",
+    "active",
+    "onClick"
+  ]);
+  const isControlledIcon = typeof icon === "function";
+  const getIcon = () => {
+    return typeof icon === "function" ? icon(active) : icon;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    __spreadValues({
+      className: (0, import_clsx.default)(prefixCls, active && `${prefixCls}-active`, className),
+      style,
+      ref
+    }, others),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_clsx.default)(
+          `${prefixCls}-header-icon`,
+          `${prefixCls}-header-icon-arrow`,
+          {
+            [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
+          }
+        )
+      },
+      getIcon()
+    )),
+    /* @__PURE__ */ import_react.default.createElement(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, children))
+  );
+});
+CollapsePanelItem.displayName = "BuiCollapsePanelItem";
+CollapsePanelItem.defaultProps = {
+  active: false
+};
+var CollapsePanelItem_default = CollapsePanelItem;

package/dist/CollapsePanel/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './CollapsePanel';
+export { default as CollapsePanel } from './CollapsePanel';
+export { default as CollapsePanelItem } from './CollapsePanelItem';
+export * from './CollapsePanel.types';

package/dist/CollapsePanel/index.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CollapsePanel_exports = {};
+__export(CollapsePanel_exports, {
+  CollapsePanel: () => import_CollapsePanel2.default,
+  CollapsePanelItem: () => import_CollapsePanelItem.default,
+  default: () => import_CollapsePanel.default
+});
+module.exports = __toCommonJS(CollapsePanel_exports);
+var import_CollapsePanel = __toESM(require("./CollapsePanel"));
+var import_CollapsePanel2 = __toESM(require("./CollapsePanel"));
+var import_CollapsePanelItem = __toESM(require("./CollapsePanelItem"));
+__reExport(CollapsePanel_exports, require("./CollapsePanel.types"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollapsePanel,
+  CollapsePanelItem,
+  ...require("./CollapsePanel.types")
+});

package/dist/Countdown/Countdown.css

@@ -2,6 +2,7 @@
   --font-size: var(--bui-countdown-font-size, var(--bui-text-size-1));
   --color: var(--bui-countdown-color, var(--bui-color-fg-default));
   --font-weight: var(--bui-countdown-font-weight, var(--bui-font-weight-normal));
+  --slice-unit-margin: var(--bui-countdown-slice-unit-margin, 0 2px);
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -34,5 +35,5 @@
     sans-serif;
 }
 .bui-countdown-slice-unit {
-  margin: 0 2px;
+  margin: var(--slice-unit-margin);
 }

package/dist/Countdown/Countdown.js

@@ -112,6 +112,9 @@ const Countdown = (0, import_react.forwardRef)((props, ref) => {
     if (serverTimestamp && endTimestamp) {
       setStartTime(serverTimestamp);
       setEndTime(endTimestamp);
+    } else if (endTimestamp) {
+      setStartTime(Date.now());
+      setEndTime(endTimestamp);
     }
   }, [serverTimestamp, endTimestamp]);
   const defaultRender = (timeIns) => {

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DialogProps, DialogRef } from './Dialog.types';
+import './index.less';
+declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<DialogRef>>;
+export default Dialog;

package/dist/Dialog/Dialog.js

@@ -0,0 +1,152 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dialog_exports = {};
+__export(Dialog_exports, {
+  default: () => Dialog_default
+});
+module.exports = __toCommonJS(Dialog_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_Input = require("../Input");
+var import_Button = require("../Button");
+var import_locales = require("../locales");
+var import_Modal = __toESM(require("../Modal"));
+var import_ThemeProvider = require("../ThemeProvider");
+var import_index = require("./index.css");
+const prefixCls = "bui-dialog";
+const Dialog = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+  const _a = props, {
+    open,
+    onOk,
+    onClose,
+    header,
+    message,
+    type,
+    confirmText,
+    cancelText,
+    placeholder,
+    InputProps,
+    className,
+    theme
+  } = _a, others = __objRest(_a, [
+    "open",
+    "onOk",
+    "onClose",
+    "header",
+    "message",
+    "type",
+    "confirmText",
+    "cancelText",
+    "placeholder",
+    "InputProps",
+    "className",
+    "theme"
+  ]);
+  const InputRef = (0, import_react.useRef)(null);
+  const themeConfig = (0, import_ThemeProvider.useTheme)(theme);
+  const {
+    cancel,
+    confirm,
+    placeholder: placeholderLocaleName
+  } = (0, import_locales.useLocaleText)("dialog", themeConfig);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return { theme: themeConfig };
+  });
+  const footerNode = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-body-footer` }, /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "text",
+      onClick: onClose,
+      className: `${prefixCls}-body-button`
+    },
+    cancelText || cancel
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "text",
+      color: "primary",
+      onClick: () => {
+        var _a2;
+        onOk((_a2 = InputRef == null ? void 0 : InputRef.current) == null ? void 0 : _a2.value);
+      },
+      className: `${prefixCls}-body-button`
+    },
+    confirmText || confirm
+  ));
+  const inputNode = type === "prompt" && /* @__PURE__ */ import_react.default.createElement(
+    import_Input.Input,
+    __spreadProps(__spreadValues({}, InputProps), {
+      inputRef: InputRef,
+      className: `${prefixCls}-body-input`,
+      placeholder: `${placeholder || placeholderLocaleName}`
+    })
+  );
+  if (!open)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Modal.default,
+    __spreadProps(__spreadValues({}, others), {
+      open: true,
+      className: (0, import_clsx.default)(prefixCls, className),
+      disablePortal: true,
+      onClose
+    }),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-body` }, header && /* @__PURE__ */ import_react.default.createElement("h1", { className: `${prefixCls}-body-title` }, header), message && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-body-desc` }, message), inputNode, footerNode)
+  );
+});
+Dialog.displayName = "BuiDialog";
+var Dialog_default = Dialog;

package/dist/Dialog/Dialog.types.d.ts

@@ -0,0 +1,109 @@
+import React, { ReactNode } from 'react';
+import { ModalProps } from '../Modal/Modal.types';
+import { InputProps } from '../Input/Input.types';
+import { ThemeProps } from '../ThemeProvider/ThemeProvider.types';
+/**
+ * 对话框类型
+ */
+export type DialogType = 'confirm' | 'prompt';
+export type Dispatch = (action: boolean, val?: string) => void;
+export type DialogRef = {
+    theme?: ThemeProps;
+};
+export interface DialogProps extends ModalProps {
+    /**
+     * 对话框类型
+     * @default confirm
+     */
+    type?: DialogType;
+    /**
+     * 自定义标题
+     */
+    header?: ReactNode;
+    /**
+     * 自定义内容
+     */
+    message?: ReactNode;
+    /**
+     * 输入框占位文本
+     */
+    placeholder?: string;
+    /**
+     * 透传给内部Input组件的属性
+     */
+    InputProps?: Partial<InputProps>;
+    /**
+     * 确认文本内容
+     */
+    confirmText?: ReactNode;
+    /**
+     * 取消文本内容
+     */
+    cancelText?: ReactNode;
+    /**
+     * theme 主题定制
+     */
+    theme?: ThemeProps;
+    /**
+     * 确认回调
+     */
+    onOk?: (val?: string) => void;
+    /**
+     * 取消回调
+     */
+    onClose?: () => void;
+}
+/**
+ * 函数式调用配置参数
+ */
+export type DialogOptions = Omit<DialogProps, 'placeholder' | 'inputProps' | 'onOk' | 'onClose'> & {
+    /**
+     * 确认回调
+     */
+    onConfirm?: (val?: string) => void | Promise<void>;
+    /**
+     * 取消回调
+     */
+    onCancel?: () => void | Promise<void>;
+};
+/**
+ * prompt函数式调用配置参数
+ */
+export type PromptOptions = (DialogOptions & {
+    /**
+     * 输入框占位文本
+     */
+    placeholder?: string;
+    /**
+     * 内部<input>标签的标准属性
+     */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}) | string;
+/**
+ * confirm函数式调用配置参数
+ */
+export type ConfirmOptions = DialogOptions | string;
+/**
+ * Dialog函数式调用返回值类型
+ */
+export type DialogPromise = Promise<boolean | string>;
+/**
+ * Dialog Instance
+ */
+export interface DialogFunction {
+    /**
+     * 直接调用显示确认框 Dialog
+     */
+    (options: ConfirmOptions): DialogPromise;
+    /**
+     * 显示确认框 Dialog.confirm
+     */
+    confirm?: (options: ConfirmOptions) => DialogPromise;
+    /**
+     * 显示提示对话框 Dialog.prompt
+     */
+    prompt?: (options: PromptOptions, val?: string) => DialogPromise;
+}
+export interface DialogInstance extends DialogFunction {
+    useDialog: () => [DialogFunction, React.JSX.Element];
+}

package/dist/Dialog/Dialog.types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dialog_types_exports = {};
+module.exports = __toCommonJS(Dialog_types_exports);

package/dist/Dialog/FunctionalDialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogInstance } from './Dialog.types';
+declare const Dialog: DialogInstance;
+export default Dialog;

package/dist/Dialog/FunctionalDialog.js

@@ -0,0 +1,204 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var FunctionalDialog_exports = {};
+__export(FunctionalDialog_exports, {
+  default: () => FunctionalDialog_default
+});
+module.exports = __toCommonJS(FunctionalDialog_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@bifrostui/utils");
+var import_Dialog = __toESM(require("./Dialog"));
+const { isValidElement, Component } = import_react.default;
+const formatProps = (props) => {
+  if (typeof props === "string" || isValidElement(props)) {
+    return { message: props };
+  }
+  return props;
+};
+const DialogGenerator = (options) => {
+  const rootWrapper = document.createElement("div");
+  const rootElement = (0, import_utils.getRootElement)();
+  rootElement.appendChild(rootWrapper);
+  const DialogComponent = () => {
+    const _a = options, { onConfirm, onCancel, ref } = _a, others = __objRest(_a, ["onConfirm", "onCancel", "ref"]);
+    const [visible, setVisible] = (0, import_react.useState)(false);
+    const close = (0, import_react.useCallback)(() => {
+      setVisible(false);
+      setTimeout(() => {
+        const unmountRes = (0, import_utils.unmount)(rootWrapper);
+        if (unmountRes && rootWrapper.parentNode) {
+          rootWrapper.parentNode.removeChild(rootWrapper);
+        }
+      }, 150);
+    }, [rootWrapper]);
+    (0, import_react.useEffect)(() => {
+      setVisible(true);
+    }, []);
+    const dispatch = (action, val) => __async(void 0, null, function* () {
+      if (action === true) {
+        try {
+          yield onConfirm == null ? void 0 : onConfirm(val);
+        } catch (error) {
+        }
+      } else if (action === false) {
+        try {
+          yield onCancel == null ? void 0 : onCancel();
+        } catch (error) {
+        }
+      }
+      close();
+    });
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Dialog.default,
+      __spreadProps(__spreadValues({
+        ref
+      }, others), {
+        open: visible,
+        onOk: (val) => dispatch(true, val),
+        onClose: () => dispatch(false)
+      })
+    );
+  };
+  return (0, import_utils.render)(/* @__PURE__ */ import_react.default.createElement(DialogComponent, null), rootWrapper);
+};
+const Dialog = (props) => {
+  const options = formatProps(props);
+  const _a = options, { onConfirm, onCancel } = _a, rest = __objRest(_a, ["onConfirm", "onCancel"]);
+  return new Promise((resolve) => {
+    DialogGenerator(__spreadProps(__spreadValues({}, rest), {
+      onConfirm: (val) => __async(void 0, null, function* () {
+        yield onConfirm == null ? void 0 : onConfirm(val);
+        if (rest.type === "prompt")
+          resolve(val);
+        else
+          resolve(true);
+      }),
+      onCancel: () => __async(void 0, null, function* () {
+        yield onCancel == null ? void 0 : onCancel();
+        resolve(false);
+      })
+    }));
+  });
+};
+Dialog.prototype = Component.prototype;
+const confirm = (options) => {
+  return Dialog(__spreadValues({
+    type: "confirm"
+  }, formatProps(options)));
+};
+const prompt = (options) => {
+  return Dialog(__spreadValues({
+    type: "prompt"
+  }, formatProps(options)));
+};
+const useDialog = () => {
+  const holderRef = import_react.default.useRef(null);
+  const wrapAPI = (props) => {
+    const options = __spreadValues({ theme: holderRef.current.theme }, formatProps(props));
+    const _a = options, { onConfirm, onCancel } = _a, rest = __objRest(_a, ["onConfirm", "onCancel"]);
+    return new Promise((resolve) => {
+      DialogGenerator(__spreadProps(__spreadValues({}, rest), {
+        onConfirm: (val) => __async(void 0, null, function* () {
+          yield onConfirm == null ? void 0 : onConfirm(val);
+          if (rest.type === "prompt")
+            resolve(val);
+          else
+            resolve(true);
+        }),
+        onCancel: () => __async(void 0, null, function* () {
+          yield onCancel == null ? void 0 : onCancel();
+          resolve(false);
+        })
+      }));
+    });
+  };
+  wrapAPI.confirm = (options) => Dialog(__spreadProps(__spreadValues({
+    type: "confirm"
+  }, formatProps(options)), {
+    theme: holderRef.current.theme
+  }));
+  wrapAPI.prompt = (options) => Dialog(__spreadProps(__spreadValues({
+    type: "prompt"
+  }, formatProps(options)), {
+    theme: holderRef.current.theme
+  }));
+  return [wrapAPI, /* @__PURE__ */ import_react.default.createElement(import_Dialog.default, { key: "dialog-holder", ref: holderRef })];
+};
+Dialog.confirm = confirm;
+Dialog.prompt = prompt;
+Dialog.useDialog = useDialog;
+var FunctionalDialog_default = Dialog;