@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Modal/index.js

@@ -1,344 +1,334 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["className", "type", "loading", "size", "disabled", "shape"],
-  _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "responsiveBounds", "hideHeaderBottomBorder", "virtualScrollBar", "style", "maskClosable", "fullscreen"],
-  _excluded3 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
-  _excluded4 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
-  _excluded5 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
-  _excluded6 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
-  _excluded7 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "className", "okText", "cancelText", "type"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Modal as AntdModal } from 'antd';
-import { modalGlobalConfig } from 'antd/lib/modal/confirm';
-import useModal from 'antd/lib/modal/useModal/index';
-import classNames from 'classnames';
-import React, { useContext, useMemo } from 'react';
-import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
-import { AttentionTriangleLightLine, CheckCircleLightLine, CloseLLine, InformationCircleLightLine } from "../Icon";
-import IconButton from "../IconButton";
-import { getTranslator, LocaleContext } from "../locale/default";
-import ScrollArea from "../ScrollArea";
-
-// export type { ModalProps, ModalFuncProps };
-
-export var destroyFns = [];
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/AttentionTriangleLightLine.js";
+import Memo$1 from "../Icon/components/CheckCircleLightLine.js";
+import Memo$2 from "../Icon/components/CloseLLine.js";
+import Memo$3 from "../Icon/components/InformationCircleLightLine.js";
+import Button_default from "../Button/index.js";
+import { LocaleContext, getTranslator } from "../locale/default.js";
+import IconButton from "../IconButton/index.js";
+import ScrollArea_default from "../ScrollArea/index.js";
+import React, { useCallback, useContext, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { createRoot } from "react-dom/client";
+//#region src/Modal/index.tsx
+var destroyFns = [];
 var DEFAULT_WIDTH = 552;
-function getButtonProps(buttonProps, defaultBtnType, okType) {
-  var btnType = okType || defaultBtnType;
-  var buttonClassName = buttonProps.className,
-    _buttonProps$type = buttonProps.type,
-    type = _buttonProps$type === void 0 ? btnType : _buttonProps$type,
-    loading = buttonProps.loading,
-    _buttonProps$size = buttonProps.size,
-    size = _buttonProps$size === void 0 ? 'middle' : _buttonProps$size,
-    disabled = buttonProps.disabled,
-    _buttonProps$shape = buttonProps.shape,
-    shape = _buttonProps$shape === void 0 ? 'default' : _buttonProps$shape,
-    restProps = _objectWithoutProperties(buttonProps, _excluded);
-  return _objectSpread(_objectSpread({}, restProps), {}, {
-    disabled: loading ? true : disabled,
-    loading: loading,
-    type: getButtonType(type),
-    className: classNames(btnPrefix, "".concat(btnPrefix, "-").concat(type), buttonClassName, getButtonSizeClass(size)),
-    danger: getDangerStatus(type),
-    shape: getShape(shape)
-  });
-}
-var ModalTitle = function ModalTitle(_ref, type) {
-  var icon = _ref.icon,
-    title = _ref.title,
-    subTitle = _ref.subTitle;
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'ald-modal-title-container'
-  }, icon && /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-modal-icon-container', _defineProperty({}, "ald-modal-cion-".concat(type, "-container"), type))
-  }, icon), /*#__PURE__*/React.createElement("div", {
-    className: 'ald-modal-text-container'
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-modal-text-title', {
-      'ald-modal-text-title-only': !subTitle
-    })
-  }, title), subTitle && /*#__PURE__*/React.createElement("div", {
-    className: 'ald-modal-text-sub-title'
-  }, subTitle)));
-};
+var ModalTitle = ({ icon, title, subTitle }, type) => /* @__PURE__ */ jsxs("div", {
+	className: "ald-modal-title-container tw-flex tw-items-center tw-gap-4",
+	children: [icon && /* @__PURE__ */ jsx("div", {
+		className: cn("ald-modal-icon-container tw-grid tw-size-10 tw-shrink-0 tw-place-items-center tw-rounded-[var(--global-grid-250)]", type === "info" && "ald-modal-cion-info-container tw-bg-[var(--action-primary-subtle-hover)]", type === "success" && "ald-modal-cion-success-container tw-bg-[var(--background-positive-muted)]", type === "warning" && "ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]", type === "warn" && "ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]", type === "error" && "ald-modal-cion-error-container tw-bg-[var(--background-negative-muted)]", type === "confirm" && "ald-modal-cion-confirm-container tw-bg-[var(--action-primary-subtle-hover)]"),
+		children: icon
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "ald-modal-text-container",
+		children: [title && /* @__PURE__ */ jsx("div", {
+			className: cn("ald-modal-text-title tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--alias-colors-text-strong)]", !subTitle && "ald-modal-text-title-only tw-text-xl"),
+			children: title
+		}), subTitle && /* @__PURE__ */ jsx("div", {
+			className: "ald-modal-text-sub-title tw-mt-1 tw-text-xs tw-leading-4 tw-text-[var(--alias-colors-text-subtle)]",
+			children: subTitle
+		})]
+	})]
+});
 function getIcon(type) {
-  if (type === 'success') return /*#__PURE__*/React.createElement(CheckCircleLightLine, {
-    fill: "var(--content-inverted-primary)",
-    color: "var(--background-positive-strong)",
-    size: 24
-  });
-  if (type === 'error') return /*#__PURE__*/React.createElement(AttentionTriangleLightLine, {
-    color: "var(--background-negative-strong)",
-    fill: 'var(--content-inverted-primary)',
-    size: 24
-  });
-  if (type === 'warning') return /*#__PURE__*/React.createElement(AttentionTriangleLightLine, {
-    color: "var(--background-warning-strong)",
-    size: 24
-  });
-  return /*#__PURE__*/React.createElement(InformationCircleLightLine, {
-    size: 24,
-    color: 'var(--interaction-default-normal)',
-    className: "ald-modal-close"
-  });
+	if (type === "success") return /* @__PURE__ */ jsx(Memo$1, {
+		fill: "var(--content-inverted-primary)",
+		color: "var(--background-positive-strong)",
+		size: 24
+	});
+	if (type === "error") return /* @__PURE__ */ jsx(Memo, {
+		color: "var(--background-negative-strong)",
+		fill: "var(--content-inverted-primary)",
+		size: 24
+	});
+	if (type === "warning" || type === "warn") return /* @__PURE__ */ jsx(Memo, {
+		color: "var(--background-warning-strong)",
+		size: 24
+	});
+	return /* @__PURE__ */ jsx(Memo$3, {
+		size: 24,
+		color: "var(--interaction-default-normal)"
+	});
+}
+function OriginModal(props) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { className, children, okType = "primary", width, closeIcon, subTitle, okButtonProps = {}, cancelButtonProps = {}, okText = t.Modal.sure, cancelText = t.Modal.cancel, icon, title, paddingLess, responsiveBounds, hideHeaderBottomBorder, virtualScrollBar, style, maskClosable = false, fullscreen, open = false, onOk, onCancel, footer, confirmLoading, closable = true, zIndex = 1e3, bodyStyle, keyboard = true, afterOpenChange, _modalType } = props;
+	const prevOpenRef = useRef(open);
+	React.useEffect(() => {
+		if (prevOpenRef.current !== open) {
+			prevOpenRef.current = open;
+			afterOpenChange?.(open);
+		}
+	}, [open, afterOpenChange]);
+	const responsiveBoundsStyle = useMemo(() => {
+		if (!responsiveBounds) return {};
+		return {
+			width: "calc(100% - 160px)",
+			maxWidth: "1680px",
+			minWidth: "1280px",
+			height: "calc(100% - 48px)",
+			maxHeight: "900px",
+			minHeight: "640px"
+		};
+	}, [responsiveBounds]);
+	const mergedOkProps = {
+		loading: confirmLoading,
+		...okButtonProps
+	};
+	const renderFooter = () => {
+		if (footer === null) return null;
+		if (footer) return /* @__PURE__ */ jsx("div", {
+			className: "ald-modal-footer tw-flex tw-items-center tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--global-cool-grey-100)] tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-px-6 tw-py-3",
+			children: footer
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: "ald-modal-footer tw-flex tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4",
+			children: [/* @__PURE__ */ jsx(Button_default, {
+				type: "secondary",
+				size: "middle",
+				...cancelButtonProps,
+				onClick: onCancel,
+				children: cancelText
+			}), /* @__PURE__ */ jsx(Button_default, {
+				type: okType,
+				size: "middle",
+				...mergedOkProps,
+				onClick: onOk,
+				children: okText
+			})]
+		});
+	};
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		open,
+		children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+			className: "ald-modal-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-black/45",
+			style: { zIndex }
+		}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			className: cn("ald-modal tw-fixed tw-flex tw-flex-col tw-overflow-hidden tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-shadow-[var(--elevation-bottom-bottom-lg)]", fullscreen ? "ald-modal-fullscreen tw-inset-0 tw-size-full tw-rounded-none" : "tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2 tw-rounded-r-75", paddingLess && "ald-modal-padding-less", virtualScrollBar && "ald-modal-virtual-scroll-bar", hideHeaderBottomBorder && "ald-modal-hide-header-bottom-border", responsiveBounds && "ald-modal-responsive-bounds", className),
+			style: {
+				...fullscreen ? {} : {
+					width: responsiveBounds ? responsiveBoundsStyle.width : width || DEFAULT_WIDTH,
+					...responsiveBoundsStyle
+				},
+				zIndex: zIndex + 1,
+				...style
+			},
+			onEscapeKeyDown: (e) => {
+				if (keyboard) onCancel?.({});
+				else e.preventDefault();
+			},
+			onPointerDownOutside: (e) => {
+				if (maskClosable) onCancel?.({});
+				else e.preventDefault();
+			},
+			onInteractOutside: (e) => {
+				if (!maskClosable) e.preventDefault();
+			},
+			children: [
+				!fullscreen && /* @__PURE__ */ jsxs("div", {
+					className: cn("ald-modal-header tw-flex tw-items-start tw-justify-between tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-px-6 tw-py-4", !hideHeaderBottomBorder && "tw-border-b tw-border-solid tw-border-[var(--global-cool-grey-100)]"),
+					children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("div", {
+							className: "tw-flex-1",
+							children: ModalTitle({
+								icon,
+								title,
+								subTitle
+							}, _modalType)
+						})
+					}), closable && /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("span", {
+							onClick: onCancel,
+							children: closeIcon || /* @__PURE__ */ jsx(IconButton, {
+								icon: /* @__PURE__ */ jsx(Memo$2, { size: 20 }),
+								size: "middle"
+							})
+						})
+					})]
+				}),
+				fullscreen && /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+					className: "tw-sr-only",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: cn("ald-modal-body tw-flex-1 tw-text-sm tw-leading-5", fullscreen ? "tw-h-full tw-overflow-hidden tw-p-0" : "tw-min-h-[130px] tw-overflow-auto", !fullscreen && !responsiveBounds && "tw-max-h-[68vh]", !fullscreen && !paddingLess && "tw-p-6"),
+					style: bodyStyle,
+					children: virtualScrollBar ? /* @__PURE__ */ jsx(ScrollArea_default, {
+						className: "ald-modal-body-wrap",
+						innerClassName: "ald-modal-body-wrap-inner",
+						children
+					}) : children
+				}),
+				!fullscreen && renderFooter()
+			]
+		})] })
+	});
+}
+function createStaticModal(type, props) {
+	const container = document.createElement("div");
+	document.body.appendChild(container);
+	const root = createRoot(container);
+	let currentProps = { ...props };
+	const destroy = () => {
+		root.unmount();
+		container.remove();
+		const idx = destroyFns.indexOf(destroy);
+		if (idx >= 0) destroyFns.splice(idx, 1);
+	};
+	const update = (newProps) => {
+		currentProps = {
+			...currentProps,
+			...newProps
+		};
+		render(currentProps);
+	};
+	const isConfirm = type === "confirm";
+	const render = (p) => {
+		const handleOk = () => {
+			p.onOk?.();
+			destroy();
+		};
+		const handleCancel = () => {
+			p.onCancel?.();
+			destroy();
+		};
+		root.render(/* @__PURE__ */ jsx(OriginModal, {
+			open: true,
+			title: p.title,
+			subTitle: p.subTitle,
+			icon: p.icon || getIcon(type || "info"),
+			onOk: handleOk,
+			onCancel: handleCancel,
+			okText: p.okText,
+			cancelText: p.cancelText,
+			okButtonProps: p.okButtonProps,
+			cancelButtonProps: p.cancelButtonProps,
+			okType: p.okType || (isConfirm ? "dangerous" : "primary"),
+			width: p.width || DEFAULT_WIDTH,
+			className: cn("ald-modal", p.className),
+			closable: p.closable,
+			maskClosable: p.maskClosable,
+			_modalType: type,
+			footer: isConfirm ? void 0 : /* @__PURE__ */ jsx(Button_default, {
+				type: "primary",
+				size: "middle",
+				...p.okButtonProps || {},
+				onClick: handleOk,
+				children: p.okText || "OK"
+			}),
+			children: p.content
+		}));
+	};
+	destroyFns.push(destroy);
+	render(currentProps);
+	return {
+		destroy,
+		update
+	};
+}
+function useModal() {
+	const [modals, setModals] = useState([]);
+	const idCounter = useRef(0);
+	const removeModal = useCallback((id) => {
+		setModals((prev) => prev.map((m) => m.id === id ? {
+			...m,
+			open: false
+		} : m));
+		setTimeout(() => {
+			setModals((prev) => prev.filter((m) => m.id !== id));
+		}, 300);
+	}, []);
+	const updateModal = useCallback((id, newProps) => {
+		setModals((prev) => prev.map((m) => m.id === id ? {
+			...m,
+			props: {
+				...m.props,
+				...newProps
+			}
+		} : m));
+	}, []);
+	const openModal = useCallback((type, props) => {
+		const id = ++idCounter.current;
+		const instance = {
+			id,
+			type,
+			props,
+			open: true
+		};
+		setModals((prev) => [...prev, instance]);
+		return {
+			destroy: () => removeModal(id),
+			update: (newProps) => updateModal(id, newProps)
+		};
+	}, [removeModal, updateModal]);
+	return [useMemo(() => ({
+		info: (props) => openModal("info", props),
+		success: (props) => openModal("success", props),
+		error: (props) => openModal("error", props),
+		warning: (props) => openModal("warning", props),
+		confirm: (props) => openModal("confirm", {
+			...props,
+			type: props.type || "confirm"
+		})
+	}), [openModal]), /* @__PURE__ */ jsx(Fragment, { children: modals.map((m) => {
+		const isConfirmType = m.type === "confirm";
+		const handleOk = () => {
+			m.props.onOk?.();
+			removeModal(m.id);
+		};
+		const handleCancel = () => {
+			m.props.onCancel?.();
+			removeModal(m.id);
+		};
+		return /* @__PURE__ */ jsx(OriginModal, {
+			open: m.open,
+			title: m.props.title,
+			subTitle: m.props.subTitle,
+			icon: m.props.icon || getIcon(m.type || "info"),
+			onOk: handleOk,
+			onCancel: handleCancel,
+			okText: m.props.okText,
+			cancelText: m.props.cancelText,
+			okButtonProps: m.props.okButtonProps,
+			cancelButtonProps: m.props.cancelButtonProps,
+			okType: m.props.okType || (isConfirmType ? "dangerous" : "primary"),
+			width: m.props.width || DEFAULT_WIDTH,
+			className: cn("ald-modal", m.props.className),
+			closable: m.props.closable,
+			maskClosable: m.props.maskClosable,
+			_modalType: m.type,
+			footer: isConfirmType ? void 0 : /* @__PURE__ */ jsx(Button_default, {
+				type: "primary",
+				size: "middle",
+				...m.props.okButtonProps || {},
+				onClick: handleOk,
+				children: m.props.okText || "OK"
+			}),
+			children: m.props.content
+		}, m.id);
+	}) })];
 }
