@ioca/react 1.4.76 → 1.4.77

package/lib/es/components/radio/radio.js

@@ -1,32 +1,60 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useState, useMemo, useEffect } from 'react';
-import { formatOption } from '../../js/utils.js';
-import RadioItem from './item.js';
-
+import { formatOption } from "../../js/utils.js";
+import RadioItem from "./item.js";
+import classNames from "classnames";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/radio/radio.tsx
 function Radio(props) {
-    const { label, name, options, value, type = "default", status = "normal", message, optionInline = true, labelInline, disabled, required, className, renderItem, onChange, } = props;
-    const [selectedValue, setSelectedValue] = useState(value);
-    const formattedOptions = useMemo(() => formatOption(options), [options]);
-    const handleChange = (value, e) => {
-        setSelectedValue(value);
-        onChange?.(value, e);
-    };
-    useEffect(() => {
-        setSelectedValue(value);
-    }, [value]);
-    return (jsxs("div", { className: classNames("i-radio i-input-label", {
-            [`i-radio-${status}`]: status !== "normal",
-            "i-input-inline": labelInline,
-        }, className), children: [label && (jsxs("span", { className: 'i-input-label-text', children: [required && jsx("span", { className: 'error', children: "*" }), label, message && jsx("p", { className: 'i-radio-message', children: message })] })), jsx("div", { className: classNames("i-radio-options", {
-                    "i-options-block": !optionInline,
-                    "i-radio-options-button": type === "button",
-                }), children: formattedOptions.map((option) => {
-                    const checked = selectedValue === option.value;
-                    return (jsx(RadioItem, { name: name, value: option.value, checked: checked, type: type, disabled: disabled || option.disabled, onChange: handleChange, children: renderItem ?? option.label }, option.value));
-                }) })] }));
+	const { label, name, options, value, type = "default", status = "normal", message, optionInline = true, labelInline, disabled, required, className, renderItem, onChange } = props;
+	const [selectedValue, setSelectedValue] = useState(value);
+	const formattedOptions = useMemo(() => formatOption(options), [options]);
+	const handleChange = (value, e) => {
+		setSelectedValue(value);
+		onChange?.(value, e);
+	};
+	useEffect(() => {
+		setSelectedValue(value);
+	}, [value]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames("i-radio i-input-label", {
+			[`i-radio-${status}`]: status !== "normal",
+			"i-input-inline": labelInline
+		}, className),
+		children: [label && /* @__PURE__ */ jsxs("span", {
+			className: "i-input-label-text",
+			children: [
+				required && /* @__PURE__ */ jsx("span", {
+					className: "error",
+					children: "*"
+				}),
+				label,
+				message && /* @__PURE__ */ jsx("p", {
+					className: "i-radio-message",
+					children: message
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: classNames("i-radio-options", {
+				"i-options-block": !optionInline,
+				"i-radio-options-button": type === "button"
+			}),
+			children: formattedOptions.map((option) => {
+				const checked = selectedValue === option.value;
+				return /* @__PURE__ */ jsx(RadioItem, {
+					name,
+					value: option.value,
+					checked,
+					type,
+					disabled: disabled || option.disabled,
+					onChange: handleChange,
+					children: renderItem ?? option.label
+				}, option.value);
+			})
+		})]
+	});
 }
 Radio.Item = RadioItem;
-
+//#endregion
 export { Radio as default };
-//# sourceMappingURL=radio.js.map
+
+//# sourceMappingURL=radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../packages/components/radio/radio.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport \"./index.css\";\nimport RadioItem from \"./item\";\nimport { IRadio } from \"./type\";\n\nfunction Radio(props: IRadio) {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\toptions,\n\t\tvalue,\n\t\ttype = \"default\",\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\toptionInline = true,\n\t\tlabelInline,\n\t\tdisabled,\n\t\trequired,\n\t\tclassName,\n\t\trenderItem,\n\t\tonChange,\n\t} = props;\n\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst handleChange = (value, e) => {\n\t\tsetSelectedValue(value);\n\t\tonChange?.(value, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-radio i-input-label\",\n\t\t\t\t{\n\t\t\t\t\t[`i-radio-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\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\n\t\t\t\t\t{message && <p className='i-radio-message'>{message}</p>}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-radio-options\", {\n\t\t\t\t\t\"i-options-block\": !optionInline,\n\t\t\t\t\t\"i-radio-options-button\": type === \"button\",\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{formattedOptions.map((option) => {\n\t\t\t\t\tconst checked = selectedValue === option.value;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<RadioItem\n\t\t\t\t\t\t\tkey={option.value as string}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderItem ?? option.label}\n\t\t\t\t\t\t</RadioItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nRadio.Item = RadioItem;\n\nexport default Radio;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAQA,SAAS,KAAK,CAAC,KAAa,EAAA;AAC3B,IAAA,MAAM,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,QAAQ,EACjB,OAAO,EACP,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,GACR,GAAG,KAAK;IAET,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEzD,IAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAExE,IAAA,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,CAAC,KAAI;QACjC,gBAAgB,CAAC,KAAK,CAAC;AACvB,QAAA,QAAQ,GAAG,KAAK,EAAE,CAAC,CAAC;AACrB,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACd,gBAAgB,CAAC,KAAK,CAAC;AACxB,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,QACCA,IAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CACpB,uBAAuB,EACvB;AACC,YAAA,CAAC,WAAW,MAAM,CAAA,CAAE,GAAG,MAAM,KAAK,QAAQ;AAC1C,YAAA,gBAAgB,EAAE,WAAW;AAC7B,SAAA,EACD,SAAS,CACT,EAAA,QAAA,EAAA,CAEA,KAAK,KACLA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,aAClC,QAAQ,IAAIC,cAAM,SAAS,EAAC,OAAO,EAAA,QAAA,EAAA,GAAA,EAAA,CAAS,EAC5C,KAAK,EAEL,OAAO,IAAIA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,iBAAiB,YAAE,OAAO,EAAA,CAAK,CAAA,EAAA,CAClD,CACP,EAEDA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;oBACxC,iBAAiB,EAAE,CAAC,YAAY;oBAChC,wBAAwB,EAAE,IAAI,KAAK,QAAQ;iBAC3C,CAAC,EAAA,QAAA,EAED,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AAChC,oBAAA,MAAM,OAAO,GAAG,aAAa,KAAK,MAAM,CAAC,KAAK;oBAE9C,QACCA,IAAC,SAAS,EAAA,EAET,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,UAAU,IAAI,MAAM,CAAC,KAAK,EAAA,EARtB,MAAM,CAAC,KAAe,CAShB;AAEd,gBAAA,CAAC,CAAC,EAAA,CACG,CAAA,EAAA,CACD;AAER;AAEA,KAAK,CAAC,IAAI,GAAG,SAAS;;;;"}
+{"version":3,"file":"radio.js","names":[],"sources":["../../../../packages/components/radio/radio.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport \"./index.css\";\nimport RadioItem from \"./item\";\nimport { IRadio } from \"./type\";\n\nfunction Radio(props: IRadio) {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\toptions,\n\t\tvalue,\n\t\ttype = \"default\",\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\toptionInline = true,\n\t\tlabelInline,\n\t\tdisabled,\n\t\trequired,\n\t\tclassName,\n\t\trenderItem,\n\t\tonChange,\n\t} = props;\n\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst handleChange = (value, e) => {\n\t\tsetSelectedValue(value);\n\t\tonChange?.(value, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-radio i-input-label\",\n\t\t\t\t{\n\t\t\t\t\t[`i-radio-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\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\n\t\t\t\t\t{message && <p className='i-radio-message'>{message}</p>}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-radio-options\", {\n\t\t\t\t\t\"i-options-block\": !optionInline,\n\t\t\t\t\t\"i-radio-options-button\": type === \"button\",\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{formattedOptions.map((option) => {\n\t\t\t\t\tconst checked = selectedValue === option.value;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<RadioItem\n\t\t\t\t\t\t\tkey={option.value as string}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderItem ?? option.label}\n\t\t\t\t\t\t</RadioItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nRadio.Item = RadioItem;\n\nexport default Radio;\n"],"mappings":";;;;;;AAQA,SAAS,MAAM,OAAe;CAC7B,MAAM,EACL,OACA,MACA,SACA,OACA,OAAO,WACP,SAAS,UACT,SACA,eAAe,MACf,aACA,UACA,UACA,WACA,YACA,aACG;CAEJ,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CAEzD,MAAM,mBAAmB,cAAc,aAAa,QAAQ,EAAE,CAAC,QAAQ,CAAC;CAExE,MAAM,gBAAgB,OAAO,MAAM;AAClC,mBAAiB,MAAM;AACvB,aAAW,OAAO,EAAE;;AAGrB,iBAAgB;AACf,mBAAiB,MAAM;IACrB,CAAC,MAAM,CAAC;AAEX,QACC,qBAAC,OAAD;EACC,WAAW,WACV,yBACA;IACE,WAAW,WAAW,WAAW;GAClC,kBAAkB;GAClB,EACD,UACA;YARF,CAUE,SACA,qBAAC,QAAD;GAAM,WAAU;aAAhB;IACE,YAAY,oBAAC,QAAD;KAAM,WAAU;eAAQ;KAAQ,CAAA;IAC5C;IAEA,WAAW,oBAAC,KAAD;KAAG,WAAU;eAAmB;KAAY,CAAA;IACnD;MAGP,oBAAC,OAAD;GACC,WAAW,WAAW,mBAAmB;IACxC,mBAAmB,CAAC;IACpB,0BAA0B,SAAS;IACnC,CAAC;aAED,iBAAiB,KAAK,WAAW;IACjC,MAAM,UAAU,kBAAkB,OAAO;AAEzC,WACC,oBAAC,WAAD;KAEO;KACN,OAAO,OAAO;KACL;KACH;KACN,UAAU,YAAY,OAAO;KAC7B,UAAU;eAET,cAAc,OAAO;KACZ,EATL,OAAO,MASF;KAEX;GACE,CAAA,CACD;;;AAIP,MAAM,OAAO"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/resizable/index.tsx"],"sourcesContent":["import Resizable from \"./resizable\";\n\nexport default Resizable;\n"],"mappings":";;AAEA,IAAA,oBAAe"}

package/lib/es/components/resizable/resizable.js

@@ -1,60 +1,79 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useRef } from 'react';
-import { useReactive, useMouseUp, useMouseMove } from '../../js/hooks.js';
-
+import { useMouseMove, useMouseUp, useReactive } from "../../js/hooks.js";
+import classNames from "classnames";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/resizable/resizable.tsx
 const Resizable = (props) => {
-    const { other, children, vertical, height, size = "auto", minSize = 0, maxSize = "100%", style, line, className, asPercent, onResize, onResizeComplete, } = props;
-    const state = useReactive({
-        size,
-        resizing: false,
-        start: 0,
-        total: 0,
-    });
-    const ref = useRef(null);
-    const handleMouseDown = () => {
-        const rect = ref.current?.getBoundingClientRect();
-        if (!rect)
-            return;
-        state.resizing = true;
-        if (vertical) {
-            state.total = rect.height;
-            state.start = rect.top;
-            return;
-        }
-        state.total = rect.width;
-        state.start = rect.left;
-    };
-    const handleMouseMove = (e) => {
-        if (!state.resizing)
-            return;
-        e.preventDefault();
-        if (e.touches) {
-            e = e.touches[0];
-        }
-        const d = e[vertical ? "pageY" : "pageX"];
-        const offset = d - state.start;
-        state.size = asPercent ? `${(offset / state.total) * 100}%` : offset;
-        onResize?.(state.size);
-    };
-    const handleMouseUp = () => {
-        if (!state.resizing)
-            return;
-        state.resizing = false;
-        onResizeComplete?.(state.size);
-    };
-    useMouseUp(handleMouseUp);
-    useMouseMove(handleMouseMove);
-    return (jsxs("div", { ref: ref, className: classNames("i-resizable", className, {
-            [`i-resizable-vertical`]: vertical,
-        }), style: { ...style, height }, children: [jsx("div", { className: 'i-resizable-a', style: {
-                    [vertical ? "height" : "width"]: state.size,
-                    [vertical ? "minHeight" : "minWidth"]: minSize,
-                    [vertical ? "maxHeight" : "maxWidth"]: maxSize,
-                }, children: other }), jsx("div", { className: classNames("i-resizable-line", {
-                    [`i-resizable-resizing`]: state.resizing,
-                }), onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, onContextMenu: (e) => e.preventDefault(), children: jsx("div", { className: 'i-resizable-line-node', children: line }) }), jsx("div", { className: 'i-resizable-b', children: children })] }));
+	const { other, children, vertical, height, size = "auto", minSize = 0, maxSize = "100%", style, line, className, asPercent, onResize, onResizeComplete } = props;
+	const state = useReactive({
+		size,
+		resizing: false,
+		start: 0,
+		total: 0
+	});
+	const ref = useRef(null);
+	const handleMouseDown = () => {
+		const rect = ref.current?.getBoundingClientRect();
+		if (!rect) return;
+		state.resizing = true;
+		if (vertical) {
+			state.total = rect.height;
+			state.start = rect.top;
+			return;
+		}
+		state.total = rect.width;
+		state.start = rect.left;
+	};
+	const handleMouseMove = (e) => {
+		if (!state.resizing) return;
+		e.preventDefault();
+		if (e.touches) e = e.touches[0];
+		const offset = e[vertical ? "pageY" : "pageX"] - state.start;
+		state.size = asPercent ? `${offset / state.total * 100}%` : offset;
+		onResize?.(state.size);
+	};
+	const handleMouseUp = () => {
+		if (!state.resizing) return;
+		state.resizing = false;
+		onResizeComplete?.(state.size);
+	};
+	useMouseUp(handleMouseUp);
+	useMouseMove(handleMouseMove);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: classNames("i-resizable", className, { [`i-resizable-vertical`]: vertical }),
+		style: {
+			...style,
+			height
+		},
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "i-resizable-a",
+				style: {
+					[vertical ? "height" : "width"]: state.size,
+					[vertical ? "minHeight" : "minWidth"]: minSize,
+					[vertical ? "maxHeight" : "maxWidth"]: maxSize
+				},
+				children: other
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("i-resizable-line", { [`i-resizable-resizing`]: state.resizing }),
+				onMouseDown: handleMouseDown,
+				onTouchStart: handleMouseDown,
+				onContextMenu: (e) => e.preventDefault(),
+				children: /* @__PURE__ */ jsx("div", {
+					className: "i-resizable-line-node",
+					children: line
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "i-resizable-b",
+				children
+			})
+		]
+	});
 };
