@ioca/react 1.4.79 → 1.4.81

package/lib/cjs/components/popconfirm/popconfirm.cjs

@@ -1,86 +0,0 @@
-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("../popup/index.cjs");
-const require_index$3 = require("../flex/index.cjs");
-let _ricons_material = require("@ricons/material");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/popconfirm/popconfirm.tsx
-const defaultOk = { children: "确定" };
-const defaultCancel = {
-	children: "取消",
-	secondary: true
-};
-const Popconfirm = (props) => {
-	const { trigger = "click", visible, icon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.InfoOutlined, {}),
-		className: "error",
-		size: "1.2em"
-	}), content, okButtonProps, cancelButtonProps, children, align, position = "top", offset = 12, extra, onOk, onClose, ...restProps } = props;
-	const state = require_hooks.useReactive({
-		loading: false,
-		visible
-	});
-	const ok = okButtonProps ? Object.assign({}, defaultOk, okButtonProps) : defaultOk;
-	const cancel = cancelButtonProps ? Object.assign({}, defaultCancel, cancelButtonProps) : defaultCancel;
-	const handleVisibleChange = (v) => {
-		state.visible = v;
-		restProps.onVisibleChange?.(v);
-	};
-	const handleOk = async (e) => {
-		state.loading = true;
-		ok.onClick?.(e);
-		try {
-			await onOk?.();
-			state.visible = false;
-		} finally {
-			state.loading = false;
-		}
-	};
-	const handleCancel = async (e) => {
-		cancel.onClick?.(e);
-		await onClose?.();
-		state.visible = false;
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
-		content: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "i-popconfirm",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$3.default, {
-				gap: ".5em",
-				children: [icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "i-popconfirm-content",
-					children: content
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$3.default, {
-				gap: 12,
-				justify: "flex-end",
-				className: "i-popconfirm-footer",
-				children: [
-					cancelButtonProps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-						...cancel,
-						onClick: handleCancel
-					}),
-					extra,
-					okButtonProps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-						loading: state.loading,
-						...ok,
-						onClick: handleOk
-					})
-				]
-			})]
-		}),
-		...restProps,
-		trigger,
-		visible: state.visible,
-		align,
-		offset,
-		position,
-		onVisibleChange: handleVisibleChange,
-		children
-	});
-};
-//#endregion
-exports.default = Popconfirm;
-
-//# sourceMappingURL=popconfirm.cjs.map

package/lib/cjs/components/popconfirm/popconfirm.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popconfirm.cjs","names":[],"sources":["../../../../packages/components/popconfirm/popconfirm.tsx"],"sourcesContent":["import { InfoOutlined } from \"@ricons/material\";\nimport { MouseEvent } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport Button from \"../button\";\nimport { IButton } from \"../button/type\";\nimport Flex from \"../flex\";\nimport Icon from \"../icon\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport { IPopconfirm } from \"./type\";\n\nconst defaultOk = {\n\tchildren: \"确定\",\n};\n\nconst defaultCancel = {\n\tchildren: \"取消\",\n\tsecondary: true,\n};\n\nconst Popconfirm = (props: IPopconfirm) => {\n\tconst {\n\t\ttrigger = \"click\",\n\t\tvisible,\n\t\ticon = <Icon icon={<InfoOutlined />} className='error' size='1.2em' />,\n\t\tcontent,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tchildren,\n\t\talign,\n\t\tposition = \"top\",\n\t\toffset = 12,\n\t\textra,\n\t\tonOk,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive({\n\t\tloading: false,\n\t\tvisible,\n\t});\n\n\tconst ok: IButton = okButtonProps\n\t\t? Object.assign({}, defaultOk, okButtonProps)\n\t\t: defaultOk;\n\tconst cancel: IButton = cancelButtonProps\n\t\t? Object.assign({}, defaultCancel, cancelButtonProps)\n\t\t: defaultCancel;\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tstate.visible = v;\n\t\trestProps.onVisibleChange?.(v);\n\t};\n\n\tconst handleOk = async (e: MouseEvent<HTMLElement>) => {\n\t\tstate.loading = true;\n\t\tok.onClick?.(e);\n\t\ttry {\n\t\t\tawait onOk?.();\n\t\t\tstate.visible = false;\n\t\t} finally {\n\t\t\tstate.loading = false;\n\t\t}\n\t};\n\n\tconst handleCancel = async (e: MouseEvent<HTMLElement>) => {\n\t\tcancel.onClick?.(e);\n\t\tawait onClose?.();\n\t\tstate.visible = false;\n\t};\n\n\tconst popconfirmContent = (\n\t\t<div className='i-popconfirm'>\n\t\t\t<Flex gap='.5em'>\n\t\t\t\t{icon}\n\t\t\t\t<div className='i-popconfirm-content'>{content}</div>\n\t\t\t</Flex>\n\n\t\t\t<Flex gap={12} justify='flex-end' className='i-popconfirm-footer'>\n\t\t\t\t{cancelButtonProps !== null && (\n\t\t\t\t\t<Button {...cancel} onClick={handleCancel} />\n\t\t\t\t)}\n\t\t\t\t{extra}\n\t\t\t\t{okButtonProps !== null && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tloading={state.loading}\n\t\t\t\t\t\t{...ok}\n\t\t\t\t\t\tonClick={handleOk}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Flex>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<Popup\n\t\t\tcontent={popconfirmContent}\n\t\t\t{...restProps}\n\t\t\ttrigger={trigger}\n\t\t\tvisible={state.visible}\n\t\t\talign={align}\n\t\t\toffset={offset}\n\t\t\tposition={position}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nexport default Popconfirm;\n"],"mappings":";;;;;;;;;oBAWA,UAAM,MACL;;CAGD,UAAM;CACL,WAAW;CACX;;CAGD,MAAM,EACL,UAAM,SACL,SACA,OAAO,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;EAAA,MAAA,iBAAA,GAAA,kBAAA,KAAA,iBAAA,cAAA,EAAA,CAAA;EAAA,WAAA;EAAA,MAAA;EAAA,CAAA,EACP,SACA,eACA,mBACA,UACA,OACA,WAAK,OACL,SAAS,IACT,OACA,MACA,SACA,GAAA,cACG;;EAGJ,SAAM;EACL;EACA,CAAA;4BAGD,OAAU,OAAO,EAAE,EAAC,WAAA,cAAA,GACjB;CACH,MAAG,SAAS,oBACZ,OAAM,OAAQ,EAAA,EAAO,eAAG,kBAAA,GACrB;;AAGH,QAAM,UAAA;AACL,YAAM,kBAAW,EAAA;;;AAIlB,QAAM,UAAW;AAChB,KAAA,UAAa,EAAE;AACf,MAAG;AACH,SAAI,QAAA;AACH,SAAM,UAAQ;YACR;AACN,SAAC,UAAQ;;;;AAKX,SAAM,UAAY,EAAE;AACnB,QAAM,WAAW;AACjB,QAAM,UAAU;;QA2BjB,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA;EACE,SAxBF,iBAAA,GAAA,kBAAA,MAAA,OAAA;GAAM,WAAA;aAAN,CACE,iBAAA,GAAA,kBAAA,MAAA,gBAAA,SAAA;IAAI,KAAA;cAAJ,CACC,MACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAA;eAAA;KAAA,CAAA,CACA;;;;;;KAGL,sBAAuB,QACtB,iBAAA,GAAA,kBAAA,KAAA,cAAA,SAAA;MAAA,GAAA;MAAoB,SAAS;MAAC,CAAA;KAE9B;KACA,kBAAK,QACL,iBAAA,GAAA,kBAAA,KAAA,cAAA,SAAA;MACC,SAAA,MAAA;MACA,GAAA;MACA,SAAM;MACN,CAAA;KAED;MACA;;EAMF,GAAA;EACI;EACJ,SAAS,MAAA;EACF;EACA;EACC;EACR,iBAAU;EAEX;EACE,CAAA"}

