@ioca/react 1.4.77 → 1.4.79

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.cjs","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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"}

package/lib/cjs/components/step/divider.cjs

@@ -0,0 +1,10 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/step/divider.tsx
+function Divider() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "i-step-divider" });
+}
+//#endregion
+exports.default = Divider;
+
+//# sourceMappingURL=divider.cjs.map

package/lib/cjs/components/step/divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.cjs","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"}

package/lib/cjs/components/step/index.cjs

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

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

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

package/lib/cjs/components/step/item.cjs

@@ -0,0 +1,60 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_divider = require("./divider.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/step/item.tsx
+const STATUS = [
+	"finished",
+	"active",
+	"pending"
+];
+function defaultRenderIcon(i, status) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "i-step-item-index",
+		children: status === "finished" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.CheckRound, { style: {
+			width: "1em",
+			height: "1.5em"
+		} }) : i + 1
+	});
+}
+function Item(props) {
+	const { index = 0, active = 0, renderIcon = defaultRenderIcon, title, vertical, line = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_divider.default, {}), asList, style, className, children, onClick } = props;
+	const status = STATUS[index === active ? 1 : index < active ? 0 : 2];
+	const handleClick = () => {
+		onClick?.(index);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style,
+		className: (0, classnames.default)("i-step-item", { [`i-step-item-${status}`]: !asList }, className),
+		onClick: handleClick,
+		children: vertical ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "i-step-item-left",
+			children: [renderIcon?.(index, status), line]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "i-step-item-right",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-step-item-title",
+				children: title
+			}), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-step-item-content",
+				children
+			})]
+		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "i-step-item-title",
+			children: [
+				renderIcon?.(index, status),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }),
+				line
+			]
+		}), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "i-step-item-content",
+			children
+		})] })
+	});
+}
+//#endregion
+exports.default = Item;
+
+//# sourceMappingURL=item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs","names":["CheckRound","Divider"],"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,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,WAAU;YACd,WAAW,aACX,iBAAA,GAAA,kBAAA,KAACA,iBAAAA,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,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,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,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACQ;EACP,YAAA,GAAA,WAAA,SACC,eACA,GACE,eAAe,WAAW,CAAC,QAC5B,EACD,UACA;EACD,SAAS;YAER,WACA,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,aAAa,OAAO,OAAO,EAC3B,KACI;MACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cAAqB;IAAY,CAAA,EAC/C,YACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;IACb;IACI,CAAA,CAEF;KACJ,EAAA,CAAA,GAEH,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,aAAa,OAAO,OAAO;IAE5B,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,OAAa,CAAA;IAEnB;IACI;MACL,YACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;GAAuB;GAAe,CAAA,CAEpD,EAAA,CAAA;EAEC,CAAA"}

package/lib/cjs/components/step/step.cjs

@@ -0,0 +1,42 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.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/step/step.tsx
+const Step = (props) => {
+	const { active = 0, vertical, renderIcon, line, style, asList, className, children, onClick } = props;
+	const steps = (0, react.useMemo)(() => {
+		const nodes = [];
+		let index = 0;
+		react.Children.map(children, (el) => {
+			if (!el || el.type !== require_item.default) return;
+			const { props: elProps } = el;
+			nodes.push({
+				...el,
+				props: {
+					renderIcon,
+					line,
+					onClick,
+					...elProps,
+					vertical,
+					active,
+					asList,
+					index: index++
+				}
+			});
+		});
+		return nodes;
+	}, [active, children]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)("i-step", { "i-step-vertical": vertical }, className),
+		style,
+		children: steps
+	});
+};
+Step.Item = require_item.default;
+//#endregion
+exports.default = Step;
+
+//# sourceMappingURL=step.cjs.map

package/lib/cjs/components/step/step.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.cjs","names":[],"sources":["../../../../packages/components/step/step.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, ReactNode, useMemo } from \"react\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IStep } from \"./type\";\n\nconst Step = (props: IStep) => {\n\tconst {\n\t\tactive = 0,\n\t\tvertical,\n\t\trenderIcon,\n\t\tline,\n\t\tstyle,\n\t\tasList,\n\t\tclassName,\n\t\tchildren,\n\t\tonClick,\n\t} = props;\n\n\tconst steps = useMemo(() => {\n\t\tconst nodes: ReactNode[] = [];\n\t\tlet index = 0;\n\n\t\tChildren.map(children, (el: any) => {\n\t\t\tif (!el || el.type !== Item) return;\n\n\t\t\tconst { props: elProps } = el;\n\n\t\t\tnodes.push({\n\t\t\t\t...el,\n\t\t\t\tprops: {\n\t\t\t\t\trenderIcon,\n\t\t\t\t\tline,\n\t\t\t\t\tonClick,\n\t\t\t\t\t...elProps,\n\t\t\t\t\tvertical,\n\t\t\t\t\tactive,\n\t\t\t\t\tasList,\n\t\t\t\t\tindex: index++,\n\t\t\t\t},\n\t\t\t});\n\t\t});\n\n\t\treturn nodes;\n\t}, [active, children]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-step\",\n\t\t\t\t{ \"i-step-vertical\": vertical },\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{steps}\n\t\t</div>\n\t);\n};\n\nStep.Item = Item;\n\nexport default Step;\n"],"mappings":";;;;;;;;CAMA,MAAM,EACL,SAAM,GACL,UACA,YACA,MACA,OACA,QACA,WACA,UACA,YACA;;EAGD,MAAM,QAAsB,EAAA;EAC3B,IAAA,QAAY;;AAGZ,OAAA,CAAA,MAAY,GAAC,SAAW,aAAA,QAAI;;;IAK3B,GAAA;IACC,OAAK;KACL;KACC;KACA;KACA,GAAA;KACA;KACA;KACA;KACA,OAAM;KACN;IACD,CAAC;IACD;;IAGF,CAAA,QAAO,SAAK,CAAA;QAGb,iBAAA,GAAA,kBAAA,KAAA,OAAA;EACE,YAAA,GAAA,WAAA,SACA,UACC,EAAE,mBAAM,UAAA,EACR,UACA;EACA;YAEF;EACE,CAAA"}