-var OriginModal = function OriginModal(props) {
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var className = props.className,
-    children = props.children,
-    okType = props.okType,
-    width = props.width,
-    closeIcon = props.closeIcon,
-    subTitle = props.subTitle,
-    _props$okButtonProps = props.okButtonProps,
-    okButtonProps = _props$okButtonProps === void 0 ? {} : _props$okButtonProps,
-    _props$cancelButtonPr = props.cancelButtonProps,
-    cancelButtonProps = _props$cancelButtonPr === void 0 ? {} : _props$cancelButtonPr,
-    _props$okText = props.okText,
-    okText = _props$okText === void 0 ? t.Modal.sure : _props$okText,
-    _props$cancelText = props.cancelText,
-    cancelText = _props$cancelText === void 0 ? t.Modal.cancel : _props$cancelText,
-    icon = props.icon,
-    title = props.title,
-    paddingLess = props.paddingLess,
-    responsiveBounds = props.responsiveBounds,
-    hideHeaderBottomBorder = props.hideHeaderBottomBorder,
-    virtualScrollBar = props.virtualScrollBar,
-    style = props.style,
-    _props$maskClosable = props.maskClosable,
-    maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
-    fullscreen = props.fullscreen,
-    restProps = _objectWithoutProperties(props, _excluded2);
-  var responsiveBoundsStyle = useMemo(function () {
-    if (!responsiveBounds) {
-      return {};
-    }
-    var defaultBounds = {
-      minWidth: 1280,
-      maxWidth: 1680,
-      marginX: 80,
-      marginY: 24,
-      minHeight: 640,
-      maxHeight: 900
-    };
-    return {
-      width: "calc(100% - ".concat(defaultBounds.marginX * 2, "px)"),
-      maxWidth: "".concat(defaultBounds.maxWidth, "px"),
-      minWidth: "".concat(defaultBounds.minWidth, "px"),
-      height: "calc(100% - ".concat(defaultBounds.marginY * 2, "px)"),
-      maxHeight: "".concat(defaultBounds.maxHeight, "px"),
-      minHeight: "".concat(defaultBounds.minHeight, "px"),
-      padding: 0
-    };
-  }, [responsiveBounds]);
-  var confirmLoading = restProps.confirmLoading;
-  var mergedOkButtonProps = _objectSpread({
-    loading: confirmLoading
-  }, okButtonProps);
-  return /*#__PURE__*/React.createElement(AntdModal, _extends({}, restProps, {
-    style: _objectSpread(_objectSpread({}, style), responsiveBoundsStyle),
-    width: responsiveBounds ? responsiveBoundsStyle.width : width || DEFAULT_WIDTH,
-    title: ModalTitle({
-      icon: icon,
-      title: title,
-      subTitle: subTitle
-    }),
-    className: classNames('ald-modal', className, {
-      'ald-modal-padding-less': paddingLess,
-      'ald-modal-virtual-scroll-bar': virtualScrollBar,
-      'ald-modal-hide-header-bottom-border': hideHeaderBottomBorder,
-      'ald-modal-responsive-bounds': responsiveBounds,
-      'ald-modal-fullscreen': fullscreen
-    }),
-    okButtonProps: getButtonProps(mergedOkButtonProps, 'primary', okType),
-    wrapClassName: classNames(props.wrapClassName, {
-      'ald-modal-responsive-bounds-wrap': responsiveBounds
-    }),
-    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary'),
-    okText: okText,
-    cancelText: cancelText,
-    maskClosable: maskClosable,
-    closeIcon: closeIcon || /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(CloseLLine, {
-        size: 20
-      }),
-      size: "middle"
-    })
-  }), virtualScrollBar ? /*#__PURE__*/React.createElement(ScrollArea, {
-    className: 'ald-modal-body-wrap',
-    innerClassName: "ald-modal-body-wrap-inner"
-  }, children) : children);
-};
-OriginModal.useModal = useModal;
 var Modal = OriginModal;