package/lib/cjs/components/popup/content.cjs

@@ -1,56 +0,0 @@
-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");
-let react_dom = require("react-dom");
-//#region packages/components/popup/content.tsx
-const Content = (0, react.forwardRef)((props, ref) => {
-	const { arrow, arrowProps = {}, className, children, ...restProps } = props;
-	const arrowCSS = (0, react.useMemo)(() => {
-		let { left = 0, top = 0, pos } = arrowProps;
-		let transform = "";
-		switch (pos) {
-			case "left":
-				left += 2;
-				transform = `translate(-100%, -50%) rotate(180deg)`;
-				break;
-			case "right":
-				left -= 2;
-				transform = `translate(0, -50%)`;
-				break;
-			case "top":
-				top -= 2;
-				transform = `translate(-50%, -50%) rotate(-90deg)`;
-				break;
-			case "bottom":
-				top += 2;
-				transform = `translate(-50%, -50%) rotate(90deg)`;
-				break;
-			default: break;
-		}
-		return {
-			left,
-			top,
-			transform
-		};
-	}, [arrowProps]);
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: (0, classnames.default)("i-popup", className),
-		...restProps,
-		children: [arrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			className: "i-popup-arrow",
-			style: arrowCSS,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z" })
-		}), children]
-	});
-	const container = typeof document === "undefined" ? null : document.body;
-	if (!container) return null;
-	return (0, react_dom.createPortal)(content, container);
-});
-//#endregion
-exports.default = Content;
-
-//# sourceMappingURL=content.cjs.map

