@ioca/react 1.4.78 → 1.4.79

package/lib/cjs/components/progress/progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.cjs","names":[],"sources":["../../../../packages/components/progress/progress.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport \"../../css/input.css\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport Circle from \"./circle\";\nimport \"./index.css\";\nimport Line from \"./line\";\nimport { IProgress } from \"./type\";\n\nconst Progress = (props: IProgress) => {\n\tconst {\n\t\tvalue = 0,\n\t\tlineWidth = 8,\n\t\tcircleSize = 40,\n\t\tprecision = 0,\n\t\tstyle,\n\t\tdraggable = true,\n\t\ttype = \"line\",\n\t\tbarClass,\n\t\tvertical,\n\t\tlabel,\n\t\tlabelInline,\n\t\tclassName,\n\t\trenderCursor,\n\t\tonChange,\n\t\tonDraggingChange,\n\t} = props;\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive({\n\t\tvalue,\n\t\tdragging: false,\n\t\tsize: 0,\n\t\tstart: 0,\n\t});\n\n\tconst pageXY = vertical ? \"pageY\" : \"pageX\";\n\tconst rectTL = vertical ? \"top\" : \"left\";\n\tconst rectWH = vertical ? \"height\" : \"width\";\n\n\tconst getFixedValue = () => {\n\t\tlet value = +state.value.toFixed(precision);\n\t\tvalue = Math.min(100, value);\n\t\tvalue = Math.max(0, value);\n\n\t\treturn value;\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!ref.current || !draggable) return;\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst rect = ref.current.getBoundingClientRect();\n\t\tconst value = ((e[pageXY] - rect[rectTL]) * 100) / rect[rectWH];\n\n\t\tObject.assign(state, {\n\t\t\tvalue: vertical ? 100 - value : value,\n\t\t\tsize: rect[rectWH],\n\t\t\tstart: rect[rectTL],\n\t\t\tdragging: true,\n\t\t});\n\t\tonDraggingChange?.(true);\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !draggable) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst { start, size } = state;\n\t\tconst offset = e[pageXY] - start;\n\n\t\tif (offset < 0 || offset > size) return;\n\n\t\tconst value = ((e[pageXY] - start) * 100) / size;\n\t\tstate.value = vertical ? 100 - value : value;\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging || !draggable) return;\n\n\t\tonChange?.(getFixedValue());\n\t\tstate.dragging = false;\n\t\tonDraggingChange?.(false);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseEffect(() => {\n\t\tif (value > 100) {\n\t\t\tstate.value = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (value < 0) {\n\t\t\tstate.value = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.value = value;\n\t}, [value]);\n\n\treturn (\n\t\t<div\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 && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t{type === \"line\" && (\n\t\t\t\t<Line\n\t\t\t\t\tref={ref}\n\t\t\t\t\tvertical={vertical}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t\tbarClass={barClass}\n\t\t\t\t\tdragging={state.dragging}\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\trenderCursor={renderCursor}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{type === \"circle\" && (\n\t\t\t\t<Circle\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\tcircleSize={circleSize}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Progress;\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,UAAgB;SAElC,QAAM,GACL,YAAM,GACL,aAAS,IACT,YAAY,GACZ,OACA,YAAY,MACZ,OAAK,QACL,UACA,UACA,OACA,aACA,WACA,cACA,UACA,qBACA;CAED,MAAI,OAAA,GAAA,MAAA,QAAK,KAAA;;EAET;EACA,UAAW;EACV,MAAK;EACL,OAAA;EACA,CAAA;CAED,MAAE,SAAA,WAAA,UAAA;;CAEF,MAAM,SAAS,WAAW,WAAW;CAErC,MAAM,sBAAqB;;AAE3B,UAAM,KAAA,IAAA,KAAiB,MAAK;AAC3B,UAAI,KAAS,IAAA,GAAM,MAAM;AAEzB,SAAO;;CAGR,MAAC,mBAAA,MAAA;;AAGA,MAAI,EAAC,QAAA,KAAA,EAAA,QAAA;EAIL,MAAA,OAAA,IAAA,QAAA,uBAAA;;AAGA,SAAM,OAAQ,OAAI;;GAElB,MAAO,KAAA;GACN,OAAO,KAAA;GACP,UAAU;GACV,CAAA;AACD,qBAAe,KAAA;;CAGhB,MAAC,mBAAA,MAAA;;AAED,IAAA,gBAAM;AAEL,MAAE,EAAA,QAAA,KAAA,EAAA,QAAA;EAIF,MAAA,EAAA,OAAA,SAAA;;AAGA,MAAA,SAAa,KAAI,SAAU,KAAK;EAEhC,MAAI,SAAY,EAAE,UAAS,SAAM,MAAM;;;CAIxC,MAAC,sBAAA;;AAGA,aAAW,eAAa,CAAA;;AAExB,qBAAW,MAAc;;AAG1B,eAAA,aAAC,gBAAA;;AAGD,EAAA,GAAA,MAAA,iBAAW;;AAEX,SAAA,QAAgB;AACf;;AAGA,MAAA,QAAA,GAAA;;AAEA;;AAGA,QAAA,QAAA;;AAGD,QAAA,iBAAA,GAAA,kBAAA,MAAA,OAAA;EAEA,YAAA,GAAA,WAAA,SAAO,iBAAA,WAAA,EACL,kBAAA,aACA,CAAA;EACI;;GAEJ,SAAO,iBAAA,GAAA,kBAAA,KAAA,QAAA;IAAK,WAAA;cAAA;IAAA,CAAA;GAEX,SAAS,UAAA,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;IAEH;IACL;IACQ;IACE;IACV,UAAU,MAAC;IACX,OAAA,MAAU;IACA;IACV,aAAa;IACb,cAAc;IACd,CAAA;GAGD,SAAA,YAAA,iBAAA,GAAA,kBAAA,KAAA,eAAA,SAAA;IAEA,OAAQ,MAAE;IACT;IACO;IACP,CAAA;GAEA"}

