@ioca/react 1.4.79 → 1.4.81

package/lib/cjs/components/icon/icon.cjs

@@ -1,24 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react = require("react");
-//#region packages/components/icon/icon.tsx
-const Icon = (props) => {
-	const { ref, icon, size = "1.425em", rotate, style, className, ...restProps } = props;
-	if (!(0, react.isValidElement)(icon)) return icon;
-	return (0, react.cloneElement)(icon, {
-		ref,
-		style: {
-			transform: rotate ? `rotate(${rotate}deg)` : void 0,
-			...style,
-			width: size,
-			height: size
-		},
-		className: (0, classnames.default)("i-icon", className),
-		...restProps
-	});
-};
-//#endregion
-exports.default = Icon;
-
-//# sourceMappingURL=icon.cjs.map

package/lib/cjs/components/icon/icon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.cjs","names":[],"sources":["../../../../packages/components/icon/icon.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { cloneElement, isValidElement } from \"react\";\nimport \"./index.css\";\nimport { IIcon } from \"./type\";\n\nconst Icon = (props: IIcon) => {\n\tconst {\n\t\tref,\n\t\ticon,\n\t\tsize = \"1.425em\",\n\t\trotate,\n\t\tstyle,\n\t\tclassName,\n\t\t...restProps\n\t} = props;\n\n\tif (!isValidElement(icon)) return icon;\n\n\tconst iconProps = {\n\t\tref,\n\t\tstyle: {\n\t\t\ttransform: rotate ? `rotate(${rotate}deg)` : undefined,\n\t\t\t...style,\n\t\t\twidth: size,\n\t\t\theight: size,\n\t\t},\n\t\tclassName: classNames(\"i-icon\", className),\n\t\t...restProps,\n\t};\n\n\treturn cloneElement(icon, iconProps);\n};\n\nexport default Icon;\n"],"mappings":";;;;;;CAKA,MAAM,EACL,KACC,MACA,OAAI,WACJ,QACA,OACA,WACA,GAAA,cACG;;;EAKJ;EACC,OAAG;GACH,WAAO,SAAA,UAAA,OAAA,QAAA,KAAA;GACN,GAAA;GACA,OAAG;GACH,QAAO;GACP;EACD,YAAA,GAAA,WAAA,SAAC,UAAA,UAAA;EACD,GAAA;EACA,CAAA"}

package/lib/cjs/components/icon/index.cjs

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

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

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

package/lib/cjs/components/image/image.cjs

@@ -1,86 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../loading/index.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_index$1 = require("../../js/usePreview/index.cjs");
-const require_list = require("./list.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/image/image.tsx
-const Image = (props) => {
-	const { src, thumb, round, size, height, width, ratio, initSize, lazyload, fallback, fit, style, className, cover, coverClass, usePreview: previewable, onLoad, onError, onClick, ...restProps } = props;
-	const state = require_hooks.useReactive({ status: "loading" });
-	const ref = (0, react.useRef)(null);
-	const { observe, unobserve } = require_hooks.useIntersectionObserver();
-	const preview = require_index$1.default();
-	const handleError = (err) => {
-		onError?.(err);
-		state.status = "error";
-	};
-	const handleLoad = (e) => {
-		onLoad?.(e);
-		state.status = void 0;
-	};
-	const handleClick = (e) => {
-		onClick?.(e);
-		if (!previewable || !src) return;
-		preview({
-			...typeof previewable === "boolean" ? {} : previewable,
-			items: [{
-				src,
-				type: "IMAGE"
-			}]
-		});
-	};
-	(0, react.useEffect)(() => {
-		if (!src || typeof window === "undefined") return;
-		const img = ref.current;
-		const hasSrcAttr = img?.getAttribute("src");
-		if (Boolean(img && (!lazyload || hasSrcAttr)) && img?.complete) state.status = img.naturalWidth > 0 ? void 0 : "error";
-		if (!ref.current?.complete && observe && lazyload) state.status = "loading";
-		if (!lazyload || !ref.current || !observe) return;
-		observe(ref.current, (tar, visible) => {
-			if (!visible) return;
-			tar.setAttribute("src", tar.dataset.src || "");
-			unobserve(tar);
-		});
-		return () => {
-			ref.current && unobserve(ref.current);
-		};
-	}, [src]);
-	restProps[lazyload ? "data-src" : "src"] = thumb ?? src;
-	const iSize = state.status === "loading" ? initSize : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		style: {
-			width: width ?? size ?? iSize,
-			height: height ?? size ?? iSize,
-			aspectRatio: ratio,
-			...style
-		},
-		className: (0, classnames.default)("i-image", className, {
-			rounded: round,
-			[`i-image-${state.status}`]: state.status
-		}),
-		onClick: handleClick,
-		children: state.status === "error" ? fallback ?? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			src && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-				ref,
-				style: { objectFit: fit },
-				...restProps,
-				onLoad: handleLoad,
-				onError: handleError
-			}),
-			src && state.status === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { absolute: true }),
-			cover && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("i-image-cover", coverClass),
-				children: cover
-			})
-		] })
-	});
-};
-Image.List = require_list.default;
-//#endregion
-exports.default = Image;
-
-//# sourceMappingURL=image.cjs.map

