@ioca/react 1.4.79 → 1.4.81

package/lib/cjs/components/input/range.cjs

@@ -1,134 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_index = require("../utils/helpericon/index.cjs");
-const require_container = require("./container.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/input/range.tsx
-const Range = (props) => {
-	const { label, name, value, labelInline, min = -Infinity, max = Infinity, type, className, status = "normal", message, tip, append, prepend, step = 1, width, thousand, precision, hideControl, placeholder, border, autoSwitch, onChange, onBlur, style, ...restProps } = props;
-	const [rangeValue, setRangeValue] = (0, react.useState)(value);
-	const getRangeNumber = (v) => require_utils.clamp(v, min, max);
-	const getFormatNumber = (v) => require_utils.formatNumber(v, {
-		precision,
-		thousand
-	});
-	const formatInputValue = (v) => {
-		if (!v) return "";
-		if (typeof v === "number" || !thousand) return v;
-		return v.replaceAll(thousand, "");
-	};
-	const handleChange = (e, i) => {
-		const { value } = e.target;
-		const v = formatInputValue(value.replace(/[^\d\.-]/g, ""));
-		const range = Array.isArray(rangeValue) ? [...rangeValue] : [];
-		range[i] = v;
-		setRangeValue(range);
-		onChange?.(range, e);
-	};
-	const handleOperate = (e, param, i) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const range = Array.isArray(rangeValue) ? [...rangeValue] : [];
-		range[i] = getFormatNumber(getRangeNumber(+(formatInputValue(range[i]) ?? 0) + param));
-		setRangeValue(range);
-		onChange?.(range, e);
-	};
-	const handleSwitch = (e) => {
-		e?.preventDefault();
-		e?.stopPropagation();
-		const range = Array.isArray(rangeValue) ? [...rangeValue] : [];
-		[range[0], range[1]] = [range[1], range[0]];
-		setRangeValue(range);
-		onChange?.(range);
-	};
-	(0, react.useEffect)(() => {
-		setRangeValue(value);
-	}, [value]);
-	const inputProps = {
-		name,
-		className: "i-input i-input-number",
-		...restProps
-	};
-	const handleBlur = () => {
-		if (!autoSwitch) return;
-		const range = Array.isArray(rangeValue) ? rangeValue : [];
-		if (range.length < 2) return;
-		const [left, right] = range.map(Number);
-		if (left > right) handleSwitch();
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_container.default, {
-		label,
-		labelInline,
-		className,
-		style: {
-			width,
-			...style
-		},
-		tip: message ?? tip,
-		status,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, classnames.default)("i-input-item", {
-				[`i-input-${status}`]: status !== "normal",
-				"i-input-borderless": !border
-			}),
-			children: [
-				prepend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-input-prepend",
-					children: prepend
-				}),
-				!hideControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-					active: true,
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.MinusRound, {}),
-					onClick: (e) => handleOperate(e, -step, 0)
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					value: rangeValue?.[0] || "",
-					placeholder: placeholder?.[0],
-					...inputProps,
-					onBlur: handleBlur,
-					onChange: (e) => handleChange(e, 0)
-				}),
-				!hideControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-					active: true,
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.PlusRound, {}),
-					onClick: (e) => handleOperate(e, step, 0)
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-					active: true,
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.SyncAltRound, {}),
-					style: { margin: 0 },
-					onClick: handleSwitch
-				}),
-				!hideControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-					active: true,
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.MinusRound, {}),
-					onClick: (e) => handleOperate(e, -step, 1)
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					value: rangeValue?.[1] || "",
-					placeholder: placeholder?.[1],
-					...inputProps,
-					onBlur: handleBlur,
-					onChange: (e) => handleChange(e, 1)
-				}),
-				!hideControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-					active: true,
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.PlusRound, {}),
-					onClick: (e) => handleOperate(e, step, 1)
-				}),
-				append && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-input-append",
-					children: append
-				})
-			]
-		})
-	});
-};
-//#endregion
-exports.default = Range;
-
-//# sourceMappingURL=range.cjs.map