-
+//#endregion
 export { Resizable as default };
-//# sourceMappingURL=resizable.js.map
+
+//# sourceMappingURL=resizable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","sources":["../../../../packages/components/resizable/resizable.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useRef } from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IResizable } from \"./type\";\n\nconst Resizable = (props: IResizable) => {\n\tconst {\n\t\tother,\n\t\tchildren,\n\t\tvertical,\n\t\theight,\n\t\tsize = \"auto\",\n\t\tminSize = 0,\n\t\tmaxSize = \"100%\",\n\t\tstyle,\n\t\tline,\n\t\tclassName,\n\t\tasPercent,\n\t\tonResize,\n\t\tonResizeComplete,\n\t} = props;\n\n\tconst state = useReactive({\n\t\tsize,\n\t\tresizing: false,\n\t\tstart: 0,\n\t\ttotal: 0,\n\t});\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst handleMouseDown = () => {\n\t\tconst rect = ref.current?.getBoundingClientRect();\n\t\tif (!rect) return;\n\n\t\tstate.resizing = true;\n\n\t\tif (vertical) {\n\t\t\tstate.total = rect.height;\n\t\t\tstate.start = rect.top;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.total = rect.width;\n\t\tstate.start = rect.left;\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.resizing) return;\n\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst d = e[vertical ? \"pageY\" : \"pageX\"];\n\t\tconst offset = d - state.start;\n\n\t\tstate.size = asPercent ? `${(offset / state.total) * 100}%` : offset;\n\t\tonResize?.(state.size);\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t\tonResizeComplete?.(state.size);\n\t};\n\n\tuseMouseUp(handleMouseUp);\n\tuseMouseMove(handleMouseMove);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-resizable\", className, {\n\t\t\t\t[`i-resizable-vertical`]: vertical,\n\t\t\t})}\n\t\t\tstyle={{ ...style, height }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName='i-resizable-a'\n\t\t\t\tstyle={{\n\t\t\t\t\t[vertical ? \"height\" : \"width\"]: state.size,\n\t\t\t\t\t[vertical ? \"minHeight\" : \"minWidth\"]: minSize,\n\t\t\t\t\t[vertical ? \"maxHeight\" : \"maxWidth\"]: maxSize,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{other}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-resizable-line\", {\n\t\t\t\t\t[`i-resizable-resizing`]: state.resizing,\n\t\t\t\t})}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t>\n\t\t\t\t<div className='i-resizable-line-node'>{line}</div>\n\t\t\t</div>\n\n\t\t\t<div className='i-resizable-b'>{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default Resizable;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"resizable.js","names":[],"sources":["../../../../packages/components/resizable/resizable.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useRef } from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IResizable } from \"./type\";\n\nconst Resizable = (props: IResizable) => {\n\tconst {\n\t\tother,\n\t\tchildren,\n\t\tvertical,\n\t\theight,\n\t\tsize = \"auto\",\n\t\tminSize = 0,\n\t\tmaxSize = \"100%\",\n\t\tstyle,\n\t\tline,\n\t\tclassName,\n\t\tasPercent,\n\t\tonResize,\n\t\tonResizeComplete,\n\t} = props;\n\n\tconst state = useReactive({\n\t\tsize,\n\t\tresizing: false,\n\t\tstart: 0,\n\t\ttotal: 0,\n\t});\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst handleMouseDown = () => {\n\t\tconst rect = ref.current?.getBoundingClientRect();\n\t\tif (!rect) return;\n\n\t\tstate.resizing = true;\n\n\t\tif (vertical) {\n\t\t\tstate.total = rect.height;\n\t\t\tstate.start = rect.top;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.total = rect.width;\n\t\tstate.start = rect.left;\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.resizing) return;\n\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst d = e[vertical ? \"pageY\" : \"pageX\"];\n\t\tconst offset = d - state.start;\n\n\t\tstate.size = asPercent ? `${(offset / state.total) * 100}%` : offset;\n\t\tonResize?.(state.size);\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t\tonResizeComplete?.(state.size);\n\t};\n\n\tuseMouseUp(handleMouseUp);\n\tuseMouseMove(handleMouseMove);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-resizable\", className, {\n\t\t\t\t[`i-resizable-vertical`]: vertical,\n\t\t\t})}\n\t\t\tstyle={{ ...style, height }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName='i-resizable-a'\n\t\t\t\tstyle={{\n\t\t\t\t\t[vertical ? \"height\" : \"width\"]: state.size,\n\t\t\t\t\t[vertical ? \"minHeight\" : \"minWidth\"]: minSize,\n\t\t\t\t\t[vertical ? \"maxHeight\" : \"maxWidth\"]: maxSize,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{other}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-resizable-line\", {\n\t\t\t\t\t[`i-resizable-resizing`]: state.resizing,\n\t\t\t\t})}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t>\n\t\t\t\t<div className='i-resizable-line-node'>{line}</div>\n\t\t\t</div>\n\n\t\t\t<div className='i-resizable-b'>{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default Resizable;\n"],"mappings":";;;;;AAMA,MAAM,aAAa,UAAsB;CACxC,MAAM,EACL,OACA,UACA,UACA,QACA,OAAO,QACP,UAAU,GACV,UAAU,QACV,OACA,MACA,WACA,WACA,UACA,qBACG;CAEJ,MAAM,QAAQ,YAAY;EACzB;EACA,UAAU;EACV,OAAO;EACP,OAAO;EACP,CAAC;CAEF,MAAM,MAAM,OAAuB,KAAK;CAExC,MAAM,wBAAwB;EAC7B,MAAM,OAAO,IAAI,SAAS,uBAAuB;AACjD,MAAI,CAAC,KAAM;AAEX,QAAM,WAAW;AAEjB,MAAI,UAAU;AACb,SAAM,QAAQ,KAAK;AACnB,SAAM,QAAQ,KAAK;AACnB;;AAGD,QAAM,QAAQ,KAAK;AACnB,QAAM,QAAQ,KAAK;;CAGpB,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,MAAM,SAAU;AAErB,IAAE,gBAAgB;AAElB,MAAI,EAAE,QACL,KAAI,EAAE,QAAQ;EAIf,MAAM,SADI,EAAE,WAAW,UAAU,WACd,MAAM;AAEzB,QAAM,OAAO,YAAY,GAAI,SAAS,MAAM,QAAS,IAAI,KAAK;AAC9D,aAAW,MAAM,KAAK;;CAGvB,MAAM,sBAAsB;AAC3B,MAAI,CAAC,MAAM,SAAU;AAErB,QAAM,WAAW;AACjB,qBAAmB,MAAM,KAAK;;AAG/B,YAAW,cAAc;AACzB,cAAa,gBAAgB;AAE7B,QACC,qBAAC,OAAD;EACM;EACL,WAAW,WAAW,eAAe,WAAW,GAC9C,yBAAyB,UAC1B,CAAC;EACF,OAAO;GAAE,GAAG;GAAO;GAAQ;YAL5B;GAOC,oBAAC,OAAD;IACC,WAAU;IACV,OAAO;MACL,WAAW,WAAW,UAAU,MAAM;MACtC,WAAW,cAAc,aAAa;MACtC,WAAW,cAAc,aAAa;KACvC;cAEA;IACG,CAAA;GAEL,oBAAC,OAAD;IACC,WAAW,WAAW,oBAAoB,GACxC,yBAAyB,MAAM,UAChC,CAAC;IACF,aAAa;IACb,cAAc;IACd,gBAAgB,MAAM,EAAE,gBAAgB;cAExC,oBAAC,OAAD;KAAK,WAAU;eAAyB;KAAU,CAAA;IAC9C,CAAA;GAEL,oBAAC,OAAD;IAAK,WAAU;IAAiB;IAAc,CAAA;GAC1C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/river/index.tsx"],"sourcesContent":["import River from \"./river\";\n\nexport default River;\n"],"mappings":";;AAEA,IAAA,gBAAe"}

