@ioca/react 1.4.78 → 1.4.79

package/lib/cjs/components/input/number.cjs

@@ -0,0 +1,138 @@
+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/number.tsx
+const Number = (props) => {
+	const { ref, label, name, value = "", labelInline, step = 1, min = -Infinity, max = Infinity, thousand, precision, type, className, width, status = "normal", append, border, prepend, disabled, message, tip, hideControl, showMax, style, onChange, onEnter, onInput, onBlur, ...restProps } = props;
+	const [inputValue, setInputValue] = (0, react.useState)(value === void 0 || value === null ? "" : String(value));
+	const formatOut = (num) => {
+		const v = require_utils.clamp(num, min, max);
+		if (precision !== void 0) return require_utils.formatNumber(v, {
+			precision,
+			thousand
+		});
+		const s = String(v);
+		if (!thousand) return s;
+		const negative = s.startsWith("-");
+		const [integer, decimal] = (negative ? s.slice(1) : s).split(".");
+		const withThousand = integer.replace(/\B(?=(\d{3})+(?!\d))/g, thousand);
+		return decimal ? `${negative ? "-" : ""}${withThousand}.${decimal}` : `${negative ? "-" : ""}${withThousand}`;
+	};
+	const sanitizeNumberInput = (raw) => {
+		const hasMinus = raw.startsWith("-");
+		let v = raw.replace(/[^\d.]/g, "");
+		if (hasMinus) v = `-${v}`;
+		const parts = v.split(".");
+		if (parts.length > 1) v = `${parts.shift()}.${parts.join("")}`;
+		return v;
+	};
+	const formatInputValue = (v) => {
+		if (!v) return "";
+		if (typeof v === "number") return v.toString();
+		if (!thousand) return v;
+		return v.split(thousand).join("");
+	};
+	const handleChange = (e) => {
+		const { value } = e.target;
+		const v = sanitizeNumberInput(formatInputValue(value));
+		const isIntermediate = v === "" || v === "-" || v === "." || v === "-." || v.endsWith(".");
+		setInputValue(v);
+		if (isIntermediate) return;
+		const num = parseFloat(v);
+		if (globalThis.Number.isNaN(num)) return;
+		onChange?.(require_utils.clamp(num, min, max), e);
+		if (precision !== void 0) setInputValue(formatOut(num));
+	};
+	const handleOperate = (param) => {
+		const result = (parseFloat(formatInputValue(inputValue)) || 0) + param;
+		setInputValue(formatOut(result));
+		onChange?.(require_utils.clamp(result, min, max));
+	};
+	const handleMax = () => {
+		setInputValue(formatOut(max));
+		onChange?.(require_utils.clamp(max, min, max));
+	};
+	const handleBlur = (e) => {
+		onBlur?.(e);
+		const v = sanitizeNumberInput(formatInputValue(inputValue));
+		if (!v || v === "-" || v === "." || v === "-.") {
+			setInputValue("");
+			return;
+		}
+		const num = parseFloat(v);
+		if (globalThis.Number.isNaN(num)) return;
+		const numValue = require_utils.clamp(num, min, max);
+		setInputValue(formatOut(numValue));
+		onChange?.(numValue, e);
+	};
+	(0, react.useEffect)(() => {
+		setInputValue(value === void 0 || value === null ? "" : String(value));
+	}, [value]);
+	const inputProps = {
+		ref,
+		name,
+		disabled,
+		value: inputValue,
+		className: "i-input i-input-number",
+		onChange: handleChange,
+		onKeyDown: (e) => {
+			e.code === "Enter" && onEnter?.(e);
+		},
+		onInput,
+		onBlur: handleBlur,
+		...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.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 && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+					active: true,
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.MinusRound, {}),
+					onClick: () => handleOperate(-step)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", { ...inputProps }),
+				!hideControl && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+					active: true,
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.PlusRound, {}),
+					onClick: () => handleOperate(step)
+				}),
+				showMax && max && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+					active: true,
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.KeyboardDoubleArrowUpRound, {}),
+					onClick: handleMax
+				}),
+				append && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "i-input-append",
+					children: append
+				})
+			]
+		})
+	});
+};
+//#endregion
+exports.default = Number;
+
+//# sourceMappingURL=number.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number.cjs","names":[],"sources":["../../../../packages/components/input/number.tsx"],"sourcesContent":["import {\n\tKeyboardDoubleArrowUpRound,\n\tMinusRound,\n\tPlusRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseState,\n\ttype FocusEvent,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport { clamp, formatNumber } from \"../../js/utils\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport type { IInputNumber } from \"./type\";\n\nconst Number = (props: IInputNumber) => {\n\tconst {\n\t\tref,\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tlabelInline,\n\t\tstep = 1,\n\t\tmin = -Infinity,\n\t\tmax = Infinity,\n\t\tthousand,\n\t\tprecision,\n\t\ttype,\n\t\tclassName,\n\t\twidth,\n\t\tstatus = \"normal\",\n\t\tappend,\n\t\tborder,\n\t\tprepend,\n\t\tdisabled,\n\t\tmessage,\n\t\ttip,\n\t\thideControl,\n\t\tshowMax,\n\t\tstyle,\n\t\tonChange,\n\t\tonEnter,\n\t\tonInput,\n\t\tonBlur,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState<string>(\n\t\tvalue === undefined || value === null ? \"\" : String(value),\n\t);\n\n\tconst formatOut = (num: number) => {\n\t\tconst v = clamp(num, min, max);\n\t\tif (precision !== undefined)\n\t\t\treturn formatNumber(v, { precision, thousand });\n\t\tconst s = String(v);\n\t\tif (!thousand) return s;\n\t\tconst negative = s.startsWith(\"-\");\n\t\tconst body = negative ? s.slice(1) : s;\n\t\tconst [integer, decimal] = body.split(\".\");\n\t\tconst withThousand = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousand);\n\t\treturn decimal\n\t\t\t? `${negative ? \"-\" : \"\"}${withThousand}.${decimal}`\n\t\t\t: `${negative ? \"-\" : \"\"}${withThousand}`;\n\t};\n\n\tconst sanitizeNumberInput = (raw: string) => {\n\t\tconst hasMinus = raw.startsWith(\"-\");\n\t\tlet v = raw.replace(/[^\\d.]/g, \"\");\n\t\tif (hasMinus) v = `-${v}`;\n\n\t\tconst parts = v.split(\".\");\n\t\tif (parts.length > 1) {\n\t\t\tv = `${parts.shift()}.${parts.join(\"\")}`;\n\t\t}\n\n\t\treturn v;\n\t};\n\n\tconst formatInputValue = (v?: string | number) => {\n\t\tif (!v) return \"\";\n\t\tif (typeof v === \"number\") return v.toString();\n\t\tif (!thousand) return v;\n\n\t\treturn v.split(thousand).join(\"\");\n\t};\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst { value } = e.target;\n\t\tconst v = sanitizeNumberInput(formatInputValue(value));\n\t\tconst isIntermediate =\n\t\t\tv === \"\" || v === \"-\" || v === \".\" || v === \"-.\" || v.endsWith(\".\");\n\n\t\tsetInputValue(v);\n\t\tif (isIntermediate) return;\n\n\t\tconst num = parseFloat(v);\n\t\tif (globalThis.Number.isNaN(num)) return;\n\n\t\tonChange?.(clamp(num, min, max), e);\n\t\tif (precision !== undefined) setInputValue(formatOut(num));\n\t};\n\n\tconst handleOperate = (param: number) => {\n\t\tconst value = parseFloat(formatInputValue(inputValue)) || 0; // 确保值为数字，默认值为 0\n\t\tconst result = value + param;\n\t\tsetInputValue(formatOut(result));\n\t\tonChange?.(clamp(result, min, max));\n\t};\n\n\tconst handleMax = () => {\n\t\tsetInputValue(formatOut(max));\n\t\tonChange?.(clamp(max, min, max));\n\t};\n\n\tconst handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n\t\tonBlur?.(e);\n\n\t\tconst v = sanitizeNumberInput(formatInputValue(inputValue));\n\t\tif (!v || v === \"-\" || v === \".\" || v === \"-.\") {\n\t\t\tsetInputValue(\"\");\n\t\t\treturn;\n\t\t}\n\n\t\tconst num = parseFloat(v);\n\t\tif (globalThis.Number.isNaN(num)) return;\n\n\t\tconst numValue = clamp(num, min, max);\n\t\tsetInputValue(formatOut(numValue));\n\t\tonChange?.(numValue, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(\n\t\t\tvalue === undefined || value === null ? \"\" : String(value),\n\t\t);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tref,\n\t\tname,\n\t\tdisabled,\n\t\tvalue: inputValue,\n\t\tclassName: \"i-input i-input-number\",\n\t\tonChange: handleChange,\n\t\tonKeyDown: (e: KeyboardEvent<HTMLInputElement>) => {\n\t\t\te.code === \"Enter\" && onEnter?.(e);\n\t\t},\n\t\tonInput,\n\t\tonBlur: handleBlur,\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{prepend && <div className='i-input-prepend'>{prepend}</div>}\n\n\t\t\t\t{!hideControl && !disabled && (\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={() => handleOperate(-step)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<input {...inputProps} />\n\n\t\t\t\t{!hideControl && !disabled && (\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={() => handleOperate(step)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{showMax && max && !disabled && (\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon={<KeyboardDoubleArrowUpRound />}\n\t\t\t\t\t\tonClick={handleMax}\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 Number;\n"],"mappings":"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"}

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

@@ -0,0 +1,134 @@
+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

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

@@ -0,0 +1,61 @@
+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

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

@@ -0,0 +1,6 @@
+//#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

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

@@ -0,0 +1,30 @@
+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

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

@@ -0,0 +1,30 @@
+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

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

@@ -0,0 +1,6 @@
+//#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

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

@@ -0,0 +1,39 @@
+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

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

@@ -0,0 +1,6 @@
+//#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

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