@ioca/react 1.4.80 → 1.5.1

package/lib/cjs/components/message/message.js

@@ -1,197 +1,196 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_hooks = require("../../js/hooks.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _Users_iann_codes_ioca_react_node_modules__pnpm_react_dom_19_2_4_react_19_2_4_node_modules_react_dom_client_js = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js");
-//#region packages/components/message/message.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var hooks = require('../../js/hooks.js');
+var classNames = require('classnames');
+var radash = require('radash');
+var react = require('react');
+var client = require('react-dom/client');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
 const AlignMap = {
-	left: "flex-start",
-	center: "center",
-	right: "flex-end"
+    left: "flex-start",
+    center: "center",
+    right: "flex-end",
 };
 const GlobalConfig = {
-	align: "center",
-	offset: "12px",
-	gap: 12
+    gap: 12,
 };
 const ItemDefaultConfig = {
-	duration: 3e3,
-	closable: true,
-	active: false
+    duration: 3000,
+    closable: true,
+    active: false,
 };
 const handler = {
-	oneInstance: null,
-	callout(item) {},
-	close() {}
+    oneInstance: null,
+    callout(item) { },
+    close() { },
 };
 const queue = {
-	left: [],
-	center: [],
-	right: []
+    left: [],
+    center: [],
+    right: [],
 };
 const heights = {
-	left: [],
-	center: [],
-	right: []
+    left: [],
+    center: [],
+    right: [],
 };
-const MessageItem = function({ ref, active, content, top, className, style, onClick }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: (0, classnames.default)("i-message", className, { "i-message-active": active }),
-		style: {
-			...style,
-			top
-		},
-		onClick,
-		children: content
-	});
+const MessageItem = function ({ ref, active, content, top, className, style, onClick, }) {
+    return (jsxRuntime.jsx("div", { ref: ref, className: classNames__default("i-message", className, {
+            "i-message-active": active,
+        }), style: {
+            ...style,
+            top,
+        }, onClick: onClick, children: content }));
 };
 function Messages() {
-	const ref = (0, react.useRef)(null);
-	const state = require_hooks.useReactive({
-		items: {
-			left: [],
-			center: [],
-			right: []
-		},
-		tops: {
-			left: [],
-			center: [],
-			right: []
-		}
-	});
-	const offsetTop = {
-		left: 0,
-		center: 0,
-		right: 0
-	};
-	(0, react.useEffect)(() => {
-		Object.assign(handler, {
-			callout: function(item) {
-				const { align = "center", unshift, onShow } = item;
-				const size = queue[align][unshift ? "unshift" : "push"](item);
-				state.items[align] = [...queue[align]];
-				item.close = this.close.bind(item);
-				setTimeout(() => {
-					const h = ref.current?.offsetHeight || 0;
-					queue[align][unshift ? 0 : size - 1].active = true;
-					state.items[align] = [...queue[align]];
-					heights[align][unshift ? "unshift" : "push"](h);
-					state.tops[align] = [...heights[align]];
-					onShow?.();
-				}, 12);
-				if (item.duration !== 0) item.timer = setTimeout(() => {
-					this.close.call(item);
-				}, item.duration);
-			},
-			close: function() {
-				const item = this;
-				const { align = "center", onHide } = item;
-				const index = queue[align].findIndex((i) => i.id === item.id);
-				if (index < 0) return;
-				queue[align][index].active = false;
-				state.items[align] = [...queue[align]];
-				item.timer = setTimeout(() => {
-					const index = queue[align].findIndex((i) => i.id === item.id);
-					queue[align].splice(index, 1);
-					heights[align].splice(index, 1);
-					state.tops[align] = [...heights[align]];
-					state.items[align] = [...queue[align]];
-					item.timer && clearTimeout(item.timer);
-					onHide?.();
-				}, 240);
-			}
-		});
-	}, []);
-	const renderItems = (item, i) => {
-		if (!item) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-		const { id, active, content, align = "center", className } = item;
-		offsetTop[align] += state.tops[align][i - 1] || 0;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageItem, {
-			ref,
-			active,
-			content,
-			top: GlobalConfig.gap * i + offsetTop[align],
-			className,
-			style: { alignSelf: AlignMap[align] },
-			onClick: handler.close.bind(item)
-		}, id);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "i-messages",
-		children: [
-			state.items.left.map(renderItems),
-			state.items.center.map(renderItems),
-			state.items.right.map(renderItems)
-		]
-	});
+    const ref = react.useRef(null);
+    const state = hooks.useReactive({
+        items: {
+            left: [],
+            center: [],
+            right: [],
+        },
+        tops: {
+            left: [],
+            center: [],
+            right: [],
+        },
+    });
+    const offsetTop = {
+        left: 0,
+        center: 0,
+        right: 0,
+    };
+    react.useEffect(() => {
+        Object.assign(handler, {
+            callout: function (item) {
+                const { align = "center", unshift, onShow } = item;
+                const size = queue[align][unshift ? "unshift" : "push"](item);
+                state.items[align] = [...queue[align]];
+                item.close = this.close.bind(item);
+                setTimeout(() => {
+                    const h = ref.current?.offsetHeight || 0;
+                    queue[align][unshift ? 0 : size - 1].active = true;
+                    state.items[align] = [...queue[align]];
+                    heights[align][unshift ? "unshift" : "push"](h);
+                    state.tops[align] = [...heights[align]];
+                    onShow?.();
+                }, 12);
+                if (item.duration !== 0) {
+                    item.timer = setTimeout(() => {
+                        this.close.call(item);
+                    }, item.duration);
+                }
+            },
+            close: function () {
+                const item = this;
+                const { align = "center", onHide } = item;
+                const index = queue[align].findIndex((i) => i.id === item.id);
+                if (index < 0)
+                    return;
+                queue[align][index].active = false;
+                state.items[align] = [...queue[align]];
+                item.timer = setTimeout(() => {
+                    const index = queue[align].findIndex((i) => i.id === item.id);
+                    queue[align].splice(index, 1);
+                    heights[align].splice(index, 1);
+                    state.tops[align] = [...heights[align]];
+                    state.items[align] = [...queue[align]];
+                    item.timer && clearTimeout(item.timer);
+                    onHide?.();
+                }, 240);
+            },
+        });
+    }, []);
+    const renderItems = (item, i) => {
+        if (!item)
+            return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+        const { id, active, content, align = "center", className } = item;
+        offsetTop[align] += state.tops[align][i - 1] || 0;
+        const top = GlobalConfig.gap * i + offsetTop[align];
+        return (jsxRuntime.jsx(MessageItem, { ref: ref, active: active, content: content, top: top, className: className, style: { alignSelf: AlignMap[align] }, onClick: handler.close.bind(item) }, id));
+    };
+    return (jsxRuntime.jsxs("div", { className: 'i-messages', children: [state.items.left.map(renderItems), state.items.center.map(renderItems), state.items.right.map(renderItems)] }));
 }
 function message(config) {
-	if (["string", "number"].includes(typeof config) || (0, react.isValidElement)(config)) config = { content: config };
-	config = Object.assign({ id: (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.uid)(7) }, ItemDefaultConfig, config);
-	handler.callout(config);
-	return {
-		instance: config,
-		close: handler.close.bind(config)
-	};
+    if (["string", "number"].includes(typeof config) ||
+        react.isValidElement(config)) {
+        config = { content: config };
+    }
+    config = Object.assign({ id: radash.uid(7) }, ItemDefaultConfig, config);
+    handler.callout(config);
+    return {
+        instance: config,
+        close: handler.close.bind(config),
+    };
 }
 function createContainer() {
-	if (typeof document === "undefined") return null;
-	const container = document.createElement("div");
-	container.dataset.id = "messages";
-	document.body.append(container);
-	return container;
+    if (typeof document === "undefined")
+        return null;
+    const container = document.createElement("div");
+    container.dataset.id = "messages";
+    document.body.append(container);
+    return container;
 }
 message.error = (content) => {
-	return message({
-		content,
-		className: "bg-error"
-	});
+    return message({
+        content,
+        className: "bg-error",
+    });
 };
 message.success = (content) => {
-	return message({
-		content,
-		className: "bg-success"
-	});
+    return message({
+        content,
+        className: "bg-success",
+    });
 };
 message.warning = (content) => {
-	return message({
-		content,
-		className: "bg-warning"
-	});
+    return message({
+        content,
+        className: "bg-warning",
+    });
 };
 message.info = (content) => {
-	return message({
-		content,
-		className: "bg-blue"
-	});
+    return message({
+        content,
+        className: "bg-blue",
+    });
 };
 message.one = (config) => {
-	const o = handler.oneInstance;
-	if (o) if (o.active && o.duration !== 0) {
-		clearTimeout(o.timer);
-		o.timer = setTimeout(() => {
-			o.close?.();
-		}, o.duration);
-	} else handler.callout(o);
-	else {
-		const { instance } = message(config);
-		handler.oneInstance = instance;
-	}
+    const o = handler.oneInstance;
+    if (o) {
+        if (o.active && o.duration !== 0) {
+            clearTimeout(o.timer);
+            o.timer = setTimeout(() => {
+                o.close?.();
+            }, o.duration);
+        }
+        else {
+            handler.callout(o);
+        }
+    }
+    else {
+        const { instance } = message(config);
+        handler.oneInstance = instance;
+    }
 };