package/lib/cjs/components/image/image.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.cjs","names":[],"sources":["../../../../packages/components/image/image.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport { useIntersectionObserver, useReactive } from \"../../js/hooks\";\nimport usePreview from \"../../js/usePreview\";\nimport Loading from \"../loading\";\nimport \"./index.css\";\nimport List from \"./list\";\nimport type { CompositionImage, IImage } from \"./type\";\n\nconst Image = (props: IImage) => {\n\tconst {\n\t\tsrc,\n\t\tthumb,\n\t\tround,\n\t\tsize,\n\t\theight,\n\t\twidth,\n\t\tratio,\n\t\tinitSize,\n\t\tlazyload,\n\t\tfallback,\n\t\tfit,\n\t\tstyle,\n\t\tclassName,\n\t\tcover,\n\t\tcoverClass,\n\t\tusePreview: previewable,\n\t\tonLoad,\n\t\tonError,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive<{ status?: string }>({\n\t\tstatus: \"loading\",\n\t});\n\tconst ref = useRef<HTMLImageElement>(null);\n\n\tconst { observe, unobserve } = useIntersectionObserver();\n\tconst preview = usePreview();\n\n\tconst handleError = (err) => {\n\t\tonError?.(err);\n\t\tstate.status = \"error\";\n\t};\n\n\tconst handleLoad = (e) => {\n\t\tonLoad?.(e);\n\t\tstate.status = undefined;\n\t};\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\n\t\tif (!previewable || !src) return;\n\n\t\tconst previewConfigs =\n\t\t\ttypeof previewable === \"boolean\" ? {} : previewable;\n\n\t\tpreview({\n\t\t\t...previewConfigs,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\tsrc,\n\t\t\t\t\ttype: \"IMAGE\",\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (!src || typeof window === \"undefined\") return;\n\n\t\tconst img = ref.current;\n\t\tconst hasSrcAttr = img?.getAttribute(\"src\");\n\t\tconst canSyncStatus = Boolean(img && (!lazyload || hasSrcAttr));\n\t\tif (canSyncStatus && img?.complete) {\n\t\t\tstate.status = img.naturalWidth > 0 ? undefined : \"error\";\n\t\t}\n\n\t\tif (!ref.current?.complete && observe && lazyload) {\n\t\t\tstate.status = \"loading\";\n\t\t}\n\n\t\tif (!lazyload || !ref.current || !observe) return;\n\n\t\tobserve(ref.current, (tar: HTMLElement, visible: boolean) => {\n\t\t\tif (!visible) return;\n\n\t\t\ttar.setAttribute(\"src\", tar.dataset.src || \"\");\n\t\t\tunobserve(tar);\n\t\t});\n\n\t\treturn () => {\n\t\t\tref.current && unobserve(ref.current);\n\t\t};\n\t}, [src]);\n\n\trestProps[lazyload ? \"data-src\" : \"src\"] = thumb ?? src;\n\tconst iSize = state.status === \"loading\" ? initSize : undefined;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\twidth: width ?? size ?? iSize,\n\t\t\t\theight: height ?? size ?? iSize,\n\t\t\t\taspectRatio: ratio,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(\"i-image\", className, {\n\t\t\t\trounded: round,\n\t\t\t\t[`i-image-${state.status}`]: state.status,\n\t\t\t})}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{state.status === \"error\" ? (\n\t\t\t\t(fallback ?? null)\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{src && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tstyle={{ objectFit: fit }}\n\t\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\t\tonLoad={handleLoad}\n\t\t\t\t\t\t\tonError={handleError}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{src && state.status === \"loading\" && <Loading absolute />}\n\n\t\t\t\t\t{cover && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-image-cover\", coverClass)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cover}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nImage.List = List;\n\nexport default Image as CompositionImage;\n"],"mappings":";;;;;;;;;;;CASA,MAAM,EACL,KACC,OACA,OACA,MACA,QACA,OACA,OACA,UACA,UACA,UACA,KACA,OACA,WACA,OACA,YACA,YAAU,aACV,QACA,SACA,SACA,GAAA,cACG;2CAGJ,QAAM,WACL,CAAA;CACD,MAAE,OAAA,GAAA,MAAA,QAAA,KAAA;;CAGF,MAAM,UAAU,gBAAA,SAAY;;AAG5B,YAAM,IAAA;AACL,QAAA,SAAc;;;AAIf,WAAM,EAAA;AACL,QAAM,SAAK,KAAA;;;AAIZ,YAAM,EAAA;;;GAQL,GAHA,OAAM,gBAAe,YAAA,EAAA,GAAA;GAIpB,OAAG,CACH;IACC;IACC,MAAG;IACH,CACD;GACD,CAAC;;;AAIH,MAAA,CAAA,OAAa,OAAG,WAAA,YAAA;;EAGf,MAAM,aAAU,KAAO,aAAA,MAAA;AAEvB,MADsB,QAAE,QAAc,CAAA,YAAK,YAAA,IACtB,KAAC,SACtB,OAAI,SAAA,IAAgB,eAAe,IAAC,KAAA,IAAA;oDAIpC,OAAK,SAAW;;;AAMhB,OAAA,CAAA,QAAY;;AAGX,aAAI,IAAA;IACJ;;AAGD,OAAA,WAAa,UAAA,IAAA,QAAA;;IAEZ,CAAA,IAAA,CAAA;;CAGF,MAAA,QAAU,MAAU,WAAW,YAAY,WAAS,KAAA;QAGpD,iBAAA,GAAA,kBAAA,KAAA,OAAA;EACE,OAAA;GACA,OAAO,SAAA,QAAA;GACN,QAAO,UAAS,QAAQ;GACxB,aAAQ;GACR,GAAA;GACA;EACD,YAAA,GAAA,WAAA,SAAC,WAAA,WAAA;GACD,SAAU;IACT,WAAS,MAAK,WAAA,MAAA;GACd,CAAC;EACF,SAAE;YAEH,MAAA,WAAA,UACE,YAAa,OAEb,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;GACC,OACC,iBAAA,GAAA,kBAAA,KAAA,OAAA;IACC;IACA,OAAK,EAAG,WAAA,KAAA;IACR,GAAA;IACA,QAAI;IACJ,SAAQ;IACR,CAAA;;YAMD,iBAAA,GAAA,kBAAA,KAAA,OAAA;IACC,YAAA,GAAA,WAAA,SAAA,iBAAA,WAAA;cAED;IACE,CAAA;GAEF,EAAA,CAAA;EAEF,CAAA"}