package/lib/cjs/components/input/range.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"range.cjs","names":[],"sources":["../../../../packages/components/input/range.tsx"],"sourcesContent":["import { MinusRound, PlusRound, SyncAltRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { ChangeEvent, MouseEvent, useEffect, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { clamp, formatNumber } from \"../../js/utils\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport type { IInputRange } from \"./type\";\n\nconst Range = (props: IInputRange) => {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\tvalue,\n\t\tlabelInline,\n\t\tmin = -Infinity,\n\t\tmax = Infinity,\n\t\ttype,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tappend,\n\t\tprepend,\n\t\tstep = 1,\n\t\twidth,\n\t\tthousand,\n\t\tprecision,\n\t\thideControl,\n\t\tplaceholder,\n\t\tborder,\n\t\tautoSwitch,\n\t\tonChange,\n\t\tonBlur,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst [rangeValue, setRangeValue] = useState(value);\n\n\tconst getRangeNumber = (v: number) => clamp(v, min, max);\n\n\tconst getFormatNumber = (v: number) =>\n\t\tformatNumber(v, { precision, thousand });\n\n\tconst formatInputValue = (v?: string | number) => {\n\t\tif (!v) return \"\";\n\t\tif (typeof v === \"number\" || !thousand) return v;\n\n\t\treturn v.replaceAll(thousand, \"\");\n\t};\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>, i: number) => {\n\t\tconst { value } = e.target;\n\t\tconst v = formatInputValue(value.replace(/[^\\d\\.-]/g, \"\"));\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\n\t\trange[i] = v;\n\t\tsetRangeValue(range);\n\t\tonChange?.(range, e);\n\t};\n\n\tconst handleOperate = (\n\t\te: MouseEvent<Element>,\n\t\tparam: number,\n\t\ti: number\n\t) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\t\tconst value = formatInputValue(range[i]) ?? 0;\n\t\tconst result = getRangeNumber(+value + param);\n\n\t\trange[i] = getFormatNumber(result);\n\n\t\tsetRangeValue(range);\n\t\tonChange?.(range, e);\n\t};\n\n\tconst handleSwitch = (e?: MouseEvent) => {\n\t\te?.preventDefault();\n\t\te?.stopPropagation();\n\t\tconst range = Array.isArray(rangeValue) ? [...rangeValue] : [];\n\t\t[range[0], range[1]] = [range[1], range[0]];\n\n\t\tsetRangeValue(range);\n\t\tonChange?.(range);\n\t};\n\n\tuseEffect(() => {\n\t\tsetRangeValue(value);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tname,\n\t\tclassName: \"i-input i-input-number\",\n\t\t...restProps,\n\t};\n\n\tconst handleBlur = () => {\n\t\tif (!autoSwitch) return;\n\t\tconst range = Array.isArray(rangeValue) ? rangeValue : [];\n\n\t\tif (range.length < 2) return;\n\n\t\tconst [left, right] = range.map(Number);\n\t\tif (left > right) {\n\t\t\thandleSwitch();\n\t\t}\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, -step, 0)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\tvalue={rangeValue?.[0] || \"\"}\n\t\t\t\t\tplaceholder={placeholder?.[0]}\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonChange={(e) => handleChange(e, 0)}\n\t\t\t\t/>\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, step, 0)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive\n\t\t\t\t\ticon={<SyncAltRound />}\n\t\t\t\t\tstyle={{ margin: 0 }}\n\t\t\t\t\tonClick={handleSwitch}\n\t\t\t\t/>\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<MinusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, -step, 1)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\tvalue={rangeValue?.[1] || \"\"}\n\t\t\t\t\tplaceholder={placeholder?.[1]}\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonChange={(e) => handleChange(e, 1)}\n\t\t\t\t/>\n\n\t\t\t\t{!hideControl && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<PlusRound />}\n\t\t\t\t\t\tonClick={(e) => handleOperate(e, step, 1)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{append && <div className='i-input-append'>{append}</div>}\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Range;\n"],"mappings":"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"}

package/lib/cjs/components/input/textarea.cjs

