@ioca/react 1.4.76 → 1.4.77

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

@@ -1,188 +1,195 @@
-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';
-
+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
 const AlignMap = {
-    left: "flex-start",
-    center: "center",
-    right: "flex-end",
+	left: "flex-start",
+	center: "center",
+	right: "flex-end"
 };
 const GlobalConfig = {
-    gap: 12,
+	align: "center",
+	offset: "12px",
+	gap: 12
 };
 const ItemDefaultConfig = {
-    duration: 3000,
-    closable: true,
-    active: false,
+	duration: 3e3,
+	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 (jsx("div", { ref: ref, className: classNames("i-message", className, {
-            "i-message-active": active,
-        }), style: {
-            ...style,
-            top,
-        }, onClick: onClick, children: content }));
+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
+	});
 };
 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 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)] }));
+	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)
+		]
+	});
 }
 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(jsx(Messages, {}));
-    }
+	container = createContainer();
+	if (container) {
+		root = createRoot(container);
+		root.render(/* @__PURE__ */ jsx(Messages, {}));
+	}
 }
-
+//#endregion
 export { message as default };
-//# sourceMappingURL=message.js.map
+
+//# sourceMappingURL=message.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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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"}

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

@@ -1,33 +1,56 @@
-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';
-
+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
 function Content(props) {
-    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 })] }));
+	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
+		})
+	] });
 }
-
+//#endregion
 export { Content as default };
-//# sourceMappingURL=content.js.map
+
+//# sourceMappingURL=content.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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":";;;;;AAMA,SAAwB,QAAQ,OAAsB;CACrD,MAAM,EACL,OACA,QACA,iBACA,YACA,eACA,mBACA,UACA,MACA,YACG;CACJ,MAAM,aAAa,SAAS,CAAC;CAE7B,MAAM,WAAW,YAAY;AAG5B,MAFY,MAAM,QAAQ,KAEd,MAAO;AAEnB,aAAW;;CAGZ,MAAM,eAAe,cAAc;AAClC,MAAI,UAAU,WAAW,KAAM,QAAO;EAEtC,MAAM,UAAU,OAAO,OACtB;GACC,UAAU;GACV,SAAS;GACT,EACD,cACA;EACD,MAAM,cAAc,OAAO,OAC1B;GACC,WAAW;GACX,UAAU;GACV,SAAS;GACT,EACD,kBACA;AAED,SACC,qBAAA,YAAA,EAAA,UAAA;GACE;GACD,oBAAC,gBAAD,EAAQ,GAAI,SAAU,CAAA;GACtB,oBAAC,gBAAD,EAAQ,GAAI,aAAc,CAAA;GACzB,EAAA,CAAA;IAED;EAAC;EAAQ;EAAe;EAAkB,CAAC;AAE9C,QACC,qBAAA,YAAA,EAAA,UAAA;EACE,cACA,qBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,SAAS,oBAAC,KAAD,EAAA,UAAI,OAAU,CAAA,EAExB,oBAAC,oBAAD;IACC,QAAQ,CAAC;IACT,WAAU;IACV,SAAS;IACT,CAAA,CACM;;EAGT,oBAAC,OAAD;GAAK,WAAU;GAAmB;GAAc,CAAA;EAEhD,oBAAC,UAAD;GAAQ,WAAU;aAAkB;GAAqB,CAAA;EACxD,EAAA,CAAA"}

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

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

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

@@ -1,27 +1,27 @@
-import { jsx } from 'react/jsx-runtime';
-import { useImperativeHandle } from 'react';
-import { useReactive } from '../../js/hooks.js';
-import Modal from './modal.js';
-
+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
 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 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 /* @__PURE__ */ jsx(Modal, { ...mergedProps });
 };
-
+//#endregion
 export { HookModal as default };
-//# sourceMappingURL=hookModal.js.map
+
+//# sourceMappingURL=hookModal.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"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"}