package/lib/cjs/components/image/index.cjs

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

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

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

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

@@ -1,49 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_index = require("../flex/index.cjs");
-const require_index$1 = require("../../js/usePreview/index.cjs");
-const require_image = require("./image.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/image/list.tsx
-function List(props) {
-	const { items = [], gap = 8, columns, wrap, direction, usePreview: previewable, onClick, ...restProps } = props;
-	const preview = require_index$1.default();
-	const files = (0, react.useMemo)(() => {
-		return items.map((item) => {
-			const o = { src: "" };
-			if (typeof item === "string") o.src = item;
-			else Object.assign(o, item);
-			o.suffix = require_utils.getSuffixByUrl(o.src) || "";
-			o.type = require_utils.getFileType(o.suffix, item["type"]);
-			return o;
-		});
-	}, [items]);
-	const handleClick = (e, i) => {
-		onClick?.(e);
-		previewable && preview({
-			items: files,
-			initial: i
-		});
-	};
-	if (!files.length) return "";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-		className: "i-image-list",
-		gap,
-		columns,
-		wrap,
-		direction,
-		children: files.map((img, i) => {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_image.default, {
-				src: img.src,
-				usePreview: false,
-				onClick: (e) => handleClick(e, i),
-				...restProps
-			}, i);
-		})
-	});
-}
-//#endregion
-exports.default = List;
-
-//# sourceMappingURL=list.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list.cjs","names":["usePreview","getSuffixByUrl","getFileType","Flex","Image"],"sources":["../../../../packages/components/image/list.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport usePreview from \"../../js/usePreview\";\nimport { TPreviewItem } from \"../../js/usePreview/type\";\nimport { getFileType, getSuffixByUrl } from \"../../js/utils\";\nimport Flex from \"../flex\";\nimport Image from \"./image\";\nimport { IImageList } from \"./type\";\n\nexport default function List(props: IImageList) {\n\tconst {\n\t\titems = [],\n\t\tgap = 8,\n\t\tcolumns,\n\t\twrap,\n\t\tdirection,\n\t\tusePreview: previewable,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\tconst preview = usePreview();\n\n\tconst files = useMemo(() => {\n\t\treturn items.map((item) => {\n\t\t\tconst o: TPreviewItem = {\n\t\t\t\tsrc: \"\",\n\t\t\t};\n\t\t\tif (typeof item === \"string\") {\n\t\t\t\to.src = item;\n\t\t\t} else {\n\t\t\t\tObject.assign(o, item);\n\t\t\t}\n\n\t\t\to.suffix = getSuffixByUrl(o.src) || \"\";\n\t\t\to.type = getFileType(o.suffix, item[\"type\"]);\n\n\t\t\treturn o;\n\t\t});\n\t}, [items]);\n\n\tconst handleClick = (e, i) => {\n\t\tonClick?.(e);\n\n\t\tpreviewable &&\n\t\t\tpreview({\n\t\t\t\titems: files,\n\t\t\t\tinitial: i,\n\t\t\t});\n\t};\n\n\tif (!files.length) return \"\";\n\n\treturn (\n\t\t<Flex\n\t\t\tclassName='i-image-list'\n\t\t\tgap={gap}\n\t\t\tcolumns={columns}\n\t\t\twrap={wrap}\n\t\t\tdirection={direction}\n\t\t>\n\t\t\t{files.map((img, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Image\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tsrc={img.src}\n\t\t\t\t\t\tusePreview={false}\n\t\t\t\t\t\tonClick={(e) => handleClick(e, i)}\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Flex>\n\t);\n}\n"],"mappings":";;;;;;;;AAQA,SAAwB,KAAK,OAAmB;CAC/C,MAAM,EACL,QAAQ,EAAE,EACV,MAAM,GACN,SACA,MACA,WACA,YAAY,aACZ,SACA,GAAG,cACA;CACJ,MAAM,UAAUA,gBAAAA,SAAY;CAE5B,MAAM,SAAA,GAAA,MAAA,eAAsB;AAC3B,SAAO,MAAM,KAAK,SAAS;GAC1B,MAAM,IAAkB,EACvB,KAAK,IACL;AACD,OAAI,OAAO,SAAS,SACnB,GAAE,MAAM;OAER,QAAO,OAAO,GAAG,KAAK;AAGvB,KAAE,SAASC,cAAAA,eAAe,EAAE,IAAI,IAAI;AACpC,KAAE,OAAOC,cAAAA,YAAY,EAAE,QAAQ,KAAK,QAAQ;AAE5C,UAAO;IACN;IACA,CAAC,MAAM,CAAC;CAEX,MAAM,eAAe,GAAG,MAAM;AAC7B,YAAU,EAAE;AAEZ,iBACC,QAAQ;GACP,OAAO;GACP,SAAS;GACT,CAAC;;AAGJ,KAAI,CAAC,MAAM,OAAQ,QAAO;AAE1B,QACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EACC,WAAU;EACL;EACI;EACH;EACK;YAEV,MAAM,KAAK,KAAK,MAAM;AACtB,UACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IAEC,KAAK,IAAI;IACT,YAAY;IACZ,UAAU,MAAM,YAAY,GAAG,EAAE;IACjC,GAAI;IACH,EALI,EAKJ;IAEF;EACI,CAAA"}