package/lib/es/components/river/river.js

@@ -1,106 +1,114 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useRef, useMemo, Children, useLayoutEffect } from 'react';
-import { useReactive } from '../../js/hooks.js';
-
+import { useReactive } from "../../js/hooks.js";
+import classNames from "classnames";
+import { Children, useLayoutEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/river/river.tsx
 const River = (props) => {
-    const { children, className, speed = 1, pauseOnHover, ...restProps } = props;
-    const trackRef = useRef(null);
-    const state = useReactive({
-        initialized: false,
-        offset: 0,
-        queue: [],
-        paddingLeft: 0,
-        pause: false,
-    });
-    const rafRef = useRef(null);
-    const sizeRef = useRef([]);
-    const [items, length] = useMemo(() => {
-        const nodes = Children.toArray(children);
-        return [nodes, nodes.length];
-    }, [children]);
-    const animate = () => {
-        if (!trackRef.current)
-            return;
-        let next = state.offset - speed;
-        const d = Math.abs(next);
-        const [head, ...restQueue] = state.queue;
-        const size = sizeRef.current.at(head % length) ?? 0;
-        if (d > size) {
-            const tail = state.queue.at(-1);
-            const newQueue = [...restQueue, tail + 1];
-            state.queue = newQueue;
-            next += size;
-        }
-        state.offset = next;
-        if (!state.pause) {
-            rafRef.current = requestAnimationFrame(animate);
-        }
-    };
-    const cancelRaf = () => {
-        if (!rafRef.current)
-            return;
-        cancelAnimationFrame(rafRef.current);
-        rafRef.current = null;
-    };
-    const handleMouseOver = () => {
-        if (!pauseOnHover)
-            return;
-        state.pause = true;
-        cancelRaf();
-    };
-    const handleMouseLeave = () => {
-        if (!pauseOnHover)
-            return;
-        state.pause = false;
-        rafRef.current = requestAnimationFrame(animate);
-    };
-    useLayoutEffect(() => {
-        if (!trackRef.current)
-            return;
-        const pa = trackRef.current.offsetParent;
-        const parentWidth = pa.offsetWidth;
-        const nodes = Array.from(trackRef.current.childNodes);
-        const length = nodes.length;
-        if (length < 2)
-            return;
-        let contentWidth = trackRef.current.scrollWidth;
-        let count = 0;
-        const tails = [];
-        const sizes = nodes.map((node) => {
-            return node.offsetWidth;
-        });
-        sizeRef.current = sizes;
-        while (contentWidth < parentWidth) {
-            const w = sizes.at(count % length) ?? 0;
-            tails.push(length + count);
-            contentWidth += w;
-            count += 1;
-        }
-        state.offset = -1 * sizes.at(-1);
-        state.queue = [-1, ...sizes.map((_, i) => i), ...tails];
-        animate();
-        state.initialized = true;
-        return () => {
-            state.queue = [];
-            state.initialized = false;
-            state.offset = 0;
-            cancelRaf();
-        };
-    }, [children]);
-    return (jsx("div", { ...restProps, className: classNames("i-river", {
-            "i-river-initialized": state.initialized,
-        }, className), children: jsxs("div", { ref: trackRef, className: 'i-river-track', style: {
-                transform: `translate3d(${state.offset}px, 0, 0)`,
-                paddingLeft: state.paddingLeft,
-            }, onMouseOver: handleMouseOver, onMouseLeave: handleMouseLeave, children: [!state.initialized &&
-                    Children.map(children, (item, i) => {
-                        return (jsx("div", { className: 'i-river-item', children: item }, i));
-                    }), state.initialized &&
-                    state.queue.map((index) => {
-                        return (jsx("div", { className: 'i-river-item', children: items.at(index % items.length) }, index));
-                    })] }) }));
+	const { children, className, speed = 1, pauseOnHover, ...restProps } = props;
+	const trackRef = useRef(null);
+	const state = useReactive({
+		initialized: false,
+		offset: 0,
+		queue: [],
+		paddingLeft: 0,
+		pause: false
+	});
+	const rafRef = useRef(null);
+	const sizeRef = useRef([]);
+	const [items, length] = useMemo(() => {
+		const nodes = Children.toArray(children);
+		return [nodes, nodes.length];
+	}, [children]);
+	const animate = () => {
+		if (!trackRef.current) return;
+		let next = state.offset - speed;
+		const d = Math.abs(next);
+		const [head, ...restQueue] = state.queue;
+		const size = sizeRef.current.at(head % length) ?? 0;
+		if (d > size) {
+			const tail = state.queue.at(-1);
+			state.queue = [...restQueue, tail + 1];
+			next += size;
+		}
+		state.offset = next;
+		if (!state.pause) rafRef.current = requestAnimationFrame(animate);
+	};
+	const cancelRaf = () => {
+		if (!rafRef.current) return;
+		cancelAnimationFrame(rafRef.current);
+		rafRef.current = null;
+	};
+	const handleMouseOver = () => {
+		if (!pauseOnHover) return;
+		state.pause = true;
+		cancelRaf();
+	};
+	const handleMouseLeave = () => {
+		if (!pauseOnHover) return;
+		state.pause = false;
+		rafRef.current = requestAnimationFrame(animate);
+	};
+	useLayoutEffect(() => {
+		if (!trackRef.current) return;
+		const parentWidth = trackRef.current.offsetParent.offsetWidth;
+		const nodes = Array.from(trackRef.current.childNodes);
+		const length = nodes.length;
+		if (length < 2) return;
+		let contentWidth = trackRef.current.scrollWidth;
+		let count = 0;
+		const tails = [];
+		const sizes = nodes.map((node) => {
+			return node.offsetWidth;
+		});
+		sizeRef.current = sizes;
+		while (contentWidth < parentWidth) {
+			const w = sizes.at(count % length) ?? 0;
+			tails.push(length + count);
+			contentWidth += w;
+			count += 1;
+		}
+		state.offset = -1 * sizes.at(-1);
+		state.queue = [
+			-1,
+			...sizes.map((_, i) => i),
+			...tails
+		];
+		animate();
+		state.initialized = true;
+		return () => {
+			state.queue = [];
+			state.initialized = false;
+			state.offset = 0;
+			cancelRaf();
+		};
+	}, [children]);
+	return /* @__PURE__ */ jsx("div", {
+		...restProps,
+		className: classNames("i-river", { "i-river-initialized": state.initialized }, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: trackRef,
+			className: "i-river-track",
+			style: {
+				transform: `translate3d(${state.offset}px, 0, 0)`,
+				paddingLeft: state.paddingLeft
+			},
+			onMouseOver: handleMouseOver,
+			onMouseLeave: handleMouseLeave,
+			children: [!state.initialized && Children.map(children, (item, i) => {
+				return /* @__PURE__ */ jsx("div", {
+					className: "i-river-item",
+					children: item
+				}, i);
+			}), state.initialized && state.queue.map((index) => {
+				return /* @__PURE__ */ jsx("div", {
+					className: "i-river-item",
+					children: items.at(index % items.length)
+				}, index);
+			})]
+		})
+	});
 };