package/lib/cjs/components/radio/index.cjs

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

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

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

package/lib/cjs/components/radio/item.cjs

@@ -0,0 +1,34 @@
+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/radio/item.tsx
+function RadioItem(props) {
+	const { type = "default", name, value, checked, disabled, children, onChange } = props;
+	const isChildrenFn = typeof children === "function";
+	const handleChange = (e) => {
+		onChange?.(value, e);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: (0, classnames.default)("i-radio-item", {
+			disabled,
+			"i-radio-item-custom": isChildrenFn
+		}),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			type: "radio",
+			name,
+			checked,
+			className: (0, classnames.default)("i-radio-input", `i-radio-${type}`),
+			disabled,
+			hidden: isChildrenFn,
+			onChange: handleChange
+		}), isChildrenFn ? children(!!checked, value) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "i-radio-text",
+			children
+		})]
+	});
+}
+//#endregion
+exports.default = RadioItem;
+
+//# sourceMappingURL=item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs","names":[],"sources":["../../../../packages/components/radio/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { ChangeEvent } from \"react\";\nimport { IRadioItem } from \"./type\";\n\nexport default function RadioItem(props: IRadioItem) {\n\tconst {\n\t\ttype = \"default\",\n\t\tname,\n\t\tvalue,\n\t\tchecked,\n\t\tdisabled,\n\t\tchildren,\n\t\tonChange,\n\t} = props;\n\tconst isChildrenFn = typeof children === \"function\";\n\n\tconst handleChange = (e: ChangeEvent) => {\n\t\tonChange?.(value, e);\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\"i-radio-item\", {\n\t\t\t\tdisabled,\n\t\t\t\t\"i-radio-item-custom\": isChildrenFn,\n\t\t\t})}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype='radio'\n\t\t\t\tname={name}\n\t\t\t\tchecked={checked}\n\t\t\t\tclassName={classNames(\"i-radio-input\", `i-radio-${type}`)}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thidden={isChildrenFn}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\n\t\t\t{isChildrenFn ? (\n\t\t\t\tchildren(!!checked, value)\n\t\t\t) : (\n\t\t\t\t<span className='i-radio-text'>{children}</span>\n\t\t\t)}\n\t\t</label>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAAwB,UAAU,OAAmB;CACpD,MAAM,EACL,OAAO,WACP,MACA,OACA,SACA,UACA,UACA,aACG;CACJ,MAAM,eAAe,OAAO,aAAa;CAEzC,MAAM,gBAAgB,MAAmB;AACxC,aAAW,OAAO,EAAE;;AAGrB,QACC,iBAAA,GAAA,kBAAA,MAAC,SAAD;EACC,YAAA,GAAA,WAAA,SAAsB,gBAAgB;GACrC;GACA,uBAAuB;GACvB,CAAC;YAJH,CAMC,iBAAA,GAAA,kBAAA,KAAC,SAAD;GACC,MAAK;GACC;GACG;GACT,YAAA,GAAA,WAAA,SAAsB,iBAAiB,WAAW,OAAO;GAC/C;GACV,QAAQ;GACR,UAAU;GACT,CAAA,EAED,eACA,SAAS,CAAC,CAAC,SAAS,MAAM,GAE1B,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;GAAgB;GAAgB,CAAA,CAE1C"}