package/lib/cjs/components/input/container.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/input/container.tsx
-function InputContainer(props) {
-	const { as: As = "label", label, className, labelInline, style, children, status, tip, required } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(As, {
-		className: (0, classnames.default)("i-input-label", className, { "i-input-inline": labelInline }),
-		style,
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "i-input-label-text",
-				children: [required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "error",
-					children: "*"
-				}), label]
-			}),
-			children,
-			tip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: (0, classnames.default)("i-input-message", { [`i-input-${status}`]: status !== "normal" }),
-				children: tip
-			})
-		]
-	});
-}
-//#endregion
-exports.default = InputContainer;
-
-//# sourceMappingURL=container.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"container.cjs","names":[],"sources":["../../../../packages/components/input/container.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { IInputContainer } from \"./type\";\n\nexport default function InputContainer(props: IInputContainer) {\n\tconst {\n\t\tas: As = \"label\",\n\t\tlabel,\n\t\tclassName,\n\t\tlabelInline,\n\t\tstyle,\n\t\tchildren,\n\t\tstatus,\n\t\ttip,\n\t\trequired,\n\t} = props;\n\n\treturn (\n\t\t<As\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<span className='i-input-label-text'>\n\t\t\t\t\t{required && <span className='error'>*</span>}\n\t\t\t\t\t{label}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t{children}\n\n\t\t\t{tip && (\n\t\t\t\t<span\n\t\t\t\t\tclassName={classNames(\"i-input-message\", {\n\t\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{tip}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</As>\n\t);\n}\n"],"mappings":";;;;;AAGA,SAAwB,eAAe,OAAwB;CAC9D,MAAM,EACL,IAAI,KAAK,SACT,OACA,WACA,aACA,OACA,UACA,QACA,KACA,aACG;AAEJ,QACC,iBAAA,GAAA,kBAAA,MAAC,IAAD;EACC,YAAA,GAAA,WAAA,SAAsB,iBAAiB,WAAW,EACjD,kBAAkB,aAClB,CAAC;EACK;YAJR;GAME,SACA,iBAAA,GAAA,kBAAA,MAAC,QAAD;IAAM,WAAU;cAAhB,CACE,YAAY,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAQ;KAAQ,CAAA,EAC5C,MACK;;GAGP;GAEA,OACA,iBAAA,GAAA,kBAAA,KAAC,QAAD;IACC,YAAA,GAAA,WAAA,SAAsB,mBAAmB,GACvC,WAAW,WAAW,WAAW,UAClC,CAAC;cAED;IACK,CAAA;GAEJ"}

