@_tc/template-core 0.1.15 → 0.2.0-bate.0

package/fe/packages/react/ui/components/Menu/index.js

@@ -0,0 +1,5 @@
+import { useMenuStore } from "./MenuContext.js";
+import { MenuItem } from "./MenuItem.js";
+import { SubMenu } from "./SubMenu.js";
+import { CollapseToggle, Menu } from "./Menu.js";
+export { CollapseToggle, Menu, MenuItem, SubMenu, useMenuStore };

package/fe/packages/{ui/react → react/ui}/components/Menu/menuTypes.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, MouseEventHandler, ReactNode, Ref } from 'react';
+import type { CSSProperties, MouseEventHandler, ReactNode, Ref } from "react";
 export interface MenuItemData {
     key: string;
     label: ReactNode;
@@ -28,7 +28,6 @@ export interface MenuProps {
     defaultCollapsed?: boolean;
     onCollapse?: (collapsed: boolean) => void;
     collapsedWidth?: number;
-    /** 收起时无 icon 的项是否通过 tooltip 显示完整名称，默认 true */
     collapsedLabelTooltip?: boolean;
 }
 export interface SubMenuProps {
@@ -56,4 +55,3 @@ export interface MenuItemProps {
     onMouseEnter?: MouseEventHandler<HTMLButtonElement>;
     ref?: Ref<HTMLButtonElement>;
 }
-//# sourceMappingURL=menuTypes.d.ts.map

package/fe/packages/{ui/react → react/ui}/components/Menu/utils.d.ts

@@ -1,2 +1 @@
 export declare function getFirstChar(node: React.ReactNode): string;
-//# sourceMappingURL=utils.d.ts.map

package/fe/packages/react/ui/components/Menu/utils.js

@@ -0,0 +1,8 @@
+//#region packages/react/ui/components/Menu/utils.ts
+function getFirstChar(node) {
+	if (typeof node === "string") return node[0]?.toUpperCase() ?? "";
+	if (typeof node === "number") return String(node);
+	return "";
+}
+//#endregion
+export { getFirstChar };

package/fe/packages/{ui/react → react/ui}/components/Message/Message.d.ts

@@ -1,20 +1,12 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export type MessageType = 'success' | 'error' | 'warning' | 'info';
 export type MessageProps = {
     type?: MessageType;
     content?: ReactNode;
     children?: ReactNode;
-    /**
-     * 存在时间
-     * @default 3000ms
-     */
     duration?: number;
     onClose?: () => void;
-    /**
-     * 可手动关闭
-     */
     closable?: boolean;
     className?: string;
 };
 export declare function Message({ type, content, children, duration, onClose, closable, className, }: MessageProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Message.d.ts.map

package/fe/packages/react/ui/components/Message/Message.js

@@ -0,0 +1,76 @@
+import { useI18n } from "../../i18n/useI18n.js";
+import "../../i18n/index.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../Button/Button.js";
+import "../Button/index.js";
+import { DEFAULT_DURATION } from "./data.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle2, Info, X, XCircle } from "lucide-react";
+//#region packages/react/ui/components/Message/Message.tsx
+var typeConfig = {
+	success: {
+		icon: CheckCircle2,
+		color: "text-chart-4"
+	},
+	error: {
+		icon: XCircle,
+		color: "text-destructive"
+	},
+	warning: {
+		icon: AlertCircle,
+		color: "text-chart-5"
+	},
+	info: {
+		icon: Info,
+		color: "text-chart-3"
+	}
+};
+function Message({ type = "info", content, children, duration = DEFAULT_DURATION, onClose, closable = true, className }) {
+	const t = useI18n();
+	const displayContent = children ?? content;
+	const [visible, setVisible] = useState(true);
+	const timerRef = useRef(null);
+	const messageRef = useRef(null);
+	const Icon = typeConfig[type].icon;
+	const iconColor = typeConfig[type].color;
+	const handleClose = () => {
+		setVisible(false);
+		setTimeout(() => {
+			onClose?.();
+		}, 200);
+	};
+	useEffect(() => {
+		if (duration > 0) timerRef.current = setTimeout(() => {
+			handleClose();
+		}, duration);
+		return () => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+		};
+	}, [duration]);
+	if (!visible) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: messageRef,
+		className: cn("tc-ui-message flex items-start gap-3 rounded-xl px-4 py-3", "border border-border/60 bg-popover text-popover-foreground shadow-[var(--shadow-floating)]", "min-w-[320px] max-w-[480px]", "transition-[opacity,transform] duration-200", "pointer-events-auto", visible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2", className),
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				size: 20,
+				className: cn("flex-shrink-0 mt-0.5", iconColor)
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 text-sm text-popover-foreground",
+				children: displayContent
+			}),
+			closable && /* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				type: "button",
+				onClick: handleClose,
+				"aria-label": t("components.message.close"),
+				className: cn("flex-shrink-0 p-0.5 rounded-md", "text-muted-foreground hover:text-popover-foreground", "hover:bg-foreground/8 active:bg-foreground/12", "transition-colors", "focus-visible:ring-theme/30"),
+				children: /* @__PURE__ */ jsx(X, { size: 16 })
+			})
+		]
+	});
+}
+//#endregion
+export { Message };