package/lib/cjs/components/radio/radio.cjs

@@ -0,0 +1,62 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../js/utils.cjs");
+const require_item = require("./item.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/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] = (0, react.useState)(value);
+	const formattedOptions = (0, react.useMemo)(() => require_utils.formatOption(options), [options]);
+	const handleChange = (value, e) => {
+		setSelectedValue(value);
+		onChange?.(value, e);
+	};
+	(0, react.useEffect)(() => {
+		setSelectedValue(value);
+	}, [value]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("i-radio i-input-label", {
+			[`i-radio-${status}`]: status !== "normal",
+			"i-input-inline": labelInline
+		}, className),
+		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,
+				message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "i-radio-message",
+					children: message
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, classnames.default)("i-radio-options", {
+				"i-options-block": !optionInline,
+				"i-radio-options-button": type === "button"
+			}),
+			children: formattedOptions.map((option) => {
+				const checked = selectedValue === option.value;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+					name,
+					value: option.value,
+					checked,
+					type,
+					disabled: disabled || option.disabled,
+					onChange: handleChange,
+					children: renderItem ?? option.label
+				}, option.value);
+			})
+		})]
+	});
+}
+Radio.Item = require_item.default;
+//#endregion
+exports.default = Radio;
+
+//# sourceMappingURL=radio.cjs.map

package/lib/cjs/components/radio/radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.cjs","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":";;;;;;;;AAMA,SAAS,MAAM,OAAe;SAE9B,OACC,MACC,SACA,OACA,OAAO,WACP,SAAK,UACL,SACA,eAAU,MACV,aACA,UACA,UACA,WACA,YACA,aACA;CAED,MAAI,CAAA,eAAK,qBAAA,GAAA,MAAA,UAAA,MAAA;CAET,MAAM,oBAAA,GAAA,MAAA,eAAiC,cAAA,aAAY,QAAM,EAAA,CAAA,QAAA,CAAA;CAEzD,MAAM,gBAAgB,OAAG,MAAU;;AAEnC,aAAM,OAAa,EAAE;;AAGrB,EAAA,GAAA,MAAA,iBAAC;;IAED,CAAA,MAAU,CAAC;AAEX,QAAA,iBAAA,GAAA,kBAAA,MAAA,OAAA;EAEA,YAAA,GAAA,WAAA,SACE,yBACA;IACG,WAAS,WAAY,WAAA;GACvB,kBAAA;GACC,EACD,UACA;aAEA,SACF,iBAAA,GAAA,kBAAA,MAAA,QAAA;GAAA,WAAA;aAAA;IACE,YAAS,iBAAA,GAAA,kBAAA,KAAA,QAAA;KAAA,WAAA;eAAA;KAAA,CAAA;IACR;IAEC,WAAK,iBAAA,GAAA,kBAAA,KAAA,KAAA;KAAA,WAAA;eAAA;KAAA,CAAA;;MAIR,iBAAA,GAAA,kBAAA,KAAC,OAAD;;IAEC,mBAAA,CAAA;IACA,0BAAyB,SAAM;IAC9B,CAAC;aAED,iBAAC,KAAA,WAAA;IACH,MAAA,UAAA,kBAAA,OAAA;AAEE,WAAA,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;KAGE;KACA,OAAK,OAAO;KACN;KACA;KACN,UAAS,YAAO,OAAA;KAChB,UAAU;eAEV,cAAU,OAAY;KACvB,EATM,OAAA,MASN;KAEA;GACA,CAAA,CACA;;;AAIN,MAAA,OAAA,aAAA"}

package/lib/cjs/components/resizable/index.cjs

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

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

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

package/lib/cjs/components/resizable/resizable.cjs