@@ -1,61 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_container = require("./container.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/input/textarea.tsx
-const Textarea = (props) => {
-	const { ref, label, name, value = "", labelInline, className, status = "normal", message, tip, autoSize, border, width, style, onChange, onEnter, ...restProps } = props;
-	const [textareaValue, setTextareaValue] = (0, react.useState)(value);
-	const refTextarea = (0, react.useRef)(null);
-	const handleChange = (e) => {
-		const v = e.target.value;
-		setTextareaValue(v);
-		const ta = refTextarea.current;
-		if (autoSize && ta) ta.style.height = `${ta.scrollHeight}px`;
-		onChange?.(v, e);
-	};
-	const handleKeydown = (e) => {
-		if (e.code !== "Enter") return;
-		e.stopPropagation();
-		onEnter?.(e);
-	};
-	(0, react.useEffect)(() => {
-		setTextareaValue(value);
-	}, [value]);
-	(0, react.useImperativeHandle)(ref, () => {
-		return { input: refTextarea.current };
-	});
-	const inputProps = {
-		ref: refTextarea,
-		name,
-		value: textareaValue,
-		className: "i-input i-textarea",
-		onChange: handleChange,
-		onKeyDown: handleKeydown,
-		...restProps
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_container.default, {
-		label,
-		labelInline,
-		className,
-		style: {
-			width,
-			...style
-		},
-		tip: message ?? tip,
-		status,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, classnames.default)("i-input-item", {
-				[`i-input-${status}`]: status !== "normal",
-				"i-input-borderless": !border
-			}),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", { ...inputProps })
-		})
-	});
-};
-//#endregion
-exports.default = Textarea;
-
-//# sourceMappingURL=textarea.cjs.map

package/lib/cjs/components/input/textarea.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.cjs","names":[],"sources":["../../../../packages/components/input/textarea.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport InputContainer from \"./container\";\nimport type { ITextarea } from \"./type\";\n\nconst Textarea = (props: ITextarea) => {\n\tconst {\n\t\tref,\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tlabelInline,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tautoSize,\n\t\tborder,\n\t\twidth,\n\t\tstyle,\n\t\tonChange,\n\t\tonEnter,\n\t\t...restProps\n\t} = props;\n\n\tconst [textareaValue, setTextareaValue] = useState(value);\n\tconst refTextarea = useRef<HTMLTextAreaElement>(null);\n\n\tconst handleChange = (\n\t\te: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n\t) => {\n\t\tconst v = e.target.value;\n\n\t\tsetTextareaValue(v);\n\n\t\tconst ta = refTextarea.current as HTMLElement;\n\t\tif (autoSize && ta) {\n\t\t\tta.style.height = `${ta.scrollHeight}px`;\n\t\t}\n\n\t\tonChange?.(v, e);\n\t};\n\n\tconst handleKeydown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n\t\tif (e.code !== \"Enter\") return;\n\n\t\te.stopPropagation();\n\t\tonEnter?.(e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetTextareaValue(value);\n\t}, [value]);\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tinput: refTextarea.current,\n\t\t};\n\t});\n\n\tconst inputProps = {\n\t\tref: refTextarea,\n\t\tname,\n\t\tvalue: textareaValue,\n\t\tclassName: \"i-input i-textarea\",\n\t\tonChange: handleChange,\n\t\tonKeyDown: handleKeydown,\n\t\t...restProps,\n\t};\n\n\treturn (\n\t\t<InputContainer\n\t\t\tlabel={label}\n\t\t\tlabelInline={labelInline}\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, ...style }}\n\t\t\ttip={message ?? tip}\n\t\t\tstatus={status}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<textarea {...inputProps} />\n\t\t\t</div>\n\t\t</InputContainer>\n\t);\n};\n\nexport default Textarea;\n"],"mappings":";;;;;;;;CAaA,MAAM,EACL,KACC,OACA,MACA,QAAI,IACJ,aACA,WACA,SAAS,UACT,SACA,KACA,UACA,QACA,OACA,OACA,UACA,SACA,GAAA,cACG;;CAGJ,MAAM,eAAA,GAAA,MAAA,QAAoC,KAAS;uBAGnD,MACI;EACH,MAAI,IAAA,EAAA,OAAA;;;AAKJ,MAAA,YAAW,GACX,IAAI,MAAA,SAAe,GAAC,GAAA,aAAA;;;;AAOrB,MAAK,EAAC,SAAA,QAAmB;;AAGxB,YAAE,EAAA;;;AAIH,mBAAgB,MAAA;IACf,CAAA,MAAA,CAAA;;AAGD,SAAA,EACC,OAAO,YAAA,SACN;GACA;;EAGF,KAAM;EACL;EACA,OAAI;EACJ,WAAO;EACP,UAAU;EACV,WAAU;EACV,GAAA;EACA;QAGD,iBAAA,GAAA,kBAAA,KAAA,kBAAA,SAAA;EACE;EACY;EACD;EACX,OAAA;GAAS;GAAE,GAAA;GAAS;EACpB,KAAK,WAAW;EACX;YAEN,iBAAA,GAAA,kBAAA,KAAA,OAAA;GACE,YAAA,GAAA,WAAA,SAAA,gBAAA;KACA,WAAW,WAAa,WAAW;IAClC,sBAAsB,CAAC;IACvB,CAAC;aAEH,iBAAA,GAAA,kBAAA,KAAA,YAAA,EAAA,GAAA,YAAA,CAAA;GACE,CAAA;EACG,CAAA"}