+// 初始化消息容器
 let container = null;
 let root = null;
 if (typeof window !== "undefined") {
-	container = createContainer();
-	if (container) {
-		root = (0, _Users_iann_codes_ioca_react_node_modules__pnpm_react_dom_19_2_4_react_19_2_4_node_modules_react_dom_client_js.createRoot)(container);
-		root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Messages, {}));
-	}
+    container = createContainer();
+    if (container) {
+        root = client.createRoot(container);
+        root.render(jsxRuntime.jsx(Messages, {}));
+    }
 }
-//#endregion
-exports.default = message;
 
-//# sourceMappingURL=message.js.map
+exports.default = message;
+//# sourceMappingURL=message.js.map

package/lib/cjs/components/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../../../packages/components/message/message.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport classNames from \"classnames\";\nimport { uid } from \"radash\";\nimport { ReactNode, isValidElement, useEffect, useRef } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./index.css\";\nimport type { IMessage, IMessageItem, THeights, TMessageQueue } from \"./type\";\n\nconst AlignMap = {\n\tleft: \"flex-start\",\n\tcenter: \"center\",\n\tright: \"flex-end\",\n};\n\nconst GlobalConfig = {\n\talign: \"center\",\n\toffset: \"12px\",\n\tgap: 12,\n};\n\nconst ItemDefaultConfig = {\n\tduration: 3000,\n\tclosable: true,\n\tactive: false,\n};\n\nconst handler: {\n\toneInstance: null | IMessage;\n\tcallout: (item: IMessage) => void;\n\tclose: () => void;\n} = {\n\toneInstance: null,\n\tcallout(item: IMessage) {},\n\tclose() {},\n};\n\nconst queue: TMessageQueue = {\n\tleft: [],\n\tcenter: [],\n\tright: [],\n};\nconst heights: THeights = {\n\tleft: [],\n\tcenter: [],\n\tright: [],\n};\n\nconst MessageItem = function ({\n\tref,\n\tactive,\n\tcontent,\n\ttop,\n\tclassName,\n\tstyle,\n\tonClick,\n}: IMessageItem) {\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-message\", className, {\n\t\t\t\t\"i-message-active\": active,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\ttop,\n\t\t\t}}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t{content}\n\t\t</div>\n\t);\n};\n\nfunction Messages() {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<{\n\t\ttops: THeights;\n\t\titems: TMessageQueue;\n\t}>({\n\t\titems: {\n\t\t\tleft: [],\n\t\t\tcenter: [],\n\t\t\tright: [],\n\t\t},\n\t\ttops: {\n\t\t\tleft: [],\n\t\t\tcenter: [],\n\t\t\tright: [],\n\t\t},\n\t});\n\tconst offsetTop = {\n\t\tleft: 0,\n\t\tcenter: 0,\n\t\tright: 0,\n\t};\n\n\tuseEffect(() => {\n\t\tObject.assign(handler, {\n\t\t\tcallout: function (item: IMessage) {\n\t\t\t\tconst { align = \"center\", unshift, onShow } = item;\n\t\t\t\tconst size = queue[align][unshift ? \"unshift\" : \"push\"](item);\n\t\t\t\tstate.items[align] = [...queue[align]];\n\t\t\t\titem.close = this.close.bind(item);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tconst h = ref.current?.offsetHeight || 0;\n\n\t\t\t\t\tqueue[align][unshift ? 0 : size - 1].active = true;\n\t\t\t\t\tstate.items[align] = [...queue[align]];\n\t\t\t\t\theights[align][unshift ? \"unshift\" : \"push\"](h);\n\t\t\t\t\tstate.tops[align] = [...heights[align]];\n\t\t\t\t\tonShow?.();\n\t\t\t\t}, 12);\n\n\t\t\t\tif (item.duration !== 0) {\n\t\t\t\t\titem.timer = setTimeout(() => {\n\t\t\t\t\t\tthis.close.call(item);\n\t\t\t\t\t}, item.duration);\n\t\t\t\t}\n\t\t\t},\n\t\t\tclose: function () {\n\t\t\t\tconst item = this as IMessage;\n\t\t\t\tconst { align = \"center\", onHide } = item;\n\t\t\t\tconst index = queue[align].findIndex((i) => i.id === item.id);\n\t\t\t\tif (index < 0) return;\n\n\t\t\t\tqueue[align][index].active = false;\n\t\t\t\tstate.items[align] = [...queue[align]];\n\n\t\t\t\titem.timer = setTimeout(() => {\n\t\t\t\t\tconst index = queue[align].findIndex(\n\t\t\t\t\t\t(i) => i.id === item.id\n\t\t\t\t\t);\n\n\t\t\t\t\tqueue[align].splice(index, 1);\n\t\t\t\t\theights[align].splice(index, 1);\n\t\t\t\t\tstate.tops[align] = [...heights[align]];\n\t\t\t\t\tstate.items[align] = [...queue[align]];\n\t\t\t\t\titem.timer && clearTimeout(item.timer);\n\t\t\t\t\tonHide?.();\n\t\t\t\t}, 240);\n\t\t\t},\n\t\t});\n\t}, []);\n\n\tconst renderItems = (item, i) => {\n\t\tif (!item) return <></>;\n\n\t\tconst { id, active, content, align = \"center\", className } = item;\n\t\toffsetTop[align] += state.tops[align][i - 1] || 0;\n\t\tconst top = GlobalConfig.gap * i + offsetTop[align];\n\n\t\treturn (\n\t\t\t<MessageItem\n\t\t\t\tkey={id}\n\t\t\t\tref={ref}\n\t\t\t\tactive={active}\n\t\t\t\tcontent={content}\n\t\t\t\ttop={top}\n\t\t\t\tclassName={className}\n\t\t\t\tstyle={{ alignSelf: AlignMap[align] }}\n\t\t\t\tonClick={handler.close.bind(item)}\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className='i-messages'>\n\t\t\t{state.items.left.map(renderItems)}\n\t\t\t{state.items.center.map(renderItems)}\n\t\t\t{state.items.right.map(renderItems)}\n\t\t</div>\n\t);\n}\n\nexport function setMessageConfig(config: IMessage) {\n\tObject.assign(GlobalConfig, config);\n}\n\nfunction message(config: IMessage | ReactNode) {\n\tif (\n\t\t[\"string\", \"number\"].includes(typeof config) ||\n\t\tisValidElement(config)\n\t) {\n\t\tconfig = { content: config as ReactNode };\n\t}\n\n\tconfig = Object.assign(\n\t\t{ id: uid(7) },\n\t\tItemDefaultConfig,\n\t\tconfig as IMessage\n\t);\n\n\thandler.callout(config as IMessage);\n\n\treturn {\n\t\tinstance: config,\n\t\tclose: handler.close.bind(config),\n\t};\n}\n\nfunction createContainer() {\n\tif (typeof document === \"undefined\") return null;\n\tconst container = document.createElement(\"div\");\n\tcontainer.dataset.id = \"messages\";\n\tdocument.body.append(container);\n\treturn container;\n}\n\nmessage.error = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-error\",\n\t});\n};\n\nmessage.success = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-success\",\n\t});\n};\n\nmessage.warning = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-warning\",\n\t});\n};\n\nmessage.info = (content: ReactNode) => {\n\treturn message({\n\t\tcontent,\n\t\tclassName: \"bg-blue\",\n\t});\n};\n\nmessage.one = (config: IMessage) => {\n\tconst o = handler.oneInstance;\n\n\tif (o) {\n\t\tif (o.active && o.duration !== 0) {\n\t\t\tclearTimeout(o.timer);\n\t\t\to.timer = setTimeout(() => {\n\t\t\t\to.close?.();\n\t\t\t}, o.duration);\n\t\t} else {\n\t\t\thandler.callout(o);\n\t\t}\n\t} else {\n\t\tconst { instance } = message(config);\n\t\thandler.oneInstance = instance;\n\t}\n};\n\n// 初始化消息容器\nlet container: HTMLElement | null = null;\nlet root: any = null;\n\nif (typeof window !== \"undefined\") {\n\tcontainer = createContainer();\n\tif (container) {\n\t\troot = createRoot(container);\n\t\troot.render(<Messages />);\n\t}\n}\n\nexport default message;\n"],"mappings":""}
+{"version":3,"file":"message.js","sources":["../../../../packages/components/message/message.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\r\nimport classNames from \"classnames\";\r\nimport { uid } from \"radash\";\r\nimport { ReactNode, isValidElement, useEffect, useRef } from \"react\";\r\nimport { createRoot } from \"react-dom/client\";\r\nimport \"./index.css\";\r\nimport type { IMessage, IMessageItem, THeights, TMessageQueue } from \"./type\";\r\n\r\nconst AlignMap = {\r\n\tleft: \"flex-start\",\r\n\tcenter: \"center\",\r\n\tright: \"flex-end\",\r\n};\r\n\r\nconst GlobalConfig = {\r\n\talign: \"center\",\r\n\toffset: \"12px\",\r\n\tgap: 12,\r\n};\r\n\r\nconst ItemDefaultConfig = {\r\n\tduration: 3000,\r\n\tclosable: true,\r\n\tactive: false,\r\n};\r\n\r\nconst handler: {\r\n\toneInstance: null | IMessage;\r\n\tcallout: (item: IMessage) => void;\r\n\tclose: () => void;\r\n} = {\r\n\toneInstance: null,\r\n\tcallout(item: IMessage) {},\r\n\tclose() {},\r\n};\r\n\r\nconst queue: TMessageQueue = {\r\n\tleft: [],\r\n\tcenter: [],\r\n\tright: [],\r\n};\r\nconst heights: THeights = {\r\n\tleft: [],\r\n\tcenter: [],\r\n\tright: [],\r\n};\r\n\r\nconst MessageItem = function ({\r\n\tref,\r\n\tactive,\r\n\tcontent,\r\n\ttop,\r\n\tclassName,\r\n\tstyle,\r\n\tonClick,\r\n}: IMessageItem) {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tref={ref}\r\n\t\t\tclassName={classNames(\"i-message\", className, {\r\n\t\t\t\t\"i-message-active\": active,\r\n\t\t\t})}\r\n\t\t\tstyle={{\r\n\t\t\t\t...style,\r\n\t\t\t\ttop,\r\n\t\t\t}}\r\n\t\t\tonClick={onClick}\r\n\t\t>\r\n\t\t\t{content}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nfunction Messages() {\r\n\tconst ref = useRef<HTMLDivElement>(null);\r\n\tconst state = useReactive<{\r\n\t\ttops: THeights;\r\n\t\titems: TMessageQueue;\r\n\t}>({\r\n\t\titems: {\r\n\t\t\tleft: [],\r\n\t\t\tcenter: [],\r\n\t\t\tright: [],\r\n\t\t},\r\n\t\ttops: {\r\n\t\t\tleft: [],\r\n\t\t\tcenter: [],\r\n\t\t\tright: [],\r\n\t\t},\r\n\t});\r\n\tconst offsetTop = {\r\n\t\tleft: 0,\r\n\t\tcenter: 0,\r\n\t\tright: 0,\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tObject.assign(handler, {\r\n\t\t\tcallout: function (item: IMessage) {\r\n\t\t\t\tconst { align = \"center\", unshift, onShow } = item;\r\n\t\t\t\tconst size = queue[align][unshift ? \"unshift\" : \"push\"](item);\r\n\t\t\t\tstate.items[align] = [...queue[align]];\r\n\t\t\t\titem.close = this.close.bind(item);\r\n\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tconst h = ref.current?.offsetHeight || 0;\r\n\r\n\t\t\t\t\tqueue[align][unshift ? 0 : size - 1].active = true;\r\n\t\t\t\t\tstate.items[align] = [...queue[align]];\r\n\t\t\t\t\theights[align][unshift ? \"unshift\" : \"push\"](h);\r\n\t\t\t\t\tstate.tops[align] = [...heights[align]];\r\n\t\t\t\t\tonShow?.();\r\n\t\t\t\t}, 12);\r\n\r\n\t\t\t\tif (item.duration !== 0) {\r\n\t\t\t\t\titem.timer = setTimeout(() => {\r\n\t\t\t\t\t\tthis.close.call(item);\r\n\t\t\t\t\t}, item.duration);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tclose: function () {\r\n\t\t\t\tconst item = this as IMessage;\r\n\t\t\t\tconst { align = \"center\", onHide } = item;\r\n\t\t\t\tconst index = queue[align].findIndex((i) => i.id === item.id);\r\n\t\t\t\tif (index < 0) return;\r\n\r\n\t\t\t\tqueue[align][index].active = false;\r\n\t\t\t\tstate.items[align] = [...queue[align]];\r\n\r\n\t\t\t\titem.timer = setTimeout(() => {\r\n\t\t\t\t\tconst index = queue[align].findIndex(\r\n\t\t\t\t\t\t(i) => i.id === item.id\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tqueue[align].splice(index, 1);\r\n\t\t\t\t\theights[align].splice(index, 1);\r\n\t\t\t\t\tstate.tops[align] = [...heights[align]];\r\n\t\t\t\t\tstate.items[align] = [...queue[align]];\r\n\t\t\t\t\titem.timer && clearTimeout(item.timer);\r\n\t\t\t\t\tonHide?.();\r\n\t\t\t\t}, 240);\r\n\t\t\t},\r\n\t\t});\r\n\t}, []);\r\n\r\n\tconst renderItems = (item, i) => {\r\n\t\tif (!item) return <></>;\r\n\r\n\t\tconst { id, active, content, align = \"center\", className } = item;\r\n\t\toffsetTop[align] += state.tops[align][i - 1] || 0;\r\n\t\tconst top = GlobalConfig.gap * i + offsetTop[align];\r\n\r\n\t\treturn (\r\n\t\t\t<MessageItem\r\n\t\t\t\tkey={id}\r\n\t\t\t\tref={ref}\r\n\t\t\t\tactive={active}\r\n\t\t\t\tcontent={content}\r\n\t\t\t\ttop={top}\r\n\t\t\t\tclassName={className}\r\n\t\t\t\tstyle={{ alignSelf: AlignMap[align] }}\r\n\t\t\t\tonClick={handler.close.bind(item)}\r\n\t\t\t/>\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className='i-messages'>\r\n\t\t\t{state.items.left.map(renderItems)}\r\n\t\t\t{state.items.center.map(renderItems)}\r\n\t\t\t{state.items.right.map(renderItems)}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport function setMessageConfig(config: IMessage) {\r\n\tObject.assign(GlobalConfig, config);\r\n}\r\n\r\nfunction message(config: IMessage | ReactNode) {\r\n\tif (\r\n\t\t[\"string\", \"number\"].includes(typeof config) ||\r\n\t\tisValidElement(config)\r\n\t) {\r\n\t\tconfig = { content: config as ReactNode };\r\n\t}\r\n\r\n\tconfig = Object.assign(\r\n\t\t{ id: uid(7) },\r\n\t\tItemDefaultConfig,\r\n\t\tconfig as IMessage\r\n\t);\r\n\r\n\thandler.callout(config as IMessage);\r\n\r\n\treturn {\r\n\t\tinstance: config,\r\n\t\tclose: handler.close.bind(config),\r\n\t};\r\n}\r\n\r\nfunction createContainer() {\r\n\tif (typeof document === \"undefined\") return null;\r\n\tconst container = document.createElement(\"div\");\r\n\tcontainer.dataset.id = \"messages\";\r\n\tdocument.body.append(container);\r\n\treturn container;\r\n}\r\n\r\nmessage.error = (content: ReactNode) => {\r\n\treturn message({\r\n\t\tcontent,\r\n\t\tclassName: \"bg-error\",\r\n\t});\r\n};\r\n\r\nmessage.success = (content: ReactNode) => {\r\n\treturn message({\r\n\t\tcontent,\r\n\t\tclassName: \"bg-success\",\r\n\t});\r\n};\r\n\r\nmessage.warning = (content: ReactNode) => {\r\n\treturn message({\r\n\t\tcontent,\r\n\t\tclassName: \"bg-warning\",\r\n\t});\r\n};\r\n\r\nmessage.info = (content: ReactNode) => {\r\n\treturn message({\r\n\t\tcontent,\r\n\t\tclassName: \"bg-blue\",\r\n\t});\r\n};\r\n\r\nmessage.one = (config: IMessage) => {\r\n\tconst o = handler.oneInstance;\r\n\r\n\tif (o) {\r\n\t\tif (o.active && o.duration !== 0) {\r\n\t\t\tclearTimeout(o.timer);\r\n\t\t\to.timer = setTimeout(() => {\r\n\t\t\t\to.close?.();\r\n\t\t\t}, o.duration);\r\n\t\t} else {\r\n\t\t\thandler.callout(o);\r\n\t\t}\r\n\t} else {\r\n\t\tconst { instance } = message(config);\r\n\t\thandler.oneInstance = instance;\r\n\t}\r\n};\r\n\r\n// 初始化消息容器\r\nlet container: HTMLElement | null = null;\r\nlet root: any = null;\r\n\r\nif (typeof window !== \"undefined\") {\r\n\tcontainer = createContainer();\r\n\tif (container) {\r\n\t\troot = createRoot(container);\r\n\t\troot.render(<Messages />);\r\n\t}\r\n}\r\n\r\nexport default message;\r\n"],"names":["_jsx","classNames","useRef","useReactive","useEffect","_jsxs","isValidElement","uid","createRoot"],"mappings":"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"}