@@ -0,0 +1,81 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_hooks = require("../../js/hooks.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("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 = require_hooks.useReactive({
+		size,
+		resizing: false,
+		start: 0,
+		total: 0
+	});
+	const ref = (0, react.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);
+	};
+	require_hooks.useMouseUp(handleMouseUp);
+	require_hooks.useMouseMove(handleMouseMove);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: (0, classnames.default)("i-resizable", className, { [`i-resizable-vertical`]: vertical }),
+		style: {
+			...style,
+			height
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-resizable-a",
+				style: {
+					[vertical ? "height" : "width"]: state.size,
+					[vertical ? "minHeight" : "minWidth"]: minSize,
+					[vertical ? "maxHeight" : "maxWidth"]: maxSize
+				},
+				children: other
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, classnames.default)("i-resizable-line", { [`i-resizable-resizing`]: state.resizing }),
+				onMouseDown: handleMouseDown,
+				onTouchStart: handleMouseDown,
+				onContextMenu: (e) => e.preventDefault(),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "i-resizable-line-node",
+					children: line
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-resizable-b",
+				children
+			})
+		]
+	});
+};
+//#endregion
+exports.default = Resizable;
+
+//# sourceMappingURL=resizable.cjs.map

package/lib/cjs/components/resizable/resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.cjs","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":";;;;;;;;CAMA,MAAM,EACL,OACC,UACA,UACA,QACA,OAAM,QACN,UAAQ,GACR,UAAU,QACV,OACA,MACA,WACA,WACA,UACA,qBACA;;EAGD;EACC,UAAI;EACJ,OAAA;EACA,OAAO;EACP,CAAA;;;EAKD,MAAM,OAAA,IAAA,SAAqB,uBAAG;AAC7B,MAAA,CAAK,KAAM;;;AAKX,SAAI,QAAU,KAAA;AACb,SAAM,QAAQ,KAAK;AACnB;;;AAID,QAAM,QAAQ,KAAK;;;AAIpB,MAAK,CAAC,MAAA,SAAgB;;gBAKrB,KAAK,EAAC,QAAS;EAIf,MAAM,SAAA,EAAA,WAAA,UAAA,WAAM,MAAY;;AAGxB,aAAW,MAAE,KAAS;;;AAIvB,MAAK,CAAC,MAAA,SAAgB;;AAGrB,qBAAiB,MAAK,KAAA;;;AAIvB,eAAA,aAAW,gBAAc;QAGzB,iBAAA,GAAA,kBAAA,MAAA,OAAA;EACE;EACA,YAAA,GAAA,WAAA,SAAQ,eAAA,WAAA,GACR,yBAAyB,UACxB,CAAC;EACF,OAAE;GAAA,GAAA;GAAA;GAAA;YALJ;GAOC,iBAAA,GAAA,kBAAA,KAAA,OAAA;IACE,WAAA;IACA,OAAA;MACA,WAAO,WAAA,UAAA,MAAA;MACL,WAAW,cAAY,aAAe;MACtC,WAAW,cAAc,aAAa;KACvC;cAEF;IACE,CAAA;;IAGD,YAAA,GAAA,WAAA,SAAA,oBAAA,GACA,yBAAyB,MAAA,UACxB,CAAC;IACF,aAAE;IACF,cAAa;IACb,gBAAc,MAAA,EAAA,gBAAe;cAE9B,iBAAA,GAAA,kBAAA,KAAA,OAAA;KAAA,WAAA;eAAA;KAAA,CAAA;IACM,CAAA;;;;;GAGD"}

package/lib/cjs/components/river/index.cjs

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

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

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

package/lib/cjs/components/river/river.cjs

@@ -0,0 +1,116 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_hooks = require("../../js/hooks.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/river/river.tsx
+const River = (props) => {
+	const { children, className, speed = 1, pauseOnHover, ...restProps } = props;
+	const trackRef = (0, react.useRef)(null);
+	const state = require_hooks.useReactive({
+		initialized: false,
+		offset: 0,
+		queue: [],
+		paddingLeft: 0,
+		pause: false
+	});
+	const rafRef = (0, react.useRef)(null);
+	const sizeRef = (0, react.useRef)([]);
+	const [items, length] = (0, react.useMemo)(() => {
+		const nodes = react.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);
+	};
+	(0, react.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__ */ (0, react_jsx_runtime.jsx)("div", {
+		...restProps,
+		className: (0, classnames.default)("i-river", { "i-river-initialized": state.initialized }, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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 && react.Children.map(children, (item, i) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "i-river-item",
+					children: item
+				}, i);
+			}), state.initialized && state.queue.map((index) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "i-river-item",
+					children: items.at(index % items.length)
+				}, index);
+			})]
+		})
+	});
+};
+//#endregion
+exports.default = River;
+
+//# sourceMappingURL=river.cjs.map