package/lib/cjs/components/list/index.cjs

@@ -1,6 +0,0 @@
-//#region packages/components/list/index.tsx
-var list_default = require("./list.cjs").default;
-//#endregion
-exports.default = list_default;
-
-//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/list/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["List"],"sources":["../../../../packages/components/list/index.tsx"],"sourcesContent":["import List from \"./list\";\n\nexport default List;\n"],"mappings":";AAEA,IAAA,qCAAeA"}

package/lib/cjs/components/list/item.cjs

@@ -1,30 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/list/item.tsx
-const Item = (props) => {
-	const { ref, active, type, align, disabled, label, style, border, className, children, ...restProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		ref,
-		className: (0, classnames.default)("i-list-item", className, {
-			"i-list-item-active": active,
-			"i-list-option": type === "option",
-			"i-list-item-bordered": border,
-			disabled
-		}),
-		style: {
-			alignItems: align,
-			...style
-		},
-		...restProps,
-		children: [label !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "i-list-item-label",
-			children: label
-		}), children]
-	});
-};
-//#endregion
-exports.default = Item;
-
-//# sourceMappingURL=item.cjs.map

package/lib/cjs/components/list/item.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.cjs","names":[],"sources":["../../../../packages/components/list/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { IListItem } from \"./type\";\n\nconst Item = (props: IListItem) => {\n\tconst {\n\t\tref,\n\t\tactive,\n\t\ttype,\n\t\talign,\n\t\tdisabled,\n\t\tlabel,\n\t\tstyle,\n\t\tborder,\n\t\tclassName,\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<li\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-list-item\", className, {\n\t\t\t\t\"i-list-item-active\": active,\n\t\t\t\t\"i-list-option\": type === \"option\",\n\t\t\t\t\"i-list-item-bordered\": border,\n\t\t\t\tdisabled,\n\t\t\t})}\n\t\t\tstyle={{ alignItems: align, ...style }}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{label !== undefined && (\n\t\t\t\t<span className='i-list-item-label'>{label}</span>\n\t\t\t)}\n\t\t\t{children}\n\t\t</li>\n\t);\n};\n\nexport default Item;\n"],"mappings":";;;;;AAGA,MAAM,QAAQ,UAAqB;CAClC,MAAM,EACL,KACA,QACA,MACA,OACA,UACA,OACA,OACA,QACA,WACA,UACA,GAAG,cACA;AAEJ,QACC,iBAAA,GAAA,kBAAA,MAAC,MAAD;EACM;EACL,YAAA,GAAA,WAAA,SAAsB,eAAe,WAAW;GAC/C,sBAAsB;GACtB,iBAAiB,SAAS;GAC1B,wBAAwB;GACxB;GACA,CAAC;EACF,OAAO;GAAE,YAAY;GAAO,GAAG;GAAO;EACtC,GAAI;YATL,CAWE,UAAU,KAAA,KACV,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAqB;GAAa,CAAA,EAElD,SACG"}