package/lib/cjs/components/popup/content.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content.cjs","names":[],"sources":["../../../../packages/components/popup/content.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { IPopupContent } from \"./type\";\n\nconst Content = forwardRef<HTMLDivElement, IPopupContent>((props, ref) => {\n\tconst { arrow, arrowProps = {}, className, children, ...restProps } = props;\n\n\tconst arrowCSS = useMemo(() => {\n\t\tlet { left = 0, top = 0, pos } = arrowProps as any;\n\t\tlet transform = \"\";\n\n\t\tswitch (pos) {\n\t\t\tcase \"left\":\n\t\t\t\tleft += 2;\n\t\t\t\ttransform = `translate(-100%, -50%) rotate(180deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tleft -= 2;\n\t\t\t\ttransform = `translate(0, -50%)`;\n\t\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\ttop -= 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(-90deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\ttop += 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(90deg)`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn {\n\t\t\tleft,\n\t\t\ttop,\n\t\t\ttransform,\n\t\t};\n\t}, [arrowProps]);\n\n\tconst content = (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-popup\", className)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{arrow && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\t\tclassName='i-popup-arrow'\n\t\t\t\t\tstyle={arrowCSS}\n\t\t\t\t>\n\t\t\t\t\t<path d='M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z' />\n\t\t\t\t</svg>\n\t\t\t)}\n\n\t\t\t{children}\n\t\t</div>\n\t);\n\n\tconst container =\n\t\ttypeof document === \"undefined\" ? null : (document.body as HTMLElement);\n\tif (!container) return null;\n\treturn createPortal(content, container);\n});\n\nexport default Content;\n"],"mappings":";;;;;;;AAKA,MAAM,WAAA,GAAA,MAAA,aAAqD,OAAO,QAAQ;CACzE,MAAM,EAAE,OAAO,aAAa,EAAE,EAAE,WAAW,UAAU,GAAG,cAAc;CAEtE,MAAM,YAAA,GAAA,MAAA,eAAyB;EAC9B,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ;EACjC,IAAI,YAAY;AAEhB,UAAQ,KAAR;GACC,KAAK;AACJ,YAAQ;AACR,gBAAY;AACZ;GACD,KAAK;AACJ,YAAQ;AACR,gBAAY;AACZ;GACD,KAAK;AACJ,WAAO;AACP,gBAAY;AACZ;GACD,KAAK;AACJ,WAAO;AACP,gBAAY;AACZ;GACD,QACC;;AAGF,SAAO;GACN;GACA;GACA;GACA;IACC,CAAC,WAAW,CAAC;CAEhB,MAAM,UACL,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACM;EACL,YAAA,GAAA,WAAA,SAAsB,WAAW,UAAU;EAC3C,GAAI;YAHL,CAKE,SACA,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACC,OAAM;GACN,WAAU;GACV,OAAO;aAEP,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,GAAE,yFAA0F,CAAA;GAC7F,CAAA,EAGN,SACI;;CAGP,MAAM,YACL,OAAO,aAAa,cAAc,OAAQ,SAAS;AACpD,KAAI,CAAC,UAAW,QAAO;AACvB,SAAA,GAAA,UAAA,cAAoB,SAAS,UAAU;EACtC"}

package/lib/cjs/components/popup/index.cjs

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

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

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

package/lib/cjs/components/popup/popup.cjs