package/lib/cjs/components/swiper/index.cjs

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

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

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

package/lib/cjs/components/swiper/item.cjs

@@ -0,0 +1,39 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.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/swiper/item.tsx
+function Item(props) {
+	const { index = 0, itemIndex = 0, active, type, transition, gap = 0, itemHeight, vertical, style, className, children, onItemClick } = props;
+	const selfStyle = (0, react.useMemo)(() => {
+		if (type === "normal") return {
+			[vertical ? "paddingBlock" : "paddingInline"]: gap / 2,
+			height: itemHeight
+		};
+		return {
+			transform: `translate(-${index * 100}%, 0)`,
+			transition
+		};
+	}, [
+		index,
+		gap,
+		itemHeight,
+		vertical,
+		type
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			...style,
+			...selfStyle
+		},
+		className: (0, classnames.default)("i-swiper-item", className, { "i-swiper-active": active }),
+		"data-index": itemIndex,
+		onClick: (e) => onItemClick?.(itemIndex, e),
+		children
+	});
+}
+//#endregion
+exports.default = Item;
+
+//# sourceMappingURL=item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs","names":[],"sources":["../../../../packages/components/swiper/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useMemo } from \"react\";\nimport { ISwiperItem } from \"./type\";\n\nfunction Item(props: ISwiperItem) {\n\tconst {\n\t\tindex = 0,\n\t\titemIndex = 0,\n\t\tactive,\n\t\ttype,\n\t\ttransition,\n\t\tgap = 0,\n\t\titemHeight,\n\t\tvertical,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonItemClick,\n\t} = props;\n\n\tconst selfStyle = useMemo(() => {\n\t\tif (type === \"normal\") {\n\t\t\treturn {\n\t\t\t\t[vertical ? \"paddingBlock\" : \"paddingInline\"]: gap / 2,\n\t\t\t\theight: itemHeight,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\ttransform: `translate(-${index * 100}%, 0)`,\n\t\t\ttransition,\n\t\t};\n\t}, [index, gap, itemHeight, vertical, type]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ ...style, ...selfStyle }}\n\t\t\tclassName={classNames(\"i-swiper-item\", className, {\n\t\t\t\t\"i-swiper-active\": active,\n\t\t\t})}\n\t\t\tdata-index={itemIndex}\n\t\t\tonClick={(e) => onItemClick?.(itemIndex, e)}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport default Item;\n"],"mappings":";;;;;;AAIA,SAAS,KAAK,OAAoB;CACjC,MAAM,EACL,QAAQ,GACR,YAAY,GACZ,QACA,MACA,YACA,MAAM,GACN,YACA,UACA,OACA,WACA,UACA,gBACG;CAEJ,MAAM,aAAA,GAAA,MAAA,eAA0B;AAC/B,MAAI,SAAS,SACZ,QAAO;IACL,WAAW,iBAAiB,kBAAkB,MAAM;GACrD,QAAQ;GACR;AAGF,SAAO;GACN,WAAW,cAAc,QAAQ,IAAI;GACrC;GACA;IACC;EAAC;EAAO;EAAK;EAAY;EAAU;EAAK,CAAC;AAE5C,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACC,OAAO;GAAE,GAAG;GAAO,GAAG;GAAW;EACjC,YAAA,GAAA,WAAA,SAAsB,iBAAiB,WAAW,EACjD,mBAAmB,QACnB,CAAC;EACF,cAAY;EACZ,UAAU,MAAM,cAAc,WAAW,EAAE;EAE1C;EACI,CAAA"}

package/lib/cjs/components/swiper/swiper.cjs