package/lib/cjs/components/list/list.cjs

@@ -1,30 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_item = require("./item.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/list/list.tsx
-const List = (props) => {
-	const { label, type, border, className, children, ...restProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-		className: (0, classnames.default)("i-list", className),
-		...restProps,
-		children: react.Children.map(children, (node, i) => {
-			const renderLabel = typeof label === "function" ? label(i) : label;
-			const { type, props: nodeProps } = node;
-			if (type === require_item.default) return (0, react.cloneElement)(node, {
-				label: renderLabel,
-				...nodeProps,
-				type: props.type,
-				border
-			});
-			return node;
-		})
-	});
-};
-List.Item = require_item.default;
-//#endregion
-exports.default = List;
-
-//# sourceMappingURL=list.cjs.map

package/lib/cjs/components/list/list.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.cjs","names":[],"sources":["../../../../packages/components/list/list.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, cloneElement } from \"react\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IList } from \"./type\";\n\nconst List = (props: IList) => {\n\tconst { label, type, border, className, children, ...restProps } = props;\n\n\treturn (\n\t\t<ul className={classNames(\"i-list\", className)} {...restProps}>\n\t\t\t{Children.map(children, (node: any, i) => {\n\t\t\t\tconst renderLabel =\n\t\t\t\t\ttypeof label === \"function\" ? label(i) : label;\n\n\t\t\t\tconst { type, props: nodeProps } = node;\n\n\t\t\t\tif (type === Item) {\n\t\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\t\tlabel: renderLabel,\n\t\t\t\t\t\t...nodeProps,\n\t\t\t\t\t\ttype: props.type,\n\t\t\t\t\t\tborder,\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn node;\n\t\t\t})}\n\t\t</ul>\n\t);\n};\n\nList.Item = Item;\n\nexport default List;\n"],"mappings":";;;;;;;;CAMA,MAAM,EAAA,OAAQ,MAAO,QAAS,WAAC,UAAA,GAAA,cAAA;QAG9B,iBAAA,GAAA,kBAAA,KAAA,MAAA;EAAA,YAAA,GAAA,WAAA,SAAO,UAAA,UAAA;EAAA,GAAA;YACL,MAAA,SAAG,IAAW,WAAW,MAAU,MAAA;GAClC,MAAA,cACA,OAAM,UAAY,aAAA,MAAA,EAAA,GAAA;;qCAKlB,SAAA,GAAA,MAAA,cAAmB,MAAA;IAClB,OAAO;IACN,GAAA;IACA,MAAG,MAAS;IACZ;IACA,CAAA;;IAIF;EACC,CAAA"}

package/lib/cjs/components/loading/index.cjs

@@ -1,6 +0,0 @@
-//#region packages/components/loading/index.tsx
-var loading_default = require("./loading.cjs").default;
-//#endregion
-exports.default = loading_default;
-
-//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/loading/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Loading"],"sources":["../../../../packages/components/loading/index.tsx"],"sourcesContent":["import Loading from \"./loading\";\n\nexport default Loading;\n"],"mappings":";AAEA,IAAA,2CAAeA"}

package/lib/cjs/components/loading/loading.cjs

@@ -1,39 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/loading/loading.tsx
-const Loading = (props) => {
-	const { icon, text, size, absolute, style, className, ...restProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)("i-loading-container", { absolute }, className),
-		style: {
-			...style,
-			inset: absolute ? 0 : "unset"
-		},
-		...restProps,
-		children: [icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "24",
-			height: "24",
-			stroke: "#000",
-			viewBox: "0 0 24 24",
-			xmlns: "http://www.w3.org/2000/svg",
-			className: "i-loading-icon",
-			style: { fontSize: size },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-				cx: "12",
-				cy: "12",
-				r: "9.5",
-				fill: "none",
-				strokeWidth: "3",
-				strokeLinecap: "round",
-				strokeDasharray: 40,
-				strokeDashoffset: 0
-			})
-		}), text]
-	});
-};
-//#endregion
-exports.default = Loading;
-
-//# sourceMappingURL=loading.cjs.map