package/lib/cjs/components/river/river.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"river.cjs","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":";;;;;;;;CAMA,MAAM,EACL,UACC,WACA,QAAA,GACA,cACA,GAAA,cACG;CACJ,MAAI,YAAA,GAAA,MAAA,QAAK,KAAA;CACT,MAAM,QAAQ,cAAA,YAAU;EACxB,aAAc;EACb,QAAA;EACA,OAAO,EAAE;EACT,aAAS;EACT,OAAA;EACA,CAAA;CACD,MAAE,UAAA,GAAA,MAAA,QAAA,KAAA;CACF,MAAM,WAAA,GAAA,MAAA,QAA0B,EAAA,CAAA;CAChC,MAAM,CAAA,OAAQ,WAAA,GAAA,MAAA,eAAsB;EACpC,MAAO,QAAO,MAAA,SAAU,QAAQ,SAAM;;IAGrC,CAAA,SAAQ,CAAK;;AAGd,MAAK,CAAC,SAAS,QAAO;;EAGrB,MAAI,IAAM,KAAC,IAAM,KAAO;EACxB,MAAM,CAAC,MAAG,GAAK,aAAS,MAAA;EACxB,MAAM,OAAO,QAAG,QAAa,GAAA,OAAM,OAAK,IAAA;;GAGxC,MAAO,OAAO,MAAA,MAAA,GAAA,GAAA;iBACA,CAAK,GAAC,WAAY,OAAA,EAAA;AAG/B,WAAM;;;mBAMP,QAAK,UAAa,sBAAA,QAAA;;;AAKnB,MAAK,CAAC,OAAA,QAAgB;;AAGrB,SAAA,UAAA;;;AAID,MAAK,CAAC,aAAA;;AAGL,aAAW;;;AAIZ,MAAK,CAAC,aAAA;;AAGL,SAAM,UAAQ,sBAAK,QAAA;;;AAIpB,MAAA,CAAA,SAAe,QAAO;EAGrB,MAAM,cAAA,SAAA,QAAA,aAAc;EACpB,MAAM,QAAA,MAAc,KAAG,SAAW,QAAA,WAAA;EAClC,MAAM,SAAQ,MAAM;;;EAKpB,IAAI,QAAA;EACJ,MAAI,QAAS,EAAA;;AAGb,UAAM,KAAO;IACZ;AACD,UAAE,UAAA;;GAGF,MAAO,IAAA,MAAA,GAAa,QAAE,OAAa,IAAA;AAClC,SAAM,KAAI,SAAS,MAAO;AAC1B,mBAAW;AACX,YAAA;;;AAID,QAAM,QAAQ;GAAC;GAAI,GAAC,MAAQ,KAAI,GAAA,MAAA,EAAA;GAAA,GAAA;GAAA;;AAGhC,QAAA,cAAS;;AAGT,SAAO,QAAM,EAAA;AACZ,SAAM,cAAU;AAChB,SAAM,SAAA;;;IAIN,CAAA,SAAA,CAAA;QAGF,iBAAA,GAAA,kBAAA,KAAA,OAAA;EACE,GAAA;EACA,YAAA,GAAA,WAAA,SACA,WACC,EACA,uBAAA,MAAA,aACC,EACD,UACA;YAEF,iBAAA,GAAA,kBAAA,MAAA,OAAA;GACE,KAAA;GACA,WAAK;GACL,OAAA;IACA,WAAO,eAAA,MAAA,OAAA;IACN,aAAY,MAAA;IACZ;GACD,aAAC;GACD,cAAa;aARf,CAUC,CAAA,MAAA,eACE,MAAA,SAAO,IAAA,WAAa,MAAA,MAAA;AACpB,WACC,iBAAA,GAAA,kBAAA,KAAA,OAAA;KAAM,WAAC;eACL;KACK,EAFA,EAEA;KAEN,EAAA,MAAA,eAGF,MAAM,MAAA,KAAW,UAAE;AACnB,WACC,iBAAA,GAAA,kBAAA,KAAA,OAAA;KAAM,WAAC;eACL,MAAI,GAAA,QAAa,MAAM,OAAM;KAC5B,EAFI,MAEJ;KAEF,CACA;;EACC,CAAA"}

package/lib/cjs/components/select/index.cjs

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

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

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

package/lib/cjs/components/select/options.cjs

