@ioca/react 1.4.76 → 1.4.77

package/lib/es/components/input/number.js

@@ -1,109 +1,136 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { MinusRound, PlusRound, KeyboardDoubleArrowUpRound } from '@ricons/material';
-import classNames from 'classnames';
-import { useState, useEffect } from 'react';
-import { clamp, formatNumber } from '../../js/utils.js';
-import Helpericon from '../utils/helpericon/helpericon.js';
-import InputContainer from './container.js';
-
+import { clamp, formatNumber } from "../../js/utils.js";
+import helpericon_default from "../utils/helpericon/index.js";
+import InputContainer from "./container.js";
+import classNames from "classnames";
+import { useEffect, useState } from "react";
+import { KeyboardDoubleArrowUpRound, MinusRound, PlusRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { jsx, jsxs } from "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] = useState(value === undefined || value === null ? "" : String(value));
-    const formatOut = (num) => {
-        const v = clamp(num, min, max);
-        if (precision !== undefined)
-            return formatNumber(v, { precision, thousand });
-        const s = String(v);
-        if (!thousand)
-            return s;
-        const negative = s.startsWith("-");
-        const body = negative ? s.slice(1) : s;
-        const [integer, decimal] = body.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?.(clamp(num, min, max), e);
-        if (precision !== undefined)
-            setInputValue(formatOut(num));
-    };
-    const handleOperate = (param) => {
-        const value = parseFloat(formatInputValue(inputValue)) || 0; // 确保值为数字，默认值为 0
-        const result = value + param;
-        setInputValue(formatOut(result));
-        onChange?.(clamp(result, min, max));
-    };
-    const handleMax = () => {
-        setInputValue(formatOut(max));
-        onChange?.(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 = clamp(num, min, max);
-        setInputValue(formatOut(numValue));
-        onChange?.(numValue, e);
-    };
-    useEffect(() => {
-        setInputValue(value === undefined || 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 (jsx(InputContainer, { label: label, labelInline: labelInline, className: className, style: { width, ...style }, tip: message ?? tip, status: status, children: jsxs("div", { className: classNames("i-input-item", {
-                [`i-input-${status}`]: status !== "normal",
-                "i-input-borderless": !border,
-            }), children: [prepend && jsx("div", { className: 'i-input-prepend', children: prepend }), !hideControl && !disabled && (jsx(Helpericon, { active: true, icon: jsx(MinusRound, {}), onClick: () => handleOperate(-step) })), jsx("input", { ...inputProps }), !hideControl && !disabled && (jsx(Helpericon, { active: true, icon: jsx(PlusRound, {}), onClick: () => handleOperate(step) })), showMax && max && !disabled && (jsx(Helpericon, { active: true, icon: jsx(KeyboardDoubleArrowUpRound, {}), onClick: handleMax })), append && jsx("div", { className: 'i-input-append', children: append })] }) }));
+	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] = useState(value === void 0 || value === null ? "" : String(value));
+	const formatOut = (num) => {
+		const v = clamp(num, min, max);
+		if (precision !== void 0) return 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?.(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?.(clamp(result, min, max));
+	};
+	const handleMax = () => {
+		setInputValue(formatOut(max));
+		onChange?.(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 = clamp(num, min, max);
+		setInputValue(formatOut(numValue));
+		onChange?.(numValue, e);
+	};
+	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__ */ jsx(InputContainer, {
+		label,
+		labelInline,
+		className,
+		style: {
+			width,
+			...style
+		},
+		tip: message ?? tip,
+		status,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: classNames("i-input-item", {
+				[`i-input-${status}`]: status !== "normal",
+				"i-input-borderless": !border
+			}),
+			children: [
+				prepend && /* @__PURE__ */ jsx("div", {
+					className: "i-input-prepend",
+					children: prepend
+				}),
+				!hideControl && !disabled && /* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(MinusRound, {}),
+					onClick: () => handleOperate(-step)
+				}),
+				/* @__PURE__ */ jsx("input", { ...inputProps }),
+				!hideControl && !disabled && /* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(PlusRound, {}),
+					onClick: () => handleOperate(step)
+				}),
+				showMax && max && !disabled && /* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(KeyboardDoubleArrowUpRound, {}),
+					onClick: handleMax
+				}),
+				append && /* @__PURE__ */ jsx("div", {
+					className: "i-input-append",
+					children: append
+				})
+			]
+		})
+	});
 };
-
+//#endregion
 export { Number as default };
-//# sourceMappingURL=number.js.map
+
+//# sourceMappingURL=number.js.map

package/lib/es/components/input/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","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"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"number.js","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/es/components/input/range.js

@@ -1,73 +1,132 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { MinusRound, PlusRound, SyncAltRound } from '@ricons/material';
-import classNames from 'classnames';
-import { useState, useEffect } from 'react';
-import { formatNumber, clamp } from '../../js/utils.js';
-import Helpericon from '../utils/helpericon/helpericon.js';
-import InputContainer from './container.js';
-
+import { clamp, formatNumber } from "../../js/utils.js";
+import helpericon_default from "../utils/helpericon/index.js";
+import InputContainer from "./container.js";
+import classNames from "classnames";
+import { useEffect, useState } from "react";
+import { MinusRound, PlusRound, SyncAltRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { jsx, jsxs } from "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] = useState(value);
-    const getRangeNumber = (v) => clamp(v, min, max);
-    const getFormatNumber = (v) => 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] : [];
-        const value = formatInputValue(range[i]) ?? 0;
-        const result = getRangeNumber(+value + param);
-        range[i] = getFormatNumber(result);
-        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);
-    };
-    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 (jsx(InputContainer, { label: label, labelInline: labelInline, className: className, style: { width, ...style }, tip: message ?? tip, status: status, children: jsxs("div", { className: classNames("i-input-item", {
-                [`i-input-${status}`]: status !== "normal",
-                "i-input-borderless": !border,
-            }), children: [prepend && jsx("div", { className: 'i-input-prepend', children: prepend }), !hideControl && (jsx(Helpericon, { active: true, icon: jsx(MinusRound, {}), onClick: (e) => handleOperate(e, -step, 0) })), jsx("input", { value: rangeValue?.[0] || "", placeholder: placeholder?.[0], ...inputProps, onBlur: handleBlur, onChange: (e) => handleChange(e, 0) }), !hideControl && (jsx(Helpericon, { active: true, icon: jsx(PlusRound, {}), onClick: (e) => handleOperate(e, step, 0) })), jsx(Helpericon, { active: true, icon: jsx(SyncAltRound, {}), style: { margin: 0 }, onClick: handleSwitch }), !hideControl && (jsx(Helpericon, { active: true, icon: jsx(MinusRound, {}), onClick: (e) => handleOperate(e, -step, 1) })), jsx("input", { value: rangeValue?.[1] || "", placeholder: placeholder?.[1], ...inputProps, onBlur: handleBlur, onChange: (e) => handleChange(e, 1) }), !hideControl && (jsx(Helpericon, { active: true, icon: jsx(PlusRound, {}), onClick: (e) => handleOperate(e, step, 1) })), append && jsx("div", { className: 'i-input-append', children: append })] }) }));
+	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] = useState(value);
+	const getRangeNumber = (v) => clamp(v, min, max);
+	const getFormatNumber = (v) => 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);
+	};
+	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__ */ jsx(InputContainer, {
+		label,
+		labelInline,
+		className,
+		style: {
+			width,
+			...style
+		},
+		tip: message ?? tip,
+		status,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: classNames("i-input-item", {
+				[`i-input-${status}`]: status !== "normal",
+				"i-input-borderless": !border
+			}),
+			children: [
+				prepend && /* @__PURE__ */ jsx("div", {
+					className: "i-input-prepend",
+					children: prepend
+				}),
+				!hideControl && /* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(MinusRound, {}),
+					onClick: (e) => handleOperate(e, -step, 0)
+				}),
+				/* @__PURE__ */ jsx("input", {
+					value: rangeValue?.[0] || "",
+					placeholder: placeholder?.[0],
+					...inputProps,
+					onBlur: handleBlur,
+					onChange: (e) => handleChange(e, 0)
+				}),
+				!hideControl && /* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(PlusRound, {}),
+					onClick: (e) => handleOperate(e, step, 0)
+				}),
+				/* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(SyncAltRound, {}),
+					style: { margin: 0 },
+					onClick: handleSwitch
+				}),
+				!hideControl && /* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(MinusRound, {}),
+					onClick: (e) => handleOperate(e, -step, 1)
+				}),
+				/* @__PURE__ */ jsx("input", {
+					value: rangeValue?.[1] || "",
+					placeholder: placeholder?.[1],
+					...inputProps,
+					onBlur: handleBlur,
+					onChange: (e) => handleChange(e, 1)
+				}),
+				!hideControl && /* @__PURE__ */ jsx(helpericon_default, {
+					active: true,
+					icon: /* @__PURE__ */ jsx(PlusRound, {}),
+					onClick: (e) => handleOperate(e, step, 1)
+				}),
+				append && /* @__PURE__ */ jsx("div", {
+					className: "i-input-append",
+					children: append
+				})
+			]
+		})
+	});
 };
-
+//#endregion
 export { Range as default };
-//# sourceMappingURL=range.js.map
+
+//# sourceMappingURL=range.js.map

package/lib/es/components/input/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","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"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"range.js","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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"}