-Modal.info = function infoFn(props) {
-  var _props$okButtonProps2 = props.okButtonProps,
-    okButtonProps = _props$okButtonProps2 === void 0 ? {} : _props$okButtonProps2,
-    _props$cancelButtonPr2 = props.cancelButtonProps,
-    cancelButtonProps = _props$cancelButtonPr2 === void 0 ? {} : _props$cancelButtonPr2,
-    okType = props.okType,
-    width = props.width,
-    title = props.title,
-    subTitle = props.subTitle,
-    okText = props.okText,
-    cancelText = props.cancelText,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded3);
-  return AntdModal.info(_objectSpread({
-    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
-    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
-    width: width || DEFAULT_WIDTH,
-    className: classNames('ald-modal', className),
-    title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(InformationCircleLightLine, {
-        size: 24,
-        color: 'var(--interaction-default-normal)'
-      }),
-      title: title,
-      subTitle: subTitle
-    }, 'info'),
-    okText: okText,
-    cancelText: cancelText
-  }, restProps));
-};
-Modal.success = function successFn(props) {
-  var _props$okButtonProps3 = props.okButtonProps,
-    okButtonProps = _props$okButtonProps3 === void 0 ? {} : _props$okButtonProps3,
-    _props$cancelButtonPr3 = props.cancelButtonProps,
-    cancelButtonProps = _props$cancelButtonPr3 === void 0 ? {} : _props$cancelButtonPr3,
-    okType = props.okType,
-    width = props.width,
-    title = props.title,
-    subTitle = props.subTitle,
-    okText = props.okText,
-    cancelText = props.cancelText,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded4);
-  return AntdModal.success(_objectSpread({
-    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
-    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
-    width: width || DEFAULT_WIDTH,
-    className: classNames('ald-modal', className),
-    title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(CheckCircleLightLine, {
-        fill: "var(--content-inverted-primary)",
-        color: "var(--background-positive-strong)",
-        size: 24
-      }),
-      title: title,
-      subTitle: subTitle
-    }, 'success'),
-    okText: okText,
-    cancelText: cancelText
-  }, restProps));
-};
-Modal.error = function errorFn(props) {
-  var _props$okButtonProps4 = props.okButtonProps,
-    okButtonProps = _props$okButtonProps4 === void 0 ? {} : _props$okButtonProps4,
-    _props$cancelButtonPr4 = props.cancelButtonProps,
-    cancelButtonProps = _props$cancelButtonPr4 === void 0 ? {} : _props$cancelButtonPr4,
-    okType = props.okType,
-    width = props.width,
-    title = props.title,
-    subTitle = props.subTitle,
-    okText = props.okText,
-    cancelText = props.cancelText,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded5);
-  return AntdModal.error(_objectSpread({
-    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
-    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
-    width: width || DEFAULT_WIDTH,
-    className: classNames('ald-modal', className),
-    title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(AttentionTriangleLightLine, {
-        color: "var(--background-negative-strong)",
-        fill: 'var(--content-inverted-primary)',
-        size: 24
-      }),
-      title: title,
-      subTitle: subTitle
-    }, 'error'),
-    okText: okText,
-    cancelText: cancelText
-  }, restProps));
-};
-Modal.warning = function modalWarn(props) {
-  var _props$okButtonProps5 = props.okButtonProps,
-    okButtonProps = _props$okButtonProps5 === void 0 ? {} : _props$okButtonProps5,
-    _props$cancelButtonPr5 = props.cancelButtonProps,
-    cancelButtonProps = _props$cancelButtonPr5 === void 0 ? {} : _props$cancelButtonPr5,
-    okType = props.okType,
-    width = props.width,
-    title = props.title,
-    subTitle = props.subTitle,
-    okText = props.okText,
-    cancelText = props.cancelText,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded6);
-  return AntdModal.warning(_objectSpread({
-    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
-    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
-    width: width || DEFAULT_WIDTH,
-    // className: classNames('ald-modal-warning', className),
-    className: classNames('ald-modal ald-modal-warning', className),
-    title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(AttentionTriangleLightLine, {
-        color: "var(--background-warning-strong)",
-        size: 24
-      }),
-      title: title,
-      subTitle: subTitle
-    }, 'warning'),
-    okText: okText,
-    cancelText: cancelText
-  }, restProps));
+Modal.info = (props) => createStaticModal("info", props);
+Modal.success = (props) => createStaticModal("success", props);
+Modal.error = (props) => createStaticModal("error", props);
+Modal.warning = (props) => createStaticModal("warning", props);
+Modal.confirm = (props) => createStaticModal("confirm", {
+	...props,
+	type: props.type || "confirm"
+});
+Modal.destroyAll = () => {
+	while (destroyFns.length) {
+		const close = destroyFns.pop();
+		if (close) close();
+	}
 };