@@ -0,0 +1,76 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../icon/index.cjs");
+const require_index$1 = require("../utils/empty/index.cjs");
+const require_index$2 = require("../list/index.cjs");
+const require_index$3 = require("../tag/index.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let _ricons_material = require("@ricons/material");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/select/options.tsx
+const Options = (props) => {
+	const { value: val, options, filter, filterPlaceholder, multiple, empty = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {}), onSelect, onFilter } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("i-select-options", { "i-select-options-multiple": multiple }),
+		children: [
+			filter && multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "i-select-filter",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.SearchRound, {}),
+					className: "color-8 ml-8 my-auto",
+					size: "1.2em"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "text",
+					className: "i-input",
+					placeholder: filterPlaceholder,
+					onChange: onFilter
+				})]
+			}),
+			options.length === 0 && empty,
+			options.map((option, i) => {
+				const { label, value, disabled } = option;
+				const isActive = multiple ? val?.includes(value) : val === value;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$2.default.Item, {
+					active: isActive,
+					type: "option",
+					onClick: () => onSelect?.(value, option),
+					disabled,
+					children: [multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.CheckRound, {}),
+						className: "i-select-option-check",
+						size: "1em"
+					}), label]
+				}, value || i);
+			})
+		]
+	});
+};
+const activeOptions = (options = [], value = [], max = 3) => {
+	const total = options.flatMap((opt) => value.includes(opt.value) ? [opt] : []);
+	if (max >= total.length) return total;
+	const rest = total.length - max;
+	const after = total.slice(0, max);
+	after.push(rest);
+	return after;
+};
+const displayValue = (config) => {
+	const { options, value, maxDisplay, multiple, onSelect } = config;
+	if (multiple) return activeOptions(options, value, maxDisplay).map((opt, i) => {
+		if (typeof opt === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$3.default, { children: ["+", opt] }, i);
+		const { label, value } = opt;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.default, {
+			hoverShowClose: true,
+			onClose: (e) => {
+				e?.stopPropagation();
+				onSelect?.(value, opt);
+			},
+			children: label
+		}, value);
+	});
+	return options.find((opt) => opt.value === value)?.label;
+};
+//#endregion
+exports.Options = Options;
+exports.displayValue = displayValue;
+
+//# sourceMappingURL=options.cjs.map

