@ioca/react 1.4.79 → 1.4.81

package/lib/es/components/tabs/tabs.js

@@ -1,270 +1,220 @@
-import { useIntersectionObserver, useSize } from "../../js/hooks.js";
-import button_default from "../button/index.js";
-import icon_default from "../icon/index.js";
-import helpericon_default from "../utils/helpericon/index.js";
-import popup_default from "../popup/index.js";
-import Item from "./item.js";
-import classNames from "classnames";
-import { Children, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { MoreHorizRound } from "@ricons/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/tabs/tabs.tsx
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { MoreHorizRound } from '@ricons/material';
+import classNames from 'classnames';
+import { useRef, useState, useEffect, Children, useImperativeHandle } from 'react';
+import { useIntersectionObserver, useSize } from '../../js/hooks.js';
+import Button from '../button/button.js';
+import Icon from '../icon/icon.js';
+import Popup from '../popup/popup.js';
+import Helpericon from '../utils/helpericon/helpericon.js';
+import Item from './item.js';
+
 const Tabs = ((props) => {
-	const { ref, active, tabs: items, type = "default", prepend, append, children, className, vertical, toggable, navsJustify = "start", bar = true, hideMore, barClass, renderMore = () => /* @__PURE__ */ jsx(button_default, {
-		flat: true,
-		square: true,
-		size: "small",
-		children: /* @__PURE__ */ jsx(icon_default, { icon: /* @__PURE__ */ jsx(MoreHorizRound, {}) })
-	}), onTabChange, ...rest } = props;
-	const navRefs = useRef([]);
-	const barRef = useRef(null);
-	const navsRef = useRef(null);
-	const contentsRef = useRef(/* @__PURE__ */ new Map());
-	const [activeKey, setActiveKey] = useState(active);
-	const [prevActiveKey, setPrevActiveKey] = useState(void 0);
-	const [barStyle, setBarStyle] = useState({});
-	const [cachedTabs, setCachedTabs] = useState([]);
-	const [overflow, setOverflow] = useState(false);
-	const [moreTabs, setMoreTabs] = useState([]);
-	const [tabs, setTabs] = useState([]);
-	const { observe, unobserve } = useIntersectionObserver();
-	const size = useSize(navsRef);
-	useEffect(() => {
-		contentsRef.current.clear();
-		if (!items) {
-			if (!children) {
-				setTabs([]);
-				return;
-			}
-			setTabs(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);
-	};
-	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
-	]);
-	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
-	]);
-	useEffect(() => {
-		if (active === void 0 || activeKey === active) return;
-		open(active);
-	}, [active]);
-	useEffect(() => {
-		if (hideMore || !unobserve) return;
-		return () => {
-			navRefs.current?.map(unobserve);
-		};
-	}, [
-		tabs.length,
-		hideMore,
-		unobserve
-	]);
-	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]);
-	useImperativeHandle(ref, () => ({
-		open,
-		close,
-		add,
-		navs: navsRef
-	}));
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-tabs", {
-			flex: vertical,
-			[`i-tabs-${type}`]: type !== "default"
-		}, className),
-		...rest,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: classNames("i-tab-navs-container", { "i-tab-navs-vertical": vertical }),
-			children: [
-				prepend,
-				/* @__PURE__ */ jsxs("div", {
-					ref: navsRef,
-					className: classNames("i-tab-navs", `justify-${navsJustify}`),
-					children: [tabs.map((tab, i) => {
-						const { title, key = `${i}`, closable } = tab;
-						return /* @__PURE__ */ jsxs("a", {
-							ref: (ref) => navRefs.current[i] = ref,
-							className: classNames("i-tab-nav", { "i-tab-active": activeKey === key }),
-							onClick: () => open(key),
-							children: [title, closable && /* @__PURE__ */ jsx(helpericon_default, {
-								as: "i",
-								active: true,
-								className: "i-tab-nav-close",
-								onClick: (e) => {
-									e.stopPropagation();
-									close(key);
-								}
-							})]
-						}, key);
-					}), bar && /* @__PURE__ */ jsx("span", {
-						ref: barRef,
-						className: classNames("i-tab-navs-bar", barClass),
-						style: barStyle
-					})]
-				}),
-				!hideMore && overflow && moreTabs.length > 0 && /* @__PURE__ */ jsx(popup_default, {
-					arrow: false,
-					position: vertical ? "right" : "bottom",
-					align: "end",
-					touchable: true,
-					hideDelay: 500,
-					content: /* @__PURE__ */ jsx("div", {
-						className: "i-tabs-morelist pd-4",
-						children: moreTabs.map((tab, i) => {
-							const { key = `${i}`, title } = tab;
-							const isActive = activeKey === key;
-							return /* @__PURE__ */ jsx("a", {
-								className: classNames("i-tab-nav", { "i-tab-active": isActive }),
-								onClick: () => open(key),
-								children: title
-							}, key);
-						})
-					}),
-					children: renderMore(moreTabs)
-				}),
-				append
-			]
-		}), /* @__PURE__ */ 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__ */ jsx("div", {
-					className: classNames("i-tab-content", { "i-tab-active": isActive }),
-					children: content
-				}, key);
-			})
-		})]
-	});
+    const { ref, active, tabs: items, type = "default", prepend, append, children, className, vertical, toggable, navsJustify = "start", bar = true, hideMore, barClass, renderMore = () => (jsx(Button, { flat: true, square: true, size: 'small', children: jsx(Icon, { icon: jsx(MoreHorizRound, {}) }) })), onTabChange, ...rest } = props;
+    const navRefs = useRef([]);
+    const barRef = useRef(null);
+    const navsRef = useRef(null);
+    const contentsRef = useRef(new Map());
+    const [activeKey, setActiveKey] = useState(active);
+    const [prevActiveKey, setPrevActiveKey] = useState(undefined);
+    const [barStyle, setBarStyle] = useState({});
+    const [cachedTabs, setCachedTabs] = useState([]);
+    const [overflow, setOverflow] = useState(false);
+    const [moreTabs, setMoreTabs] = useState([]);
+    const [tabs, setTabs] = useState([]);
+    const { observe, unobserve } = useIntersectionObserver();
+    const size = useSize(navsRef);
+    useEffect(() => {
+        contentsRef.current.clear();
+        if (!items) {
+            if (!children) {
+                setTabs([]);
+                return;
+            }
+            setTabs(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)) {
+                const key = String(item);
+                return { key, 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?.(undefined, key);
+            setActiveKey(undefined);
+            setBarStyle({
+                height: 0,
+                width: 0,
+            });
+            return;
+        }
+        setPrevActiveKey(activeKey);
+        onTabChange?.(key, activeKey);
+        setActiveKey(key);
+    };
+    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]);
+    useEffect(() => {
+        if (!bar || type === "pane" || activeKey === undefined) {
+            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]);
+    useEffect(() => {
+        if (active === undefined || activeKey === active)
+            return;
+        open(active);
+    }, [active]);
+    useEffect(() => {
+        if (hideMore || !unobserve)
+            return;
+        return () => {
+            navRefs.current?.map(unobserve);
+        };
+    }, [tabs.length, hideMore, unobserve]);
+    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]);
+    useImperativeHandle(ref, () => ({
+        open,
+        close,
+        add,
+        navs: navsRef,
+    }));
+    return (jsxs("div", { className: classNames("i-tabs", { flex: vertical, [`i-tabs-${type}`]: type !== "default" }, className), ...rest, children: [jsxs("div", { className: classNames("i-tab-navs-container", {
+                    "i-tab-navs-vertical": vertical,
+                }), children: [prepend, jsxs("div", { ref: navsRef, className: classNames("i-tab-navs", `justify-${navsJustify}`), children: [tabs.map((tab, i) => {
+                                const { title, key = `${i}`, closable } = tab;
+                                return (jsxs("a", { ref: (ref) => (navRefs.current[i] = ref), className: classNames("i-tab-nav", {
+                                        "i-tab-active": activeKey === key,
+                                    }), onClick: () => open(key), children: [title, closable && (jsx(Helpericon, { as: 'i', active: true, className: 'i-tab-nav-close', onClick: (e) => {
+                                                e.stopPropagation();
+                                                close(key);
+                                            } }))] }, key));
+                            }), bar && (jsx("span", { ref: barRef, className: classNames("i-tab-navs-bar", barClass), style: barStyle }))] }), !hideMore && overflow && moreTabs.length > 0 && (jsx(Popup, { arrow: false, position: vertical ? "right" : "bottom", align: 'end', touchable: true, hideDelay: 500, content: jsx("div", { className: 'i-tabs-morelist pd-4', children: moreTabs.map((tab, i) => {
+                                const { key = `${i}`, title } = tab;
+                                const isActive = activeKey === key;
+                                return (jsx("a", { className: classNames("i-tab-nav", {
+                                        "i-tab-active": isActive,
+                                    }), onClick: () => open(key), children: title }, key));
+                            }) }), children: renderMore(moreTabs) })), append] }), 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;
+                    const show = isActive ||
+                        (key !== undefined && cachedTabs.includes(key));
+                    return (show && (jsx("div", { className: classNames("i-tab-content", {
+                            "i-tab-active": isActive,
+                        }), children: content }, key)));
+                }) })] }));
 });
 Tabs.Item = Item;