-Modal.confirm = function confirmFn(props) {
-  var _props$okButtonProps6 = props.okButtonProps,
-    okButtonProps = _props$okButtonProps6 === void 0 ? {} : _props$okButtonProps6,
-    _props$cancelButtonPr6 = props.cancelButtonProps,
-    cancelButtonProps = _props$cancelButtonPr6 === void 0 ? {} : _props$cancelButtonPr6,
-    okType = props.okType,
-    width = props.width,
-    title = props.title,
-    subTitle = props.subTitle,
-    className = props.className,
-    okText = props.okText,
-    cancelText = props.cancelText,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'confirm' : _props$type,
-    restProps = _objectWithoutProperties(props, _excluded7);
-  return AntdModal.confirm(_objectSpread({
-    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
-    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
-    width: width || DEFAULT_WIDTH,
-    className: classNames('ald-modal', className),
-    title: ModalTitle({
-      icon: getIcon(type),
-      title: title,
-      subTitle: subTitle
-    }, type),
-    okText: okText,
-    cancelText: cancelText
-  }, restProps));
-};
-Modal.destroyAll = function destroyAllFn() {
-  while (destroyFns.length) {
-    var close = destroyFns.pop();
-    if (close) {
-      close();
-    }
-  }
-};
-Modal.config = modalGlobalConfig;
-export default Modal;
+Modal.useModal = useModal;
+Modal.config = () => {};
+//#endregion
+export { Modal as default };
+
+//# sourceMappingURL=index.js.map