@v-c/trigger 0.0.13 → 0.0.14

package/dist/Popup/index.cjs

@@ -1,366 +1,312 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const ResizeObserver = require("@v-c/resize-observer");
-const util = require("@v-c/util");
-const propsUtil = require("@v-c/util/dist/props-util");
-const transition = require("@v-c/util/dist/utils/transition");
-const useOffsetStyle = require("../hooks/useOffsetStyle.cjs");
-const Arrow = require("./Arrow.cjs");
-const Mask = require("./Mask.cjs");
-const PopupContent = require("./PopupContent.cjs");
-const defaults = {
-  autoDestroy: true
-};
-const Popup = /* @__PURE__ */ vue.defineComponent((props, {
-  attrs,
-  slots,
-  expose
-}) => {
-  const popupContent = vue.computed(() => typeof props.popup === "function" ? props.popup() : props.popup);
-  const {
-    offsetX,
-    offsetR,
-    offsetY,
-    offsetB,
-    open,
-    ready,
-    align
-  } = propsUtil.toPropsRefs(props, "offsetX", "offsetB", "offsetY", "offsetR", "ready", "open", "align");
-  const isNodeVisible = vue.computed(() => props.open || props.keepDom);
-  const isMobile = vue.computed(() => !!props.mobile);
-  const getPopupContainerNeedParams = props?.getPopupContainer?.length > 0;
-  const mergedProps = vue.computed(() => {
-    const {
-      mobile,
-      mask,
-      maskMotion,
-      motion
-    } = props;
-    if (mobile) {
-      return [mobile.mask, mobile.maskMotion, mobile.motion];
-    }
-    return [mask, maskMotion, motion];
-  });
-  const show = vue.shallowRef(!props.getPopupContainer || !getPopupContainerNeedParams);
-  vue.watchEffect(async () => {
-    await vue.nextTick();
-    const getPopupContainerNeedParams2 = props?.getPopupContainer?.length > 0;
-    const target = props.target;
-    if (!show.value && getPopupContainerNeedParams2 && target) {
-      show.value = true;
-    }
-  });
-  const onInternalResize = (size, element) => {
-    props?.onResize?.(size, element);
-    props?.onAlign?.();
-  };
-  const offsetStyle = useOffsetStyle.default(isMobile, ready, open, align, offsetR, offsetB, offsetX, offsetY);
-  const popupElementRef = vue.shallowRef();
-  expose({
-    getElement: () => popupElementRef.value,
-    nativeElement: popupElementRef
-  });
-  return () => {
-    if (!show.value) {
-      return null;
-    }
-    const {
-      stretch,
-      targetHeight,
-      targetWidth,
-      portal: Portal,
-      forceRender,
-      getPopupContainer,
-      target,
-      autoDestroy,
-      zIndex,
-      prefixCls,
-      // Arrow
-      arrow,
-      arrowPos,
-      align: align2,
-      onMouseEnter,
-      onMouseLeave,
-      onPointerEnter,
-      onPointerDownCapture,
-      onClick,
-      fresh,
-      onPrepare,
-      onVisibleChanged
-    } = props;
-    const miscStyle = {};
-    if (stretch) {
-      if (stretch.includes("height") && targetHeight) {
-        miscStyle.height = `${targetHeight}px`;
-      } else if (stretch.includes("minHeight") && targetHeight) {
-        miscStyle.minHeight = `${targetHeight}px`;
-      }
-      if (stretch.includes("width") && targetWidth) {
-        miscStyle.width = `${targetWidth}px`;
-      } else if (stretch.includes("minWidth") && targetWidth) {
-        miscStyle.minWidth = `${targetWidth}px`;
-      }
-    }
-    if (!open.value) {
-      miscStyle.pointerEvents = "none";
-    }
-    const [mergedMask, mergedMaskMotion, mergedPopupMotion] = mergedProps.value;
-    const popupMotionName = mergedPopupMotion?.name ?? mergedPopupMotion?.motionName;
-    const baseTransitionProps = transition.getTransitionProps(popupMotionName, mergedPopupMotion);
-    const mergedTransitionProps = {
-      ...baseTransitionProps,
-      onBeforeEnter: (element) => {
-        onPrepare?.();
-        baseTransitionProps?.onBeforeEnter?.(element);
-      },
-      onAfterEnter: (element) => {
-        baseTransitionProps?.onAfterEnter?.(element);
-        onVisibleChanged?.(true);
-      },
-      onAfterLeave: (element) => {
-        baseTransitionProps.onAfterLeave?.(element);
-        onVisibleChanged?.(false);
-      }
-    };
-    const cls = util.classNames(prefixCls, attrs.class, props.className, {
-      [`${prefixCls}-mobile`]: isMobile.value
-    });
-    return vue.createVNode(Portal, {
-      "open": forceRender || isNodeVisible.value,
-      "getContainer": getPopupContainer && (() => getPopupContainer(target)),
-      "autoDestroy": autoDestroy
-    }, {
-      default: () => [vue.createVNode(Mask.default, {
-        "prefixCls": prefixCls,
-        "open": open.value,
-        "zIndex": zIndex,
-        "mask": mergedMask,
-        "motion": mergedMaskMotion,
-        "mobile": isMobile.value
-      }, null), vue.createVNode(ResizeObserver, {
-        "onResize": onInternalResize,
-        "disabled": !open.value
-      }, {
-        default: () => [vue.createVNode(vue.Transition, mergedTransitionProps, {
-          default: () => [vue.withDirectives(vue.createVNode("div", vue.mergeProps({
-            "ref": popupElementRef,
-            "class": cls,
-            "style": [{
-              "--arrow-x": `${arrowPos.x || 0}px`,
-              "--arrow-y": `${arrowPos.y || 0}px`
-            }, offsetStyle.value, miscStyle, {
-              boxSizing: "border-box",
-              zIndex
-            }, props.style],
-            "onMouseenter": onMouseEnter,
-            "onMouseleave": onMouseLeave,
-            "onPointerenter": onPointerEnter,
-            "onClick": onClick
-          }, {
-            onPointerdownCapture: onPointerDownCapture
-          }), [!!arrow && vue.createVNode(Arrow.Arrow, {
-            "prefixCls": prefixCls,
-            "arrow": arrow === true ? {} : arrow,
-            "arrowPos": arrowPos,
-            "align": align2
-          }, null), vue.createVNode(PopupContent.default, {
-            "cache": !open.value && !fresh
-          }, {
-            default: () => [popupContent.value]
-          })]), [[vue.vShow, open.value]])]
-        })]
-      }), slots?.default?.()]
-    });
-  };
-}, {
-  props: /* @__PURE__ */ vue.mergeDefaults({
-    prefixCls: {
-      type: String,
-      required: true,
-      default: void 0
-    },
-    className: {
-      type: String,
-      required: false,
-      default: void 0
-    },
-    style: {
-      type: null,
-      required: false,
-      default: void 0
-    },
-    popup: {
-      type: Function,
-      required: false,
-      skipCheck: true,
-      default: void 0
-    },
-    target: {
-      type: null,
-      required: true,
-      default: void 0
-    },
-    onMouseEnter: {
-      type: Function,
-      required: false,
-      default: void 0
-    },
-    onMouseLeave: {
-      type: Function,
-      required: false,
-      default: void 0
-    },
-    onPointerEnter: {
-      type: Function,
-      required: false,
-      default: void 0
-    },
-    onPointerDownCapture: {
-      type: Function,
-      required: false,
-      default: void 0
-    },
-    zIndex: {
-      type: Number,
-      required: false,
-      default: void 0
-    },
-    mask: {
-      type: Boolean,
-      required: false,
-      default: void 0
-    },
-    onVisibleChanged: {
-      type: Function,
-      required: true,
-      default: void 0
-    },
-    align: {
-      type: Object,
-      required: false,
-      default: void 0
-    },
-    arrow: {
-      type: [Object, Boolean],
-      required: false,
-      default: void 0
-    },
-    arrowPos: {
-      type: Object,
-      required: true,
-      default: void 0
-    },
-    open: {
-      type: Boolean,
-      required: true,
-      default: void 0
-    },
-    keepDom: {
-      type: Boolean,
-      required: true,
-      default: void 0
-    },
-    fresh: {
-      type: Boolean,
-      required: false,
-      default: void 0
-    },
-    onClick: {
-      type: Function,
-      required: false,
-      default: void 0
-    },
-    motion: {
-      type: Object,
-      required: false,
-      default: void 0
-    },
-    maskMotion: {
-      type: Object,
-      required: false,
-      default: void 0
-    },
-    forceRender: {
-      type: Boolean,
-      required: false,
-      default: void 0
-    },
-    getPopupContainer: {
-      type: Function,
-      required: false,
-      default: void 0
-    },
-    autoDestroy: {
-      type: Boolean,
-      required: false,
-      default: void 0
-    },
-    portal: {
-      type: null,
-      required: true,
-      default: void 0
-    },
-    ready: {
-      type: Boolean,
-      required: true,
-      default: void 0
-    },
-    offsetX: {
-      type: Number,
-      required: true,
-      default: void 0
-    },
-    offsetY: {
-      type: Number,
-      required: true,
-      default: void 0
-    },
-    offsetR: {
-      type: Number,
-      required: true,
-      default: void 0
-    },
-    offsetB: {
-      type: Number,
-      required: true,
-      default: void 0
-    },
-    onAlign: {
-      type: null,
-      required: true,
-      default: void 0
-    },
-    onPrepare: {
-      type: Function,
-      required: true,
-      default: void 0
-    },
-    stretch: {
-      type: String,
-      required: false,
-      default: void 0
-    },
-    targetWidth: {
-      type: Number,
-      required: false,
-      default: void 0
-    },
-    targetHeight: {
-      type: Number,
-      required: false,
-      default: void 0
-    },
-    onResize: {
-      type: null,
-      required: false,
-      default: void 0
-    },
-    mobile: {
-      type: Object,
-      required: false,
-      default: void 0
-    }
-  }, defaults)
-});
-exports.default = Popup;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_useOffsetStyle = require("../hooks/useOffsetStyle.cjs");
+const require_Arrow = require("./Arrow.cjs");
+const require_Mask = require("./Mask.cjs");
+const require_PopupContent = require("./PopupContent.cjs");
+let vue = require("vue");
+let __v_c_resize_observer = require("@v-c/resize-observer");
+__v_c_resize_observer = require_rolldown_runtime.__toESM(__v_c_resize_observer);
+let __v_c_util = require("@v-c/util");
+let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let __v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
+var Popup = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, expose }) => {
+	const popupContent = (0, vue.computed)(() => typeof props.popup === "function" ? props.popup() : props.popup);
+	const { offsetX, offsetR, offsetY, offsetB, open, ready, align } = (0, __v_c_util_dist_props_util.toPropsRefs)(props, "offsetX", "offsetB", "offsetY", "offsetR", "ready", "open", "align");
+	const isNodeVisible = (0, vue.computed)(() => props.open || props.keepDom);
+	const isMobile = (0, vue.computed)(() => !!props.mobile);
+	const getPopupContainerNeedParams = props?.getPopupContainer?.length > 0;
+	const mergedProps = (0, vue.computed)(() => {
+		const { mobile, mask, maskMotion, motion } = props;
+		if (mobile) return [
+			mobile.mask,
+			mobile.maskMotion,
+			mobile.motion
+		];
+		return [
+			mask,
+			maskMotion,
+			motion
+		];
+	});
+	const show = (0, vue.shallowRef)(!props.getPopupContainer || !getPopupContainerNeedParams);
+	(0, vue.watchEffect)(async () => {
+		await (0, vue.nextTick)();
+		const getPopupContainerNeedParams$1 = props?.getPopupContainer?.length > 0;
+		const target = props.target;
+		if (!show.value && getPopupContainerNeedParams$1 && target) show.value = true;
+	});
+	const onInternalResize = (size, element) => {
+		props?.onResize?.(size, element);
+		props?.onAlign?.();
+	};
+	const offsetStyle = require_useOffsetStyle.default(isMobile, ready, open, align, offsetR, offsetB, offsetX, offsetY);
+	const popupElementRef = (0, vue.shallowRef)();
+	expose({
+		getElement: () => popupElementRef.value,
+		nativeElement: popupElementRef
+	});
+	return () => {
+		if (!show.value) return null;
+		const { stretch, targetHeight, targetWidth, portal: Portal, forceRender, getPopupContainer, target, autoDestroy, zIndex, prefixCls, arrow, arrowPos, align: align$1, onMouseEnter, onMouseLeave, onPointerEnter, onPointerDownCapture, onClick, fresh, onPrepare, onVisibleChanged } = props;
+		const miscStyle = {};
+		if (stretch) {
+			if (stretch.includes("height") && targetHeight) miscStyle.height = `${targetHeight}px`;
+			else if (stretch.includes("minHeight") && targetHeight) miscStyle.minHeight = `${targetHeight}px`;
+			if (stretch.includes("width") && targetWidth) miscStyle.width = `${targetWidth}px`;
+			else if (stretch.includes("minWidth") && targetWidth) miscStyle.minWidth = `${targetWidth}px`;
+		}
+		if (!open.value) miscStyle.pointerEvents = "none";
+		const [mergedMask, mergedMaskMotion, mergedPopupMotion] = mergedProps.value;
+		const baseTransitionProps = (0, __v_c_util_dist_utils_transition.getTransitionProps)(mergedPopupMotion?.name ?? mergedPopupMotion?.motionName, mergedPopupMotion);
+		const mergedTransitionProps = {
+			...baseTransitionProps,
+			onBeforeEnter: (element) => {
+				onPrepare?.();
+				baseTransitionProps?.onBeforeEnter?.(element);
+			},
+			onAfterEnter: (element) => {
+				baseTransitionProps?.onAfterEnter?.(element);
+				onVisibleChanged?.(true);
+			},
+			onAfterLeave: (element) => {
+				baseTransitionProps.onAfterLeave?.(element);
+				onVisibleChanged?.(false);
+			}
+		};
+		const cls = (0, __v_c_util.classNames)(prefixCls, attrs.class, props.className, { [`${prefixCls}-mobile`]: isMobile.value });
+		return (0, vue.createVNode)(Portal, {
+			"open": forceRender || isNodeVisible.value,
+			"getContainer": getPopupContainer && (() => getPopupContainer(target)),
+			"autoDestroy": autoDestroy
+		}, { default: () => [
+			(0, vue.createVNode)(require_Mask.default, {
+				"prefixCls": prefixCls,
+				"open": open.value,
+				"zIndex": zIndex,
+				"mask": mergedMask,
+				"motion": mergedMaskMotion,
+				"mobile": isMobile.value
+			}, null),
+			(0, vue.createVNode)(__v_c_resize_observer.default, {
+				"onResize": onInternalResize,
+				"disabled": !open.value
+			}, { default: () => [(0, vue.createVNode)(vue.Transition, mergedTransitionProps, { default: () => [(0, vue.withDirectives)((0, vue.createVNode)("div", (0, vue.mergeProps)({
+				"ref": popupElementRef,
+				"class": cls,
+				"style": [
+					{
+						"--arrow-x": `${arrowPos.x || 0}px`,
+						"--arrow-y": `${arrowPos.y || 0}px`
+					},
+					offsetStyle.value,
+					miscStyle,
+					{
+						boxSizing: "border-box",
+						zIndex
+					},
+					props.style
+				],
+				"onMouseenter": onMouseEnter,
+				"onMouseleave": onMouseLeave,
+				"onPointerenter": onPointerEnter,
+				"onClick": onClick
+			}, { onPointerdownCapture: onPointerDownCapture }), [!!arrow && (0, vue.createVNode)(require_Arrow.Arrow, {
+				"prefixCls": prefixCls,
+				"arrow": arrow === true ? {} : arrow,
+				"arrowPos": arrowPos,
+				"align": align$1
+			}, null), (0, vue.createVNode)(require_PopupContent.default, { "cache": !open.value && !fresh }, { default: () => [popupContent.value] })]), [[vue.vShow, open.value]])] })] }),
+			slots?.default?.()
+		] });
+	};
+}, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+	prefixCls: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	className: {
+		type: String,
+		required: false,
+		default: void 0
+	},
+	style: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	popup: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	},
+	target: {
+		type: null,
+		required: true,
+		default: void 0
+	},
+	onMouseEnter: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	onMouseLeave: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	onPointerEnter: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	onPointerDownCapture: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	zIndex: {
+		type: Number,
+		required: false,
+		default: void 0
+	},
+	mask: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	onVisibleChanged: {
+		type: Function,
+		required: true,
+		default: void 0
+	},
+	align: {
+		type: Object,
+		required: false,
+		default: void 0
+	},
+	arrow: {
+		type: [Object, Boolean],
+		required: false,
+		default: void 0
+	},
+	arrowPos: {
+		type: Object,
+		required: true,
+		default: void 0
+	},
+	open: {
+		type: Boolean,
+		required: true,
+		default: void 0
+	},
+	keepDom: {
+		type: Boolean,
+		required: true,
+		default: void 0
+	},
+	fresh: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	onClick: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	motion: {
+		type: Object,
+		required: false,
+		default: void 0
+	},
+	maskMotion: {
+		type: Object,
+		required: false,
+		default: void 0
+	},
+	forceRender: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	getPopupContainer: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	autoDestroy: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	portal: {
+		type: null,
+		required: true,
+		default: void 0
+	},
+	ready: {
+		type: Boolean,
+		required: true,
+		default: void 0
+	},
+	offsetX: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	offsetY: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	offsetR: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	offsetB: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	onAlign: {
+		type: null,
+		required: true,
+		default: void 0
+	},
+	onPrepare: {
+		type: Function,
+		required: true,
+		default: void 0
+	},
+	stretch: {
+		type: String,
+		required: false,
+		default: void 0
+	},
+	targetWidth: {
+		type: Number,
+		required: false,
+		default: void 0
+	},
+	targetHeight: {
+		type: Number,
+		required: false,
+		default: void 0
+	},
+	onResize: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	mobile: {
+		type: Object,
+		required: false,
+		default: void 0
+	}
+}, { autoDestroy: true }) });
+var Popup_default = Popup;
+exports.default = Popup_default;