package/lib/cjs/components/loading/loading.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading.cjs","names":[],"sources":["../../../../packages/components/loading/loading.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport { ILoading } from \"./type\";\n\nconst Loading = (props: ILoading) => {\n\tconst { icon, text, size, absolute, style, className, ...restProps } =\n\t\tprops;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-loading-container\",\n\t\t\t\t{\n\t\t\t\t\tabsolute,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tinset: absolute ? 0 : \"unset\",\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{icon ?? (\n\t\t\t\t<svg\n\t\t\t\t\twidth='24'\n\t\t\t\t\theight='24'\n\t\t\t\t\tstroke='#000'\n\t\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\t\tclassName='i-loading-icon'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontSize: size,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='12'\n\t\t\t\t\t\tcy='12'\n\t\t\t\t\t\tr='9.5'\n\t\t\t\t\t\tfill='none'\n\t\t\t\t\t\tstrokeWidth='3'\n\t\t\t\t\t\tstrokeLinecap='round'\n\t\t\t\t\t\tstrokeDasharray={40}\n\t\t\t\t\t\tstrokeDashoffset={0}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\n\t\t\t{text}\n\t\t</div>\n\t);\n};\n\nexport default Loading;\n"],"mappings":";;;;;;CAIA,MAAM,EAAA,MAAS,MAAE,MAAO,UAAa,OAAA,WAAA,GAAA,cACpC;QAGA,iBAAA,GAAA,kBAAA,MAAA,OAAA;EACE,YAAA,GAAA,WAAA,SACA,uBACC,EACA,UACC,EACD,UACA;EACD,OAAC;GACD,GAAA;GACC,OAAG,WAAK,IAAA;GACR;EACD,GAAC;YAZH,CAcC,QACE,iBAAA,GAAA,kBAAA,KAAA,OAAA;GACC,OAAA;GACA,QAAO;GACP,QAAO;GACP,SAAQ;GACR,OAAA;GACA,WAAO;GACP,OAAA,EACA,UAAO,MACN;aAEF,iBAAA,GAAA,kBAAA,KAAA,UAAA;IACE,IAAA;IACA,IAAG;IACH,GAAE;IACF,MAAK;IACL,aAAU;IACV,eAAc;IACd,iBAAe;IACf,kBAAiB;IACjB,CAAA;GACA,CAAA,EAAA,KAIE"}

package/lib/cjs/components/message/index.cjs

@@ -1,6 +0,0 @@
-//#region packages/components/message/index.tsx
-var message_default = require("./message.cjs").default;
-//#endregion
-exports.default = message_default;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Message"],"sources":["../../../../packages/components/message/index.tsx"],"sourcesContent":["import Message from \"./message\";\n\nexport default Message;\n"],"mappings":";AAEA,IAAA,2CAAeA"}

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

@@ -1,197 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-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
-const AlignMap = {
-	left: "flex-start",
-	center: "center",
-	right: "flex-end"
-};
-const GlobalConfig = {
-	align: "center",
-	offset: "12px",
-	gap: 12
-};
-const ItemDefaultConfig = {
-	duration: 3e3,
-	closable: true,
-	active: false
-};
-const handler = {
-	oneInstance: null,
-	callout(item) {},
-	close() {}
-};
-const queue = {
-	left: [],
-	center: [],
-	right: []
-};
-const heights = {
-	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
-	});
-};
-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)
-		]
-	});
-}
-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)
-	};
-}
-function createContainer() {
-	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"
-	});
-};
-message.success = (content) => {
-	return message({
-		content,
-		className: "bg-success"
-	});
-};
-message.warning = (content) => {
-	return message({
-		content,
-		className: "bg-warning"
-	});
-};
-message.info = (content) => {
-	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;
-	}
-};
-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, {}));
-	}
-}
-//#endregion
-exports.default = message;
-
-//# sourceMappingURL=message.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"message.cjs","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/cjs/components/modal/content.cjs

@@ -1,57 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../button/index.cjs");
-const require_index$1 = require("../utils/helpericon/index.cjs");
-let react = require("react");
-let react_jsx_runtime = require("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 () => {
-		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
-		})
-	] });
-}
-//#endregion
-exports.default = Content;
-
-//# sourceMappingURL=content.cjs.map