package/lib/cjs/components/modal/content.js

@@ -1,57 +1,37 @@
-require("../../_virtual/_rolldown/runtime.js");
-const require_index = require("../button/index.js");
-const require_index$1 = require("../utils/helpericon/index.js");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/modal/content.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var button = require('../button/button.js');
+var helpericon = require('../utils/helpericon/helpericon.js');
+
 function Content(props) {
-	const { title, footer, hideCloseButton, footerLeft, okButtonProps, cancelButtonProps, children, onOk, onClose } = props;
-	const showHeader = title || !hideCloseButton;
-	const handleOk = async () => {
-		if (await onOk?.() === false) return;
-		onClose?.();
-	};
-	const renderFooter = (0, react.useMemo)(() => {
-		if (footer || footer === null) return footer;
-		const propsOk = Object.assign({
-			children: "确定",
-			onClick: handleOk
-		}, okButtonProps);
-		const propsCancel = Object.assign({
-			secondary: true,
-			children: "关闭",
-			onClick: onClose
-		}, cancelButtonProps);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			footerLeft,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { ...propsOk }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { ...propsCancel })
-		] });
-	}, [
-		footer,
-		okButtonProps,
-		cancelButtonProps
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		showHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-			className: "i-modal-header",
-			children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
-				active: !hideCloseButton,
-				className: "i-modal-close",
-				onClick: onClose
-			})]
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "i-modal-content",
-			children
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
-			className: "i-modal-footer",
-			children: renderFooter
-		})
-	] });
+    const { title, footer, hideCloseButton, footerLeft, okButtonProps, cancelButtonProps, children, onOk, onClose, } = props;
+    const showHeader = title || !hideCloseButton;
+    const handleOk = async () => {
+        const ret = await onOk?.();
+        if (ret === false)
+            return;
+        onClose?.();
+    };
+    const renderFooter = react.useMemo(() => {
+        if (footer || footer === null)
+            return footer;
+        const propsOk = Object.assign({
+            children: "确定",
+            onClick: handleOk,
+        }, okButtonProps);
+        const propsCancel = Object.assign({
+            secondary: true,
+            children: "关闭",
+            onClick: onClose,
+        }, cancelButtonProps);
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [footerLeft, jsxRuntime.jsx(button.default, { ...propsOk }), jsxRuntime.jsx(button.default, { ...propsCancel })] }));
+    }, [footer, okButtonProps, cancelButtonProps]);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showHeader && (jsxRuntime.jsxs("header", { className: 'i-modal-header', children: [title && jsxRuntime.jsx("b", { children: title }), jsxRuntime.jsx(helpericon.default, { active: !hideCloseButton, className: 'i-modal-close', onClick: onClose })] })), jsxRuntime.jsx("div", { className: 'i-modal-content', children: children }), jsxRuntime.jsx("footer", { className: 'i-modal-footer', children: renderFooter })] }));
 }
