@ioca/react 1.4.79 → 1.4.81

package/lib/es/components/message/message.js

@@ -1,195 +1,188 @@
-import { useReactive } from "../../js/hooks.js";
-import classNames from "classnames";
-import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
-import { isValidElement, useEffect, useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createRoot } from "/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
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useReactive } from '../../js/hooks.js';
+import classNames from 'classnames';
+import { uid } from 'radash';
+import { useRef, useEffect, isValidElement } from 'react';
+import { createRoot } from 'react-dom/client';
+
 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__ */ jsx("div", {
-		ref,
-		className: classNames("i-message", className, { "i-message-active": active }),
-		style: {
-			...style,
-			top
-		},
-		onClick,
-		children: content
-	});
+const MessageItem = function ({ ref, active, content, top, className, style, onClick, }) {
+    return (jsx("div", { ref: ref, className: classNames("i-message", className, {
+            "i-message-active": active,
+        }), style: {
+            ...style,
+            top,
+        }, onClick: onClick, children: content }));
 };
 function Messages() {
-	const ref = useRef(null);
-	const state = useReactive({
-		items: {
-			left: [],
-			center: [],
-			right: []
-		},
-		tops: {
-			left: [],
-			center: [],
-			right: []
-		}
-	});
-	const offsetTop = {
-		left: 0,
-		center: 0,
-		right: 0
-	};
-	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__ */ jsx(Fragment$1, {});
-		const { id, active, content, align = "center", className } = item;
-		offsetTop[align] += state.tops[align][i - 1] || 0;
-		return /* @__PURE__ */ jsx(MessageItem, {
-			ref,
-			active,
-			content,
-			top: GlobalConfig.gap * i + offsetTop[align],
-			className,
-			style: { alignSelf: AlignMap[align] },
-			onClick: handler.close.bind(item)
-		}, id);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "i-messages",
-		children: [
-			state.items.left.map(renderItems),
-			state.items.center.map(renderItems),
-			state.items.right.map(renderItems)
-		]
-	});
+    const ref = useRef(null);
+    const state = useReactive({
+        items: {
+            left: [],
+            center: [],
+            right: [],
+        },
+        tops: {
+            left: [],
+            center: [],
+            right: [],
+        },
+    });
+    const offsetTop = {
+        left: 0,
+        center: 0,
+        right: 0,
+    };
+    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 jsx(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 (jsx(MessageItem, { ref: ref, active: active, content: content, top: top, className: className, style: { alignSelf: AlignMap[align] }, onClick: handler.close.bind(item) }, id));
+    };
+    return (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) || isValidElement(config)) config = { content: config };
-	config = Object.assign({ id: uid(7) }, ItemDefaultConfig, config);
-	handler.callout(config);
-	return {
-		instance: config,
-		close: handler.close.bind(config)
-	};
+    if (["string", "number"].includes(typeof config) ||
+        isValidElement(config)) {
+        config = { content: config };
+    }
+    config = Object.assign({ id: 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 = createRoot(container);
-		root.render(/* @__PURE__ */ jsx(Messages, {}));
-	}
+    container = createContainer();
+    if (container) {
+        root = createRoot(container);
+        root.render(jsx(Messages, {}));
+    }
 }
-//#endregion
-export { message as default };
 
-//# sourceMappingURL=message.js.map
+export { message as default };
+//# sourceMappingURL=message.js.map

package/lib/es/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":"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"}
+{"version":3,"file":"message.js","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"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,56 +1,33 @@
-import button_default from "../button/index.js";
-import helpericon_default from "../utils/helpericon/index.js";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/modal/content.tsx
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import Button from '../button/button.js';
+import Helpericon from '../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 = 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__ */ jsxs(Fragment$1, { children: [
-			footerLeft,
-			/* @__PURE__ */ jsx(button_default, { ...propsOk }),
-			/* @__PURE__ */ jsx(button_default, { ...propsCancel })
-		] });
-	}, [
-		footer,
-		okButtonProps,
-		cancelButtonProps
-	]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		showHeader && /* @__PURE__ */ jsxs("header", {
-			className: "i-modal-header",
-			children: [title && /* @__PURE__ */ jsx("b", { children: title }), /* @__PURE__ */ jsx(helpericon_default, {
-				active: !hideCloseButton,
-				className: "i-modal-close",
-				onClick: onClose
-			})]
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "i-modal-content",
-			children
-		}),
-		/* @__PURE__ */ 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 = 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 (jsxs(Fragment, { children: [footerLeft, jsx(Button, { ...propsOk }), jsx(Button, { ...propsCancel })] }));
+    }, [footer, okButtonProps, cancelButtonProps]);
+    return (jsxs(Fragment, { children: [showHeader && (jsxs("header", { className: 'i-modal-header', children: [title && jsx("b", { children: title }), jsx(Helpericon, { active: !hideCloseButton, className: 'i-modal-close', onClick: onClose })] })), jsx("div", { className: 'i-modal-content', children: children }), jsx("footer", { className: 'i-modal-footer', children: renderFooter })] }));
 }
-//#endregion
-export { Content as default };
 
-//# sourceMappingURL=content.js.map
+export { Content as default };
+//# sourceMappingURL=content.js.map

