@ioca/react 1.4.79 → 1.4.81

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

@@ -1,73 +1,47 @@
-import icon_default from "../icon/index.js";
-import Empty from "../utils/empty/index.js";
-import list_default from "../list/index.js";
-import tag_default from "../tag/index.js";
-import classNames from "classnames";
-import { CheckRound, SearchRound } from "@ricons/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/select/options.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SearchRound, CheckRound } from '@ricons/material';
+import classNames from 'classnames';
+import Icon from '../icon/icon.js';
+import List from '../list/list.js';
+import Tag from '../tag/tag.js';
+import Empty from '../utils/empty/index.js';
+
 const Options = (props) => {
-	const { value: val, options, filter, filterPlaceholder, multiple, empty = /* @__PURE__ */ jsx(Empty, {}), onSelect, onFilter } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-select-options", { "i-select-options-multiple": multiple }),
-		children: [
-			filter && multiple && /* @__PURE__ */ jsxs("div", {
-				className: "i-select-filter",
-				children: [/* @__PURE__ */ jsx(icon_default, {
-					icon: /* @__PURE__ */ jsx(SearchRound, {}),
-					className: "color-8 ml-8 my-auto",
-					size: "1.2em"
-				}), /* @__PURE__ */ 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__ */ jsxs(list_default.Item, {
-					active: isActive,
-					type: "option",
-					onClick: () => onSelect?.(value, option),
-					disabled,
-					children: [multiple && /* @__PURE__ */ jsx(icon_default, {
-						icon: /* @__PURE__ */ jsx(CheckRound, {}),
-						className: "i-select-option-check",
-						size: "1em"
-					}), label]
-				}, value || i);
-			})
-		]
-	});
+    const { value: val, options, filter, filterPlaceholder, multiple, empty = jsx(Empty, {}), onSelect, onFilter, } = props;
+    return (jsxs("div", { className: classNames("i-select-options", {
+            "i-select-options-multiple": multiple,
+        }), children: [filter && multiple && (jsxs("div", { className: 'i-select-filter', children: [jsx(Icon, { icon: jsx(SearchRound, {}), className: 'color-8 ml-8 my-auto', size: '1.2em' }), 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 (jsxs(List.Item, { active: isActive, type: 'option', onClick: () => onSelect?.(value, option), disabled: disabled, children: [multiple && (jsx(Icon, { icon: jsx(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 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__ */ jsxs(tag_default, { children: ["+", opt] }, i);
-		const { label, value } = opt;
-		return /* @__PURE__ */ jsx(tag_default, {
-			hoverShowClose: true,
-			onClose: (e) => {
-				e?.stopPropagation();
-				onSelect?.(value, opt);
-			},
-			children: label
-		}, value);
-	});
-	return options.find((opt) => opt.value === value)?.label;
+    const { options, value, maxDisplay, multiple, onSelect } = config;
+    if (multiple) {
+        return activeOptions(options, value, maxDisplay).map((opt, i) => {
+            if (typeof opt === "number")
+                return jsxs(Tag, { children: ["+", opt] }, i);
+            const { label, value } = opt;
+            return (jsx(Tag, { hoverShowClose: true, onClose: (e) => {
+                    e?.stopPropagation();
+                    onSelect?.(value, opt);
+                }, children: label }, value));
+        });
+    }
+    return options.find((opt) => opt.value === value)?.label;
 };
-//#endregion
-export { Options, displayValue };
 
-//# sourceMappingURL=options.js.map
+export { Options, activeOptions, displayValue };
+//# sourceMappingURL=options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"options.js","names":["Icon","List","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,oBAAC,OAAD,EAAS,CAAA,EACjB,UACA,aACG;AAEJ,QACC,qBAAC,OAAD;EACC,WAAW,WAAW,oBAAoB,EACzC,6BAA6B,UAC7B,CAAC;YAHH;GAKE,UAAU,YACV,qBAAC,OAAD;IAAK,WAAU;cAAf,CACC,oBAACA,cAAD;KACC,MAAM,oBAAC,aAAD,EAAe,CAAA;KACrB,WAAU;KACV,MAAK;KACJ,CAAA,EACF,oBAAC,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,qBAACC,aAAK,MAAN;KAEC,QAAQ;KACR,MAAK;KACL,eAAe,WAAW,OAAO,OAAO;KAC9B;eALX,CAOE,YACA,oBAACD,cAAD;MACC,MAAM,oBAAC,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,qBAACE,aAAD,EAAA,UAAA,CAAa,KAAE,IAAU,EAAA,EAAf,EAAe;EAE7D,MAAM,EAAE,OAAO,UAAU;AAEzB,SACC,oBAACA,aAAD;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"}
+{"version":3,"file":"options.js","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"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,153 +1,95 @@
-import { formatOption } from "../../js/utils.js";
-import helpericon_default from "../utils/helpericon/index.js";
-import popup_default from "../popup/index.js";
-import { Options, displayValue } from "./options.js";
-import classNames from "classnames";
-import { debounce } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
-import { useEffect, useMemo, useState } from "react";
-import { UnfoldMoreRound } from "@ricons/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/select/select.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { UnfoldMoreRound } from '@ricons/material';
+import classNames from 'classnames';
+import { debounce } from 'radash';
+import { useState, useMemo, useEffect } from 'react';
+import { formatOption } from '../../js/utils.js';
+import Popup from '../popup/popup.js';
+import Helpericon from '../utils/helpericon/helpericon.js';
+import { displayValue, Options } from './options.js';
+
 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] = useState("");
-	const [selectedValue, setSelectedValue] = useState(value);
-	const [active, setActive] = useState(false);
-	const formattedOptions = useMemo(() => formatOption(options), [options]);
-	const filterOptions = 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 = 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 = debounce({ delay: 400 }, (e) => {
-		const v = e.target.value;
-		setFilterValue(v);
-	});
-	const handleInputChange = (e) => {
-		setFilterValue(e.target.value);
-	};
-	useEffect(() => {
-		setSelectedValue(value);
-	}, [value]);
-	const hasValue = multiple ? selectedValue.length > 0 : !!selectedValue;
-	const clearable = !hideClear && active && hasValue;
-	const text = message ?? tip;
-	return /* @__PURE__ */ jsxs("label", {
-		className: classNames("i-input-label", className, { "i-input-inline": labelInline }),
-		style,
-		children: [
-			label && /* @__PURE__ */ jsx("span", {
-				className: "i-input-label-text",
-				children: label
-			}),
-			/* @__PURE__ */ jsx(popup_default, {
-				position: "bottom",
-				arrow: false,
-				fitSize: true,
-				offset: 0,
-				...popupProps,
-				visible: active,
-				trigger: "none",
-				onVisibleChange: handleVisibleChange,
-				content: /* @__PURE__ */ jsx(Options, {
-					options: filterOptions,
-					value: selectedValue,
-					multiple,
-					filter: !!filter,
-					filterPlaceholder,
-					onSelect: handleSelect,
-					onFilter: handleFilterChange
-				}),
-				children: /* @__PURE__ */ jsxs("div", {
-					className: classNames("i-input-item", {
-						[`i-input-${status}`]: status !== "normal",
-						"i-input-borderless": !border,
-						"i-input-focus": active
-					}),
-					onClick: () => setActive(true),
-					children: [
-						prepend,
-						/* @__PURE__ */ jsx("input", {
-							ref,
-							type: "hidden",
-							value: selectedValue,
-							...restProps
-						}),
-						multiple ? hasValue ? /* @__PURE__ */ jsx("div", {
-							className: classNames("i-input i-select", { "i-select-multiple": multiple }),
-							children: displayValue({
-								options: formattedOptions,
-								value: selectedValue,
-								multiple,
-								maxDisplay,
-								onSelect: handleSelect
-							})
-						}) : /* @__PURE__ */ jsx("input", {
-							className: "i-input i-select",
-							placeholder,
-							readOnly: true
-						}) : null,
-						!multiple && /* @__PURE__ */ jsx("input", {
-							value: active ? filterValue : displayLabel,
-							className: "i-input i-select",
-							placeholder: displayLabel || placeholder,
-							onChange: handleInputChange,
-							readOnly: !filter
-						}),
-						/* @__PURE__ */ jsx(helpericon_default, {
-							active: !hideArrow,
-							icon: clearable ? void 0 : /* @__PURE__ */ jsx(UnfoldMoreRound, {}),
-							onClick: handleHelperClick
-						}),
-						append
-					]
-				})
-			}),
-			text && /* @__PURE__ */ jsx("span", {
-				className: "i-input-message",
-				children: text
-			})
-		]
-	});
+    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] = useState("");
+    const [selectedValue, setSelectedValue] = useState(value);
+    const [active, setActive] = useState(false);
+    const formattedOptions = useMemo(() => formatOption(options), [options]);
+    const filterOptions = 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 = 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 = debounce({ delay: 400 }, (e) => {
+        const v = e.target.value;
+        setFilterValue(v);
+    });
+    const handleInputChange = (e) => {
+        setFilterValue(e.target.value);
+    };
+    useEffect(() => {
+        setSelectedValue(value);
+    }, [value]);
+    const hasValue = multiple
+        ? selectedValue.length > 0
+        : !!selectedValue;
+    const clearable = !hideClear && active && hasValue;
+    const text = message ?? tip;
+    return (jsxs("label", { className: classNames("i-input-label", className, {
+            "i-input-inline": labelInline,
+        }), style: style, children: [label && jsx("span", { className: 'i-input-label-text', children: label }), jsx(Popup, { position: 'bottom', arrow: false, fitSize: true, offset: 0, ...popupProps, visible: active, trigger: 'none', onVisibleChange: handleVisibleChange, content: jsx(Options, { options: filterOptions, value: selectedValue, multiple: multiple, filter: !!filter, filterPlaceholder: filterPlaceholder, onSelect: handleSelect, onFilter: handleFilterChange }), children: jsxs("div", { className: classNames("i-input-item", {
+                        [`i-input-${status}`]: status !== "normal",
+                        "i-input-borderless": !border,
+                        "i-input-focus": active,
+                    }), onClick: () => setActive(true), children: [prepend, jsx("input", { ref: ref, type: 'hidden', value: selectedValue, ...restProps }), multiple ? (hasValue ? (jsx("div", { className: classNames("i-input i-select", {
+                                "i-select-multiple": multiple,
+                            }), children: displayValue({
+                                options: formattedOptions,
+                                value: selectedValue,
+                                multiple,
+                                maxDisplay,
+                                onSelect: handleSelect,
+                            }) })) : (jsx("input", { className: 'i-input i-select', placeholder: placeholder, readOnly: true }))) : null, !multiple && (jsx("input", { value: active ? filterValue : displayLabel, className: 'i-input i-select', placeholder: displayLabel || placeholder, onChange: handleInputChange, readOnly: !filter })), jsx(Helpericon, { active: !hideArrow, icon: clearable ? undefined : jsx(UnfoldMoreRound, {}), onClick: handleHelperClick }), append] }) }), text && jsx("span", { className: 'i-input-message', children: text })] }));
 };
-//#endregion
-export { Select as default };
 
-//# sourceMappingURL=select.js.map
+export { Select as default };
+//# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../../../packages/components/select/select.tsx"],"sourcesContent":["import { UnfoldMoreRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport { TOption } from \"../../type\";\nimport Popup from \"../popup\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { Options, displayValue } from \"./options\";\nimport { ISelect } from \"./type\";\n\nconst Select = (props: ISelect) => {\n\tconst {\n\t\tref,\n\t\ttype = \"text\",\n\t\tname,\n\t\tlabel,\n\t\tvalue = \"\",\n\t\tplaceholder,\n\t\toptions = [],\n\t\tmultiple,\n\t\tprepend,\n\t\tappend,\n\t\tlabelInline,\n\t\tstyle,\n\t\tclassName,\n\t\tmessage,\n\t\tstatus = \"normal\",\n\t\thideClear,\n\t\thideArrow,\n\t\tmaxDisplay,\n\t\tborder,\n\t\tfilter,\n\t\ttip,\n\t\tfilterPlaceholder = \"...\",\n\t\tpopupProps,\n\t\tonSelect,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [filterValue, setFilterValue] = useState(\"\");\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst filterOptions = useMemo(() => {\n\t\tconst fv = filterValue;\n\t\tif (!fv || !filter) return formattedOptions;\n\n\t\tconst filterFn =\n\t\t\ttypeof filter === \"function\"\n\t\t\t\t? filter\n\t\t\t\t: (opt) => opt.value.includes(fv) || opt.label.includes(fv);\n\n\t\treturn formattedOptions.filter(filterFn);\n\t}, [formattedOptions, filter, filterValue]);\n\n\tconst changeValue = (v: any) => {\n\t\tsetSelectedValue(v);\n\t\tonChange?.(v);\n\t};\n\n\tconst displayLabel = useMemo(() => {\n\t\tif (multiple) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst option = formattedOptions.find(\n\t\t\t(opt) => opt.value === selectedValue\n\t\t);\n\t\treturn option ? option.label : selectedValue;\n\t}, [selectedValue, formattedOptions]);\n\n\tconst handleSelect = (value: any, option?: TOption) => {\n\t\tonSelect?.(value, option);\n\n\t\tif (multiple) {\n\t\t\tconst values = [...(selectedValue as any[])];\n\t\t\tconst i = values.findIndex((v) => v === value);\n\n\t\t\ti > -1 ? values.splice(i, 1) : values.push(value);\n\t\t\tchangeValue(values as any);\n\n\t\t\treturn;\n\t\t}\n\n\t\tsetActive(false);\n\t\tchangeValue(value);\n\t};\n\n\tconst handleVisibleChange = (visible: boolean) => {\n\t\tsetActive(visible);\n\n\t\tif (!filter) return;\n\n\t\tsetFilterValue(\"\");\n\t};\n\n\tconst handleHelperClick = (e) => {\n\t\te.stopPropagation();\n\t\tsetActive(true);\n\t\tif (!active) return;\n\n\t\tchangeValue(multiple ? [] : \"\");\n\t};\n\n\tconst handleFilterChange = debounce(\n\t\t{ delay: 400 },\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst v = e.target.value;\n\t\t\tsetFilterValue(v);\n\t\t}\n\t);\n\n\tconst handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tsetFilterValue(e.target.value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\tconst hasValue = multiple\n\t\t? (selectedValue as any[]).length > 0\n\t\t: !!selectedValue;\n\tconst clearable = !hideClear && active && hasValue;\n\tconst text = message ?? tip;\n\n\treturn (\n\t\t<label\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<Popup\n\t\t\t\tposition='bottom'\n\t\t\t\tarrow={false}\n\t\t\t\tfitSize\n\t\t\t\toffset={0}\n\t\t\t\t{...popupProps}\n\t\t\t\tvisible={active}\n\t\t\t\ttrigger='none'\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t\tcontent={\n\t\t\t\t\t<Options\n\t\t\t\t\t\toptions={filterOptions}\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\tmultiple={multiple}\n\t\t\t\t\t\tfilter={!!filter}\n\t\t\t\t\t\tfilterPlaceholder={filterPlaceholder}\n\t\t\t\t\t\tonSelect={handleSelect}\n\t\t\t\t\t\tonFilter={handleFilterChange}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t\t\t\"i-input-focus\": active,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={() => setActive(true)}\n\t\t\t\t>\n\t\t\t\t\t{prepend}\n\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{multiple ? (\n\t\t\t\t\t\thasValue ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-input i-select\", {\n\t\t\t\t\t\t\t\t\t\"i-select-multiple\": multiple,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{displayValue({\n\t\t\t\t\t\t\t\t\toptions: formattedOptions,\n\t\t\t\t\t\t\t\t\tvalue: selectedValue,\n\t\t\t\t\t\t\t\t\tmultiple,\n\t\t\t\t\t\t\t\t\tmaxDisplay,\n\t\t\t\t\t\t\t\t\tonSelect: handleSelect,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{!multiple && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tvalue={active ? filterValue : displayLabel}\n\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\tplaceholder={displayLabel || placeholder}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\treadOnly={!filter}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive={!hideArrow}\n\t\t\t\t\t\ticon={clearable ? undefined : <UnfoldMoreRound />}\n\t\t\t\t\t\tonClick={handleHelperClick}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{append}\n\t\t\t\t</div>\n\t\t\t</Popup>\n\n\t\t\t{text && <span className='i-input-message'>{text}</span>}\n\t\t</label>\n\t);\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../../../../packages/components/select/select.tsx"],"sourcesContent":["import { UnfoldMoreRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport { TOption } from \"../../type\";\nimport Popup from \"../popup\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { Options, displayValue } from \"./options\";\nimport { ISelect } from \"./type\";\n\nconst Select = (props: ISelect) => {\n\tconst {\n\t\tref,\n\t\ttype = \"text\",\n\t\tname,\n\t\tlabel,\n\t\tvalue = \"\",\n\t\tplaceholder,\n\t\toptions = [],\n\t\tmultiple,\n\t\tprepend,\n\t\tappend,\n\t\tlabelInline,\n\t\tstyle,\n\t\tclassName,\n\t\tmessage,\n\t\tstatus = \"normal\",\n\t\thideClear,\n\t\thideArrow,\n\t\tmaxDisplay,\n\t\tborder,\n\t\tfilter,\n\t\ttip,\n\t\tfilterPlaceholder = \"...\",\n\t\tpopupProps,\n\t\tonSelect,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [filterValue, setFilterValue] = useState(\"\");\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst filterOptions = useMemo(() => {\n\t\tconst fv = filterValue;\n\t\tif (!fv || !filter) return formattedOptions;\n\n\t\tconst filterFn =\n\t\t\ttypeof filter === \"function\"\n\t\t\t\t? filter\n\t\t\t\t: (opt) => opt.value.includes(fv) || opt.label.includes(fv);\n\n\t\treturn formattedOptions.filter(filterFn);\n\t}, [formattedOptions, filter, filterValue]);\n\n\tconst changeValue = (v: any) => {\n\t\tsetSelectedValue(v);\n\t\tonChange?.(v);\n\t};\n\n\tconst displayLabel = useMemo(() => {\n\t\tif (multiple) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst option = formattedOptions.find(\n\t\t\t(opt) => opt.value === selectedValue\n\t\t);\n\t\treturn option ? option.label : selectedValue;\n\t}, [selectedValue, formattedOptions]);\n\n\tconst handleSelect = (value: any, option?: TOption) => {\n\t\tonSelect?.(value, option);\n\n\t\tif (multiple) {\n\t\t\tconst values = [...(selectedValue as any[])];\n\t\t\tconst i = values.findIndex((v) => v === value);\n\n\t\t\ti > -1 ? values.splice(i, 1) : values.push(value);\n\t\t\tchangeValue(values as any);\n\n\t\t\treturn;\n\t\t}\n\n\t\tsetActive(false);\n\t\tchangeValue(value);\n\t};\n\n\tconst handleVisibleChange = (visible: boolean) => {\n\t\tsetActive(visible);\n\n\t\tif (!filter) return;\n\n\t\tsetFilterValue(\"\");\n\t};\n\n\tconst handleHelperClick = (e) => {\n\t\te.stopPropagation();\n\t\tsetActive(true);\n\t\tif (!active) return;\n\n\t\tchangeValue(multiple ? [] : \"\");\n\t};\n\n\tconst handleFilterChange = debounce(\n\t\t{ delay: 400 },\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst v = e.target.value;\n\t\t\tsetFilterValue(v);\n\t\t}\n\t);\n\n\tconst handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tsetFilterValue(e.target.value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\tconst hasValue = multiple\n\t\t? (selectedValue as any[]).length > 0\n\t\t: !!selectedValue;\n\tconst clearable = !hideClear && active && hasValue;\n\tconst text = message ?? tip;\n\n\treturn (\n\t\t<label\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<Popup\n\t\t\t\tposition='bottom'\n\t\t\t\tarrow={false}\n\t\t\t\tfitSize\n\t\t\t\toffset={0}\n\t\t\t\t{...popupProps}\n\t\t\t\tvisible={active}\n\t\t\t\ttrigger='none'\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t\tcontent={\n\t\t\t\t\t<Options\n\t\t\t\t\t\toptions={filterOptions}\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\tmultiple={multiple}\n\t\t\t\t\t\tfilter={!!filter}\n\t\t\t\t\t\tfilterPlaceholder={filterPlaceholder}\n\t\t\t\t\t\tonSelect={handleSelect}\n\t\t\t\t\t\tonFilter={handleFilterChange}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t\t\t\"i-input-focus\": active,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={() => setActive(true)}\n\t\t\t\t>\n\t\t\t\t\t{prepend}\n\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{multiple ? (\n\t\t\t\t\t\thasValue ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-input i-select\", {\n\t\t\t\t\t\t\t\t\t\"i-select-multiple\": multiple,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{displayValue({\n\t\t\t\t\t\t\t\t\toptions: formattedOptions,\n\t\t\t\t\t\t\t\t\tvalue: selectedValue,\n\t\t\t\t\t\t\t\t\tmultiple,\n\t\t\t\t\t\t\t\t\tmaxDisplay,\n\t\t\t\t\t\t\t\t\tonSelect: handleSelect,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{!multiple && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tvalue={active ? filterValue : displayLabel}\n\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\tplaceholder={displayLabel || placeholder}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\treadOnly={!filter}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive={!hideArrow}\n\t\t\t\t\t\ticon={clearable ? undefined : <UnfoldMoreRound />}\n\t\t\t\t\t\tonClick={handleHelperClick}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{append}\n\t\t\t\t</div>\n\t\t\t</Popup>\n\n\t\t\t{text && <span className='i-input-message'>{text}</span>}\n\t\t</label>\n\t);\n};\n\nexport default Select;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/es/components/step/divider.js

@@ -1,9 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/step/divider.tsx
+import { jsx } from 'react/jsx-runtime';
+
 function Divider() {
-	return /* @__PURE__ */ jsx("i", { className: "i-step-divider" });
+    return jsx("i", { className: 'i-step-divider' });
 }
-//#endregion
-export { Divider as default };
 
-//# sourceMappingURL=divider.js.map
+export { Divider as default };
+//# sourceMappingURL=divider.js.map

package/lib/es/components/step/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","names":[],"sources":["../../../../packages/components/step/divider.tsx"],"sourcesContent":["import \"./index.css\";\n\nexport default function Divider() {\n\treturn <i className='i-step-divider' />;\n}\n"],"mappings":";;AAAA,SAAoB,UAAA"}
+{"version":3,"file":"divider.js","sources":["../../../../packages/components/step/divider.tsx"],"sourcesContent":["import \"./index.css\";\n\nexport default function Divider() {\n\treturn <i className='i-step-divider' />;\n}\n"],"names":["_jsx"],"mappings":";;AAEc,SAAU,OAAO,GAAA;AAC9B,IAAA,OAAOA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gBAAgB,GAAG;AACxC;;;;"}

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

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

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

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

package/lib/es/components/step/item.js

@@ -1,58 +1,22 @@
-import Divider from "./divider.js";
-import classNames from "classnames";
-import { CheckRound } from "@ricons/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/step/item.tsx
-const STATUS = [
-	"finished",
-	"active",
-	"pending"
-];
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { CheckRound } from '@ricons/material';
+import classNames from 'classnames';
+import Divider from './divider.js';
+
+const STATUS = ["finished", "active", "pending"];
 function defaultRenderIcon(i, status) {
-	return /* @__PURE__ */ jsx("span", {
-		className: "i-step-item-index",
-		children: status === "finished" ? /* @__PURE__ */ jsx(CheckRound, { style: {
-			width: "1em",
-			height: "1.5em"
-		} }) : i + 1
-	});
+    return (jsx("span", { className: 'i-step-item-index', children: status === "finished" ? (jsx(CheckRound, { style: { width: "1em", height: "1.5em" } })) : (i + 1) }));
 }
 function Item(props) {
-	const { index = 0, active = 0, renderIcon = defaultRenderIcon, title, vertical, line = /* @__PURE__ */ jsx(Divider, {}), asList, style, className, children, onClick } = props;
-	const status = STATUS[index === active ? 1 : index < active ? 0 : 2];
-	const handleClick = () => {
-		onClick?.(index);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		style,
-		className: classNames("i-step-item", { [`i-step-item-${status}`]: !asList }, className),
-		onClick: handleClick,
-		children: vertical ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-			className: "i-step-item-left",
-			children: [renderIcon?.(index, status), line]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "i-step-item-right",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "i-step-item-title",
-				children: title
-			}), children && /* @__PURE__ */ jsx("div", {
-				className: "i-step-item-content",
-				children
-			})]
-		})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-			className: "i-step-item-title",
-			children: [
-				renderIcon?.(index, status),
-				/* @__PURE__ */ jsx("span", { children: title }),
-				line
-			]
-		}), children && /* @__PURE__ */ jsx("div", {
-			className: "i-step-item-content",
-			children
-		})] })
-	});
+    const { index = 0, active = 0, renderIcon = defaultRenderIcon, title, vertical, line = jsx(Divider, {}), asList, style, className, children, onClick, } = props;
+    const status = STATUS[index === active ? 1 : index < active ? 0 : 2];
+    const handleClick = () => {
+        onClick?.(index);
+    };
+    return (jsx("div", { style: style, className: classNames("i-step-item", {
+            [`i-step-item-${status}`]: !asList,
+        }, className), onClick: handleClick, children: vertical ? (jsxs(Fragment, { children: [jsxs("div", { className: 'i-step-item-left', children: [renderIcon?.(index, status), line] }), jsxs("div", { className: 'i-step-item-right', children: [jsx("div", { className: 'i-step-item-title', children: title }), children && (jsx("div", { className: 'i-step-item-content', children: children }))] })] })) : (jsxs(Fragment, { children: [jsxs("div", { className: 'i-step-item-title', children: [renderIcon?.(index, status), jsx("span", { children: title }), line] }), children && (jsx("div", { className: 'i-step-item-content', children: children }))] })) }));
 }
