tiny-ui 1.0.2 → 1.0.4

package/es/popup/popup.js

@@ -1,196 +1,197 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import classNames from 'classnames';
-import { createPopper } from '@popperjs/core';
-import Transition from '../transition';
-import Portal from '../portal';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import transition_default from "../transition/index.js";
+import portal_default from "../portal/index.js";
+import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createPopper } from "@popperjs/core";
+//#region components/popup/popup.tsx
 const Popup = (props) => {
-    const { disabled = false, trigger = 'click', placement = 'top', defaultVisible = false, arrow = true, flip = true, offset = 0, theme = 'light', usePortal = true, mouseEnterDelay = 100, mouseLeaveDelay = 100, biZoom = true, prefixCls: customisedCls, content, visible, onVisibleChange, className, children, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('popup', configContext.prefixCls, customisedCls);
-    const cls = classNames(className, prefixCls, `${prefixCls}_${placement}`, `${prefixCls}_${theme}`);
-    const [popupVisible, setPopupVisible] = useState('visible' in props ? visible : defaultVisible);
-    const targetRef = useRef(null);
-    const popupRef = useRef(null);
-    const delayDisplayPopupTimer = useRef(undefined);
-    const delayHidePopupTimer = useRef(undefined);
-    const popperRef = useRef(undefined);
-    const elementProps = {
-        ref: (ref) => (targetRef.current = ref),
-    };
-    const displayPopup = useCallback(() => {
-        setPopupVisible(true);
-        onVisibleChange && onVisibleChange(true);
-    }, [onVisibleChange]);
-    const hidePopup = useCallback(() => {
-        setPopupVisible(false);
-        onVisibleChange && onVisibleChange(false);
-    }, [onVisibleChange]);
-    const delayDisplayPopup = useCallback(() => {
-        delayDisplayPopupTimer.current = window.setTimeout(() => {
-            displayPopup();
-        }, mouseEnterDelay);
-    }, [mouseEnterDelay, displayPopup]);
-    const delayHidePopup = useCallback(() => {
-        delayHidePopupTimer.current = window.setTimeout(() => {
-            hidePopup();
-        }, mouseLeaveDelay);
-    }, [mouseLeaveDelay, hidePopup]);
-    const handlePopupOnMouseEnter = () => {
-        if (trigger === 'hover') {
-            displayPopup();
-            window.clearTimeout(delayHidePopupTimer.current);
-        }
-    };
-    const handlePopupOnMouseLeave = () => {
-        if (trigger === 'hover') {
-            delayHidePopup();
-            window.clearTimeout(delayDisplayPopupTimer.current);
-        }
-    };
-    const handleTargetOnMouseEnter = useCallback(() => {
-        delayDisplayPopup();
-        window.clearTimeout(delayHidePopupTimer.current);
-    }, [delayDisplayPopup]);
-    const handleTargetOnMouseLeave = useCallback(() => {
-        delayHidePopup();
-        window.clearTimeout(delayDisplayPopupTimer.current);
-    }, [delayHidePopup]);
-    const documentOnClick = useCallback((e) => {
-        const target = targetRef.current;
-        const popup = popupRef.current;
-        if (!target ||
-            target.contains(e.target) ||
-            !popup ||
-            popup.contains(e.target))
-            return;
-        hidePopup();
-    }, [targetRef, hidePopup]);
-    const handleTargetOnMouseClick = useCallback((e) => {
-        e.preventDefault();
-        if (popupVisible) {
-            hidePopup();
-        }
-        else {
-            displayPopup();
-            document.addEventListener('click', documentOnClick, true);
-        }
-    }, [popupVisible, hidePopup, displayPopup, documentOnClick]);
-    const transitionOnEnter = () => {
-        const instance = createPopper(targetRef.current, popupRef.current, {
-            placement: placement,
-            modifiers: [
-                {
-                    name: 'flip',
-                    enabled: flip,
-                },
-                {
-                    name: 'offset',
-                    options: {
-                        offset: [0, arrow ? 10 + offset : 3 + offset],
-                    },
-                },
-                {
-                    name: 'computeStyles',
-                    options: {
-                        gpuAcceleration: false,
-                        adaptive: false,
-                    },
-                },
-            ],
-        });
-        if (trigger === 'hover') {
-            instance.state.elements.popper.addEventListener('mouseenter', handlePopupOnMouseEnter);
-            instance.state.elements.popper.addEventListener('mouseleave', handlePopupOnMouseLeave);
-        }
-        popperRef.current = instance;
-    };
-    const transitionOnExited = () => {
-        const popperInstance = popperRef.current;
-        if (popperInstance) {
-            if (trigger === 'hover') {
-                popperInstance.state.elements.popper.removeEventListener('mouseenter', handlePopupOnMouseEnter);
-                popperInstance.state.elements.popper.removeEventListener('mouseleave', handlePopupOnMouseLeave);
-            }
-            popperInstance.destroy();
-        }
-    };
-    const getAnimationName = () => {
-        const mapping = {
-            'top-start': biZoom ? 'top-start' : 'center-top',
-            top: biZoom ? 'top' : 'center-top',
-            'top-end': biZoom ? 'top-end' : 'center-top',
-            'bottom-start': biZoom ? 'bottom-start' : 'center-bottom',
-            bottom: biZoom ? 'bottom' : 'center-bottom',
-            'bottom-end': biZoom ? 'bottom-end' : 'center-bottom',
-            'left-start': biZoom ? 'bottom-end' : 'center-left',
-            left: biZoom ? 'left' : 'center-left',
-            'left-end': biZoom ? 'top-end' : 'center-left',
-            'right-start': biZoom ? 'bottom-start' : 'center-right',
-            right: biZoom ? 'right' : 'center-right',
-            'right-end': biZoom ? 'top-start' : 'center-right',
-        };
-        return `zoom-${mapping[placement]}`;
-    };
-    useEffect(() => {
-        if (disabled)
-            return;
-        const target = targetRef.current;
-        if (!target)
-            return;
-        if (trigger === 'hover') {
-            target.addEventListener('mouseenter', handleTargetOnMouseEnter);
-            target.addEventListener('mouseleave', handleTargetOnMouseLeave);
-        }
-        else if (trigger === 'click') {
-            target.addEventListener('click', handleTargetOnMouseClick);
-        }
-        else if (trigger === 'focus') {
-            if (target.nodeName === 'INPUT' || target.nodeName === 'TEXTAREA') {
-                target.addEventListener('focus', displayPopup);
-                target.addEventListener('blur', hidePopup);
-            }
-            else {
-                target.addEventListener('mousedown', displayPopup);
-                target.addEventListener('mouseup', hidePopup);
-            }
-        }
-        else if (trigger === 'contextmenu') {
-            target.addEventListener('contextmenu', handleTargetOnMouseClick);
-        }
-        else if (trigger === 'manual') {
-            setPopupVisible(props.visible);
-        }
-        return () => {
-            target.removeEventListener('mouseenter', handleTargetOnMouseEnter);
-            target.removeEventListener('mouseleave', handleTargetOnMouseLeave);
-            target.removeEventListener('click', handleTargetOnMouseClick);
-            target.removeEventListener('focus', displayPopup);
-            target.removeEventListener('blur', hidePopup);
-            target.removeEventListener('mousedown', displayPopup);
-            target.removeEventListener('mouseup', hidePopup);
-            target.removeEventListener('contextmenu', handleTargetOnMouseClick);
-        };
-    }, [
-        props.visible,
-        disabled,
-        targetRef,
-        trigger,
-        handleTargetOnMouseClick,
-        handleTargetOnMouseEnter,
-        handleTargetOnMouseLeave,
-        displayPopup,
-        hidePopup,
-    ]);
-    useEffect(() => {
-        if ('visible' in props) {
-            props.visible ? displayPopup() : hidePopup();
-        }
-    }, [props, displayPopup, hidePopup]);
-    const renderContent = () => (_jsx(Transition, { in: popupVisible, nodeRef: popupRef, onEnter: transitionOnEnter, onExited: transitionOnExited, animation: getAnimationName(), children: _jsxs("div", { ...otherProps, className: cls, ref: popupRef, children: [content && arrow && _jsx("div", { "data-popper-arrow": true, className: `${prefixCls}__arrow` }), content] }) }));
-    return (_jsxs(_Fragment, { children: [React.cloneElement(children, elementProps), usePortal ? _jsx(Portal, { children: renderContent() }) : renderContent()] }));
+	const { disabled = false, trigger = "click", placement = "top", defaultVisible = false, arrow = true, flip = true, offset = 0, theme = "light", usePortal = true, mouseEnterDelay = 100, mouseLeaveDelay = 100, biZoom = true, prefixCls: customisedCls, content, visible, onVisibleChange, className, children, ...otherProps } = props;
+	const prefixCls = getPrefixCls("popup", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(className, prefixCls, `${prefixCls}_${placement}`, `${prefixCls}_${theme}`);
+	const [popupVisible, setPopupVisible] = useState("visible" in props ? visible : defaultVisible);
+	const targetRef = useRef(null);
+	const popupRef = useRef(null);
+	const delayDisplayPopupTimer = useRef(void 0);
+	const delayHidePopupTimer = useRef(void 0);
+	const popperRef = useRef(void 0);
+	const elementProps = { ref: (ref) => targetRef.current = ref };
+	const displayPopup = useCallback(() => {
+		setPopupVisible(true);
+		onVisibleChange && onVisibleChange(true);
+	}, [onVisibleChange]);
+	const hidePopup = useCallback(() => {
+		setPopupVisible(false);
+		onVisibleChange && onVisibleChange(false);
+	}, [onVisibleChange]);
+	const delayDisplayPopup = useCallback(() => {
+		delayDisplayPopupTimer.current = window.setTimeout(() => {
+			displayPopup();
+		}, mouseEnterDelay);
+	}, [mouseEnterDelay, displayPopup]);
+	const delayHidePopup = useCallback(() => {
+		delayHidePopupTimer.current = window.setTimeout(() => {
+			hidePopup();
+		}, mouseLeaveDelay);
+	}, [mouseLeaveDelay, hidePopup]);
+	const handlePopupOnMouseEnter = () => {
+		if (trigger === "hover") {
+			displayPopup();
+			window.clearTimeout(delayHidePopupTimer.current);
+		}
+	};
+	const handlePopupOnMouseLeave = () => {
+		if (trigger === "hover") {
+			delayHidePopup();
+			window.clearTimeout(delayDisplayPopupTimer.current);
+		}
+	};
+	const handleTargetOnMouseEnter = useCallback(() => {
+		delayDisplayPopup();
+		window.clearTimeout(delayHidePopupTimer.current);
+	}, [delayDisplayPopup]);
+	const handleTargetOnMouseLeave = useCallback(() => {
+		delayHidePopup();
+		window.clearTimeout(delayDisplayPopupTimer.current);
+	}, [delayHidePopup]);
+	const documentOnClick = useCallback((e) => {
+		const target = targetRef.current;
+		const popup = popupRef.current;
+		if (!target || target.contains(e.target) || !popup || popup.contains(e.target)) return;
+		hidePopup();
+	}, [targetRef, hidePopup]);
+	const handleTargetOnMouseClick = useCallback((e) => {
+		e.preventDefault();
+		if (popupVisible) hidePopup();
+		else {
+			displayPopup();
+			document.addEventListener("click", documentOnClick, true);
+		}
+	}, [
+		popupVisible,
+		hidePopup,
+		displayPopup,
+		documentOnClick
+	]);
+	const transitionOnEnter = () => {
+		const instance = createPopper(targetRef.current, popupRef.current, {
+			placement,
+			modifiers: [
+				{
+					name: "flip",
+					enabled: flip
+				},
+				{
+					name: "offset",
+					options: { offset: [0, arrow ? 10 + offset : 3 + offset] }
+				},
+				{
+					name: "computeStyles",
+					options: {
+						gpuAcceleration: false,
+						adaptive: false
+					}
+				}
+			]
+		});
+		if (trigger === "hover") {
+			instance.state.elements.popper.addEventListener("mouseenter", handlePopupOnMouseEnter);
+			instance.state.elements.popper.addEventListener("mouseleave", handlePopupOnMouseLeave);
+		}
+		popperRef.current = instance;
+	};
+	const transitionOnExited = () => {
+		const popperInstance = popperRef.current;
+		if (popperInstance) {
+			if (trigger === "hover") {
+				popperInstance.state.elements.popper.removeEventListener("mouseenter", handlePopupOnMouseEnter);
+				popperInstance.state.elements.popper.removeEventListener("mouseleave", handlePopupOnMouseLeave);
+			}
+			popperInstance.destroy();
+		}
+	};
+	const getAnimationName = () => {
+		return `zoom-${{
+			"top-start": biZoom ? "top-start" : "center-top",
+			top: biZoom ? "top" : "center-top",
+			"top-end": biZoom ? "top-end" : "center-top",
+			"bottom-start": biZoom ? "bottom-start" : "center-bottom",
+			bottom: biZoom ? "bottom" : "center-bottom",
+			"bottom-end": biZoom ? "bottom-end" : "center-bottom",
+			"left-start": biZoom ? "bottom-end" : "center-left",
+			left: biZoom ? "left" : "center-left",
+			"left-end": biZoom ? "top-end" : "center-left",
+			"right-start": biZoom ? "bottom-start" : "center-right",
+			right: biZoom ? "right" : "center-right",
+			"right-end": biZoom ? "top-start" : "center-right"
+		}[placement]}`;
+	};
+	useEffect(() => {
+		if (disabled) return;
+		const target = targetRef.current;
+		if (!target) return;
+		if (trigger === "hover") {
+			target.addEventListener("mouseenter", handleTargetOnMouseEnter);
+			target.addEventListener("mouseleave", handleTargetOnMouseLeave);
+		} else if (trigger === "click") target.addEventListener("click", handleTargetOnMouseClick);
+		else if (trigger === "focus") if (target.nodeName === "INPUT" || target.nodeName === "TEXTAREA") {
+			target.addEventListener("focus", displayPopup);
+			target.addEventListener("blur", hidePopup);
+		} else {
+			target.addEventListener("mousedown", displayPopup);
+			target.addEventListener("mouseup", hidePopup);
+		}
+		else if (trigger === "contextmenu") target.addEventListener("contextmenu", handleTargetOnMouseClick);
+		else if (trigger === "manual") setPopupVisible(props.visible);
+		return () => {
+			target.removeEventListener("mouseenter", handleTargetOnMouseEnter);
+			target.removeEventListener("mouseleave", handleTargetOnMouseLeave);
+			target.removeEventListener("click", handleTargetOnMouseClick);
+			target.removeEventListener("focus", displayPopup);
+			target.removeEventListener("blur", hidePopup);
+			target.removeEventListener("mousedown", displayPopup);
+			target.removeEventListener("mouseup", hidePopup);
+			target.removeEventListener("contextmenu", handleTargetOnMouseClick);
+		};
+	}, [
+		props.visible,
+		disabled,
+		targetRef,
+		trigger,
+		handleTargetOnMouseClick,
+		handleTargetOnMouseEnter,
+		handleTargetOnMouseLeave,
+		displayPopup,
+		hidePopup
+	]);
+	useEffect(() => {
+		if ("visible" in props) props.visible ? displayPopup() : hidePopup();
+	}, [
+		props,
+		displayPopup,
+		hidePopup
+	]);
+	const renderContent = () => /* @__PURE__ */ jsx(transition_default, {
+		in: popupVisible,
+		nodeRef: popupRef,
+		onEnter: transitionOnEnter,
+		onExited: transitionOnExited,
+		animation: getAnimationName(),
+		children: /* @__PURE__ */ jsxs("div", {
+			...otherProps,
+			className: cls,
+			ref: popupRef,
+			children: [content && arrow && /* @__PURE__ */ jsx("div", {
+				"data-popper-arrow": true,
+				className: `${prefixCls}__arrow`
+			}), content]
+		})
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [React.cloneElement(children, elementProps), usePortal ? /* @__PURE__ */ jsx(portal_default, { children: renderContent() }) : renderContent()] });
 };
-export default Popup;
+//#endregion
+export { Popup as default };
+
 //# sourceMappingURL=popup.js.map

package/es/popup/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../components/popup/popup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAY,MAAM,gBAAgB,CAAC;AACxD,OAAO,UAA6B,MAAM,eAAe,CAAC;AAC1D,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAe,EAAE;IAC/C,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,EACjB,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,KAAK,EACtB,KAAK,GAAG,IAAI,EACZ,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,OAAO,EACf,SAAS,GAAG,IAAI,EAChB,eAAe,GAAG,GAAG,EACrB,eAAe,GAAG,GAAG,EACrB,MAAM,GAAG,IAAI,EACb,SAAS,EAAE,aAAa,EACxB,OAAO,EACP,OAAO,EACP,eAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,GAAG,GAAG,UAAU,CACpB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,IAAI,SAAS,EAAE,EAC3B,GAAG,SAAS,IAAI,KAAK,EAAE,CACxB,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAChG,MAAM,SAAS,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,sBAAsB,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IACrE,MAAM,mBAAmB,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,MAAM,CAAuB,SAAS,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG;QACnB,GAAG,EAAE,CAAC,GAAuB,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,GAAG,GAAG,CAAC;KAC5D,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,eAAe,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAS,EAAE;QAC/C,sBAAsB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACtD,YAAY,EAAE,CAAC;QACjB,CAAC,EAAE,eAAe,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC;IAEpC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAS,EAAE;QAC5C,mBAAmB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACnD,SAAS,EAAE,CAAC;QACd,CAAC,EAAE,eAAe,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjC,MAAM,uBAAuB,GAAG,GAAS,EAAE;QACzC,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,YAAY,EAAE,CAAC;YACf,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAS,EAAE;QACzC,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,cAAc,EAAE,CAAC;YACjB,MAAM,CAAC,YAAY,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAS,EAAE;QACtD,iBAAiB,EAAE,CAAC;QACpB,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAS,EAAE;QACtD,cAAc,EAAE,CAAC;QACjB,MAAM,CAAC,YAAY,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAQ,EAAQ,EAAE;QACjB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IACE,CAAC,MAAM;YACP,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC;YACxC,CAAC,KAAK;YACN,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC;YAEvC,OAAO;QAET,SAAS,EAAE,CAAC;IACd,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,CAAC,CACvB,CAAC;IAEF,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,CAAa,EAAQ,EAAE;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,YAAY,EAAE,CAAC;YACjB,SAAS,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,YAAY,EAAE,CAAC;YACf,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,CAAC,CACzD,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAS,EAAE;QACnC,MAAM,QAAQ,GAAG,YAAY,CAC3B,SAAS,CAAC,OAAsB,EAChC,QAAQ,CAAC,OAAsB,EAC/B;YACE,SAAS,EAAE,SAAsB;YACjC,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,IAAI;iBACd;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE;wBACP,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;qBAC9C;iBACF;gBACD;oBACE,IAAI,EAAE,eAAe;oBACrB,OAAO,EAAE;wBACP,eAAe,EAAE,KAAK;wBACtB,QAAQ,EAAE,KAAK;qBAChB;iBACF;aACF;SACF,CACF,CAAC;QACF,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAC;YACvF,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAC;QACzF,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC;QACzC,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;gBACxB,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CACtD,YAAY,EACZ,uBAAuB,CACxB,CAAC;gBACF,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CACtD,YAAY,EACZ,uBAAuB,CACxB,CAAC;YACJ,CAAC;YACD,cAAc,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,OAAO,GAAG;YACd,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;YAChD,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY;YAClC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY;YAC5C,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe;YACzD,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;YAC3C,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe;YACrD,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;YACnD,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;YACrC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;YAC9C,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc;YACvD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc;YACxC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc;SACnD,CAAC;QACF,OAAO,QAAQ,OAAO,CAAC,SAAS,CAAC,EAAmB,CAAC;IACvD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ;YAAE,OAAO;QAErB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,wBAAwB,CAAC,CAAC;YAChE,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,wBAAwB,CAAC,CAAC;QAClE,CAAC;aAAM,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YAC/B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;QAC7D,CAAC;aAAM,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YAC/B,IAAI,MAAM,CAAC,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;gBAClE,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;gBAC/C,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;gBACnD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YAChD,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;YACrC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,wBAAwB,CAAC,CAAC;QACnE,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,GAAS,EAAE;YAChB,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,wBAAwB,CAAC,CAAC;YACnE,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,wBAAwB,CAAC,CAAC;YACnE,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;YAC9D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAClD,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;YAC9C,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;YACtD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACjD,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,wBAAwB,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,KAAK,CAAC,OAAO;QACb,QAAQ;QACR,SAAS;QACT,OAAO;QACP,wBAAwB;QACxB,wBAAwB;QACxB,wBAAwB;QACxB,YAAY;QACZ,SAAS;KACV,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,UAAU,IACT,EAAE,EAAE,YAAY,EAChB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,gBAAgB,EAAE,YAC7B,kBAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,aAC/C,OAAO,IAAI,KAAK,IAAI,yCAAuB,SAAS,EAAE,GAAG,SAAS,SAAS,GAAI,EAC/E,OAAO,IACJ,GACK,CACd,CAAC;IAEF,OAAO,CACL,8BACG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,EAC1C,SAAS,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,aAAa,EAAE,GAAU,CAAC,CAAC,CAAC,aAAa,EAAE,IAChE,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"popup.js","names":["Transition","Portal"],"sources":["../../components/popup/popup.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { createPopper, Instance } from '@popperjs/core';\nimport Transition, { AnimationName } from '../transition';\nimport Portal from '../portal';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { Placement, PopupProps } from './types';\n\nconst Popup = (props: PopupProps): JSX.Element => {\n  const {\n    disabled = false,\n    trigger = 'click',\n    placement = 'top',\n    defaultVisible = false,\n    arrow = true,\n    flip = true,\n    offset = 0,\n    theme = 'light',\n    usePortal = true,\n    mouseEnterDelay = 100,\n    mouseLeaveDelay = 100,\n    biZoom = true,\n    prefixCls: customisedCls,\n    content,\n    visible,\n    onVisibleChange,\n    className,\n    children,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('popup', configContext.prefixCls, customisedCls);\n  const cls = classNames(\n    className,\n    prefixCls,\n    `${prefixCls}_${placement}`,\n    `${prefixCls}_${theme}`\n  );\n  const [popupVisible, setPopupVisible] = useState('visible' in props ? visible : defaultVisible);\n  const targetRef = useRef<HTMLElement | null>(null);\n  const popupRef = useRef<HTMLDivElement | null>(null);\n  const delayDisplayPopupTimer = useRef<number | undefined>(undefined);\n  const delayHidePopupTimer = useRef<number | undefined>(undefined);\n  const popperRef = useRef<Instance | undefined>(undefined);\n  const elementProps = {\n    ref: (ref: HTMLElement | null) => (targetRef.current = ref),\n  };\n\n  const displayPopup = useCallback(() => {\n    setPopupVisible(true);\n    onVisibleChange && onVisibleChange(true);\n  }, [onVisibleChange]);\n\n  const hidePopup = useCallback(() => {\n    setPopupVisible(false);\n    onVisibleChange && onVisibleChange(false);\n  }, [onVisibleChange]);\n\n  const delayDisplayPopup = useCallback((): void => {\n    delayDisplayPopupTimer.current = window.setTimeout(() => {\n      displayPopup();\n    }, mouseEnterDelay);\n  }, [mouseEnterDelay, displayPopup]);\n\n  const delayHidePopup = useCallback((): void => {\n    delayHidePopupTimer.current = window.setTimeout(() => {\n      hidePopup();\n    }, mouseLeaveDelay);\n  }, [mouseLeaveDelay, hidePopup]);\n\n  const handlePopupOnMouseEnter = (): void => {\n    if (trigger === 'hover') {\n      displayPopup();\n      window.clearTimeout(delayHidePopupTimer.current);\n    }\n  };\n\n  const handlePopupOnMouseLeave = (): void => {\n    if (trigger === 'hover') {\n      delayHidePopup();\n      window.clearTimeout(delayDisplayPopupTimer.current);\n    }\n  };\n\n  const handleTargetOnMouseEnter = useCallback((): void => {\n    delayDisplayPopup();\n    window.clearTimeout(delayHidePopupTimer.current);\n  }, [delayDisplayPopup]);\n\n  const handleTargetOnMouseLeave = useCallback((): void => {\n    delayHidePopup();\n    window.clearTimeout(delayDisplayPopupTimer.current);\n  }, [delayHidePopup]);\n\n  const documentOnClick = useCallback(\n    (e: Event): void => {\n      const target = targetRef.current;\n      const popup = popupRef.current;\n      if (\n        !target ||\n        target.contains(e.target as HTMLElement) ||\n        !popup ||\n        popup.contains(e.target as HTMLElement)\n      )\n        return;\n\n      hidePopup();\n    },\n    [targetRef, hidePopup]\n  );\n\n  const handleTargetOnMouseClick = useCallback(\n    (e: MouseEvent): void => {\n      e.preventDefault();\n      if (popupVisible) {\n        hidePopup();\n      } else {\n        displayPopup();\n        document.addEventListener('click', documentOnClick, true);\n      }\n    },\n    [popupVisible, hidePopup, displayPopup, documentOnClick]\n  );\n\n  const transitionOnEnter = (): void => {\n    const instance = createPopper(\n      targetRef.current as HTMLElement,\n      popupRef.current as HTMLElement,\n      {\n        placement: placement as Placement,\n        modifiers: [\n          {\n            name: 'flip',\n            enabled: flip,\n          },\n          {\n            name: 'offset',\n            options: {\n              offset: [0, arrow ? 10 + offset : 3 + offset],\n            },\n          },\n          {\n            name: 'computeStyles',\n            options: {\n              gpuAcceleration: false,\n              adaptive: false,\n            },\n          },\n        ],\n      }\n    );\n    if (trigger === 'hover') {\n      instance.state.elements.popper.addEventListener('mouseenter', handlePopupOnMouseEnter);\n      instance.state.elements.popper.addEventListener('mouseleave', handlePopupOnMouseLeave);\n    }\n    popperRef.current = instance;\n  };\n\n  const transitionOnExited = (): void => {\n    const popperInstance = popperRef.current;\n    if (popperInstance) {\n      if (trigger === 'hover') {\n        popperInstance.state.elements.popper.removeEventListener(\n          'mouseenter',\n          handlePopupOnMouseEnter\n        );\n        popperInstance.state.elements.popper.removeEventListener(\n          'mouseleave',\n          handlePopupOnMouseLeave\n        );\n      }\n      popperInstance.destroy();\n    }\n  };\n\n  const getAnimationName = () => {\n    const mapping = {\n      'top-start': biZoom ? 'top-start' : 'center-top',\n      top: biZoom ? 'top' : 'center-top',\n      'top-end': biZoom ? 'top-end' : 'center-top',\n      'bottom-start': biZoom ? 'bottom-start' : 'center-bottom',\n      bottom: biZoom ? 'bottom' : 'center-bottom',\n      'bottom-end': biZoom ? 'bottom-end' : 'center-bottom',\n      'left-start': biZoom ? 'bottom-end' : 'center-left',\n      left: biZoom ? 'left' : 'center-left',\n      'left-end': biZoom ? 'top-end' : 'center-left',\n      'right-start': biZoom ? 'bottom-start' : 'center-right',\n      right: biZoom ? 'right' : 'center-right',\n      'right-end': biZoom ? 'top-start' : 'center-right',\n    };\n    return `zoom-${mapping[placement]}` as AnimationName;\n  };\n\n  useEffect(() => {\n    if (disabled) return;\n\n    const target = targetRef.current;\n    if (!target) return;\n\n    if (trigger === 'hover') {\n      target.addEventListener('mouseenter', handleTargetOnMouseEnter);\n      target.addEventListener('mouseleave', handleTargetOnMouseLeave);\n    } else if (trigger === 'click') {\n      target.addEventListener('click', handleTargetOnMouseClick);\n    } else if (trigger === 'focus') {\n      if (target.nodeName === 'INPUT' || target.nodeName === 'TEXTAREA') {\n        target.addEventListener('focus', displayPopup);\n        target.addEventListener('blur', hidePopup);\n      } else {\n        target.addEventListener('mousedown', displayPopup);\n        target.addEventListener('mouseup', hidePopup);\n      }\n    } else if (trigger === 'contextmenu') {\n      target.addEventListener('contextmenu', handleTargetOnMouseClick);\n    } else if (trigger === 'manual') {\n      setPopupVisible(props.visible);\n    }\n\n    return (): void => {\n      target.removeEventListener('mouseenter', handleTargetOnMouseEnter);\n      target.removeEventListener('mouseleave', handleTargetOnMouseLeave);\n      target.removeEventListener('click', handleTargetOnMouseClick);\n      target.removeEventListener('focus', displayPopup);\n      target.removeEventListener('blur', hidePopup);\n      target.removeEventListener('mousedown', displayPopup);\n      target.removeEventListener('mouseup', hidePopup);\n      target.removeEventListener('contextmenu', handleTargetOnMouseClick);\n    };\n  }, [\n    props.visible,\n    disabled,\n    targetRef,\n    trigger,\n    handleTargetOnMouseClick,\n    handleTargetOnMouseEnter,\n    handleTargetOnMouseLeave,\n    displayPopup,\n    hidePopup,\n  ]);\n\n  useEffect(() => {\n    if ('visible' in props) {\n      props.visible ? displayPopup() : hidePopup();\n    }\n  }, [props, displayPopup, hidePopup]);\n\n  const renderContent = () => (\n    <Transition\n      in={popupVisible}\n      nodeRef={popupRef}\n      onEnter={transitionOnEnter}\n      onExited={transitionOnExited}\n      animation={getAnimationName()}>\n      <div {...otherProps} className={cls} ref={popupRef}>\n        {content && arrow && <div data-popper-arrow className={`${prefixCls}__arrow`} />}\n        {content}\n      </div>\n    </Transition>\n  );\n\n  return (\n    <>\n      {React.cloneElement(children, elementProps)}\n      {usePortal ? <Portal>{renderContent()}</Portal> : renderContent()}\n    </>\n  );\n};\n\nexport default Popup;\n"],"mappings":"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"}

package/es/popup/style/_index.scss

@@ -0,0 +1,84 @@
+@use 'sass:math';
+@use '../../style/variables' as *;
+
+.#{$prefix}-popup {
+  box-sizing: border-box;
+  border-radius: $popover-border-radius;
+  white-space: nowrap;
+  font-size: $font-size-base;
+  text-align: left;
+  box-shadow: var(--ty-shadow-popup);
+  z-index: 999;
+
+  &__arrow, &__arrow:before {
+    width: $popover-arrow-size;
+    height: $popover-arrow-size;
+    box-sizing: border-box;
+    position: absolute;
+  }
+
+  &__arrow:before {
+    content: '';
+    transform: rotate(45deg);
+  }
+
+  &_light {
+    background-color: var(--ty-popup-light-bg);
+    color: var(--ty-color-text-secondary);
+    .#{$prefix}-popup {
+      &__arrow:before {
+        background: var(--ty-popup-light-bg);
+      }
+    }
+  }
+
+  &_dark {
+    background-color: var(--ty-popup-dark-bg);
+    color: #fff;
+    .#{$prefix}-popup {
+      &__arrow:before {
+        background: var(--ty-popup-dark-bg);
+      }
+    }
+  }
+
+  &[data-popper-placement^='top'] {
+    & > .#{$prefix}-popup__arrow {
+      bottom: math.div(-$popover-arrow-size, 2);
+
+      &:before {
+        box-shadow: 3px 3px 7px var(--ty-popup-arrow-shadow);
+      }
+    }
+  }
+
+  &[data-popper-placement^='bottom'] {
+    > .#{$prefix}-popup__arrow {
+      top: math.div(-$popover-arrow-size, 2);
+
+      &:before {
+        box-shadow: -2px -2px 5px var(--ty-popup-arrow-shadow);
+      }
+    }
+  }
+
+  &[data-popper-placement^='left'] {
+    > .#{$prefix}-popup__arrow {
+      right: math.div(-$popover-arrow-size, 2);
+
+      &:before {
+        box-shadow: 3px -3px 7px var(--ty-popup-arrow-shadow);
+      }
+    }
+  }
+
+  &[data-popper-placement^='right'] {
+    > .#{$prefix}-popup__arrow {
+      left: math.div(-$popover-arrow-size, 2);
+
+      &:before {
+        box-shadow: -3px 3px 7px var(--ty-popup-arrow-shadow);
+      }
+    }
+  }
+}