package/lib/cjs/components/select/options.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.cjs","names":["Empty","Icon","SearchRound","List","CheckRound","Tag"],"sources":["../../../../packages/components/select/options.tsx"],"sourcesContent":["import { CheckRound, SearchRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { TOption } from \"../../type\";\nimport Icon from \"../icon\";\nimport List from \"../list\";\nimport Tag from \"../tag\";\nimport Empty from \"../utils/empty\";\nimport { ISelectOptions } from \"./type\";\nexport const Options = (props: ISelectOptions) => {\n\tconst {\n\t\tvalue: val,\n\t\toptions,\n\t\tfilter,\n\t\tfilterPlaceholder,\n\t\tmultiple,\n\t\tempty = <Empty />,\n\t\tonSelect,\n\t\tonFilter,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-select-options\", {\n\t\t\t\t\"i-select-options-multiple\": multiple,\n\t\t\t})}\n\t\t>\n\t\t\t{filter && multiple && (\n\t\t\t\t<div className='i-select-filter'>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={<SearchRound />}\n\t\t\t\t\t\tclassName='color-8 ml-8 my-auto'\n\t\t\t\t\t\tsize='1.2em'\n\t\t\t\t\t/>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='text'\n\t\t\t\t\t\tclassName='i-input'\n\t\t\t\t\t\tplaceholder={filterPlaceholder}\n\t\t\t\t\t\tonChange={onFilter}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{options.length === 0 && empty}\n\n\t\t\t{options.map((option, i) => {\n\t\t\t\tconst { label, value, disabled } = option;\n\t\t\t\tconst isActive = multiple\n\t\t\t\t\t? val?.includes(value)\n\t\t\t\t\t: val === value;\n\n\t\t\t\treturn (\n\t\t\t\t\t<List.Item\n\t\t\t\t\t\tkey={(value as string) || i}\n\t\t\t\t\t\tactive={isActive}\n\t\t\t\t\t\ttype='option'\n\t\t\t\t\t\tonClick={() => onSelect?.(value, option)}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t{multiple && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={<CheckRound />}\n\t\t\t\t\t\t\t\tclassName='i-select-option-check'\n\t\t\t\t\t\t\t\tsize='1em'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</List.Item>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport const activeOptions = (\n\toptions: TOption[] = [],\n\tvalue: any[] = [],\n\tmax = 3\n) => {\n\tconst total = options.flatMap((opt) =>\n\t\tvalue.includes(opt.value) ? [opt] : []\n\t);\n\n\tif (max >= total.length) return total;\n\n\tconst rest = total.length - max;\n\tconst after = total.slice(0, max);\n\tafter.push(rest as any);\n\n\treturn after;\n};\n\nexport const displayValue = (config) => {\n\tconst { options, value, maxDisplay, multiple, onSelect } = config;\n\n\tif (multiple) {\n\t\treturn activeOptions(options, value, maxDisplay).map((opt, i) => {\n\t\t\tif (typeof opt === \"number\") return <Tag key={i}>+{opt}</Tag>;\n\n\t\t\tconst { label, value } = opt;\n\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\tkey={value as string}\n\t\t\t\t\thoverShowClose\n\t\t\t\t\tonClose={(e) => {\n\t\t\t\t\t\te?.stopPropagation();\n\t\t\t\t\t\tonSelect?.(value, opt);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Tag>\n\t\t\t);\n\t\t});\n\t}\n\n\treturn options.find((opt: TOption) => opt.value === value)?.label;\n};\n"],"mappings":";;;;;;;;;;AAQA,MAAa,WAAW,UAA0B;CACjD,MAAM,EACL,OAAO,KACP,SACA,QACA,mBACA,UACA,QAAQ,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD,EAAS,CAAA,EACjB,UACA,aACG;AAEJ,QACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACC,YAAA,GAAA,WAAA,SAAsB,oBAAoB,EACzC,6BAA6B,UAC7B,CAAC;YAHH;GAKE,UAAU,YACV,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;KACC,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,aAAD,EAAe,CAAA;KACrB,WAAU;KACV,MAAK;KACJ,CAAA,EACF,iBAAA,GAAA,kBAAA,KAAC,SAAD;KACC,MAAK;KACL,WAAU;KACV,aAAa;KACb,UAAU;KACT,CAAA,CACG;;GAGN,QAAQ,WAAW,KAAK;GAExB,QAAQ,KAAK,QAAQ,MAAM;IAC3B,MAAM,EAAE,OAAO,OAAO,aAAa;IACnC,MAAM,WAAW,WACd,KAAK,SAAS,MAAM,GACpB,QAAQ;AAEX,WACC,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,QAAK,MAAN;KAEC,QAAQ;KACR,MAAK;KACL,eAAe,WAAW,OAAO,OAAO;KAC9B;eALX,CAOE,YACA,iBAAA,GAAA,kBAAA,KAACF,cAAAA,SAAD;MACC,MAAM,iBAAA,GAAA,kBAAA,KAACG,iBAAAA,YAAD,EAAc,CAAA;MACpB,WAAU;MACV,MAAK;MACJ,CAAA,EAEF,MACU;OAdL,SAAoB,EAcf;KAEZ;GACG;;;AAIR,MAAa,iBACZ,UAAqB,EAAE,EACvB,QAAe,EAAE,EACjB,MAAM,MACF;CACJ,MAAM,QAAQ,QAAQ,SAAS,QAC9B,MAAM,SAAS,IAAI,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,CACtC;AAED,KAAI,OAAO,MAAM,OAAQ,QAAO;CAEhC,MAAM,OAAO,MAAM,SAAS;CAC5B,MAAM,QAAQ,MAAM,MAAM,GAAG,IAAI;AACjC,OAAM,KAAK,KAAY;AAEvB,QAAO;;AAGR,MAAa,gBAAgB,WAAW;CACvC,MAAM,EAAE,SAAS,OAAO,YAAY,UAAU,aAAa;AAE3D,KAAI,SACH,QAAO,cAAc,SAAS,OAAO,WAAW,CAAC,KAAK,KAAK,MAAM;AAChE,MAAI,OAAO,QAAQ,SAAU,QAAO,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,SAAD,EAAA,UAAA,CAAa,KAAE,IAAU,EAAA,EAAf,EAAe;EAE7D,MAAM,EAAE,OAAO,UAAU;AAEzB,SACC,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;GAEC,gBAAA;GACA,UAAU,MAAM;AACf,OAAG,iBAAiB;AACpB,eAAW,OAAO,IAAI;;aAGtB;GACI,EARA,MAQA;GAEN;AAGH,QAAO,QAAQ,MAAM,QAAiB,IAAI,UAAU,MAAM,EAAE"}

package/lib/cjs/components/select/select.cjs