-//#endregion
-exports.default = Content;
 
-//# sourceMappingURL=content.js.map
+exports.default = Content;
+//# sourceMappingURL=content.js.map

package/lib/cjs/components/modal/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","names":[],"sources":["../../../../packages/components/modal/content.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport Button from \"../button\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IModalContent } from \"./type\";\n\nexport default function Content(props: IModalContent) {\n\tconst {\n\t\ttitle,\n\t\tfooter,\n\t\thideCloseButton,\n\t\tfooterLeft,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tchildren,\n\t\tonOk,\n\t\tonClose,\n\t} = props;\n\tconst showHeader = title || !hideCloseButton;\n\n\tconst handleOk = async () => {\n\t\tconst ret = await onOk?.();\n\n\t\tif (ret === false) return;\n\n\t\tonClose?.();\n\t};\n\n\tconst renderFooter = useMemo(() => {\n\t\tif (footer || footer === null) return footer;\n\n\t\tconst propsOk = Object.assign(\n\t\t\t{\n\t\t\t\tchildren: \"确定\",\n\t\t\t\tonClick: handleOk,\n\t\t\t},\n\t\t\tokButtonProps\n\t\t);\n\t\tconst propsCancel = Object.assign(\n\t\t\t{\n\t\t\t\tsecondary: true,\n\t\t\t\tchildren: \"关闭\",\n\t\t\t\tonClick: onClose,\n\t\t\t},\n\t\t\tcancelButtonProps\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{footerLeft}\n\t\t\t\t<Button {...propsOk} />\n\t\t\t\t<Button {...propsCancel} />\n\t\t\t</>\n\t\t);\n\t}, [footer, okButtonProps, cancelButtonProps]);\n\n\treturn (\n\t\t<>\n\t\t\t{showHeader && (\n\t\t\t\t<header className='i-modal-header'>\n\t\t\t\t\t{title && <b>{title}</b>}\n\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive={!hideCloseButton}\n\t\t\t\t\t\tclassName='i-modal-close'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<div className='i-modal-content'>{children}</div>\n\n\t\t\t<footer className='i-modal-footer'>{renderFooter}</footer>\n\t\t</>\n\t);\n}\n"],"mappings":""}
+{"version":3,"file":"content.js","sources":["../../../../packages/components/modal/content.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport Button from \"../button\";\r\nimport Helpericon from \"../utils/helpericon\";\r\nimport \"./index.css\";\r\nimport { IModalContent } from \"./type\";\r\n\r\nexport default function Content(props: IModalContent) {\r\n\tconst {\r\n\t\ttitle,\r\n\t\tfooter,\r\n\t\thideCloseButton,\r\n\t\tfooterLeft,\r\n\t\tokButtonProps,\r\n\t\tcancelButtonProps,\r\n\t\tchildren,\r\n\t\tonOk,\r\n\t\tonClose,\r\n\t} = props;\r\n\tconst showHeader = title || !hideCloseButton;\r\n\r\n\tconst handleOk = async () => {\r\n\t\tconst ret = await onOk?.();\r\n\r\n\t\tif (ret === false) return;\r\n\r\n\t\tonClose?.();\r\n\t};\r\n\r\n\tconst renderFooter = useMemo(() => {\r\n\t\tif (footer || footer === null) return footer;\r\n\r\n\t\tconst propsOk = Object.assign(\r\n\t\t\t{\r\n\t\t\t\tchildren: \"确定\",\r\n\t\t\t\tonClick: handleOk,\r\n\t\t\t},\r\n\t\t\tokButtonProps\r\n\t\t);\r\n\t\tconst propsCancel = Object.assign(\r\n\t\t\t{\r\n\t\t\t\tsecondary: true,\r\n\t\t\t\tchildren: \"关闭\",\r\n\t\t\t\tonClick: onClose,\r\n\t\t\t},\r\n\t\t\tcancelButtonProps\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{footerLeft}\r\n\t\t\t\t<Button {...propsOk} />\r\n\t\t\t\t<Button {...propsCancel} />\r\n\t\t\t</>\r\n\t\t);\r\n\t}, [footer, okButtonProps, cancelButtonProps]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{showHeader && (\r\n\t\t\t\t<header className='i-modal-header'>\r\n\t\t\t\t\t{title && <b>{title}</b>}\r\n\r\n\t\t\t\t\t<Helpericon\r\n\t\t\t\t\t\tactive={!hideCloseButton}\r\n\t\t\t\t\t\tclassName='i-modal-close'\r\n\t\t\t\t\t\tonClick={onClose}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</header>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className='i-modal-content'>{children}</div>\r\n\r\n\t\t\t<footer className='i-modal-footer'>{renderFooter}</footer>\r\n\t\t</>\r\n\t);\r\n}\r\n"],"names":["useMemo","_jsxs","_Fragment","_jsx","Button","Helpericon"],"mappings":";;;;;;;;;AAMc,SAAU,OAAO,CAAC,KAAoB,EAAA;IACnD,MAAM,EACL,KAAK,EACL,MAAM,EACN,eAAe,EACf,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,OAAO,GACP,GAAG,KAAK;AACT,IAAA,MAAM,UAAU,GAAG,KAAK,IAAI,CAAC,eAAe;AAE5C,IAAA,MAAM,QAAQ,GAAG,YAAW;AAC3B,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,IAAI;QAE1B,IAAI,GAAG,KAAK,KAAK;YAAE;QAEnB,OAAO,IAAI;AACZ,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAGA,aAAO,CAAC,MAAK;AACjC,QAAA,IAAI,MAAM,IAAI,MAAM,KAAK,IAAI;AAAE,YAAA,OAAO,MAAM;AAE5C,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC5B;AACC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,OAAO,EAAE,QAAQ;SACjB,EACD,aAAa,CACb;AACD,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAChC;AACC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,OAAO,EAAE,OAAO;SAChB,EACD,iBAAiB,CACjB;AAED,QAAA,QACCC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACE,UAAU,EACXC,cAAA,CAACC,cAAM,EAAA,EAAA,GAAK,OAAO,EAAA,CAAI,EACvBD,eAACC,cAAM,EAAA,EAAA,GAAK,WAAW,EAAA,CAAI,CAAA,EAAA,CACzB;IAEL,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAE9C,QACCH,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACE,UAAU,KACVD,4BAAQ,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAChC,KAAK,IAAIE,gCAAI,KAAK,EAAA,CAAK,EAExBA,cAAA,CAACE,kBAAU,EAAA,EACV,MAAM,EAAE,CAAC,eAAe,EACxB,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,OAAO,EAAA,CACf,CAAA,EAAA,CACM,CACT,EAEDF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EAEjDA,cAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,gBAAgB,YAAE,YAAY,EAAA,CAAU,CAAA,EAAA,CACxD;AAEL;;;;"}