package/es/popup/style/index.css

@@ -0,0 +1,57 @@
+.ty-popup {
+  box-sizing: border-box;
+  border-radius: 2px;
+  white-space: nowrap;
+  font-size: 1rem;
+  text-align: left;
+  box-shadow: var(--ty-shadow-popup);
+  z-index: 999;
+}
+.ty-popup__arrow, .ty-popup__arrow:before {
+  width: 8px;
+  height: 8px;
+  box-sizing: border-box;
+  position: absolute;
+}
+.ty-popup__arrow:before {
+  content: "";
+  transform: rotate(45deg);
+}
+.ty-popup_light {
+  background-color: var(--ty-popup-light-bg);
+  color: var(--ty-color-text-secondary);
+}
+.ty-popup_light .ty-popup__arrow:before {
+  background: var(--ty-popup-light-bg);
+}
+.ty-popup_dark {
+  background-color: var(--ty-popup-dark-bg);
+  color: #fff;
+}
+.ty-popup_dark .ty-popup__arrow:before {
+  background: var(--ty-popup-dark-bg);
+}
+.ty-popup[data-popper-placement^=top] > .ty-popup__arrow {
+  bottom: -4px;
+}
+.ty-popup[data-popper-placement^=top] > .ty-popup__arrow:before {
+  box-shadow: 3px 3px 7px var(--ty-popup-arrow-shadow);
+}
+.ty-popup[data-popper-placement^=bottom] > .ty-popup__arrow {
+  top: -4px;
+}
+.ty-popup[data-popper-placement^=bottom] > .ty-popup__arrow:before {
+  box-shadow: -2px -2px 5px var(--ty-popup-arrow-shadow);
+}
+.ty-popup[data-popper-placement^=left] > .ty-popup__arrow {
+  right: -4px;
+}
+.ty-popup[data-popper-placement^=left] > .ty-popup__arrow:before {
+  box-shadow: 3px -3px 7px var(--ty-popup-arrow-shadow);
+}
+.ty-popup[data-popper-placement^=right] > .ty-popup__arrow {
+  left: -4px;
+}
+.ty-popup[data-popper-placement^=right] > .ty-popup__arrow:before {
+  box-shadow: -3px 3px 7px var(--ty-popup-arrow-shadow);
+}

package/es/popup/style/index.d.ts

@@ -1,2 +1 @@
-import './index.scss';
-import '../../popup/style/index.scss';
+export { };

package/es/popup/style/index.js

@@ -1,4 +1,2 @@
-import './index.scss';
-// style dependency
-import '../../popup/style/index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";
+import "../../popup/style/index.css";