-//#endregion
-export { Tabs as default };
 
-//# sourceMappingURL=tabs.js.map
+export { Tabs as default };
+//# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","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":";;;;;;;;;;;;CAoBA,MAAM,EACL,KACC,QACA,MAAM,OACN,OAAM,WACN,SACA,QACA,UACA,WACA,UACA,UACA,cAAQ,SACR,MAAA,MACA,UACA,UACA,mBACA,oBAAA,gBAAA;EAAA,MAAA;EAAc,QAAA;EAAK,MAAA;YACjB,oBAAA,cAAA,EAAM,MAAM,oBAAA,gBAAA,EAAkB,CAAA,EAAC,CAAA;EACzB,CAAA,EAER,aACA,GAAA,SACG;;CAGJ,MAAM,SAAS,OAAwB,KAAE;CACzC,MAAM,UAAS,OAAwB,KAAK;CAC5C,MAAM,cAAU,uBAA4B,IAAA,KAAA,CAAA;CAC5C,MAAM,CAAA,WAAY,gBAAa,SAA8B,OAAA;CAC7D,MAAM,CAAC,eAAW,oBAAwB,SAC1C,KAAA,EACC;CACD,MAAC,CAAA,UAAA,eAAA,SAAA,EAAA,CAAA;CACD,MAAM,CAAC,YAAU,iBAAe,SAAuB,EAAE,CAAC;CAC1D,MAAM,CAAC,UAAU,eAAe,SAAI,MAAS;CAC7C,MAAM,CAAC,UAAU,eAAe,SAAe,EAAA,CAAA;CAC/C,MAAM,CAAC,MAAA,WAAU,SAAwB,EAAA,CAAA;CACzC,MAAM,EAAC,SAAM,cAAW,yBAAwB;CAChD,MAAM,OAAE,QAAS,QAAY;;AAG7B,cAAa,QAAG,OAAA;;AAGf,OAAK,CAAA,UAAO;AACX,YAAK,EAAA,CAAA;AACJ;;WAID,SAAO,IAAA,WAAA,MAAA,MAAA;IACL,MAAA,EAAQ,KAAK,OAAA,cAAqB;IAIlC,MAAC,EACD,OACC,UAAK,aACL,SACA,SACA,aACA;IACD,MAAI,SAAS,OAAA,OAAA,EAAA;AACb,gBAAY,QAAG,IAAO,QAAS,eAAA,QAAA;;KAG/B,KAAM;KACL;KACA;KACA;KACA;KACA,IAAA,EAAA,CACF;;;UAMF,MAAO,KAAA,MAAA,MAAA;AACN,OAAK,CAAC,UAAU,SAAO,CAAA,SAAA,OAAA,KAAA,CAErB,QAAM;IAAG,KADG,OAAG,KAAS;IACZ,OAAO;IAAK;GAEzB,MAAA,MAAA,OAAA,KAAA,OAAA,EAAA;AACA,eAAY,QAAO,IAAK,KAAK,KAAI,QAAA;GACjC,MAAA,EAAA,SAAY,GAAQ,SAAS;AAC7B,UAAO;IACP,GAAA;IACC;IACA;IACA,CACF;IACA,CAAA,UAAA,MAAA,CAAA;;EAGF,MAAM,OAAO,OAAK,IAAA,OAAa,KAAA,OAAA;EAC9B,MAAM,IAAI,KAAG,WAAW,MAAO,EAAA,QAAW,KAAC;;AAG3C,QAAM,KAAK,GAAC,OAAA,GAAA,IAAA;AACX;;;EAID,MAAA,EAAA,SAAY,GAAQ,SAAS;AAC7B,WAAQ,OAAQ,CAAC,GAAG,IAAI;GAAE,GAAG;GAAG,KAAA;GAAA,CAAA,CAAA;AAChC,OAAA,KAAS;;;EAIV,MAAM,IAAK,KAAI,WAAY,MAAI,EAAA,QAAA,IAAA;;;EAK9B,MAAA,WAAY,CAAA,GAAQ,KAAM;AAC1B,WAAM,OAAU,GAAG,EAAE;AACrB,UAAQ,SAAS;;;AAKjB,OAAK,iBAAiB,MAAM,OAAA,GAAU;;;AAIvC,MAAK,QAAQ,WAAM;AAClB,OAAI,CAAA,SAAQ;;AAGX,gBAAa,KAAA,EAAU;;IAGvB,QAAA;IACC,OAAO;IACP,CAAA;AACD;;;AAID,gBAAA,KAAiB,UAAU;AAC3B,eAAa,IAAI;;;AAIlB,MAAA,CAAA,QAAc,YAAE,CAAA,QAAA;EACf,MAAK,EAAA,cAAiB,gBAAa,QAAM;EACzC,MAAM,EAAE,OAAA,WAAc;;AAGtB,cAAM,aAAe;;;AAKrB,OAAA,CAAA,IAAQ;AACP,WAAQ,MAAE,KAAM,YAAA;AAChB,aAAQ,OAAS;AAChB,SAAA,CAAA,GAAS,GAAI,QAAG;KACf,MAAK,WAAO,GAAO,KAAE,GAAA,QACrB,QAAM,IAAA;MAAS,GAAE;MAAG,cAAc;MAAA,GAAA,EACjC;AACD,iBAAC,SAAA,QAAA,QAAA,CAAA,IAAA,aAAA,CAAA;AACD,YAAA;MACA;KACA;IACD;IACA;EAAA;EAAA;EAAA,KAAA;EAAA;EAAA,CAAA;;AAGH,MAAA,CAAA,OAAa,SAAG,UAAA,cAAA,KAAA,EACf;;;GAMA,MAAA,MAAa,QAAI,QAAA;;yCAKhB,gBAAgB,SAAS;AACxB,QAAA,KAAA,SAAmB,UAAK,CAAA,QAAA;AACvB,WAAI,CAAI,WAAU,GAAA,KAAS;KAC3B;;GAIF,MAAM,SAAE,SAAc;;IAGtB,QAAA,CAAA,YAAY,SAAA,UAAA;IACX,OAAO,YAAY,SAAS,UAAU;IACtC,WAAO,aAAY,WAAgB,MAAG,UAAW;IACjD,CAAA;KACC,GAAA;IACD;EAAC;EAAG;EAAA;EAAA;EAAA;EAAA;EAAA,CAAA;;AAGP,MAAA,WAAgB,KAAA,KAAA,cAAA,OAAA;;IAGf,CAAA,OAAK,CAAM;;AAGZ,MAAA,YAAgB,CAAA,UAAA;;AAGf,WAAS,SAAI,IAAA,UAAA;;IAEZ;EAAA,KAAA;EAAA;EAAA;EAAA,CAAA;;AAGF,MAAA,CAAA,QAAc,WAAE,SAAA;;AAGf,KAAA,iBAAM;AACL,KAAE,gBAAgB;;+BAKlB,MAAO,EAAC,SAAS,EAAA,QAChB,CAAA;;gEAIF,SAAQ,OACP,CAAA;;AAGD,OAAA,CAAM,QAAO,QAAA;AACZ,WAAK,QAAQ,oBAAe,SAAA,iBAAA;;IAE5B,CAAA,QAAA,QAAA,CAAA;;EAGF;EACC;EACA;EACA,MAAG;EACH,EAAA;QAGD,qBAAA,OAAA;EACE,WAAA,WACA,UACC;GAAE,MAAM;IAAA,UAAA,SAAA,SAAA;GAAA,EACR,UACA;EACD,GAAC;YANH,CAQC,qBAAA,OAAA;GACE,WAAA,WAAA,wBAAA,EACA,uBAAwB,UACvB,CAAC;aAHJ;IAKC;;KAGE,KAAA;KACA,WAAK,WACL,cACC,WAAW,cACX;gBAEF,KAAA,KAAA,KAAA,MAAA;MACE,MAAK,EAAG,OAAO,MAAM,GAAA,KAAA,aAAA;aAGrB,qBAAA,KAAA;OAEE,MAAK,QAAG,QAAA,QAAA,KAAA;OACR,WAAW,WAAW,aAAa,EACnC,gBAAW,cAAkB,KAC5B,CAAC;OACF,eAAE,KAAA,IAAA;iBANJ,CAQC,OAAA,YAGE,oBAAA,oBAAA;QACC,IAAA;QACA,QAAA;QACA,WAAA;QACA,UAAU,MAAM;AAChB,WAAA,iBAAgB;AACf,eAAE,IAAA;;QAEF,CAAA,CAEF;SApBD,IAoBC;OAEF,EAAA,OAGD,oBAAA,QAAA;MACC,KAAA;MACA,WAAW,WAAA,kBAAA,SAAA;MACX,OAAA;MACA,CAAA,CAED;;oDAGD,oBAAC,eAAD;KACC,OAAA;KACA,UAAO,WAAK,UAAA;KACZ,OAAA;KACA,WAAA;KACA,WAAA;KACA,SACA,oBAAA,OAAA;MAAA,WAAQ;gBACN,SAAI,KAAW,KAAE,MAAK;OACrB,MAAA,EAAQ,MAAM,GAAG,KAAK,UAAG;OACzB,MAAM,WAAW,cAAc;cAG/B,oBAAA,KAAA;QAEE,WAAQ,WAAA,aAAA,EACR,gBAAW,UACV,CAAC;QACF,eAAE,KAAA,IAAA;kBAEH;QACE,EAPD,IAOC;QAEF;MACA,CAAA;eAGL,WAAA,SAAA;KACE,CAAA;;IAIF;;;aAGD,KAAI,KAAA,KAAY,MAAK;IACpB,MAAK,MAAK,IAAM,OAAK,GAAA;IACrB,MAAM,UAAU,YAAY,QAAC,IAAA,IAAA;IAC7B,MAAM,WAAU,cAAY;YAE5B,YACC,QAAS,KAAA,KAAC,WAAA,SAAA,IAAA,KAIV,oBAAA,OAAA;KAEE,WAAQ,WAAA,iBAAA,EACR,gBAAW,UACV,CAAC;eAEH;KACE,EAND,IAMC;KAGH;GACA,CAAA,CACE"}
+{"version":3,"file":"tabs.js","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"],"names":["_jsx","_jsxs","TabItem"],"mappings":"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"}

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

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

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

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