package/lib/es/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":";;;;;;CAMA,MAAO,EACN,OACC,QACA,iBACA,YACA,eACA,mBACA,UACA,MACA,YACA;CACD,MAAI,aAAK,SAAA,CAAA;;MAGH,MAAW,QAAU,KAAA,MAAA;;;;AAQ3B,MAAK,UAAC,WAAe,KAAW,QAAG;gCAGlC;GACC,UAAA;GACC,SAAS;GACT,EACD,cACA;EACD,MAAC,cAAA,OAAA,OACD;GACC,WAAA;GACC,UAAU;GACV,SAAS;GACT,EACD,kBACA;SAGD,qBAAA,YAAA,EAAA,UAAA;GACE;GACA,oBAAC,gBAAD,EAAC,GAAU,SAAA,CAAA;GACX,oBAAC,gBAAD,EAAQ,GAAI,aAAU,CAAA;GACrB,EAAA,CAAA;IAEF;EAAA;EAAA;EAAA;EAAA,CAAA;QAGF,qBAAA,YAAA,EAAA,UAAA;EACE,cACC,qBAAA,UAAA;GAAA,WAAc;aAAd,CACC,SAAO,oBAAA,KAAA,EAAA,UAAA,OAAa,CAAA,EAAA,oBAAA,oBAAA;IAGnB,QAAA,CAAA;IACA,WAAS;IACT,SAAS;IACT,CAAA,CACA;;;;;;;;;;EAMF,EAAA,CAAA"}
+{"version":3,"file":"content.js","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"],"names":["_jsxs","_Fragment","_jsx"],"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,GAAG,OAAO,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,QACCA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACE,UAAU,EACXC,GAAA,CAAC,MAAM,EAAA,EAAA,GAAK,OAAO,EAAA,CAAI,EACvBA,IAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAA,CAAI,CAAA,EAAA,CACzB;IAEL,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAE9C,QACCF,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACE,UAAU,KACVD,iBAAQ,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAChC,KAAK,IAAIE,qBAAI,KAAK,EAAA,CAAK,EAExBA,GAAA,CAAC,UAAU,EAAA,EACV,MAAM,EAAE,CAAC,eAAe,EACxB,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,OAAO,EAAA,CACf,CAAA,EAAA,CACM,CACT,EAEDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EAEjDA,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,gBAAgB,YAAE,YAAY,EAAA,CAAU,CAAA,EAAA,CACxD;AAEL;;;;"}

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

@@ -1,7 +1,6 @@
-import { createContext } from "react";
-//#region packages/components/modal/context.ts
+import { createContext } from 'react';
+
 const ModalContext = createContext(false);
-//#endregion
-export { ModalContext as default };
 
-//# sourceMappingURL=context.js.map
+export { ModalContext as default };
+//# sourceMappingURL=context.js.map

package/lib/es/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,eAAe,cAAc,MAAM"}
+{"version":3,"file":"context.js","sources":["../../../../packages/components/modal/context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nconst ModalContext = createContext(false);\n\nexport default ModalContext;\n"],"names":[],"mappings":";;AAEA,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK;;;;"}

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

@@ -1,27 +1,27 @@
-import { useReactive } from "../../js/hooks.js";
-import Modal from "./modal.js";
-import { useImperativeHandle } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/modal/hookModal.tsx
+import { jsx } from 'react/jsx-runtime';
+import { useImperativeHandle } from 'react';
+import { useReactive } from '../../js/hooks.js';
+import Modal from './modal.js';
+
 const HookModal = (props) => {
-	const { ref, ...restProps } = props;
-	const state = useReactive({});
-	const mergedProps = Object.assign({}, restProps, state);
-	useImperativeHandle(ref, () => ({
-		update: (config = {}) => {
-			Object.assign(state, config);
-		},
-		close: () => {
-			state.visible = false;
-			if (mergedProps.closable) return;
-			Promise.resolve().then(() => {
-				state.visible = true;
-			});
-		}
-	}));
-	return /* @__PURE__ */ jsx(Modal, { ...mergedProps });
+    const { ref, ...restProps } = props;
+    const state = useReactive({});
+    const mergedProps = Object.assign({}, restProps, state);
+    useImperativeHandle(ref, () => ({
+        update: (config = {}) => {
+            Object.assign(state, config);
+        },
+        close: () => {
+            state.visible = false;
+            if (mergedProps.closable)
+                return;
+            Promise.resolve().then(() => {
+                state.visible = true;
+            });
+        },
+    }));
+    return jsx(Modal, { ...mergedProps });
 };
-//#endregion
-export { HookModal as default };
 
-//# sourceMappingURL=hookModal.js.map
+export { HookModal as default };
+//# sourceMappingURL=hookModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hookModal.js","names":[],"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,QAAQ,YAAoB,EAAE,CAAC;CAErC,MAAM,cAAc,OAAO,OAAO,EAAE,EAAE,WAAW,MAAM;AAEvD,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,oBAAC,OAAD,EAAO,GAAI,aAAe,CAAA"}
+{"version":3,"file":"hookModal.js","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"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,CACjB,KAAwD,KACrD;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACnC,IAAA,MAAM,KAAK,GAAG,WAAW,CAAS,EAAE,CAAC;AAErC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC;AAEvD,IAAA,mBAAmB,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,OAAOA,GAAA,CAAC,KAAK,EAAA,EAAA,GAAK,WAAW,GAAI;AAClC;;;;"}

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

@@ -1,7 +1,6 @@
-import Modal from "./modal.js";
-//#region packages/components/modal/index.tsx
-var modal_default = Modal;
-//#endregion
-export { modal_default as default };
+import Modal from './modal.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Modal as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/modal/index.tsx"],"sourcesContent":["import Modal from \"./modal\";\n\nexport default Modal;\n"],"mappings":";;AAEA,IAAA,gBAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}