package/lib/cjs/components/modal/context.js

@@ -1,7 +1,10 @@
-require("../../_virtual/_rolldown/runtime.js");
-//#region packages/components/modal/context.ts
-const ModalContext = (0, require("react").createContext)(false);
-//#endregion
-exports.default = ModalContext;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
 
-//# sourceMappingURL=context.js.map
+const ModalContext = react.createContext(false);
+
+exports.default = ModalContext;
+//# sourceMappingURL=context.js.map

package/lib/cjs/components/modal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../packages/components/modal/context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nconst ModalContext = createContext(false);\n\nexport default ModalContext;\n"],"mappings":";;AAEA,MAAM,gBAAA,oBAAA,eAA6B,MAAM"}
+{"version":3,"file":"context.js","sources":["../../../../packages/components/modal/context.ts"],"sourcesContent":["import { createContext } from \"react\";\r\n\r\nconst ModalContext = createContext(false);\r\n\r\nexport default ModalContext;\r\n"],"names":["createContext"],"mappings":";;;;;;AAEA,MAAM,YAAY,GAAGA,mBAAa,CAAC,KAAK;;;;"}

package/lib/cjs/components/modal/hookModal.js

@@ -1,28 +1,31 @@
-require("../../_virtual/_rolldown/runtime.js");
-const require_hooks = require("../../js/hooks.js");
-const require_modal = require("./modal.js");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/modal/hookModal.tsx
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../js/hooks.js');
+var modal = require('./modal.js');
+
 const HookModal = (props) => {
-	const { ref, ...restProps } = props;
-	const state = require_hooks.useReactive({});
-	const mergedProps = Object.assign({}, restProps, state);
-	(0, react.useImperativeHandle)(ref, () => ({
-		update: (config = {}) => {
-			Object.assign(state, config);
-		},
-		close: () => {
-			state.visible = false;
-			if (mergedProps.closable) return;
-			Promise.resolve().then(() => {
-				state.visible = true;
-			});
-		}
-	}));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_modal.default, { ...mergedProps });
+    const { ref, ...restProps } = props;
+    const state = hooks.useReactive({});
+    const mergedProps = Object.assign({}, restProps, state);
+    react.useImperativeHandle(ref, () => ({
+        update: (config = {}) => {
+            Object.assign(state, config);
+        },
+        close: () => {
+            state.visible = false;
+            if (mergedProps.closable)
+                return;
+            Promise.resolve().then(() => {
+                state.visible = true;
+            });
+        },
+    }));
+    return jsxRuntime.jsx(modal.default, { ...mergedProps });
 };