@@ -0,0 +1,262 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_hooks = require("../../js/hooks.cjs");
+const require_index = require("../icon/index.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 _ricons_material = require("@ricons/material");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/swiper/swiper.tsx
+const Swiper = ((props) => {
+	const { ref, type = "normal", initial = 0, display = 1, scroll = 1, loop = true, vertical, prev = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.KeyboardArrowLeftRound, {}),
+		size: "2em"
+	}), next = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.KeyboardArrowRightRound, {}),
+		size: "2em"
+	}), duration = 600, interval = 3e3, autoplay, pauseOnHover, arrow = true, reverse, draggable, dragOffset = 40, gap = 0, itemHeight, indicator, fixedIndicator, style, className, children, renderIndicator, onBeforeSwipe, onAfterSwipe, onItemClick } = props;
+	const listRef = (0, react.useRef)(null);
+	const timerRef = (0, react.useRef)(null);
+	const transition = `all ${duration / 1e3}s`;
+	const state = require_hooks.useReactive({
+		current: initial,
+		swipable: true,
+		transition: type === "fade" ? "none" : transition,
+		dragStart: 0,
+		dragging: false,
+		initialized: false
+	});
+	const items = (0, react.useMemo)(() => {
+		return react.Children.map(children, (node) => {
+			if (node.type !== require_item.default) return;
+			return node;
+		});
+	}, [children]);
+	const [displayItems, extra, size, total, listSize] = (0, react.useMemo)(() => {
+		const extra = type === "normal" && loop && items.length > display ? display + 1 : 0;
+		let list = [];
+		if (extra <= 0) list = [...items];
+		else {
+			const head = items.slice(0, extra);
+			list = [
+				...items.slice(-extra),
+				...items,
+				...head
+			];
+		}
+		const listSize = `${list.length / display * 100}%`;
+		return [
+			list,
+			extra,
+			items.length,
+			list.length,
+			listSize
+		];
+	}, [
+		display,
+		loop,
+		type,
+		items
+	]);
+	const offsetPercent = (0, react.useMemo)(() => -100 * (state.current + extra) / total, [state.current, total]);
+	const position = (0, react.useMemo)(() => {
+		if (size <= display || type === "fade") return;
+		return `translate3d(${vertical ? `0, ${offsetPercent}%` : `${offsetPercent}%, 0`}, 0)`;
+	}, [
+		offsetPercent,
+		vertical,
+		display,
+		size,
+		type
+	]);
+	const trackStyle = (0, react.useMemo)(() => {
+		if (!vertical || !itemHeight) return;
+		return { height: itemHeight * display };
+	}, [
+		vertical,
+		itemHeight,
+		display
+	]);
+	const indicatorsLoop = (0, react.useMemo)(() => {
+		return Array.from({ length: Math.ceil((size - display) / scroll) + 1 });
+	}, [loop, indicator]);
+	const clearTimer = () => {
+		clearTimeout(timerRef.current);
+		timerRef.current = null;
+	};
+	const swipeTo = (i) => {
+		if (!state.swipable || i === state.current) return;
+		state.swipable = false;
+		onBeforeSwipe?.(state.current);
+		let reset = false;
+		let next = i;
+		const lastDisplay = size - display;
+		if (loop) {
+			if (i > lastDisplay) {
+				reset = true;
+				i = size;
+				next = 0;
+			} else if (i < 0) {
+				reset = true;
+				i = -display;
+				next = lastDisplay;
+			}
+		} else {
+			next = require_utils.clamp(next, 0, lastDisplay);
+			i = next;
+		}
+		setTimeout(() => {
+			state.swipable = true;
+		}, duration + 32);
+		if (type === "fade") {
+			state.current = next;
+			onAfterSwipe?.(next);
+			return;
+		}
+		state.current = i;
+		if (!reset) {
+			if (autoplay) timerRef.current = setTimeout(swipeNext, interval);
+			setTimeout(() => {
+				onAfterSwipe?.(next);
+			}, duration + 12);
+			return;
+		}
+		setTimeout(() => {
+			state.transition = "none";
+			state.current = next;
+			onAfterSwipe?.(next);
+			if (autoplay) timerRef.current = setTimeout(swipeNext, interval);
+			setTimeout(() => {
+				state.transition = transition;
+			}, 60);
+		}, duration + 20);
+	};
+	const swipeNext = () => {
+		swipeTo(reverse ? state.current - scroll : state.current + scroll);
+	};
+	const swipePrev = () => {
+		swipeTo(reverse ? state.current + scroll : state.current - scroll);
+	};
+	const handleMouseDown = (e) => {
+		if (!draggable || !state.swipable || type === "fade") return;
+		e.stopPropagation();
+		e.preventDefault();
+		if (e.touches) e = e.touches[0];
+		Object.assign(state, {
+			dragStart: vertical ? e.clientY : e.clientX,
+			dragging: true,
+			transition: "none"
+		});
+	};
+	const handleMouseMove = (e) => {
+		if (!state.dragging || !listRef.current) return;
+		e.preventDefault();
+		if (e.touches) e = e.touches[0];
+		const offset = ((vertical ? e.clientY : e.clientX) - state.dragStart) * 61.8 / listRef.current[vertical ? "offsetHeight" : "offsetWidth"] + offsetPercent;
+		listRef.current.style.transform = `translate3d(${vertical ? `0, ${offset}%` : `${offset}%, 0`}, 0)`;
+	};
+	const handleMouseUp = (e) => {
+		if (!state.dragging || !listRef.current) return;
+		if (e.changedTouches) e = e.changedTouches[0];
+		const dragEnd = vertical ? e.clientY : e.clientX;
+		const part = listRef.current[vertical ? "offsetHeight" : "offsetWidth"] / total;
+		const offset = (dragEnd - state.dragStart) * .618;
+		const absOffset = Math.abs(offset);
+		if (absOffset > dragOffset) {
+			const p = Math.floor(absOffset / part) + (absOffset % part - dragOffset > 0 ? 1 : 0);
+			swipeTo(state.current + (offset > 0 ? -p : p));
+		}
+		listRef.current.style.transform = position || "";
+		Object.assign(state, {
+			dragging: false,
+			transition
+		});
+	};
+	const handleMouseOver = () => {
+		if (!pauseOnHover) return;
+		clearTimer();
+	};
+	const handleMouseLeave = () => {
+		if (!pauseOnHover) return;
+		clearTimer();
+		timerRef.current = setTimeout(swipeNext, interval);
+	};
+	require_hooks.useMouseMove(handleMouseMove);
+	require_hooks.useMouseUp(handleMouseUp);
+	(0, react.useImperativeHandle)(ref, () => ({
+		swipeTo,
+		swipeNext,
+		swipePrev
+	}));
+	(0, react.useEffect)(() => {
+		if (!autoplay) return;
+		timerRef.current = setTimeout(swipeNext, interval);
+		return () => {
+			clearTimeout(timerRef.current);
+			timerRef.current = null;
+		};
+	}, [autoplay, interval]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style,
+		className: (0, classnames.default)("i-swiper", {
+			"i-swiper-vertical": vertical,
+			"i-swiper-initialized": state.initialized
+		}, className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "i-swiper-track",
+			style: trackStyle,
+			onMouseOver: handleMouseOver,
+			onMouseLeave: handleMouseLeave,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: listRef,
+				className: (0, classnames.default)("i-swiper-list", { "i-swiper-fade": type === "fade" }),
+				style: {
+					[vertical ? "height" : "width"]: listSize,
+					transform: position,
+					transition: state.transition
+				},
+				onMouseDown: handleMouseDown,
+				onTouchStart: handleMouseDown,
+				children: displayItems.map((item, i) => {
+					const { props: itemProps } = item;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+						index: i,
+						itemIndex: (i - extra + size) % size,
+						active: i - extra === state.current,
+						type,
+						gap,
+						transition,
+						itemHeight,
+						vertical,
+						onItemClick,
+						...itemProps
+					}, i);
+				})
+			}), arrow && size > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(loop || state.current !== 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+				className: "i-swiper-arrow i-swiper-prev",
+				onClick: swipePrev,
+				children: prev
+			}), (loop || state.current < size - display) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+				className: "i-swiper-arrow i-swiper-next",
+				onClick: swipeNext,
+				children: next
+			})] })]
+		}), indicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, classnames.default)("i-swiper-indicators", { "i-swiper-indicators-fixed": fixedIndicator }),
+			children: indicatorsLoop.map((_, i) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					className: (0, classnames.default)("i-swiper-indicator", { "i-indicator-active": i === Math[loop ? "floor" : "ceil"]((state.current + size) % size / scroll) }),
+					onClick: () => swipeTo(i * scroll),
+					children: renderIndicator?.(i)
+				}, i);
+			})
+		})]
+	});
+});
+Swiper.Item = require_item.default;
+//#endregion
+exports.default = Swiper;
+
+//# sourceMappingURL=swiper.cjs.map