-//#endregion
-export { Item as default };
 
-//# sourceMappingURL=item.js.map
+export { Item as default };
+//# sourceMappingURL=item.js.map

package/lib/es/components/step/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":[],"sources":["../../../../packages/components/step/item.tsx"],"sourcesContent":["import { CheckRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport Divider from \"./divider\";\nimport { IStepItem } from \"./type\";\n\nconst STATUS = [\"finished\", \"active\", \"pending\"];\n\nfunction defaultRenderIcon(i: number, status: string) {\n\treturn (\n\t\t<span className='i-step-item-index'>\n\t\t\t{status === \"finished\" ? (\n\t\t\t\t<CheckRound style={{ width: \"1em\", height: \"1.5em\" }} />\n\t\t\t) : (\n\t\t\t\ti + 1\n\t\t\t)}\n\t\t</span>\n\t);\n}\n\nfunction Item(props: IStepItem) {\n\tconst {\n\t\tindex = 0,\n\t\tactive = 0,\n\t\trenderIcon = defaultRenderIcon,\n\t\ttitle,\n\t\tvertical,\n\t\tline = <Divider />,\n\t\tasList,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonClick,\n\t} = props;\n\tconst status = STATUS[index === active ? 1 : index < active ? 0 : 2];\n\n\tconst handleClick = () => {\n\t\tonClick?.(index);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-step-item\",\n\t\t\t\t{\n\t\t\t\t\t[`i-step-item-${status}`]: !asList,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{vertical ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className='i-step-item-left'>\n\t\t\t\t\t\t{renderIcon?.(index, status)}\n\t\t\t\t\t\t{line}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='i-step-item-right'>\n\t\t\t\t\t\t<div className='i-step-item-title'>{title}</div>\n\t\t\t\t\t\t{children && (\n\t\t\t\t\t\t\t<div className='i-step-item-content'>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className='i-step-item-title'>\n\t\t\t\t\t\t{renderIcon?.(index, status)}\n\n\t\t\t\t\t\t<span>{title}</span>\n\n\t\t\t\t\t\t{line}\n\t\t\t\t\t</div>\n\t\t\t\t\t{children && (\n\t\t\t\t\t\t<div className='i-step-item-content'>{children}</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport default Item;\n"],"mappings":";;;;;AAKA,MAAM,SAAS;CAAC;CAAY;CAAU;CAAU;AAEhD,SAAS,kBAAkB,GAAW,QAAgB;AACrD,QACC,oBAAC,QAAD;EAAM,WAAU;YACd,WAAW,aACX,oBAAC,YAAD,EAAY,OAAO;GAAE,OAAO;GAAO,QAAQ;GAAS,EAAI,CAAA,GAExD,IAAI;EAEC,CAAA;;AAIT,SAAS,KAAK,OAAkB;CAC/B,MAAM,EACL,QAAQ,GACR,SAAS,GACT,aAAa,mBACb,OACA,UACA,OAAO,oBAAC,SAAD,EAAW,CAAA,EAClB,QACA,OACA,WACA,UACA,YACG;CACJ,MAAM,SAAS,OAAO,UAAU,SAAS,IAAI,QAAQ,SAAS,IAAI;CAElE,MAAM,oBAAoB;AACzB,YAAU,MAAM;;AAGjB,QACC,oBAAC,OAAD;EACQ;EACP,WAAW,WACV,eACA,GACE,eAAe,WAAW,CAAC,QAC5B,EACD,UACA;EACD,SAAS;YAER,WACA,qBAAA,UAAA,EAAA,UAAA,CACC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,aAAa,OAAO,OAAO,EAC3B,KACI;MACN,qBAAC,OAAD;GAAK,WAAU;aAAf,CACC,oBAAC,OAAD;IAAK,WAAU;cAAqB;IAAY,CAAA,EAC/C,YACA,oBAAC,OAAD;IAAK,WAAU;IACb;IACI,CAAA,CAEF;KACJ,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA,CACC,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,aAAa,OAAO,OAAO;IAE5B,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA;IAEnB;IACI;MACL,YACA,oBAAC,OAAD;GAAK,WAAU;GAAuB;GAAe,CAAA,CAEpD,EAAA,CAAA;EAEC,CAAA"}
+{"version":3,"file":"item.js","sources":["../../../../packages/components/step/item.tsx"],"sourcesContent":["import { CheckRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport Divider from \"./divider\";\nimport { IStepItem } from \"./type\";\n\nconst STATUS = [\"finished\", \"active\", \"pending\"];\n\nfunction defaultRenderIcon(i: number, status: string) {\n\treturn (\n\t\t<span className='i-step-item-index'>\n\t\t\t{status === \"finished\" ? (\n\t\t\t\t<CheckRound style={{ width: \"1em\", height: \"1.5em\" }} />\n\t\t\t) : (\n\t\t\t\ti + 1\n\t\t\t)}\n\t\t</span>\n\t);\n}\n\nfunction Item(props: IStepItem) {\n\tconst {\n\t\tindex = 0,\n\t\tactive = 0,\n\t\trenderIcon = defaultRenderIcon,\n\t\ttitle,\n\t\tvertical,\n\t\tline = <Divider />,\n\t\tasList,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonClick,\n\t} = props;\n\tconst status = STATUS[index === active ? 1 : index < active ? 0 : 2];\n\n\tconst handleClick = () => {\n\t\tonClick?.(index);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-step-item\",\n\t\t\t\t{\n\t\t\t\t\t[`i-step-item-${status}`]: !asList,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{vertical ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className='i-step-item-left'>\n\t\t\t\t\t\t{renderIcon?.(index, status)}\n\t\t\t\t\t\t{line}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='i-step-item-right'>\n\t\t\t\t\t\t<div className='i-step-item-title'>{title}</div>\n\t\t\t\t\t\t{children && (\n\t\t\t\t\t\t\t<div className='i-step-item-content'>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className='i-step-item-title'>\n\t\t\t\t\t\t{renderIcon?.(index, status)}\n\n\t\t\t\t\t\t<span>{title}</span>\n\n\t\t\t\t\t\t{line}\n\t\t\t\t\t</div>\n\t\t\t\t\t{children && (\n\t\t\t\t\t\t<div className='i-step-item-content'>{children}</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport default Item;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;AAKA,MAAM,MAAM,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC;AAEhD,SAAS,iBAAiB,CAAC,CAAS,EAAE,MAAc,EAAA;AACnD,IAAA,QACCA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,YACjC,MAAM,KAAK,UAAU,IACrBA,IAAC,UAAU,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,KAExD,CAAC,GAAG,CAAC,CACL,EAAA,CACK;AAET;AAEA,SAAS,IAAI,CAAC,KAAgB,EAAA;AAC7B,IAAA,MAAM,EACL,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,UAAU,GAAG,iBAAiB,EAC9B,KAAK,EACL,QAAQ,EACR,IAAI,GAAGA,IAAC,OAAO,EAAA,EAAA,CAAG,EAClB,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,GACP,GAAG,KAAK;IACT,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,KAAK,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;IAEpE,MAAM,WAAW,GAAG,MAAK;AACxB,QAAA,OAAO,GAAG,KAAK,CAAC;AACjB,IAAA,CAAC;IAED,QACCA,GAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CACpB,aAAa,EACb;AACC,YAAA,CAAC,eAAe,MAAM,CAAA,CAAE,GAAG,CAAC,MAAM;SAClC,EACD,SAAS,CACT,EACD,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,QAAQ,IACRC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACCD,cAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAC/B,UAAU,GAAG,KAAK,EAAE,MAAM,CAAC,EAC3B,IAAI,CAAA,EAAA,CACA,EACNA,cAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACjCD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,EAAA,CAAO,EAC/C,QAAQ,KACRA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAClC,QAAQ,GACJ,CACN,CAAA,EAAA,CACI,IACJ,KAEHC,4BACCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAChC,UAAU,GAAG,KAAK,EAAE,MAAM,CAAC,EAE5BD,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,GAAQ,EAEnB,IAAI,IACA,EACL,QAAQ,KACRA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,EAAA,CAAO,CACrD,CAAA,EAAA,CACC,CACH,EAAA,CACI;AAER;;;;"}