@ioca/react 1.4.79 → 1.4.81

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

@@ -1,262 +0,0 @@
-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

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

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

@@ -1,6 +0,0 @@
-//#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

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

@@ -1,10 +0,0 @@
-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

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

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

@@ -1,272 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_index = require("../button/index.cjs");
-const require_index$1 = require("../icon/index.cjs");
-const require_index$2 = require("../utils/helpericon/index.cjs");
-const require_index$3 = require("../popup/index.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/tabs/tabs.tsx
-const Tabs = ((props) => {
-	const { ref, active, tabs: items, type = "default", prepend, append, children, className, vertical, toggable, navsJustify = "start", bar = true, hideMore, barClass, renderMore = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-		flat: true,
-		square: true,
-		size: "small",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.MoreHorizRound, {}) })
-	}), onTabChange, ...rest } = props;
-	const navRefs = (0, react.useRef)([]);
-	const barRef = (0, react.useRef)(null);
-	const navsRef = (0, react.useRef)(null);
-	const contentsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const [activeKey, setActiveKey] = (0, react.useState)(active);
-	const [prevActiveKey, setPrevActiveKey] = (0, react.useState)(void 0);
-	const [barStyle, setBarStyle] = (0, react.useState)({});
-	const [cachedTabs, setCachedTabs] = (0, react.useState)([]);
-	const [overflow, setOverflow] = (0, react.useState)(false);
-	const [moreTabs, setMoreTabs] = (0, react.useState)([]);
-	const [tabs, setTabs] = (0, react.useState)([]);
-	const { observe, unobserve } = require_hooks.useIntersectionObserver();
-	const size = require_hooks.useSize(navsRef);
-	(0, react.useEffect)(() => {
-		contentsRef.current.clear();
-		if (!items) {
-			if (!children) {
-				setTabs([]);
-				return;
-			}
-			setTabs(react.Children.map(children, (node, i) => {
-				const { key, props: nodeProps } = node;
-				const { title, children: tabChildren, content, keepDOM, closable } = nodeProps;
-				const tabKey = String(key ?? i);
-				contentsRef.current.set(tabKey, tabChildren ?? content);
-				return {
-					key: tabKey,
-					title,
-					keepDOM,
-					closable
-				};
-			}) ?? []);
-			return;
-		}
-		setTabs(items.map((item, i) => {
-			if (["string", "number"].includes(typeof item)) return {
-				key: String(item),
-				title: item
-			};
-			const key = String(item.key ?? i);
-			contentsRef.current.set(key, item.content);
-			const { content, ...rest } = item;
-			return {
-				...rest,
-				key
-			};
-		}));
-	}, [children, items]);
-	const add = (tab) => {
-		const tkey = String(tab.key ?? tabs.length);
-		const i = tabs.findIndex((t) => t.key === tkey);
-		if (i > -1) {
-			open(tabs[i].key ?? `${i}`);
-			return;
-		}
-		contentsRef.current.set(tkey, tab.content);
-		const { content, ...rest } = tab;
-		setTabs((ts) => [...ts, {
-			...rest,
-			key: tkey
-		}]);
-		open(tkey);
-	};
-	const close = (key) => {
-		const i = tabs.findIndex((t) => t.key === key);
-		if (i < 0) return;
-		contentsRef.current.delete(key);
-		const nextTabs = [...tabs];
-		nextTabs.splice(i, 1);
-		setTabs(nextTabs);
-		if (activeKey !== key) return;
-		const next = nextTabs[i] || nextTabs[i - 1];
-		open(prevActiveKey ?? next?.key ?? "");
-	};
-	const open = (key) => {
-		if (key === activeKey) {
-			if (!toggable) return;
-			onTabChange?.(void 0, key);
-			setActiveKey(void 0);
-			setBarStyle({
-				height: 0,
-				width: 0
-			});
-			return;
-		}
-		setPrevActiveKey(activeKey);
-		onTabChange?.(key, activeKey);
-		setActiveKey(key);
-	};
-	(0, react.useEffect)(() => {
-		if (!size || hideMore || !observe) return;
-		const { scrollHeight, scrollWidth } = navsRef.current;
-		const { width, height } = size;
-		const nextOverflow = scrollHeight > height || scrollWidth > width;
-		setOverflow(nextOverflow);
-		if (!nextOverflow) return;
-		navRefs.current.map((nav, i) => {
-			if (!nav) return;
-			observe(nav, (tar, visible) => {
-				setTabs((ts) => {
-					if (!ts[i]) return ts;
-					const nextTabs = ts.map((t, idx) => idx === i ? {
-						...t,
-						intersecting: visible
-					} : t);
-					setMoreTabs(nextTabs.filter((tab) => !tab.intersecting));
-					return nextTabs;
-				});
-			});
-		});
-	}, [
-		size,
-		hideMore,
-		tabs.length,
-		observe
-	]);
-	(0, react.useEffect)(() => {
-		if (!bar || type === "pane" || activeKey === void 0) return;
-		const index = tabs.findIndex((tab) => tab.key === activeKey);
-		setTimeout(() => {
-			const nav = navRefs.current[index];
-			if (!nav) return;
-			if (tabs[index]?.keepDOM && activeKey) setCachedTabs((keys) => {
-				if (keys.includes(activeKey)) return keys;
-				return [activeKey, ...keys];
-			});
-			const { offsetHeight, offsetLeft, offsetTop, offsetWidth } = nav;
-			const isLine = type === "line";
-			setBarStyle({
-				height: !vertical && isLine ? ".25em" : offsetHeight,
-				width: vertical && isLine ? ".25em" : offsetWidth,
-				transform: `translate(${offsetLeft}px, ${offsetTop}px)`
-			});
-		}, 16);
-	}, [
-		activeKey,
-		bar,
-		size,
-		tabs,
-		type,
-		vertical
-	]);
-	(0, react.useEffect)(() => {
-		if (active === void 0 || activeKey === active) return;
-		open(active);
-	}, [active]);
-	(0, react.useEffect)(() => {
-		if (hideMore || !unobserve) return;
-		return () => {
-			navRefs.current?.map(unobserve);
-		};
-	}, [
-		tabs.length,
-		hideMore,
-		unobserve
-	]);
-	(0, react.useEffect)(() => {
-		if (!navsRef.current || vertical) return;
-		const handleMouseWheel = (e) => {
-			e.stopPropagation();
-			e.preventDefault();
-			if (vertical) return;
-			navsRef.current?.scrollBy({ left: e.deltaY + e.deltaX });
-		};
-		navsRef.current.addEventListener("wheel", handleMouseWheel, { passive: false });
-		return () => {
-			if (!navsRef.current) return;
-			navsRef.current.removeEventListener("wheel", handleMouseWheel);
-		};
-	}, [navsRef.current]);
-	(0, react.useImperativeHandle)(ref, () => ({
-		open,
-		close,
-		add,
-		navs: navsRef
-	}));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)("i-tabs", {
-			flex: vertical,
-			[`i-tabs-${type}`]: type !== "default"
-		}, className),
-		...rest,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, classnames.default)("i-tab-navs-container", { "i-tab-navs-vertical": vertical }),
-			children: [
-				prepend,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					ref: navsRef,
-					className: (0, classnames.default)("i-tab-navs", `justify-${navsJustify}`),
-					children: [tabs.map((tab, i) => {
-						const { title, key = `${i}`, closable } = tab;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-							ref: (ref) => navRefs.current[i] = ref,
-							className: (0, classnames.default)("i-tab-nav", { "i-tab-active": activeKey === key }),
-							onClick: () => open(key),
-							children: [title, closable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
-								as: "i",
-								active: true,
-								className: "i-tab-nav-close",
-								onClick: (e) => {
-									e.stopPropagation();
-									close(key);
-								}
-							})]
-						}, key);
-					}), bar && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						ref: barRef,
-						className: (0, classnames.default)("i-tab-navs-bar", barClass),
-						style: barStyle
-					})]
-				}),
-				!hideMore && overflow && moreTabs.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.default, {
-					arrow: false,
-					position: vertical ? "right" : "bottom",
-					align: "end",
-					touchable: true,
-					hideDelay: 500,
-					content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "i-tabs-morelist pd-4",
-						children: moreTabs.map((tab, i) => {
-							const { key = `${i}`, title } = tab;
-							const isActive = activeKey === key;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-								className: (0, classnames.default)("i-tab-nav", { "i-tab-active": isActive }),
-								onClick: () => open(key),
-								children: title
-							}, key);
-						})
-					}),
-					children: renderMore(moreTabs)
-				}),
-				append
-			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "i-tab-contents",
-			children: tabs.map((tab, i) => {
-				const key = tab.key ?? `${i}`;
-				const content = contentsRef.current.get(key);
-				const isActive = activeKey === key;
-				return (isActive || key !== void 0 && cachedTabs.includes(key)) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: (0, classnames.default)("i-tab-content", { "i-tab-active": isActive }),
-					children: content
-				}, key);
-			})
-		})]
-	});
-});
-Tabs.Item = require_item.default;
-//#endregion
-exports.default = Tabs;
-
-//# sourceMappingURL=tabs.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.cjs","names":[],"sources":["../../../../packages/components/tabs/tabs.tsx"],"sourcesContent":["import { MoreHorizRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tCSSProperties,\n\tChildren,\n\tReactNode,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { useIntersectionObserver, useSize } from \"../../js/hooks\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport Popup from \"../popup\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport TabItem from \"./item\";\nimport { CompositionTabs, ITabItem, ITabs } from \"./type\";\n\nconst Tabs = ((props: ITabs) => {\n\tconst {\n\t\tref,\n\t\tactive,\n\t\ttabs: items,\n\t\ttype = \"default\",\n\t\tprepend,\n\t\tappend,\n\t\tchildren,\n\t\tclassName,\n\t\tvertical,\n\t\ttoggable,\n\t\tnavsJustify = \"start\",\n\t\tbar = true,\n\t\thideMore,\n\t\tbarClass,\n\t\trenderMore = () => (\n\t\t\t<Button flat square size='small'>\n\t\t\t\t<Icon icon={<MoreHorizRound />} />\n\t\t\t</Button>\n\t\t),\n\t\tonTabChange,\n\t\t...rest\n\t} = props;\n\n\tconst navRefs = useRef<HTMLElement[]>([]);\n\tconst barRef = useRef<HTMLSpanElement>(null);\n\tconst navsRef = useRef<HTMLDivElement>(null);\n\tconst contentsRef = useRef<Map<string, ReactNode>>(new Map());\n\tconst [activeKey, setActiveKey] = useState<string | undefined>(active);\n\tconst [prevActiveKey, setPrevActiveKey] = useState<string | undefined>(\n\t\tundefined,\n\t);\n\tconst [barStyle, setBarStyle] = useState<CSSProperties>({});\n\tconst [cachedTabs, setCachedTabs] = useState<string[]>([]);\n\tconst [overflow, setOverflow] = useState(false);\n\tconst [moreTabs, setMoreTabs] = useState<ITabItem[]>([]);\n\tconst [tabs, setTabs] = useState<ITabItem[]>([]);\n\tconst { observe, unobserve } = useIntersectionObserver();\n\tconst size = useSize(navsRef);\n\n\tuseEffect(() => {\n\t\tcontentsRef.current.clear();\n\n\t\tif (!items) {\n\t\t\tif (!children) {\n\t\t\t\tsetTabs([]);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetTabs(\n\t\t\t\t(Children.map(children, (node, i) => {\n\t\t\t\t\tconst { key, props: nodeProps } = node as {\n\t\t\t\t\t\tkey?: string;\n\t\t\t\t\t\tprops?: any;\n\t\t\t\t\t};\n\t\t\t\t\tconst {\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tchildren: tabChildren,\n\t\t\t\t\t\tcontent,\n\t\t\t\t\t\tkeepDOM,\n\t\t\t\t\t\tclosable,\n\t\t\t\t\t} = nodeProps;\n\t\t\t\t\tconst tabKey = String(key ?? i);\n\t\t\t\t\tcontentsRef.current.set(tabKey, tabChildren ?? content);\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: tabKey,\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tkeepDOM,\n\t\t\t\t\t\tclosable,\n\t\t\t\t\t};\n\t\t\t\t}) as ITabItem[]) ?? [],\n\t\t\t);\n\n\t\t\treturn;\n\t\t}\n\n\t\tsetTabs(\n\t\t\titems.map((item, i) => {\n\t\t\t\tif ([\"string\", \"number\"].includes(typeof item)) {\n\t\t\t\t\tconst key = String(item);\n\t\t\t\t\treturn { key, title: item };\n\t\t\t\t}\n\t\t\t\tconst key = String(item.key ?? i);\n\t\t\t\tcontentsRef.current.set(key, item.content);\n\t\t\t\tconst { content, ...rest } = item;\n\t\t\t\treturn {\n\t\t\t\t\t...rest,\n\t\t\t\t\tkey,\n\t\t\t\t};\n\t\t\t}),\n\t\t);\n\t}, [children, items]);\n\n\tconst add = (tab: ITabItem) => {\n\t\tconst tkey = String(tab.key ?? tabs.length);\n\t\tconst i = tabs.findIndex((t) => t.key === tkey);\n\n\t\tif (i > -1) {\n\t\t\topen(tabs[i].key ?? `${i}`);\n\t\t\treturn;\n\t\t}\n\n\t\tcontentsRef.current.set(tkey, tab.content);\n\t\tconst { content, ...rest } = tab;\n\t\tsetTabs((ts) => [...ts, { ...rest, key: tkey }]);\n\t\topen(tkey);\n\t};\n\n\tconst close = (key: string) => {\n\t\tconst i = tabs.findIndex((t) => t.key === key);\n\n\t\tif (i < 0) return;\n\n\t\tcontentsRef.current.delete(key);\n\t\tconst nextTabs = [...tabs];\n\t\tnextTabs.splice(i, 1);\n\t\tsetTabs(nextTabs);\n\n\t\tif (activeKey !== key) return;\n\n\t\tconst next = nextTabs[i] || nextTabs[i - 1];\n\t\topen(prevActiveKey ?? next?.key ?? \"\");\n\t};\n\n\tconst open = (key: string) => {\n\t\tif (key === activeKey) {\n\t\t\tif (!toggable) return;\n\n\t\t\tonTabChange?.(undefined, key);\n\t\t\tsetActiveKey(undefined);\n\n\t\t\tsetBarStyle({\n\t\t\t\theight: 0,\n\t\t\t\twidth: 0,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tsetPrevActiveKey(activeKey);\n\t\tonTabChange?.(key, activeKey);\n\t\tsetActiveKey(key);\n\t};\n\n\tuseEffect(() => {\n\t\tif (!size || hideMore || !observe) return;\n\t\tconst { scrollHeight, scrollWidth } = navsRef.current as HTMLElement;\n\t\tconst { width, height } = size;\n\n\t\tconst nextOverflow = scrollHeight > height || scrollWidth > width;\n\t\tsetOverflow(nextOverflow);\n\n\t\tif (!nextOverflow) return;\n\n\t\tnavRefs.current.map((nav, i) => {\n\t\t\tif (!nav) return;\n\t\t\tobserve(nav, (tar: HTMLElement, visible: boolean) => {\n\t\t\t\tsetTabs((ts) => {\n\t\t\t\t\tif (!ts[i]) return ts;\n\t\t\t\t\tconst nextTabs = ts.map((t, idx) =>\n\t\t\t\t\t\tidx === i ? { ...t, intersecting: visible } : t,\n\t\t\t\t\t);\n\t\t\t\t\tsetMoreTabs(nextTabs.filter((tab) => !tab.intersecting));\n\t\t\t\t\treturn nextTabs;\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}, [size, hideMore, tabs.length, observe]);\n\n\tuseEffect(() => {\n\t\tif (!bar || type === \"pane\" || activeKey === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst index = tabs.findIndex((tab) => tab.key === activeKey);\n\n\t\tsetTimeout(() => {\n\t\t\tconst nav = navRefs.current[index];\n\n\t\t\tif (!nav) return;\n\n\t\t\tif (tabs[index]?.keepDOM && activeKey) {\n\t\t\t\tsetCachedTabs((keys) => {\n\t\t\t\t\tif (keys.includes(activeKey)) return keys;\n\t\t\t\t\treturn [activeKey, ...keys];\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst { offsetHeight, offsetLeft, offsetTop, offsetWidth } = nav;\n\t\t\tconst isLine = type === \"line\";\n\n\t\t\tsetBarStyle({\n\t\t\t\theight: !vertical && isLine ? \".25em\" : offsetHeight,\n\t\t\t\twidth: vertical && isLine ? \".25em\" : offsetWidth,\n\t\t\t\ttransform: `translate(${offsetLeft}px, ${offsetTop}px)`,\n\t\t\t});\n\t\t}, 16);\n\t}, [activeKey, bar, size, tabs, type, vertical]);\n\n\tuseEffect(() => {\n\t\tif (active === undefined || activeKey === active) return;\n\n\t\topen(active);\n\t}, [active]);\n\n\tuseEffect(() => {\n\t\tif (hideMore || !unobserve) return;\n\n\t\treturn () => {\n\t\t\tnavRefs.current?.map(unobserve);\n\t\t};\n\t}, [tabs.length, hideMore, unobserve]);\n\n\tuseEffect(() => {\n\t\tif (!navsRef.current || vertical) return;\n\n\t\tconst handleMouseWheel = (e) => {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\n\t\t\tif (vertical) return;\n\n\t\t\tnavsRef.current?.scrollBy({\n\t\t\t\tleft: e.deltaY + e.deltaX,\n\t\t\t});\n\t\t};\n\n\t\tnavsRef.current.addEventListener(\"wheel\", handleMouseWheel, {\n\t\t\tpassive: false,\n\t\t});\n\n\t\treturn () => {\n\t\t\tif (!navsRef.current) return;\n\t\t\tnavsRef.current.removeEventListener(\"wheel\", handleMouseWheel);\n\t\t};\n\t}, [navsRef.current]);\n\n\tuseImperativeHandle(ref, () => ({\n\t\topen,\n\t\tclose,\n\t\tadd,\n\t\tnavs: navsRef,\n\t}));\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-tabs\",\n\t\t\t\t{ flex: vertical, [`i-tabs-${type}`]: type !== \"default\" },\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-tab-navs-container\", {\n\t\t\t\t\t\"i-tab-navs-vertical\": vertical,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{prepend}\n\n\t\t\t\t<div\n\t\t\t\t\tref={navsRef}\n\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\"i-tab-navs\",\n\t\t\t\t\t\t`justify-${navsJustify}`,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{tabs.map((tab, i) => {\n\t\t\t\t\t\tconst { title, key = `${i}`, closable } = tab;\n\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={key}\n\t\t\t\t\t\t\t\tref={(ref) => (navRefs.current[i] = ref as any)}\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-tab-nav\", {\n\t\t\t\t\t\t\t\t\t\"i-tab-active\": activeKey === key,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => open(key)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\n\t\t\t\t\t\t\t\t{closable && (\n\t\t\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\t\t\tas='i'\n\t\t\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t\tclassName='i-tab-nav-close'\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\tclose(key);\n\t\t\t\t\t\t\t\t\t\t}}\n\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</a>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t\t{bar && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tref={barRef}\n\t\t\t\t\t\t\tclassName={classNames(\"i-tab-navs-bar\", barClass)}\n\t\t\t\t\t\t\tstyle={barStyle}\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{!hideMore && overflow && moreTabs.length > 0 && (\n\t\t\t\t\t<Popup\n\t\t\t\t\t\tarrow={false}\n\t\t\t\t\t\tposition={vertical ? \"right\" : \"bottom\"}\n\t\t\t\t\t\talign='end'\n\t\t\t\t\t\ttouchable\n\t\t\t\t\t\thideDelay={500}\n\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t<div className='i-tabs-morelist pd-4'>\n\t\t\t\t\t\t\t\t{moreTabs.map((tab, i) => {\n\t\t\t\t\t\t\t\t\tconst { key = `${i}`, title } = tab;\n\t\t\t\t\t\t\t\t\tconst isActive = activeKey === key;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\t\tclassName={classNames(\"i-tab-nav\", {\n\t\t\t\t\t\t\t\t\t\t\t\t\"i-tab-active\": isActive,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => open(key)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t</a>\n\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</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderMore(moreTabs)}\n\t\t\t\t\t</Popup>\n\t\t\t\t)}\n\n\t\t\t\t{append}\n\t\t\t</div>\n\n\t\t\t<div className='i-tab-contents'>\n\t\t\t\t{tabs.map((tab, i) => {\n\t\t\t\t\tconst key = tab.key ?? `${i}`;\n\t\t\t\t\tconst content = contentsRef.current.get(key);\n\t\t\t\t\tconst isActive = activeKey === key;\n\t\t\t\t\tconst show =\n\t\t\t\t\t\tisActive ||\n\t\t\t\t\t\t(key !== undefined && cachedTabs.includes(key));\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\tshow && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-tab-content\", {\n\t\t\t\t\t\t\t\t\t\"i-tab-active\": isActive,\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{content}\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\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}) as CompositionTabs;\n\nTabs.Item = TabItem;\n\nexport default Tabs;\n"],"mappings":"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"}

package/lib/cjs/components/tag/index.cjs

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

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

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

package/lib/cjs/components/tag/tag.cjs

@@ -1,32 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../utils/helpericon/index.cjs");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/tag/tag.tsx
-const Tag = (props) => {
-	const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: (0, classnames.default)("i-tag", {
-			"i-tag-outline": outline,
-			"i-tag-clickable": onClick,
-			[`i-tag-${size}`]: size !== "normal",
-			round
-		}, className),
-		onClick,
-		...restProps,
-		children: [
-			dot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: (0, classnames.default)("i-tag-dot", dotClass) }),
-			children,
-			onClose && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				active: true,
-				className: (0, classnames.default)("i-tag-close", { "i-tag-hover-close": hoverShowClose }),
-				onClick: onClose
-			})
-		]
-	});
-};
-//#endregion
-exports.default = Tag;
-
-//# sourceMappingURL=tag.cjs.map