package/lib/cjs/components/swiper/swiper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"swiper.cjs","names":[],"sources":["../../../../packages/components/swiper/swiper.tsx"],"sourcesContent":["import {\n\tKeyboardArrowLeftRound,\n\tKeyboardArrowRightRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tChildren,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport { clamp } from \"../../js/utils\";\nimport Icon from \"../icon\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { CompositionSwiper, ISwiper } from \"./type\";\n\nconst Swiper = ((props: ISwiper) => {\n\tconst {\n\t\tref,\n\t\ttype = \"normal\",\n\t\tinitial = 0,\n\t\tdisplay = 1,\n\t\tscroll = 1,\n\t\tloop = true,\n\t\tvertical,\n\t\tprev = <Icon icon={<KeyboardArrowLeftRound />} size='2em' />,\n\t\tnext = <Icon icon={<KeyboardArrowRightRound />} size='2em' />,\n\t\tduration = 600,\n\t\tinterval = 3000,\n\t\tautoplay,\n\t\tpauseOnHover,\n\t\tarrow = true,\n\t\treverse,\n\t\tdraggable,\n\t\tdragOffset = 40,\n\t\tgap = 0,\n\t\titemHeight,\n\t\tindicator,\n\t\tfixedIndicator,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\trenderIndicator,\n\t\tonBeforeSwipe,\n\t\tonAfterSwipe,\n\t\tonItemClick,\n\t} = props;\n\n\tconst listRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst transition = `all ${duration / 1000}s`;\n\tconst state = useReactive({\n\t\tcurrent: initial,\n\t\tswipable: true,\n\t\ttransition: type === \"fade\" ? \"none\" : transition,\n\t\tdragStart: 0,\n\t\tdragging: false,\n\t\tinitialized: false,\n\t});\n\n\tconst items = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type !== Item) return;\n\n\t\t\treturn node;\n\t\t});\n\t}, [children]);\n\n\tconst [displayItems, extra, size, total, listSize] = useMemo(() => {\n\t\tconst extra =\n\t\t\ttype === \"normal\" && loop && items.length > display\n\t\t\t\t? display + 1\n\t\t\t\t: 0;\n\t\tlet list: any = [];\n\n\t\tif (extra <= 0) {\n\t\t\tlist = [...items];\n\t\t} else {\n\t\t\tconst head = items.slice(0, extra);\n\t\t\tconst tail = items.slice(-extra);\n\t\t\tlist = [...tail, ...items, ...head];\n\t\t}\n\n\t\tconst listSize = `${(list.length / display) * 100}%`;\n\n\t\treturn [list, extra, items.length, list.length, listSize];\n\t}, [display, loop, type, items]);\n\n\tconst offsetPercent = useMemo(\n\t\t() => (-100 * (state.current + extra)) / total,\n\t\t[state.current, total]\n\t);\n\n\tconst position = useMemo(() => {\n\t\tif (size <= display || type === \"fade\") return;\n\n\t\tconst offset = vertical\n\t\t\t? `0, ${offsetPercent}%`\n\t\t\t: `${offsetPercent}%, 0`;\n\t\treturn `translate3d(${offset}, 0)`;\n\t}, [offsetPercent, vertical, display, size, type]);\n\n\tconst trackStyle = useMemo(() => {\n\t\tif (!vertical || !itemHeight) return;\n\n\t\treturn {\n\t\t\theight: itemHeight * display,\n\t\t};\n\t}, [vertical, itemHeight, display]);\n\n\tconst indicatorsLoop = useMemo(() => {\n\t\treturn Array.from({\n\t\t\tlength: Math.ceil((size - display) / scroll) + 1,\n\t\t});\n\t}, [loop, indicator]);\n\n\tconst clearTimer = () => {\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t};\n\n\tconst swipeTo = (i: number) => {\n\t\tif (!state.swipable || i === state.current) return;\n\t\tstate.swipable = false;\n\t\tonBeforeSwipe?.(state.current);\n\n\t\tlet reset = false;\n\t\tlet next = i;\n\t\tconst lastDisplay = size - display;\n\n\t\tif (loop) {\n\t\t\tif (i > lastDisplay) {\n\t\t\t\treset = true;\n\t\t\t\ti = size;\n\t\t\t\tnext = 0;\n\t\t\t} else if (i < 0) {\n\t\t\t\treset = true;\n\t\t\t\ti = -display;\n\t\t\t\tnext = lastDisplay;\n\t\t\t}\n\t\t} else {\n\t\t\tnext = clamp(next, 0, lastDisplay);\n\t\t\ti = next;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tstate.swipable = true;\n\t\t}, duration + 32);\n\n\t\tif (type === \"fade\") {\n\t\t\tstate.current = next;\n\t\t\tonAfterSwipe?.(next);\n\t\t\treturn;\n\t\t}\n\n\t\tstate.current = i;\n\n\t\tif (!reset) {\n\t\t\tif (autoplay) {\n\t\t\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t\t\t}\n\t\t\tsetTimeout(() => {\n\t\t\t\tonAfterSwipe?.(next);\n\t\t\t}, duration + 12);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tstate.transition = \"none\";\n\t\t\tstate.current = next;\n\t\t\tonAfterSwipe?.(next);\n\t\t\tif (autoplay) {\n\t\t\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t\t\t}\n\t\t\tsetTimeout(() => {\n\t\t\t\tstate.transition = transition;\n\t\t\t}, 60);\n\t\t}, duration + 20);\n\t};\n\tconst swipeNext = () => {\n\t\tswipeTo(reverse ? state.current - scroll : state.current + scroll);\n\t};\n\n\tconst swipePrev = () => {\n\t\tswipeTo(reverse ? state.current + scroll : state.current - scroll);\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!draggable || !state.swipable || type === \"fade\") return;\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tObject.assign(state, {\n\t\t\tdragStart: vertical ? e.clientY : e.clientX,\n\t\t\tdragging: true,\n\t\t\ttransition: \"none\",\n\t\t});\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !listRef.current) 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 dragEnd = vertical ? e.clientY : e.clientX;\n\t\tconst offset =\n\t\t\t((dragEnd - state.dragStart) * 61.8) /\n\t\t\t\tlistRef.current[vertical ? \"offsetHeight\" : \"offsetWidth\"] +\n\t\t\toffsetPercent;\n\n\t\tlistRef.current.style.transform = `translate3d(${\n\t\t\tvertical ? `0, ${offset}%` : `${offset}%, 0`\n\t\t}, 0)`;\n\t};\n\n\tconst handleMouseUp = (e) => {\n\t\tif (!state.dragging || !listRef.current) return;\n\n\t\tif (e.changedTouches) {\n\t\t\te = e.changedTouches[0];\n\t\t}\n\n\t\tconst dragEnd = vertical ? e.clientY : e.clientX;\n\t\tconst part =\n\t\t\tlistRef.current[vertical ? \"offsetHeight\" : \"offsetWidth\"] / total;\n\t\tconst offset = (dragEnd - state.dragStart) * 0.618;\n\t\tconst absOffset = Math.abs(offset);\n\n\t\tif (absOffset > dragOffset) {\n\t\t\tconst base = Math.floor(absOffset / part);\n\t\t\tconst mod = (absOffset % part) - dragOffset > 0 ? 1 : 0;\n\t\t\tconst p = base + mod;\n\n\t\t\tlet to = state.current + (offset > 0 ? -p : p);\n\n\t\t\tswipeTo(to);\n\t\t}\n\n\t\tlistRef.current.style.transform = position || \"\";\n\n\t\tObject.assign(state, {\n\t\t\tdragging: false,\n\t\t\ttransition,\n\t\t});\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\t\tclearTimer();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\t\tclearTimer();\n\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseImperativeHandle(ref, () => ({\n\t\tswipeTo,\n\t\tswipeNext,\n\t\tswipePrev,\n\t}));\n\n\tuseEffect(() => {\n\t\tif (!autoplay) return;\n\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\n\t\treturn () => {\n\t\t\tclearTimeout(timerRef.current);\n\t\t\ttimerRef.current = null;\n\t\t};\n\t}, [autoplay, interval]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-swiper\",\n\t\t\t\t{\n\t\t\t\t\t\"i-swiper-vertical\": vertical,\n\t\t\t\t\t\"i-swiper-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\tclassName='i-swiper-track'\n\t\t\t\tstyle={trackStyle}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tref={listRef}\n\t\t\t\t\tclassName={classNames(\"i-swiper-list\", {\n\t\t\t\t\t\t\"i-swiper-fade\": type === \"fade\",\n\t\t\t\t\t})}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t[vertical ? \"height\" : \"width\"]: listSize,\n\t\t\t\t\t\ttransform: position,\n\t\t\t\t\t\ttransition: state.transition,\n\t\t\t\t\t}}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t>\n\t\t\t\t\t{displayItems.map((item, i) => {\n\t\t\t\t\t\tconst { props: itemProps } = item;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\titemIndex={(i - extra + size) % size}\n\t\t\t\t\t\t\t\tactive={i - extra === state.current}\n\t\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\t\tgap={gap}\n\t\t\t\t\t\t\t\ttransition={transition}\n\t\t\t\t\t\t\t\titemHeight={itemHeight}\n\t\t\t\t\t\t\t\tvertical={vertical}\n\t\t\t\t\t\t\t\tonItemClick={onItemClick}\n\t\t\t\t\t\t\t\t{...itemProps}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\n\t\t\t\t{arrow && size > 1 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{(loop || state.current !== 0) && (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName='i-swiper-arrow i-swiper-prev'\n\t\t\t\t\t\t\t\tonClick={swipePrev}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{prev}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(loop || state.current < size - display) && (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName='i-swiper-arrow i-swiper-next'\n\t\t\t\t\t\t\t\tonClick={swipeNext}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{next}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{indicator && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-swiper-indicators\", {\n\t\t\t\t\t\t\"i-swiper-indicators-fixed\": fixedIndicator,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{indicatorsLoop.map((_, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-swiper-indicator\", {\n\t\t\t\t\t\t\t\t\t\"i-indicator-active\":\n\t\t\t\t\t\t\t\t\t\ti ===\n\t\t\t\t\t\t\t\t\t\tMath[loop ? \"floor\" : \"ceil\"](\n\t\t\t\t\t\t\t\t\t\t\t((state.current + size) % size) /\n\t\t\t\t\t\t\t\t\t\t\t\tscroll\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => swipeTo(i * scroll)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{renderIndicator?.(i)}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}) as CompositionSwiper;\n\nSwiper.Item = Item;\n\nexport default Swiper;\n"],"mappings":";;;;;;;;;;;;CAmBA,MAAM,EACL,KACC,OAAG,UACH,UAAQ,GACR,UAAU,GACV,SAAS,GACT,OAAO,MACP,UACA,OAAA,iBAAA,GAAA,kBAAA,KAAQ,cAAA,SAAR;EAAQ,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,wBAAA,EAAA,CAAA;EAAA,MAAA;EAAA,CAAA,EACR,OAAO,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD;EAAM,MAAM,iBAAA,GAAA,kBAAA,KAAC,iBAAA,yBAAD,EAA2B,CAAA;EAAC,MAAM;EAAO,CAAA,EAC5D,WAAQ,KACR,WAAW,KACX,UACA,cACA,QAAA,MACA,SACA,WACA,aAAS,IACT,MAAA,GACA,YACA,WACA,gBACA,OACA,WACA,UACA,iBACA,eACA,cACA,gBACA;;CAGD,MAAM,YAAA,GAAA,MAAA,QAAiB,KAAA;CACvB,MAAM,aAAW,OAAO,WAAU,IAAA;CAClC,MAAM,QAAA,cAAA,YAAoB;EAC1B,SAAM;EACL,UAAS;EACT,YAAU,SAAI,SAAA,SAAA;EACd,WAAW;EACX,UAAU;EACV,aAAU;EACV,CAAA;;AAGD,SAAM,MAAA,SAAQ,IAAO,WAAO,SAAA;AAC3B,OAAA,KAAO,SAAY,aAAA,QAAC;;IAGnB;IACC,CAAA,SAAA,CAAA;;EAGH,MAAO,QACN,SAAM,YAAM,QAAA,MAAA,SAAA,UACX,UAAU,IACP;EACJ,IAAI,OAAC,EAAA;iBAGL,QAAI,CAAK,GAAG,MAAI;OACT;GACN,MAAM,OAAA,MAAA,MAAA,GAAA,MAAA;AAEN,UAAM;IAAA,GADO,MAAM,MAAM,CAAC,MAAE;IACf,GAAM;IAAO,GAAA;IAAM;;;;;;;;;;IAMjC;EAAA;EAAY;EAAE;EAAO;EAAM,CAAA;gDAGtB,QAAA,MAAgB,UAAO,SAAA,OAC5B,CAAC,MAAM,SAAQ,MAAM,CACrB;;AAGD,MAAK,QAAC,WAAkB,SAAO,OAAA;AAK9B,SAAM,eAAA,WAFN,MAAM,cAAS,KACZ,GAAG,cAAG,MACgB;IACzB;EAAA;EAAQ;EAAoB;EAAM;EAAA;EAAA,CAAA;;AAGnC,MAAK,CAAC,YAAY,CAAC,WAAY;WAG9B,QAAO,aAAA,SACN;IACA;EAAA;EAAA;EAAA;EAAA,CAAA;;AAGF,SAAM,MAAA,KAAA,EACL,QAAO,KAAM,MAAK,OAAA,WAAA,OAAA,GAAA,GACjB,CAAA;IACC,CAAA,MAAA,UAAA,CAAA;;AAGH,eAAM,SAAiB,QAAE;AACxB,WAAA,UAAa;;;AAId,MAAK,CAAC,MAAA,YAAc,MAAU,MAAC,QAAA;AAC9B,QAAK,WAAM;AACX,kBAAgB,MAAM,QAAA;;EAGtB,IAAI,OAAO;EACX,MAAI,cAAQ,OAAA;;OAGR,IAAK,aAAC;AACT,YAAQ;AACP,QAAA;AACA,WAAI;cACI,IAAA,GAAA;AACR,YAAQ;AACR,QAAA,CAAK;AACL,WAAK;;SAEN;AACA,UAAM,cAAA,MAAA,MAAA,GAAA,YAAA;AACN,OAAI;;;AAIL,SAAA,WAAiB;KAChB,WAAM,GAAU;;AAGjB,SAAI,UAAU;AACb,kBAAe,KAAK;AACpB;;;;AAMD,OAAK,SACJ,UAAI,UAAU,WAAA,WAAA,SAAA;AAEd,oBAAA;AACA,mBAAgB,KAAC;MAChB,WAAa,GAAE;AAChB;;;AAID,SAAA,aAAiB;AAChB,SAAM,UAAU;AAChB,kBAAe,KAAK;AACpB,OAAA,SACA,UAAI,UAAU,WAAA,WAAA,SAAA;AAEd,oBAAA;AACA,UAAA,aAAiB;MAChB,GAAK;KACJ,WAAI,GAAA;;CAER,MAAC,kBAAA;AACD,UAAM,UAAa,MAAK,UAAA,SAAA,MAAA,UAAA,OAAA;;;AAIxB,UAAM,UAAa,MAAK,UAAA,SAAA,MAAA,UAAA,OAAA;;;AAIxB,MAAK,CAAC,aAAA,CAAA,MAAoB,YAAK,SAAA,OAAA;AAC9B,IAAE,iBAAiB;AACnB,IAAE,gBAAgB;gBAGlB,KAAK,EAAC,QAAS;;GAIf,WAAO,WAAc,EAAA,UAAA,EAAA;GACpB,UAAU;GACV,YAAU;GACV,CAAA;;;AAIF,MAAK,CAAC,MAAA,YAAkB,CAAC,QAAM,QAAA;AAC9B,IAAE,gBAAS;gBAGX,KAAK,EAAC,QAAS;EAIf,MAAM,WAAA,WAAA,EAAA,UAAA,EAAA,WACO,MAAA,aAAA,OACX,QAAQ,QAAQ,WAAW,iBAAS,iBACrC;mDAGD,WAAQ,MAAQ,OAAM,KAAA,GAAW,OAAE,MAClC;;;AAIF,MAAK,CAAC,MAAA,YAAkB,CAAC,QAAI,QAAA;uBAG5B,KAAK,EAAC,eAAgB;;EAItB,MAAM,OACN,QAAM,QAAK,WAAA,iBAAA,iBAAA;EACX,MAAC,UAAe,UAAU,MAAG,aAAgB;EAC7C,MAAM,YAAU,KAAO,IAAG,OAAM;;GAK/B,MAAM,IAFO,KAAE,MAAA,YAAY,KAAA,IACd,YAAW,OAAS,aAAQ,IAAA,IAAA;;;;;GAW1C,UAAO;GACN;GACA,CAAA;;;AAIF,MAAK,CAAC,aAAA;AACL,cAAK;;;AAIN,MAAK,CAAC,aAAA;AACL,cAAK;AACL,WAAA,UAAY,WAAA,WAAA,SAAA;;;AAIb,eAAA,WAAA,cAAa;;EAGb;EACC;EACA;EACA,EAAA;;AAGD,MAAA,CAAA,SAAgB;AACf,WAAK,UAAU,WAAM,WAAA,SAAA;;AAGrB,gBAAa,SAAA,QAAA;AACZ,YAAA,UAAa;;IAEb,CAAA,UAAA,SAAA,CAAA;QAGF,iBAAA,GAAA,kBAAA,MAAA,OAAA;EACE;EACA,YAAA,GAAA,WAAA,SACA,YACC;GACA,qBAAA;GACC,wBAAqB,MAAQ;GAC7B,EACD,UACA;YATH,CAWC,iBAAA,GAAA,kBAAA,MAAA,OAAA;GACE,WAAA;GACA,OAAA;GACA,aAAO;GACP,cAAa;aAJf,CAMC,iBAAA,GAAA,kBAAA,KAAA,OAAA;IACE,KAAA;IACA,YAAA,GAAA,WAAA,SAAY,iBAAA,EACZ,iBAAW,SAAc,QACxB,CAAC;IACF,OAAE;MACF,WAAO,WAAA,UAAA;KACN,WAAW;KACX,YAAW,MAAA;KACX;IACD,aAAC;IACD,cAAa;cAEd,aAAA,KAAA,MAAA,MAAA;KACE,MAAA,EAAA,OAAa,cAAgB;YAG7B,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;MAEE,OAAM;MACN,YAAQ,IAAA,QAAA,QAAA;MACR,QAAA,IAAY,UAAU,MAAM;MACtB;MACD;MACG;MACI;MACF;MACA;MACV,GAAA;MACC,EAXD,EAWC;MAEF;IACA,CAAA,EAAA,SAAA,OAAA,KAGF,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,EACC,QAAA,MAAA,YAAA,MACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IACC,WAAA;IACA,SAAS;cAEV;IACE,CAAA,GAEF,QAAA,MAAA,UAAA,OAAA,YACA,iBAAA,GAAA,kBAAA,KAAC,KAAD;IACC,WAAA;IACA,SAAS;cAEV;IACE,CAAA,CAEF,EAAA,CAAA,CAEF;MACD,aACA,iBAAA,GAAA,kBAAA,KAAA,OAAA;GACC,YAAA,GAAA,WAAA,SAAA,uBAAA,EACA,6BAAyB,gBACxB,CAAC;aAEH,eAAA,KAAA,GAAA,MAAA;AACE,WACA,iBAAA,GAAA,kBAAA,KAAA,KAAA;KAEE,YAAA,GAAA,WAAA,SAAM,sBAAA,EACN,sBACE,MACA,KAAI,OAAA,UAAA,SACJ,MAAS,UAAU,QAAQ,OACzB,OACD,EACF,CAAC;KACF,eAAE,QAAA,IAAA,OAAA;eAEH,kBAAA,EAAA;KACE,EAZD,EAYC;KAEF;GACA,CAAA,CAEH"}

package/lib/cjs/components/tabs/index.cjs

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

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

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

package/lib/cjs/components/tabs/item.cjs

@@ -0,0 +1,10 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/tabs/item.tsx
+const Item = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+};
+//#endregion
+exports.default = Item;
+
+//# sourceMappingURL=item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs","names":[],"sources":["../../../../packages/components/tabs/item.tsx"],"sourcesContent":["import { ITabItem } from \"./type\";\n\nconst Item = (props: ITabItem) => {\n\treturn <></>;\n};\n\nexport default Item;\n"],"mappings":";;;AAEA,MAAM,QAAQ,UAAoB;AACjC,QAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAK,CAAA"}