package/fe/packages/{ui/react → react/ui}/components/Message/MessageManager.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import { type MessageProps, type MessageType } from './Message';
+import type { ReactNode } from "react";
+import { type MessageProps, type MessageType } from "./Message";
 type MessageConfig = Omit<MessageProps, 'onClose' | 'children'> & {
     id: string;
     content?: ReactNode;
@@ -34,4 +34,3 @@ export declare const message: {
     setMaxCount: (count: number) => void;
 };
 export {};
-//# sourceMappingURL=MessageManager.d.ts.map

package/fe/packages/react/ui/components/Message/MessageManager.js

@@ -0,0 +1,104 @@
+import "./data.js";
+import { Message } from "./Message.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+//#region packages/react/ui/components/Message/MessageManager.tsx
+var MessageManagerClass = class {
+	messages = /* @__PURE__ */ new Map();
+	container = null;
+	offScreenContainer = null;
+	root = null;
+	offScreenRoot = null;
+	maxCount = 5;
+	init() {
+		if (typeof document === "undefined" || this.container) return;
+		this.container = document.createElement("div");
+		this.container.id = "message-container";
+		this.container.className = "fixed top-4 left-1/2 z-[10000] flex flex-col items-center gap-2 pointer-events-none";
+		this.container.style.transform = "translateX(-50%)";
+		document.body.appendChild(this.container);
+		this.offScreenContainer = document.createElement("div");
+		this.offScreenContainer.id = "message-offscreen-container";
+		this.offScreenContainer.className = "fixed -left-[9999px] top-0 z-[10000] flex flex-col items-center gap-2 pointer-events-none";
+		this.offScreenContainer.setAttribute("aria-hidden", "true");
+		document.body.appendChild(this.offScreenContainer);
+		this.root = createRoot(this.container);
+		this.offScreenRoot = createRoot(this.offScreenContainer);
+		this.render();
+	}
+	render() {
+		if (!this.root || !this.offScreenRoot) return;
+		const messages = Array.from(this.messages.values());
+		const totalCount = messages.length;
+		const displayMessages = totalCount > this.maxCount ? messages.slice(-this.maxCount) : messages;
+		const offScreenMessages = totalCount > this.maxCount ? messages.slice(0, -this.maxCount) : [];
+		const now = Date.now();
+		this.root.render(/* @__PURE__ */ jsx(Fragment, { children: displayMessages.map((message) => /* @__PURE__ */ jsx(Message, {
+			...message,
+			duration: message.expirationTime - now,
+			content: message.content,
+			onClose: () => {
+				message.onClose?.();
+				this.close(message.id);
+			}
+		}, message.id)) }));
+		this.offScreenRoot.render(/* @__PURE__ */ jsx(Fragment, { children: offScreenMessages.map((message) => /* @__PURE__ */ jsx(Message, {
+			...message,
+			duration: message.expirationTime - now,
+			content: message.content,
+			onClose: () => {
+				message.onClose?.();
+				this.close(message.id);
+			}
+		}, message.id)) }));
+	}
+	show(config, type = "info") {
+		this.init();
+		const now = Date.now();
+		const id = `message-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+		const messageConfig = {
+			...config,
+			expirationTime: now + (config.duration ?? 3e3),
+			id,
+			type
+		};
+		this.messages.set(id, messageConfig);
+		this.render();
+		return id;
+	}
+	close(id) {
+		this.messages.delete(id);
+		this.render();
+	}
+	closeAll() {
+		this.messages.clear();
+		this.render();
+	}
+	setMaxCount(count) {
+		this.maxCount = count;
+	}
+};
+var messageManager = new MessageManagerClass();
+var message = {
+	success: (content, config) => messageManager.show({
+		content,
+		...config
+	}, "success"),
+	error: (content, config) => messageManager.show({
+		content,
+		...config
+	}, "error"),
+	warning: (content, config) => messageManager.show({
+		content,
+		...config
+	}, "warning"),
+	info: (content, config) => messageManager.show({
+		content,
+		...config
+	}, "info"),
+	close: (id) => messageManager.close(id),
+	closeAll: () => messageManager.closeAll(),
+	setMaxCount: (count) => messageManager.setMaxCount(count)
+};
+//#endregion
+export { message, messageManager };

package/fe/packages/{ui/react → react/ui}/components/Message/data.d.ts

@@ -1,2 +1 @@
 export declare const DEFAULT_DURATION = 3000;
-//# sourceMappingURL=data.d.ts.map

package/fe/packages/react/ui/components/Message/data.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/components/Message/data.ts
+var DEFAULT_DURATION = 3e3;
+//#endregion
+export { DEFAULT_DURATION };

package/fe/packages/react/ui/components/Message/index.d.ts

@@ -0,0 +1,2 @@
+export type { MessageProps, MessageType } from "./Message";
+export { message } from "./MessageManager";

package/fe/packages/react/ui/components/Message/index.js

@@ -0,0 +1,2 @@
+import { message } from "./MessageManager.js";
+export { message };

package/fe/packages/{ui/react → react/ui}/components/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export type ModalProps = {
     open?: boolean;
     onClose?: () => void;
@@ -14,14 +14,7 @@ export type ModalProps = {
     width?: number | string;
     centered?: boolean;
     zIndex?: number;
-    /**
-     * @default document.body
-     */
     renderNode?: HTMLElement | (() => HTMLElement);
-    /**
-     * 是否支持键盘关闭 默认开启
-     */
     keyboard?: boolean;
 };
 export declare function Modal({ open, onClose, title, children, footer, className, contentClassName, mask, maskClosable, lockScroll, closable, width, centered, renderNode, keyboard, zIndex, }: ModalProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Modal.d.ts.map

package/fe/packages/react/ui/components/Modal/Modal.js

@@ -0,0 +1,59 @@
+import { useI18n } from "../../i18n/useI18n.js";
+import "../../i18n/index.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../Button/Button.js";
+import "../Button/index.js";
+import { Overlay } from "../Overlay/Overlay.js";
+import "../Overlay/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+//#region packages/react/ui/components/Modal/Modal.tsx
+function Modal({ open = false, onClose, title, children, footer, className, contentClassName, mask = true, maskClosable = true, lockScroll = true, closable = true, width = 520, centered = true, renderNode, keyboard = true, zIndex = 1e3 }) {
+	const t = useI18n();
+	const handleContentClick = (e) => {
+		e.stopPropagation();
+	};
+	return /* @__PURE__ */ jsx(Overlay, {
+		open,
+		onClose,
+		mask,
+		maskClosable,
+		lockScroll,
+		keyboard,
+		closable,
+		renderNode,
+		zIndex,
+		className: cn("tc-ui-modal flex items-center justify-center"),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("relative rounded-2xl border border-border/70 bg-popover text-popover-foreground", "shadow-[0_22px_70px_hsl(var(--background)/0.58),inset_0_1px_0_hsl(var(--foreground)/0.06)]", "flex flex-col max-h-[90vh]", "max-w-[calc(100vw-2rem)]", "transition-all duration-200", open ? "scale-100 opacity-100" : "scale-95 opacity-0", centered ? "my-auto" : "mt-[10vh]", className),
+			style: { width: typeof width === "number" ? `${width}px` : width },
+			onClick: handleContentClick,
+			children: [
+				(title || closable) && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between border-b border-border/60 px-4 py-3",
+					children: [title && /* @__PURE__ */ jsx("div", {
+						className: "text-sm font-semibold leading-5 text-foreground",
+						children: title
+					}), closable && /* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						type: "button",
+						onClick: onClose,
+						"aria-label": t("components.modal.close"),
+						className: cn("ml-auto h-7 w-7 rounded-md p-0", "text-muted-foreground hover:text-foreground", "hover:bg-foreground/8", "transition-colors", "focus:outline-none focus:ring-2 focus:ring-ring/40 focus:ring-offset-0"),
+						children: /* @__PURE__ */ jsx(X, { size: 16 })
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: cn("flex-1 overflow-auto px-4 py-4", contentClassName),
+					children
+				}),
+				footer && /* @__PURE__ */ jsx("div", {
+					className: "border-t border-border/60 px-4 py-3",
+					children: footer
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { Modal };

package/fe/packages/{ui/react → react/ui}/components/Modal/ModalManager.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
-import { type SubmitButtonProps } from '../Button';
-import { type ModalProps } from './Modal';
+import type { ReactNode } from "react";
+import { type SubmitButtonProps } from "../Button";
+import { type ModalProps } from "./Modal";
 type ModalConfig = Omit<ModalProps, 'open' | 'onClose' | 'children'> & {
     id: string;
     onClose?: () => void;
@@ -22,38 +22,25 @@ declare class ModalManagerClass {
 }
 type OpenModalConfig = Omit<ModalConfig, 'id'>;
 export declare const openConfirmModal: (pConfig: Pick<OpenModalConfig, "content"> & {
-    /** 标题 */
     title?: ReactNode;
-    /** 内容 */
     content: ReactNode;
-    /** 确认按钮文本 */
     okText?: string;
-    /** 取消按钮文本 */
     cancelText?: string;
-    /** 确认回调 */
     onOk?: SubmitButtonProps["onClick"];
-    /** 取消回调 */
     onCancel?: () => void;
 }) => string;
 export declare const modalManager: ModalManagerClass;
 export declare const modal: {
     open: (config: OpenModalConfig) => string;
     confirm: (pConfig: Pick<OpenModalConfig, "content"> & {
-        /** 标题 */
         title?: ReactNode;
-        /** 内容 */
         content: ReactNode;
-        /** 确认按钮文本 */
         okText?: string;
-        /** 取消按钮文本 */
         cancelText?: string;
-        /** 确认回调 */
         onOk?: SubmitButtonProps["onClick"];
-        /** 取消回调 */
         onCancel?: () => void;
     }) => string;
     close: (id: string) => void;
     closeAll: () => void;
 };
 export {};
-//# sourceMappingURL=ModalManager.d.ts.map

package/fe/packages/react/ui/components/Modal/ModalManager.js

@@ -0,0 +1,106 @@
+import { t } from "../../../../common/i18n/index.js";
+import "../../i18n/index.js";
+import { Button } from "../Button/Button.js";
+import { AsynchronousButton } from "../Button/SubmitButton.js";
+import "../Button/index.js";
+import { Modal } from "./Modal.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+//#region packages/react/ui/components/Modal/ModalManager.tsx
+var ModalManagerClass = class {
+	modals = /* @__PURE__ */ new Map();
+	listeners = /* @__PURE__ */ new Set();
+	container = null;
+	root = null;
+	init() {
+		if (typeof document === "undefined" || this.container) return;
+		this.container = document.createElement("div");
+		this.container.id = "modal-container";
+		document.body.appendChild(this.container);
+		this.root = createRoot(this.container);
+		this.render();
+	}
+	notify() {
+		this.listeners.forEach((listener) => listener());
+		this.render();
+	}
+	subscribe(listener) {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	open(config) {
+		this.init();
+		const id = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+		const modalConfig = {
+			...config,
+			id,
+			onClose: () => {
+				config.onClose?.();
+				this.close(id);
+			}
+		};
+		this.modals.set(id, modalConfig);
+		this.notify();
+		return id;
+	}
+	close(id) {
+		this.modals.delete(id);
+		this.notify();
+	}
+	closeAll() {
+		this.modals.clear();
+		this.notify();
+	}
+	getModals() {
+		return Array.from(this.modals.values());
+	}
+	render() {
+		if (!this.root) return;
+		const modals = this.getModals();
+		this.root.render(/* @__PURE__ */ jsx(Fragment, { children: modals.map((modal) => /* @__PURE__ */ jsx(Modal, {
+			...modal,
+			open: true,
+			children: modal.content
+		}, modal.id)) }));
+	}
+};
+var openConfirmModal = (pConfig) => {
+	const { onOk, onCancel, okText = t("components.modal.okText"), cancelText = t("components.modal.cancelText"), ...props } = pConfig;
+	const config = {
+		title: t("components.modal.confirmTitle"),
+		footer: /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-end gap-3",
+			children: [/* @__PURE__ */ jsx(Button, {
+				onClick: () => {
+					onCancel?.();
+					modalManager.close(currentModalId);
+				},
+				className: "min-w-[100px] bg-background border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/5",
+				children: cancelText
+			}), /* @__PURE__ */ jsx(AsynchronousButton, {
+				variant: "primary",
+				onClick: async (e) => {
+					const result = await onOk?.(e);
+					if (typeof result === "boolean" && !result) return;
+					modalManager.close(currentModalId);
+				},
+				className: "min-w-[100px] bg-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/90 border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary-foreground))]",
+				children: okText
+			})]
+		}),
+		...props
+	};
+	const currentModalId = modalManager.open(config);
+	return currentModalId;
+};
+var modalManager = new ModalManagerClass();
+var modal = {
+	open: (config) => modalManager.open(config),
+	confirm: openConfirmModal,
+	close: (id) => modalManager.close(id),
+	closeAll: () => modalManager.closeAll()
+};
+//#endregion
+export { modal, modalManager, openConfirmModal };

package/fe/packages/react/ui/components/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { Modal } from "./Modal";
+export type { ModalProps } from "./Modal";
+export { modal } from "./ModalManager";

package/fe/packages/react/ui/components/Modal/index.js

@@ -0,0 +1,3 @@
+import { Modal } from "./Modal.js";
+import { modal } from "./ModalManager.js";
+export { Modal, modal };

package/fe/packages/{ui/react → react/ui}/components/Notification/Notification.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export type NotificationType = 'info' | 'success' | 'warning' | 'error';
 export type NotificationProps = {
     type?: NotificationType;
@@ -11,4 +11,3 @@ export type NotificationProps = {
 };
 declare const Notification: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Notification };
-//# sourceMappingURL=Notification.d.ts.map

package/fe/packages/react/ui/components/Notification/Notification.js

@@ -0,0 +1,56 @@
+import { cn } from "../../lib/utils.js";
+import { forwardRef, useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+//#region packages/react/ui/components/Notification/Notification.tsx
+var typeStyles = {
+	info: "text-chart-3",
+	success: "text-chart-4",
+	warning: "text-chart-5",
+	error: "text-destructive"
+};
+var Notification = forwardRef(({ type = "info", title, message, duration, closable = true, onClose, className }, ref) => {
+	const [visible, setVisible] = useState(true);
+	const handleClose = useCallback(() => {
+		setVisible(false);
+		onClose?.();
+	}, [onClose]);
+	useEffect(() => {
+		if (duration && duration > 0) {
+			const timer = setTimeout(handleClose, duration);
+			return () => clearTimeout(timer);
+		}
+	}, [duration, handleClose]);
+	if (!visible) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "alert",
+		className: cn("tc-ui-notification flex items-start gap-3 rounded-xl border border-border/60 bg-popover p-4 text-popover-foreground shadow-[var(--shadow-floating)]", className),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cn("mt-1 h-2 w-2 shrink-0 rounded-full bg-current", typeStyles[type]),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex-1 min-w-0",
+				children: [title && /* @__PURE__ */ jsx("div", {
+					className: "font-medium text-sm text-popover-foreground",
+					children: title
+				}), message && /* @__PURE__ */ jsx("div", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: message
+				})]
+			}),
+			closable && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: handleClose,
+				className: "shrink-0 rounded-md p-0.5 text-muted-foreground transition-colors hover:bg-foreground/8 hover:text-popover-foreground active:bg-foreground/12 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-theme/30",
+				"aria-label": "Close notification",
+				children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+			})
+		]
+	});
+});
+Notification.displayName = "Notification";
+//#endregion
+export { Notification };

package/fe/packages/react/ui/components/Notification/index.d.ts

@@ -0,0 +1 @@
+export * from "./Notification";

package/fe/packages/react/ui/components/Notification/index.js

@@ -0,0 +1,2 @@
+import { Notification } from "./Notification.js";
+export { Notification };

package/fe/packages/{ui/react → react/ui}/components/Overlay/Overlay.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, MouseEvent, ReactNode } from 'react';
+import type { CSSProperties, MouseEvent, ReactNode } from "react";
 export declare const canUseDocument: () => boolean;
 export type OverlayProps = {
     open?: boolean;
@@ -14,10 +14,6 @@ export type OverlayProps = {
     closable?: boolean;
     onClose?: () => void;
     onClick?: (e: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * @default document.body
-     */
     renderNode?: HTMLElement | (() => HTMLElement);
 };
 export declare function Overlay({ open, visible, children, className, style, zIndex, mask, maskClosable, lockScroll, keyboard, closable, onClose, onClick, renderNode, }: OverlayProps): import("react").ReactPortal | null;
-//# sourceMappingURL=Overlay.d.ts.map