@@ -0,0 +1,155 @@
+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_index$1 = require("../popup/index.cjs");
+const require_options = require("./options.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
+let react = require("react");
+let _ricons_material = require("@ricons/material");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/select/select.tsx
+const Select = (props) => {
+	const { ref, type = "text", name, label, value = "", placeholder, options = [], multiple, prepend, append, labelInline, style, className, message, status = "normal", hideClear, hideArrow, maxDisplay, border, filter, tip, filterPlaceholder = "...", popupProps, onSelect, onChange, ...restProps } = props;
+	const [filterValue, setFilterValue] = (0, react.useState)("");
+	const [selectedValue, setSelectedValue] = (0, react.useState)(value);
+	const [active, setActive] = (0, react.useState)(false);
+	const formattedOptions = (0, react.useMemo)(() => require_utils.formatOption(options), [options]);
+	const filterOptions = (0, react.useMemo)(() => {
+		const fv = filterValue;
+		if (!fv || !filter) return formattedOptions;
+		const filterFn = typeof filter === "function" ? filter : (opt) => opt.value.includes(fv) || opt.label.includes(fv);
+		return formattedOptions.filter(filterFn);
+	}, [
+		formattedOptions,
+		filter,
+		filterValue
+	]);
+	const changeValue = (v) => {
+		setSelectedValue(v);
+		onChange?.(v);
+	};
+	const displayLabel = (0, react.useMemo)(() => {
+		if (multiple) return "";
+		const option = formattedOptions.find((opt) => opt.value === selectedValue);
+		return option ? option.label : selectedValue;
+	}, [selectedValue, formattedOptions]);
+	const handleSelect = (value, option) => {
+		onSelect?.(value, option);
+		if (multiple) {
+			const values = [...selectedValue];
+			const i = values.findIndex((v) => v === value);
+			i > -1 ? values.splice(i, 1) : values.push(value);
+			changeValue(values);
+			return;
+		}
+		setActive(false);
+		changeValue(value);
+	};
+	const handleVisibleChange = (visible) => {
+		setActive(visible);
+		if (!filter) return;
+		setFilterValue("");
+	};
+	const handleHelperClick = (e) => {
+		e.stopPropagation();
+		setActive(true);
+		if (!active) return;
+		changeValue(multiple ? [] : "");
+	};
+	const handleFilterChange = (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.debounce)({ delay: 400 }, (e) => {
+		const v = e.target.value;
+		setFilterValue(v);
+	});
+	const handleInputChange = (e) => {
+		setFilterValue(e.target.value);
+	};
+	(0, react.useEffect)(() => {
+		setSelectedValue(value);
+	}, [value]);
+	const hasValue = multiple ? selectedValue.length > 0 : !!selectedValue;
+	const clearable = !hideClear && active && hasValue;
+	const text = message ?? tip;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: (0, classnames.default)("i-input-label", className, { "i-input-inline": labelInline }),
+		style,
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "i-input-label-text",
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
+				position: "bottom",
+				arrow: false,
+				fitSize: true,
+				offset: 0,
+				...popupProps,
+				visible: active,
+				trigger: "none",
+				onVisibleChange: handleVisibleChange,
+				content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_options.Options, {
+					options: filterOptions,
+					value: selectedValue,
+					multiple,
+					filter: !!filter,
+					filterPlaceholder,
+					onSelect: handleSelect,
+					onFilter: handleFilterChange
+				}),
+				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-focus": active
+					}),
+					onClick: () => setActive(true),
+					children: [
+						prepend,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							ref,
+							type: "hidden",
+							value: selectedValue,
+							...restProps
+						}),
+						multiple ? hasValue ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: (0, classnames.default)("i-input i-select", { "i-select-multiple": multiple }),
+							children: require_options.displayValue({
+								options: formattedOptions,
+								value: selectedValue,
+								multiple,
+								maxDisplay,
+								onSelect: handleSelect
+							})
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: "i-input i-select",
+							placeholder,
+							readOnly: true
+						}) : null,
+						!multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							value: active ? filterValue : displayLabel,
+							className: "i-input i-select",
+							placeholder: displayLabel || placeholder,
+							onChange: handleInputChange,
+							readOnly: !filter
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+							active: !hideArrow,
+							icon: clearable ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.UnfoldMoreRound, {}),
+							onClick: handleHelperClick
+						}),
+						append
+					]
+				})
+			}),
+			text && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "i-input-message",
+				children: text
+			})
+		]
+	});
+};
+//#endregion
+exports.default = Select;
+
+//# sourceMappingURL=select.cjs.map