@@ -1,425 +0,0 @@
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_hooks = require("../../js/hooks.cjs");
-const require_utils = require("../../js/utils.cjs");
-const require_content = require("./content.cjs");
-let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region packages/components/popup/popup.tsx
-function Popup(props) {
-	const { visible = false, content, trigger = "hover", gap = 12, offset = 8, position = "top", showDelay = 16, hideDelay = 12, touchable, arrow = true, align = "center", fitSize, disabled, style, className, children, onVisibleChange } = props;
-	const triggerRef = (0, react.useRef)(null);
-	const contentRef = (0, react.useRef)(null);
-	const timerRef = (0, react.useRef)(null);
-	const afterHideTimerRef = (0, react.useRef)(null);
-	const rafRef = (0, react.useRef)(null);
-	const [show, setShow] = (0, react.useState)(false);
-	const showRef = (0, react.useRef)(false);
-	showRef.current = show;
-	const latestRef = (0, react.useRef)({
-		disabled,
-		trigger,
-		touchable,
-		showDelay,
-		hideDelay,
-		position,
-		gap,
-		offset,
-		align,
-		fitSize,
-		onVisibleChange
-	});
-	latestRef.current = {
-		disabled,
-		trigger,
-		touchable,
-		showDelay,
-		hideDelay,
-		position,
-		gap,
-		offset,
-		align,
-		fitSize,
-		onVisibleChange
-	};
-	const phaseRef = (0, react.useRef)("");
-	const lastPosRef = (0, react.useRef)(null);
-	const lastArrowRef = (0, react.useRef)(null);
-	const arrowElRef = (0, react.useRef)(null);
-	const pointRef = (0, react.useRef)(null);
-	const clearTimer = () => {
-		if (!timerRef.current) return;
-		clearTimeout(timerRef.current);
-		timerRef.current = null;
-		phaseRef.current = "";
-	};
-	const clearAllTimers = () => {
-		clearTimer();
-		if (afterHideTimerRef.current) {
-			clearTimeout(afterHideTimerRef.current);
-			afterHideTimerRef.current = null;
-		}
-		if (rafRef.current !== null) {
-			cancelAnimationFrame(rafRef.current);
-			rafRef.current = null;
-		}
-	};
-	const setContentVisible = (visible) => {
-		const el = contentRef.current;
-		if (!el) return;
-		el.style.opacity = visible ? "1" : "0";
-		el.style.transform = visible ? "none" : "translate(0, 2px)";
-	};
-	const ensureBaseStyle = () => {
-		const el = contentRef.current;
-		if (!el) return;
-		const pos = "fixed";
-		if (el.style.position !== pos) el.style.position = pos;
-	};
-	const applyFitSize = () => {
-		const o = latestRef.current;
-		const triggerEl = triggerRef.current;
-		const contentEl = contentRef.current;
-		if (!triggerEl || !contentEl) return;
-		const vertical = ["top", "bottom"].includes(o.position);
-		const key = vertical ? "width" : "height";
-		if (!o.fitSize) {
-			contentEl.style[key] = "";
-			return;
-		}
-		const size = triggerEl[vertical ? "offsetWidth" : "offsetHeight"];
-		contentEl.style[key] = typeof size === "number" ? `${size}px` : "";
-	};
-	const applyArrow = (arrowX, arrowY, arrowPos) => {
-		const contentEl = contentRef.current;
-		if (!contentEl) return;
-		const arrowEl = arrowElRef.current ?? contentEl.querySelector(".i-popup-arrow");
-		arrowElRef.current = arrowEl;
-		if (!arrowEl) return;
-		let left = arrowX ?? 0;
-		let top = arrowY ?? 0;
-		let transform = "";
-		switch (arrowPos) {
-			case "left":
-				left += 2;
-				transform = `translate(-100%, -50%) rotate(180deg)`;
-				break;
-			case "right":
-				left -= 2;
-				transform = `translate(0, -50%)`;
-				break;
-			case "top":
-				top -= 2;
-				transform = `translate(-50%, -50%) rotate(-90deg)`;
-				break;
-			case "bottom":
-				top += 2;
-				transform = `translate(-50%, -50%) rotate(90deg)`;
-				break;
-			default: break;
-		}
-		const prev = lastArrowRef.current;
-		if (prev && prev.left === left && prev.top === top && prev.transform === transform) return;
-		lastArrowRef.current = {
-			left,
-			top,
-			transform
-		};
-		arrowEl.style.left = `${left}px`;
-		arrowEl.style.top = `${top}px`;
-		arrowEl.style.transform = transform;
-	};
-	const applyLeftTop = (left, top) => {
-		const contentEl = contentRef.current;
-		if (!contentEl) return;
-		const prev = lastPosRef.current;
-		if (prev && prev.left === left && prev.top === top) return;
-		lastPosRef.current = {
-			left,
-			top
-		};
-		contentEl.style.left = `${left}px`;
-		contentEl.style.top = `${top}px`;
-	};
-	const computeRelativePosition = () => {
-		const triggerEl = triggerRef.current;
-		const contentEl = contentRef.current;
-		if (!triggerEl || !contentEl) return;
-		const o = latestRef.current;
-		applyFitSize();
-		const [left, top, { arrowX, arrowY, arrowPos }] = require_utils.getPosition(triggerEl, contentEl, {
-			position: o.position,
-			gap: o.gap,
-			offset: o.offset,
-			align: o.align,
-			refWindow: true
-		});
-		applyLeftTop(left, top);
-		applyArrow(arrowX, arrowY, arrowPos);
-	};
-	const computePointPosition = () => {
-		const contentEl = contentRef.current;
-		if (!contentEl) return;
-		const point = pointRef.current;
-		if (!point) return;
-		const [left, top] = require_utils.getPointPosition(point, contentEl);
-		applyLeftTop(left, top);
-	};
-	const scheduleComputePosition = () => {
-		if (!showRef.current) return;
-		if (rafRef.current !== null) return;
-		rafRef.current = requestAnimationFrame(() => {
-			rafRef.current = null;
-			if (!showRef.current) return;
-			ensureBaseStyle();
-			if (latestRef.current.trigger === "contextmenu") {
-				computePointPosition();
-				return;
-			}
-			computeRelativePosition();
-		});
-	};
-	const handleShow = () => {
-		const opts = latestRef.current;
-		if (opts.disabled) return;
-		clearAllTimers();
-		if (showRef.current && (opts.trigger !== "hover" || opts.trigger === "hover" && !opts.touchable)) {
-			ensureBaseStyle();
-			computeRelativePosition();
-			setContentVisible(true);
-			return;
-		}
-		phaseRef.current = "showing";
-		if (!showRef.current) {
-			lastPosRef.current = null;
-			lastArrowRef.current = null;
-			arrowElRef.current = null;
-			setShow(true);
-		}
-		timerRef.current = setTimeout(() => {
-			if (phaseRef.current !== "showing") return;
-			rafRef.current = requestAnimationFrame(() => {
-				rafRef.current = null;
-				if (phaseRef.current !== "showing") return;
-				if (!contentRef.current) return;
-				ensureBaseStyle();
-				if (opts.trigger === "contextmenu") computePointPosition();
-				else computeRelativePosition();
-				setContentVisible(true);
-				opts.onVisibleChange?.(true);
-				clearTimer();
-				phaseRef.current = "";
-			});
-		}, opts.showDelay);
-	};
-	const handleHide = () => {
-		if (!showRef.current) return;
-		clearAllTimers();
-		phaseRef.current = "hiding";
-		timerRef.current = setTimeout(() => {
-			if (phaseRef.current !== "hiding") {
-				clearTimer();
-				return;
-			}
-			setContentVisible(false);
-			afterHideTimerRef.current = setTimeout(() => {
-				afterHideTimerRef.current = null;
-				setShow(false);
-				clearAllTimers();
-				latestRef.current.onVisibleChange?.(false);
-				phaseRef.current = "";
-			}, 160);
-		}, latestRef.current.hideDelay);
-	};
-	const handleToggle = (action) => {
-		if (action !== void 0) {
-			action ? handleShow() : handleHide();
-			return;
-		}
-		showRef.current ? handleHide() : handleShow();
-	};
-	const hideRef = (0, react.useRef)(handleHide);
-	const toggleRef = (0, react.useRef)(handleToggle);
-	hideRef.current = handleHide;
-	toggleRef.current = handleToggle;
-	const doHide = (0, react.useMemo)(() => () => hideRef.current(), []);
-	const doToggle = (0, react.useMemo)(() => (action) => toggleRef.current(action), []);
-	const eventMaps = (0, react.useMemo)(() => {
-		return {
-			click: { onClick: () => doToggle(true) },
-			hover: {
-				onMouseEnter: () => doToggle(true),
-				onMouseLeave: () => doToggle(false)
-			},
-			focus: {
-				onFocus: () => doToggle(true),
-				onBlur: () => doToggle(false)
-			},
-			contextmenu: { onContextMenu: (e) => {
-				e.preventDefault();
-				e.stopPropagation();
-				pointRef.current = {
-					pageX: e.pageX,
-					pageY: e.pageY
-				};
-				if (showRef.current) {
-					ensureBaseStyle();
-					computePointPosition();
-					return;
-				}
-				clearAllTimers();
-				phaseRef.current = "showing";
-				lastPosRef.current = null;
-				lastArrowRef.current = null;
-				arrowElRef.current = null;
-				setShow(true);
-				timerRef.current = setTimeout(() => {
-					if (phaseRef.current !== "showing") return;
-					if (!contentRef.current) return;
-					ensureBaseStyle();
-					computePointPosition();
-					setContentVisible(true);
-					clearTimer();
-					latestRef.current.onVisibleChange?.(true);
-					phaseRef.current = "";
-				}, latestRef.current.showDelay);
-			} },
-			none: {}
-		};
-	}, [doToggle]);
-	const contentTouch = (0, react.useMemo)(() => {
-		if (!touchable) return {};
-		const events = {};
-		if (trigger === "hover") {
-			events["onMouseEnter"] = () => {
-				clearTimer();
-			};
-			events["onMouseLeave"] = () => handleToggle(false);
-		}
-		return events;
-	}, [touchable, trigger]);
-	const { observe, unobserve, disconnect } = require_hooks.useResizeObserver();
-	(0, react.useEffect)(() => {
-		if (!observe) return;
-		const triggerEl = triggerRef.current;
-		const contentEl = contentRef.current;
-		if (triggerEl) observe(triggerEl, scheduleComputePosition);
-		if (contentEl) observe(contentEl, scheduleComputePosition);
-		return () => {
-			if (contentEl) unobserve(contentEl);
-			if (triggerEl) unobserve(triggerEl);
-			disconnect();
-		};
-	}, [
-		trigger,
-		observe,
-		unobserve,
-		disconnect,
-		show
-	]);
-	(0, react.useLayoutEffect)(() => {
-		if (!show) return;
-		ensureBaseStyle();
-		if (latestRef.current.trigger === "contextmenu") computePointPosition();
-		else computeRelativePosition();
-	}, [show]);
-	(0, react.useLayoutEffect)(() => {
-		doToggle(visible);
-	}, [visible]);
-	(0, react.useEffect)(() => {
-		return () => {
-			clearAllTimers();
-		};
-	}, []);
-	const mouseUpHandlerRef = (0, react.useRef)(() => {});
-	mouseUpHandlerRef.current = (e) => {
-		if (!showRef.current) return;
-		const triggerEl = triggerRef.current;
-		const contentEl = contentRef.current;
-		if (!triggerEl || !contentEl) return;
-		const tar = e.target;
-		if (triggerEl.contains(tar) || contentEl.contains(tar)) return;
-		doHide();
-	};
-	require_hooks.useMouseUp((0, react.useMemo)(() => (e) => mouseUpHandlerRef.current(e), []));
-	(0, react.useEffect)(() => {
-		if (!show) return;
-		if (typeof window === "undefined") return;
-		const onScrollOrResize = (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.debounce)({ delay: 160 }, () => {
-			scheduleComputePosition();
-		});
-		window.addEventListener("scroll", onScrollOrResize, {
-			passive: true,
-			capture: true
-		});
-		return () => {
-			window.removeEventListener("scroll", onScrollOrResize, true);
-		};
-	}, [show]);
-	const mergeRefs = (...refs) => {
-		return (node) => {
-			for (const ref of refs) {
-				if (!ref) continue;
-				if (typeof ref === "function") ref(node);
-				else ref.current = node;
-			}
-		};
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(() => {
-		const events = eventMaps[trigger];
-		const items = react.Children.toArray(children);
-		const canAttachRef = (el) => {
-			if (!(0, react.isValidElement)(el)) return false;
-			const t = el.type;
-			if (typeof t === "string") return true;
-			if (t?.prototype?.isReactComponent) return true;
-			if (t?.$$typeof === Symbol.for("react.forward_ref")) return true;
-			return false;
-		};
-		if (items.length !== 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref: triggerRef,
-			...events,
-			className: "i-popup-trigger",
-			style: { display: "inline-block" },
-			children
-		});
-		const only = items[0];
-		if (!(0, react.isValidElement)(only) || !canAttachRef(only)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref: triggerRef,
-			...events,
-			className: "i-popup-trigger",
-			style: { display: "inline-block" },
-			children: only
-		});
-		const { className: childClassName, ...restProps } = only.props;
-		const nextProps = { ...restProps };
-		for (const evt of Object.keys(events)) {
-			const theirs = restProps[evt];
-			const ours = events[evt];
-			nextProps[evt] = typeof theirs === "function" ? (e) => {
-				ours(e);
-				theirs(e);
-			} : ours;
-		}
-		return (0, react.cloneElement)(only, {
-			ref: mergeRefs(only.ref, triggerRef),
-			className: childClassName,
-			...nextProps
-		});
-	})(), show && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_content.default, {
-		ref: contentRef,
-		arrow: arrow && trigger !== "contextmenu",
-		style: {
-			...style,
-			position: "fixed"
-		},
-		className,
-		...contentTouch,
-		trigger: triggerRef.current,
-		children: content
-	})] });
-}
-//#endregion
-exports.default = Popup;
-
-//# sourceMappingURL=popup.cjs.map