-
+//#endregion
 export { River as default };
-//# sourceMappingURL=river.js.map
+
+//# sourceMappingURL=river.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"river.js","sources":["../../../../packages/components/river/river.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IRiver } from \"./type\";\n\nconst River = (props: IRiver) => {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tspeed = 1,\n\t\tpauseOnHover,\n\t\t...restProps\n\t} = props;\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<any>({\n\t\tinitialized: false,\n\t\toffset: 0,\n\t\tqueue: [],\n\t\tpaddingLeft: 0,\n\t\tpause: false,\n\t});\n\tconst rafRef = useRef<any>(null);\n\tconst sizeRef = useRef<number[]>([]);\n\tconst [items, length] = useMemo(() => {\n\t\tconst nodes = Children.toArray(children);\n\n\t\treturn [nodes, nodes.length];\n\t}, [children]);\n\n\tconst animate = () => {\n\t\tif (!trackRef.current) return;\n\n\t\tlet next = state.offset - speed;\n\t\tconst d = Math.abs(next);\n\t\tconst [head, ...restQueue] = state.queue;\n\t\tconst size = sizeRef.current.at(head % length) ?? 0;\n\n\t\tif (d > size) {\n\t\t\tconst tail = state.queue.at(-1);\n\t\t\tconst newQueue = [...restQueue, tail + 1];\n\n\t\t\tstate.queue = newQueue;\n\t\t\tnext += size;\n\t\t}\n\n\t\tstate.offset = next;\n\n\t\tif (!state.pause) {\n\t\t\trafRef.current = requestAnimationFrame(animate);\n\t\t}\n\t};\n\n\tconst cancelRaf = () => {\n\t\tif (!rafRef.current) return;\n\n\t\tcancelAnimationFrame(rafRef.current);\n\t\trafRef.current = null;\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = true;\n\t\tcancelRaf();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = false;\n\t\trafRef.current = requestAnimationFrame(animate);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tif (!trackRef.current) return;\n\n\t\tconst pa = trackRef.current.offsetParent as HTMLDivElement;\n\t\tconst parentWidth = pa.offsetWidth;\n\t\tconst nodes = Array.from(trackRef.current.childNodes);\n\t\tconst length = nodes.length;\n\n\t\tif (length < 2) return;\n\n\t\tlet contentWidth = trackRef.current.scrollWidth;\n\t\tlet count = 0;\n\t\tconst tails: number[] = [];\n\n\t\tconst sizes = nodes.map((node: any) => {\n\t\t\treturn node.offsetWidth;\n\t\t});\n\t\tsizeRef.current = sizes;\n\n\t\twhile (contentWidth < parentWidth) {\n\t\t\tconst w = sizes.at(count % length) ?? 0;\n\t\t\ttails.push(length + count);\n\t\t\tcontentWidth += w;\n\t\t\tcount += 1;\n\t\t}\n\n\t\tstate.offset = -1 * sizes.at(-1);\n\t\tstate.queue = [-1, ...sizes.map((_, i) => i), ...tails];\n\n\t\tanimate();\n\t\tstate.initialized = true;\n\n\t\treturn () => {\n\t\t\tstate.queue = [];\n\t\t\tstate.initialized = false;\n\t\t\tstate.offset = 0;\n\n\t\t\tcancelRaf();\n\t\t};\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\t{...restProps}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-river\",\n\t\t\t\t{\n\t\t\t\t\t\"i-river-initialized\": state.initialized,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName='i-river-track'\n\t\t\t\tstyle={{\n\t\t\t\t\ttransform: `translate3d(${state.offset}px, 0, 0)`,\n\t\t\t\t\tpaddingLeft: state.paddingLeft,\n\t\t\t\t}}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t{!state.initialized &&\n\t\t\t\t\tChildren.map(children, (item, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={i}>\n\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t{state.initialized &&\n\t\t\t\t\tstate.queue.map((index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={index}>\n\t\t\t\t\t\t\t\t{items.at(index % items.length)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default River;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;AAC/B,IAAA,MAAM,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,CAAC,EACT,YAAY,EACZ,GAAG,SAAS,EACZ,GAAG,KAAK;AACT,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAC7C,MAAM,KAAK,GAAG,WAAW,CAAM;AAC9B,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,KAAK,EAAE,KAAK;AACZ,KAAA,CAAC;AACF,IAAA,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC;AAChC,IAAA,MAAM,OAAO,GAAG,MAAM,CAAW,EAAE,CAAC;IACpC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,MAAK;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;AAExC,QAAA,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;AAC7B,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,MAAM,OAAO,GAAG,MAAK;QACpB,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;AAEvB,QAAA,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK;QAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QACxB,MAAM,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,KAAK;AACxC,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAEnD,QAAA,IAAI,CAAC,GAAG,IAAI,EAAE;YACb,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,EAAE,IAAI,GAAG,CAAC,CAAC;AAEzC,YAAA,KAAK,CAAC,KAAK,GAAG,QAAQ;YACtB,IAAI,IAAI,IAAI;QACb;AAEA,QAAA,KAAK,CAAC,MAAM,GAAG,IAAI;AAEnB,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;AACjB,YAAA,MAAM,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC;QAChD;AACD,IAAA,CAAC;IAED,MAAM,SAAS,GAAG,MAAK;QACtB,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE;AAErB,QAAA,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC;AACpC,QAAA,MAAM,CAAC,OAAO,GAAG,IAAI;AACtB,IAAA,CAAC;IAED,MAAM,eAAe,GAAG,MAAK;AAC5B,QAAA,IAAI,CAAC,YAAY;YAAE;AAEnB,QAAA,KAAK,CAAC,KAAK,GAAG,IAAI;AAClB,QAAA,SAAS,EAAE;AACZ,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;AAC7B,QAAA,IAAI,CAAC,YAAY;YAAE;AAEnB,QAAA,KAAK,CAAC,KAAK,GAAG,KAAK;AACnB,QAAA,MAAM,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC;AAChD,IAAA,CAAC;IAED,eAAe,CAAC,MAAK;QACpB,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;AAEvB,QAAA,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,YAA8B;AAC1D,QAAA,MAAM,WAAW,GAAG,EAAE,CAAC,WAAW;AAClC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;AACrD,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;QAE3B,IAAI,MAAM,GAAG,CAAC;YAAE;AAEhB,QAAA,IAAI,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW;QAC/C,IAAI,KAAK,GAAG,CAAC;QACb,MAAM,KAAK,GAAa,EAAE;QAE1B,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,KAAI;YACrC,OAAO,IAAI,CAAC,WAAW;AACxB,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,CAAC,OAAO,GAAG,KAAK;AAEvB,QAAA,OAAO,YAAY,GAAG,WAAW,EAAE;AAClC,YAAA,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;AACvC,YAAA,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAC1B,YAAY,IAAI,CAAC;YACjB,KAAK,IAAI,CAAC;QACX;AAEA,QAAA,KAAK,CAAC,MAAM,GAAG,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;QAChC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC;AAEvD,QAAA,OAAO,EAAE;AACT,QAAA,KAAK,CAAC,WAAW,GAAG,IAAI;AAExB,QAAA,OAAO,MAAK;AACX,YAAA,KAAK,CAAC,KAAK,GAAG,EAAE;AAChB,YAAA,KAAK,CAAC,WAAW,GAAG,KAAK;AACzB,YAAA,KAAK,CAAC,MAAM,GAAG,CAAC;AAEhB,YAAA,SAAS,EAAE;AACZ,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,QACCA,gBACK,SAAS,EACb,SAAS,EAAE,UAAU,CACpB,SAAS,EACT;YACC,qBAAqB,EAAE,KAAK,CAAC,WAAW;AACxC,SAAA,EACD,SAAS,CACT,EAAA,QAAA,EAEDC,IAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;AACN,gBAAA,SAAS,EAAE,CAAA,YAAA,EAAe,KAAK,CAAC,MAAM,CAAA,SAAA,CAAW;gBACjD,WAAW,EAAE,KAAK,CAAC,WAAW;aAC9B,EACD,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAAA,QAAA,EAAA,CAE7B,CAAC,KAAK,CAAC,WAAW;oBAClB,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAI;wBAClC,QACCD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA,QAAA,EAC3B,IAAI,EAAA,EAD6B,CAAC,CAE9B;AAER,oBAAA,CAAC,CAAC,EAEF,KAAK,CAAC,WAAW;oBACjB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;wBACzB,QACCA,aAAK,SAAS,EAAC,cAAc,EAAA,QAAA,EAC3B,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IADG,KAAK,CAElC;AAER,oBAAA,CAAC,CAAC,CAAA,EAAA,CACE,EAAA,CACD;AAER;;;;"}
+{"version":3,"file":"river.js","names":[],"sources":["../../../../packages/components/river/river.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IRiver } from \"./type\";\n\nconst River = (props: IRiver) => {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tspeed = 1,\n\t\tpauseOnHover,\n\t\t...restProps\n\t} = props;\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<any>({\n\t\tinitialized: false,\n\t\toffset: 0,\n\t\tqueue: [],\n\t\tpaddingLeft: 0,\n\t\tpause: false,\n\t});\n\tconst rafRef = useRef<any>(null);\n\tconst sizeRef = useRef<number[]>([]);\n\tconst [items, length] = useMemo(() => {\n\t\tconst nodes = Children.toArray(children);\n\n\t\treturn [nodes, nodes.length];\n\t}, [children]);\n\n\tconst animate = () => {\n\t\tif (!trackRef.current) return;\n\n\t\tlet next = state.offset - speed;\n\t\tconst d = Math.abs(next);\n\t\tconst [head, ...restQueue] = state.queue;\n\t\tconst size = sizeRef.current.at(head % length) ?? 0;\n\n\t\tif (d > size) {\n\t\t\tconst tail = state.queue.at(-1);\n\t\t\tconst newQueue = [...restQueue, tail + 1];\n\n\t\t\tstate.queue = newQueue;\n\t\t\tnext += size;\n\t\t}\n\n\t\tstate.offset = next;\n\n\t\tif (!state.pause) {\n\t\t\trafRef.current = requestAnimationFrame(animate);\n\t\t}\n\t};\n\n\tconst cancelRaf = () => {\n\t\tif (!rafRef.current) return;\n\n\t\tcancelAnimationFrame(rafRef.current);\n\t\trafRef.current = null;\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = true;\n\t\tcancelRaf();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = false;\n\t\trafRef.current = requestAnimationFrame(animate);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tif (!trackRef.current) return;\n\n\t\tconst pa = trackRef.current.offsetParent as HTMLDivElement;\n\t\tconst parentWidth = pa.offsetWidth;\n\t\tconst nodes = Array.from(trackRef.current.childNodes);\n\t\tconst length = nodes.length;\n\n\t\tif (length < 2) return;\n\n\t\tlet contentWidth = trackRef.current.scrollWidth;\n\t\tlet count = 0;\n\t\tconst tails: number[] = [];\n\n\t\tconst sizes = nodes.map((node: any) => {\n\t\t\treturn node.offsetWidth;\n\t\t});\n\t\tsizeRef.current = sizes;\n\n\t\twhile (contentWidth < parentWidth) {\n\t\t\tconst w = sizes.at(count % length) ?? 0;\n\t\t\ttails.push(length + count);\n\t\t\tcontentWidth += w;\n\t\t\tcount += 1;\n\t\t}\n\n\t\tstate.offset = -1 * sizes.at(-1);\n\t\tstate.queue = [-1, ...sizes.map((_, i) => i), ...tails];\n\n\t\tanimate();\n\t\tstate.initialized = true;\n\n\t\treturn () => {\n\t\t\tstate.queue = [];\n\t\t\tstate.initialized = false;\n\t\t\tstate.offset = 0;\n\n\t\t\tcancelRaf();\n\t\t};\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\t{...restProps}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-river\",\n\t\t\t\t{\n\t\t\t\t\t\"i-river-initialized\": state.initialized,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName='i-river-track'\n\t\t\t\tstyle={{\n\t\t\t\t\ttransform: `translate3d(${state.offset}px, 0, 0)`,\n\t\t\t\t\tpaddingLeft: state.paddingLeft,\n\t\t\t\t}}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t{!state.initialized &&\n\t\t\t\t\tChildren.map(children, (item, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={i}>\n\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t{state.initialized &&\n\t\t\t\t\tstate.queue.map((index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={index}>\n\t\t\t\t\t\t\t\t{items.at(index % items.length)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default River;\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/select/index.tsx"],"sourcesContent":["import Select from \"./select\";\n\nexport default Select;\n"],"mappings":";;AAEA,IAAA,iBAAe"}