package/lib/cjs/components/input/index.cjs

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

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

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

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

@@ -1,113 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../utils/helpericon/index.cjs");
-const require_container = require("./container.cjs");
-const require_number = require("./number.cjs");
-const require_range = require("./range.cjs");
-const require_textarea = require("./textarea.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/input.tsx
-const Input = ((props) => {
-	const { ref, type = "text", label, name, value = "", prepend, append, labelInline, className, status = "normal", message, tip, clear, width, hideVisible, border, underline, required, maxLength, onChange, onEnter, onClear, style, ...restProps } = props;
-	const [inputValue, setInputValue] = (0, react.useState)(value);
-	const [inputType, setInputType] = (0, react.useState)(type);
-	const [visible, setVisible] = (0, react.useState)(false);
-	const handleChange = (e) => {
-		const v = e.target.value;
-		setInputValue(v);
-		onChange?.(v, e);
-	};
-	const handleKeydown = (e) => {
-		e.code === "Enter" && onEnter?.(e);
-	};
-	const handleHelperClick = () => {
-		if (type === "password" && !hideVisible) {
-			setVisible((v) => {
-				const next = !v;
-				setInputType(next ? "text" : "password");
-				return next;
-			});
-			return;
-		}
-		const v = "";
-		setInputValue(v);
-		onChange?.(v);
-		onClear?.();
-	};
-	const HelperIcon = (0, react.useMemo)(() => {
-		if (type === "password") return visible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.VisibilityRound, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.VisibilityOffRound, {});
-	}, [type, visible]);
-	(0, react.useEffect)(() => {
-		setInputValue(value);
-	}, [value]);
-	const inputProps = {
-		ref,
-		type: inputType,
-		name,
-		value: inputValue,
-		maxLength,
-		className: (0, classnames.default)("i-input", `i-input-${type}`),
-		onChange: handleChange,
-		onKeyDown: handleKeydown,
-		...restProps
-	};
-	(0, react.useEffect)(() => {
-		setInputType(type);
-		setVisible(false);
-	}, [type]);
-	const clearable = clear && inputValue;
-	const showHelper = type === "password" && !!inputValue;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_container.default, {
-		label,
-		labelInline,
-		className,
-		style: {
-			width,
-			...style
-		},
-		tip: message ?? tip,
-		status,
-		required,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, classnames.default)("i-input-item", {
-				[`i-input-${status}`]: status !== "normal",
-				"i-input-borderless": !border,
-				"i-input-underline": underline
-			}),
-			children: [
-				prepend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-input-prepend",
-					children: prepend
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", { ...inputProps }),
-				maxLength && inputValue?.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "color-8 pr-4 font-sm",
-					children: [
-						inputValue.length,
-						" / ",
-						maxLength
-					]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-					active: !!clearable || showHelper,
-					icon: HelperIcon,
-					onClick: handleHelperClick
-				}),
-				append && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-input-append",
-					children: append
-				})
-			]
-		})
-	});
-});
-Input.Textarea = require_textarea.default;
-Input.Number = require_number.default;
-Input.Range = require_range.default;
-//#endregion
-exports.default = Input;
-
-//# sourceMappingURL=input.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input.cjs","names":[],"sources":["../../../../packages/components/input/input.tsx"],"sourcesContent":["import { VisibilityOffRound, VisibilityRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tChangeEvent,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\ttype KeyboardEvent,\n} from \"react\";\nimport \"../../css/input.css\";\nimport Helpericon from \"../utils/helpericon\";\nimport InputContainer from \"./container\";\nimport Number from \"./number\";\nimport Range from \"./range\";\nimport Textarea from \"./textarea\";\nimport type { CompositionInput, IInput } from \"./type\";\n\nconst Input = ((props: IInput) => {\n\tconst {\n\t\tref,\n\t\ttype = \"text\",\n\t\tlabel,\n\t\tname,\n\t\tvalue = \"\",\n\t\tprepend,\n\t\tappend,\n\t\tlabelInline,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\ttip,\n\t\tclear,\n\t\twidth,\n\t\thideVisible,\n\t\tborder,\n\t\tunderline,\n\t\trequired,\n\t\tmaxLength,\n\t\tonChange,\n\t\tonEnter,\n\t\tonClear,\n\t\tstyle,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState(value);\n\tconst [inputType, setInputType] = useState(type);\n\tconst [visible, setVisible] = useState(false);\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst v = e.target.value;\n\n\t\tsetInputValue(v);\n\t\tonChange?.(v, e);\n\t};\n\n\tconst handleKeydown = (e: KeyboardEvent<HTMLInputElement>) => {\n\t\te.code === \"Enter\" && onEnter?.(e);\n\t};\n\n\tconst handleHelperClick = () => {\n\t\tif (type === \"password\" && !hideVisible) {\n\t\t\tsetVisible((v) => {\n\t\t\t\tconst next = !v;\n\t\t\t\tsetInputType(next ? \"text\" : \"password\");\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst v = \"\";\n\t\tsetInputValue(v);\n\t\tonChange?.(v);\n\t\tonClear?.();\n\t};\n\n\tconst HelperIcon = useMemo(() => {\n\t\tif (type === \"password\") {\n\t\t\treturn visible ? <VisibilityRound /> : <VisibilityOffRound />;\n\t\t}\n\n\t\treturn undefined;\n\t}, [type, visible]);\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t}, [value]);\n\n\tconst inputProps = {\n\t\tref,\n\t\ttype: inputType,\n\t\tname,\n\t\tvalue: inputValue,\n\t\tmaxLength,\n\t\tclassName: classNames(\"i-input\", `i-input-${type}`),\n\t\tonChange: handleChange,\n\t\tonKeyDown: handleKeydown,\n\t\t...restProps,\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputType(type);\n\t\tsetVisible(false);\n\t}, [type]);\n\n\tconst clearable = clear && inputValue;\n\tconst showHelper = type === \"password\" && !!inputValue;\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\trequired={required}\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\t\"i-input-underline\": underline,\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<input {...inputProps} />\n\n\t\t\t\t{maxLength && inputValue?.length > 0 && (\n\t\t\t\t\t<span className='color-8 pr-4 font-sm'>\n\t\t\t\t\t\t{inputValue.length} / {maxLength}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive={!!clearable || showHelper}\n\t\t\t\t\ticon={HelperIcon}\n\t\t\t\t\tonClick={handleHelperClick}\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}) as CompositionInput;\n\nInput.Textarea = Textarea;\nInput.Number = Number;\nInput.Range = Range;\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;;;CAiBA,MAAM,EACL,KACC,OAAG,QACH,OACA,MACA,QAAI,IACJ,SACA,QACA,aACA,WACA,SAAS,UACT,SACA,KACA,OACA,OACA,aACA,QACA,WACA,UACA,WACA,UACA,SACA,SACA,OACA,GAAA,cACG;;CAGJ,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAkB,KAAS;CAC7C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAkB,MAAS;;EAG3C,MAAM,IAAA,EAAA,OAAc;;AAGnB,aAAA,GAAc,EAAE;;;AAIjB,IAAA,SAAM,WAAiB,UAAG,EAAA;;;AAI1B,MAAK,SAAC,cAAsB,CAAC,aAAG;AAC/B,eAAa,MAAC;IACb,MAAA,OAAc,CAAC;AACd,iBAAa,OAAE,SAAA,WAAA;AACf,WAAA;KACA;AACD;;;AAID,gBAAY,EAAA;AACZ,aAAA,EAAa;AACb,aAAW;;;AAIZ,MAAK,SAAC,WACL,QAAQ,UAAM,iBAAA,GAAA,kBAAA,KAAA,iBAAA,iBAAA,EAAW,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,oBAAA,EAAA,CAAA;IAIzB,CAAA,MAAO,QAAS,CAAA;;AAGjB,gBAAe,MAAC;IACf,CAAA,MAAA,CAAA;;EAGD;EACC,MAAG;EACH;EACA,OAAI;EACJ;EACA,YAAA,GAAA,WAAA,SAAS,WAAA,WAAA,OAAA;EACT,UAAU;EACV,WAAU;EACV,GAAA;EACA;;AAGD,eAAc,KAAE;AACf,aAAA,MAAiB;IACjB,CAAA,KAAA,CAAA;;CAGD,MAAM,aAAY,SAAS,cAAU,CAAA,CAAA;QAGrC,iBAAA,GAAA,kBAAA,KAAA,kBAAA,SAAA;EACE;EACY;EACD;EACX,OAAA;GAAS;GAAE,GAAA;GAAS;EACpB,KAAK,WAAW;EACX;EACG;YAET,iBAAA,GAAA,kBAAA,MAAA,OAAA;GACE,YAAA,GAAA,WAAA,SAAA,gBAAA;KACA,WAAW,WAAa,WAAW;IAClC,sBAAsB,CAAC;IACvB,qBAAqB;IACrB,CAAC;aALJ;IAOC,WAAA,iBAAA,GAAA,kBAAA,KAAA,OAAA;KAAA,WAAA;eAAA;KAAA,CAAA;;2CAKE,iBAAA,GAAA,kBAAA,MAAA,QAAA;KAAA,WAAa;eAAb;MACC,WAAK;MAAW;MAAO;MACtB;;;KAIF,QAAA,CAAA,CAAA,aAAA;KACA,MAAM;KACN,SAAM;KACN,CAAA;;;;;IAGA;;EACG,CAAA;;;AAKR,MAAM,SAAS,eAAA;AACf,MAAM,QAAQ,cAAA"}

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

@@ -1,138 +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/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

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