package/lib/cjs/components/popup/popup.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popup.cjs","names":[],"sources":["../../../../packages/components/popup/popup.tsx"],"sourcesContent":["import { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tRef,\n\tcloneElement,\n\tisValidElement,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { useMouseUp, useResizeObserver } from \"../../js/hooks\";\nimport { getPointPosition, getPosition } from \"../../js/utils\";\nimport Content from \"./content\";\nimport \"./index.css\";\nimport { IPopup } from \"./type\";\n\nexport default function Popup(props: IPopup) {\n\tconst {\n\t\tvisible = false,\n\t\tcontent,\n\t\ttrigger = \"hover\",\n\t\tgap = 12,\n\t\toffset = 8,\n\t\tposition = \"top\",\n\t\tshowDelay = 16,\n\t\thideDelay = 12,\n\t\ttouchable,\n\t\tarrow = true,\n\t\talign = \"center\",\n\t\tfitSize,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonVisibleChange,\n\t} = props;\n\n\tconst triggerRef = useRef<HTMLElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst afterHideTimerRef = useRef<any>(null);\n\tconst rafRef = useRef<number | null>(null);\n\n\tconst [show, setShow] = useState(false);\n\tconst showRef = useRef(false);\n\tshowRef.current = show;\n\n\tconst latestRef = useRef({\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t});\n\tlatestRef.current = {\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t};\n\n\tconst phaseRef = useRef<\"\" | \"showing\" | \"hiding\">(\"\");\n\tconst lastPosRef = useRef<{ left: number; top: number } | null>(null);\n\tconst lastArrowRef = useRef<{\n\t\tleft: number;\n\t\ttop: number;\n\t\ttransform: string;\n\t} | null>(null);\n\tconst arrowElRef = useRef<HTMLElement | null>(null);\n\tconst pointRef = useRef<{ pageX: number; pageY: number } | null>(null);\n\n\tconst clearTimer = () => {\n\t\tif (!timerRef.current) return;\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t\tphaseRef.current = \"\";\n\t};\n\n\tconst clearAllTimers = () => {\n\t\tclearTimer();\n\t\tif (afterHideTimerRef.current) {\n\t\t\tclearTimeout(afterHideTimerRef.current);\n\t\t\tafterHideTimerRef.current = null;\n\t\t}\n\t\tif (rafRef.current !== null) {\n\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\trafRef.current = null;\n\t\t}\n\t};\n\n\tconst setContentVisible = (visible: boolean) => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tel.style.opacity = visible ? \"1\" : \"0\";\n\t\tel.style.transform = visible ? \"none\" : \"translate(0, 2px)\";\n\t};\n\n\tconst ensureBaseStyle = () => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tconst pos = \"fixed\";\n\t\tif (el.style.position !== pos) el.style.position = pos;\n\t};\n\n\tconst applyFitSize = () => {\n\t\tconst o = latestRef.current;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst vertical = [\"top\", \"bottom\"].includes(o.position);\n\t\tconst key = vertical ? \"width\" : \"height\";\n\t\tif (!o.fitSize) {\n\t\t\t(contentEl.style as any)[key] = \"\";\n\t\t\treturn;\n\t\t}\n\n\t\tconst size = triggerEl[vertical ? \"offsetWidth\" : \"offsetHeight\"];\n\t\t(contentEl.style as any)[key] =\n\t\t\ttypeof size === \"number\" ? `${size}px` : \"\";\n\t};\n\n\tconst applyArrow = (arrowX: number, arrowY: number, arrowPos: string) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst arrowEl =\n\t\t\tarrowElRef.current ??\n\t\t\t(contentEl.querySelector(\".i-popup-arrow\") as HTMLElement | null);\n\t\tarrowElRef.current = arrowEl;\n\t\tif (!arrowEl) return;\n\n\t\tlet left = arrowX ?? 0;\n\t\tlet top = arrowY ?? 0;\n\t\tlet transform = \"\";\n\n\t\tswitch (arrowPos) {\n\t\t\tcase \"left\":\n\t\t\t\tleft += 2;\n\t\t\t\ttransform = `translate(-100%, -50%) rotate(180deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tleft -= 2;\n\t\t\t\ttransform = `translate(0, -50%)`;\n\t\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\ttop -= 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(-90deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\ttop += 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(90deg)`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst prev = lastArrowRef.current;\n\t\tif (\n\t\t\tprev &&\n\t\t\tprev.left === left &&\n\t\t\tprev.top === top &&\n\t\t\tprev.transform === transform\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tlastArrowRef.current = { left, top, transform };\n\t\tarrowEl.style.left = `${left}px`;\n\t\tarrowEl.style.top = `${top}px`;\n\t\tarrowEl.style.transform = transform;\n\t};\n\n\tconst applyLeftTop = (left: number, top: number) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst prev = lastPosRef.current;\n\t\tif (prev && prev.left === left && prev.top === top) return;\n\n\t\tlastPosRef.current = { left, top };\n\t\tcontentEl.style.left = `${left}px`;\n\t\tcontentEl.style.top = `${top}px`;\n\t};\n\n\tconst computeRelativePosition = () => {\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst o = latestRef.current;\n\t\tapplyFitSize();\n\n\t\tconst [left, top, { arrowX, arrowY, arrowPos }] = getPosition(\n\t\t\ttriggerEl,\n\t\t\tcontentEl,\n\t\t\t{\n\t\t\t\tposition: o.position,\n\t\t\t\tgap: o.gap,\n\t\t\t\toffset: o.offset,\n\t\t\t\talign: o.align,\n\t\t\t\trefWindow: true,\n\t\t\t},\n\t\t);\n\n\t\tapplyLeftTop(left, top);\n\t\tapplyArrow(arrowX, arrowY, arrowPos);\n\t};\n\n\tconst computePointPosition = () => {\n\t\tconst contentEl = contentRef.current as HTMLElement | null;\n\t\tif (!contentEl) return;\n\t\tconst point = pointRef.current;\n\t\tif (!point) return;\n\n\t\tconst [left, top] = getPointPosition(point as any, contentEl);\n\t\tapplyLeftTop(left, top);\n\t};\n\n\tconst scheduleComputePosition = () => {\n\t\tif (!showRef.current) return;\n\t\tif (rafRef.current !== null) return;\n\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\trafRef.current = null;\n\t\t\tif (!showRef.current) return;\n\t\t\tensureBaseStyle();\n\n\t\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\t\tcomputePointPosition();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcomputeRelativePosition();\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tconst opts = latestRef.current;\n\t\tif (opts.disabled) return;\n\t\tclearAllTimers();\n\t\tif (\n\t\t\tshowRef.current &&\n\t\t\t(opts.trigger !== \"hover\" ||\n\t\t\t\t(opts.trigger === \"hover\" && !opts.touchable))\n\t\t) {\n\t\t\tensureBaseStyle();\n\t\t\tcomputeRelativePosition();\n\t\t\tsetContentVisible(true);\n\t\t\treturn;\n\t\t}\n\n\t\tphaseRef.current = \"showing\";\n\t\tif (!showRef.current) {\n\t\t\tlastPosRef.current = null;\n\t\t\tlastArrowRef.current = null;\n\t\t\tarrowElRef.current = null;\n\t\t\tsetShow(true);\n\t\t}\n\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"showing\") return;\n\n\t\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\t\trafRef.current = null;\n\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\tensureBaseStyle();\n\t\t\t\tif (opts.trigger === \"contextmenu\") {\n\t\t\t\t\tcomputePointPosition();\n\t\t\t\t} else {\n\t\t\t\t\tcomputeRelativePosition();\n\t\t\t\t}\n\t\t\t\tsetContentVisible(true);\n\t\t\t\topts.onVisibleChange?.(true);\n\t\t\t\tclearTimer();\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t});\n\t\t}, opts.showDelay);\n\t};\n\n\tconst handleHide = () => {\n\t\tif (!showRef.current) return;\n\n\t\tclearAllTimers();\n\t\tphaseRef.current = \"hiding\";\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"hiding\") {\n\t\t\t\tclearTimer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetContentVisible(false);\n\n\t\t\tafterHideTimerRef.current = setTimeout(() => {\n\t\t\t\tafterHideTimerRef.current = null;\n\t\t\t\tsetShow(false);\n\t\t\t\tclearAllTimers();\n\t\t\t\tlatestRef.current.onVisibleChange?.(false);\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t}, 160);\n\t\t}, latestRef.current.hideDelay);\n\t};\n\n\tconst handleToggle = (action?: boolean) => {\n\t\tif (action !== undefined) {\n\t\t\taction ? handleShow() : handleHide();\n\t\t\treturn;\n\t\t}\n\t\tshowRef.current ? handleHide() : handleShow();\n\t};\n\n\tconst hideRef = useRef(handleHide);\n\tconst toggleRef = useRef(handleToggle);\n\thideRef.current = handleHide;\n\ttoggleRef.current = handleToggle;\n\n\tconst doHide = useMemo(() => () => hideRef.current(), []);\n\tconst doToggle = useMemo(\n\t\t() => (action?: boolean) => toggleRef.current(action),\n\t\t[],\n\t);\n\n\tconst eventMaps = useMemo(() => {\n\t\treturn {\n\t\t\tclick: {\n\t\t\t\tonClick: () => doToggle(true),\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tonMouseEnter: () => doToggle(true),\n\t\t\t\tonMouseLeave: () => doToggle(false),\n\t\t\t},\n\t\t\tfocus: {\n\t\t\t\tonFocus: () => doToggle(true),\n\t\t\t\tonBlur: () => doToggle(false),\n\t\t\t},\n\t\t\tcontextmenu: {\n\t\t\t\tonContextMenu: (e: MouseEvent) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\tpointRef.current = {\n\t\t\t\t\t\tpageX: (e as any).pageX,\n\t\t\t\t\t\tpageY: (e as any).pageY,\n\t\t\t\t\t};\n\n\t\t\t\t\tif (showRef.current) {\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tclearAllTimers();\n\t\t\t\t\tphaseRef.current = \"showing\";\n\t\t\t\t\tlastPosRef.current = null;\n\t\t\t\t\tlastArrowRef.current = null;\n\t\t\t\t\tarrowElRef.current = null;\n\t\t\t\t\tsetShow(true);\n\n\t\t\t\t\ttimerRef.current = setTimeout(() => {\n\t\t\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\tsetContentVisible(true);\n\t\t\t\t\t\tclearTimer();\n\t\t\t\t\t\tlatestRef.current.onVisibleChange?.(true);\n\t\t\t\t\t\tphaseRef.current = \"\";\n\t\t\t\t\t}, latestRef.current.showDelay);\n\t\t\t\t},\n\t\t\t},\n\t\t\tnone: {},\n\t\t};\n\t}, [doToggle]);\n\n\tconst contentTouch = useMemo(() => {\n\t\tif (!touchable) return {};\n\t\tconst events: { [key: string]: () => void } = {};\n\n\t\tif (trigger === \"hover\") {\n\t\t\tevents[\"onMouseEnter\"] = () => {\n\t\t\t\tclearTimer();\n\t\t\t};\n\t\t\tevents[\"onMouseLeave\"] = () => handleToggle(false);\n\t\t}\n\n\t\treturn events;\n\t}, [touchable, trigger]);\n\n\tconst { observe, unobserve, disconnect } = useResizeObserver();\n\tuseEffect(() => {\n\t\tif (!observe) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (triggerEl) observe(triggerEl, scheduleComputePosition);\n\t\tif (contentEl) observe(contentEl, scheduleComputePosition);\n\t\treturn () => {\n\t\t\tif (contentEl) unobserve(contentEl);\n\t\t\tif (triggerEl) unobserve(triggerEl);\n\t\t\tdisconnect();\n\t\t};\n\t}, [trigger, observe, unobserve, disconnect, show]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!show) return;\n\t\tensureBaseStyle();\n\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\tcomputePointPosition();\n\t\t} else {\n\t\t\tcomputeRelativePosition();\n\t\t}\n\t}, [show]);\n\n\tuseLayoutEffect(() => {\n\t\tdoToggle(visible);\n\t}, [visible]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tclearAllTimers();\n\t\t};\n\t}, []);\n\n\tconst mouseUpHandlerRef = useRef<(e: any) => void>(() => {});\n\tmouseUpHandlerRef.current = (e) => {\n\t\tif (!showRef.current) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\t\tconst tar = e.target as HTMLElement;\n\t\tif (triggerEl.contains(tar) || contentEl.contains(tar)) return;\n\t\tdoHide();\n\t};\n\tconst onGlobalMouseUp = useMemo(\n\t\t() => (e: any) => mouseUpHandlerRef.current(e),\n\t\t[],\n\t);\n\tuseMouseUp(onGlobalMouseUp);\n\n\tuseEffect(() => {\n\t\tif (!show) return;\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onScrollOrResize = debounce({ delay: 160 }, () => {\n\t\t\tscheduleComputePosition();\n\t\t});\n\n\t\twindow.addEventListener(\"scroll\", onScrollOrResize, {\n\t\t\tpassive: true,\n\t\t\tcapture: true,\n\t\t});\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"scroll\", onScrollOrResize, true);\n\t\t};\n\t}, [show]);\n\n\tconst mergeRefs = (...refs: Array<Ref<HTMLElement> | undefined>) => {\n\t\treturn (node: HTMLElement | null) => {\n\t\t\tfor (const ref of refs) {\n\t\t\t\tif (!ref) continue;\n\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\tref(node);\n\t\t\t\t} else {\n\t\t\t\t\t(ref as any).current = node;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{(() => {\n\t\t\t\tconst events = eventMaps[trigger] as any;\n\t\t\t\tconst items = Children.toArray(children);\n\t\t\t\tconst canAttachRef = (el: any) => {\n\t\t\t\t\tif (!isValidElement(el)) return false;\n\t\t\t\t\tconst t: any = el.type;\n\t\t\t\t\tif (typeof t === \"string\") return true;\n\t\t\t\t\tif (t?.prototype?.isReactComponent) return true;\n\t\t\t\t\tif (t?.$$typeof === Symbol.for(\"react.forward_ref\"))\n\t\t\t\t\t\treturn true;\n\t\t\t\t\treturn false;\n\t\t\t\t};\n\n\t\t\t\tif (items.length !== 1) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst only = items[0] as any;\n\t\t\t\tif (!isValidElement(only) || !canAttachRef(only)) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{only}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst { className: childClassName, ...restProps } =\n\t\t\t\t\tonly.props as any;\n\t\t\t\tconst nextProps: Record<string, any> = { ...restProps };\n\t\t\t\tfor (const evt of Object.keys(events)) {\n\t\t\t\t\tconst theirs = restProps[evt];\n\t\t\t\t\tconst ours = events[evt];\n\t\t\t\t\tnextProps[evt] =\n\t\t\t\t\t\ttypeof theirs === \"function\"\n\t\t\t\t\t\t\t? (e: any) => {\n\t\t\t\t\t\t\t\t\tours(e);\n\t\t\t\t\t\t\t\t\ttheirs(e);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: ours;\n\t\t\t\t}\n\t\t\t\treturn cloneElement(only as any, {\n\t\t\t\t\tref: mergeRefs((only as any).ref, triggerRef as any),\n\t\t\t\t\tclassName: childClassName,\n\t\t\t\t\t...nextProps,\n\t\t\t\t});\n\t\t\t})()}\n\n\t\t\t{show && (\n\t\t\t\t<Content\n\t\t\t\t\tref={contentRef}\n\t\t\t\t\tarrow={arrow && trigger !== \"contextmenu\"}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\t{...contentTouch}\n\t\t\t\t\ttrigger={triggerRef.current as HTMLElement}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</Content>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"],"mappings":"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"}