-//#endregion
-exports.default = HookModal;
 
-//# sourceMappingURL=hookModal.js.map
+exports.default = HookModal;
+//# sourceMappingURL=hookModal.js.map

package/lib/cjs/components/modal/hookModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"hookModal.js","names":["useReactive","Modal"],"sources":["../../../../packages/components/modal/hookModal.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport { useImperativeHandle } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport Modal from \"./modal\";\nimport type { IModal, RefHookModal } from \"./type\";\n\nconst HookModal = (\n\tprops: IModal & { ref?: RefObject<RefHookModal | null> }\n) => {\n\tconst { ref, ...restProps } = props;\n\tconst state = useReactive<IModal>({});\n\n\tconst mergedProps = Object.assign({}, restProps, state);\n\n\tuseImperativeHandle(ref, () => ({\n\t\tupdate: (config: IModal = {}) => {\n\t\t\tObject.assign(state, config);\n\t\t},\n\n\t\tclose: () => {\n\t\t\tstate.visible = false;\n\n\t\t\tif (mergedProps.closable) return;\n\t\t\tPromise.resolve().then(() => {\n\t\t\t\tstate.visible = true;\n\t\t\t});\n\t\t},\n\t}));\n\n\treturn <Modal {...mergedProps} />;\n};\n\nexport default HookModal;\n"],"mappings":";;;;;;AAMA,MAAM,aACL,UACI;CACJ,MAAM,EAAE,KAAK,GAAG,cAAc;CAC9B,MAAM,QAAQA,cAAAA,YAAoB,EAAE,CAAC;CAErC,MAAM,cAAc,OAAO,OAAO,EAAE,EAAE,WAAW,MAAM;AAEvD,EAAA,GAAA,MAAA,qBAAoB,YAAY;EAC/B,SAAS,SAAiB,EAAE,KAAK;AAChC,UAAO,OAAO,OAAO,OAAO;;EAG7B,aAAa;AACZ,SAAM,UAAU;AAEhB,OAAI,YAAY,SAAU;AAC1B,WAAQ,SAAS,CAAC,WAAW;AAC5B,UAAM,UAAU;KACf;;EAEH,EAAE;AAEH,QAAO,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD,EAAO,GAAI,aAAe,CAAA"}
+{"version":3,"file":"hookModal.js","sources":["../../../../packages/components/modal/hookModal.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\r\nimport { useImperativeHandle } from \"react\";\r\nimport { useReactive } from \"../../js/hooks\";\r\nimport Modal from \"./modal\";\r\nimport type { IModal, RefHookModal } from \"./type\";\r\n\r\nconst HookModal = (\r\n\tprops: IModal & { ref?: RefObject<RefHookModal | null> }\r\n) => {\r\n\tconst { ref, ...restProps } = props;\r\n\tconst state = useReactive<IModal>({});\r\n\r\n\tconst mergedProps = Object.assign({}, restProps, state);\r\n\r\n\tuseImperativeHandle(ref, () => ({\r\n\t\tupdate: (config: IModal = {}) => {\r\n\t\t\tObject.assign(state, config);\r\n\t\t},\r\n\r\n\t\tclose: () => {\r\n\t\t\tstate.visible = false;\r\n\r\n\t\t\tif (mergedProps.closable) return;\r\n\t\t\tPromise.resolve().then(() => {\r\n\t\t\t\tstate.visible = true;\r\n\t\t\t});\r\n\t\t},\r\n\t}));\r\n\r\n\treturn <Modal {...mergedProps} />;\r\n};\r\n\r\nexport default HookModal;\r\n"],"names":["useReactive","useImperativeHandle","_jsx","Modal"],"mappings":";;;;;;;;;AAMA,MAAM,SAAS,GAAG,CACjB,KAAwD,KACrD;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACnC,IAAA,MAAM,KAAK,GAAGA,iBAAW,CAAS,EAAE,CAAC;AAErC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC;AAEvD,IAAAC,yBAAmB,CAAC,GAAG,EAAE,OAAO;AAC/B,QAAA,MAAM,EAAE,CAAC,MAAA,GAAiB,EAAE,KAAI;AAC/B,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC;QAC7B,CAAC;QAED,KAAK,EAAE,MAAK;AACX,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;YAErB,IAAI,WAAW,CAAC,QAAQ;gBAAE;AAC1B,YAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAK;AAC3B,gBAAA,KAAK,CAAC,OAAO,GAAG,IAAI;AACrB,YAAA,CAAC,CAAC;QACH,CAAC;AACD,KAAA,CAAC,CAAC;AAEH,IAAA,OAAOC,cAAA,CAACC,aAAK,EAAA,EAAA,GAAK,WAAW,GAAI;AAClC;;;;"}

package/lib/cjs/components/modal/index.js

@@ -1,6 +1,10 @@
-//#region packages/components/modal/index.tsx
-var modal_default = require("./modal.js").default;
-//#endregion
-exports.default = modal_default;
+'use strict';
 
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modal = require('./modal.js');
+
+
+
+exports.default = modal.default;
+//# sourceMappingURL=index.js.map