@v-c/trigger 0.0.13 → 0.0.15

package/dist/UniqueProvider/index.cjs

@@ -1,216 +1,151 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Portal = require("@v-c/portal");
-const util$1 = require("@v-c/util");
-const findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
-const context = require("../context.cjs");
-const useAlign = require("../hooks/useAlign.cjs");
-const useDelay = require("../hooks/useDelay.cjs");
-const index = require("../Popup/index.cjs");
-const util = require("../util.cjs");
-const UniqueContainer = require("./UniqueContainer.cjs");
-const useTargetState = require("./useTargetState.cjs");
-const UniqueProvider = /* @__PURE__ */ vue.defineComponent((props, {
-  slots
-}) => {
-  const [trigger, open, options, onTargetVisibleChanged] = useTargetState.default();
-  const mergedOptions = vue.computed(() => {
-    if (!options.value || !props.postTriggerProps) {
-      return options.value;
-    }
-    return props.postTriggerProps(options.value);
-  });
-  const popupEle = vue.shallowRef(null);
-  const popupSize = vue.ref(null);
-  const externalPopupRef = vue.shallowRef(null);
-  const resolveToElement = (node) => {
-    if (!node) {
-      return null;
-    }
-    if (findDOMNode.isDOM(node)) {
-      return node;
-    }
-    const exposed = node;
-    if (findDOMNode.isDOM(exposed?.$el)) {
-      return exposed.$el;
-    }
-    const nativeEl = exposed?.nativeElement;
-    if (findDOMNode.isDOM(nativeEl?.value)) {
-      return nativeEl.value;
-    }
-    if (findDOMNode.isDOM(nativeEl)) {
-      return nativeEl;
-    }
-    if (typeof exposed?.getElement === "function") {
-      const el = exposed.getElement();
-      if (findDOMNode.isDOM(el)) {
-        return el;
-      }
-    }
-    return null;
-  };
-  const setPopupRef = (node) => {
-    const element = resolveToElement(node);
-    if (!element) {
-      return;
-    }
-    externalPopupRef.value = element;
-    if (popupEle.value !== element) {
-      popupEle.value = element;
-    }
-  };
-  const isOpenRef = vue.shallowRef();
-  const delayInvoke = useDelay.default();
-  const show = (showOptions, isOpen) => {
-    isOpenRef.value = isOpen;
-    delayInvoke(() => {
-      trigger(showOptions);
-    }, showOptions.delay);
-  };
-  const hide = (delay) => {
-    delayInvoke(() => {
-      if (isOpenRef.value?.()) {
-        return;
-      }
-      trigger(false);
-    }, delay);
-  };
-  const onVisibleChanged = (visible) => {
-    onTargetVisibleChanged(visible);
-  };
-  const [
-    ready,
-    offsetX,
-    offsetY,
-    offsetR,
-    offsetB,
-    arrowX,
-    arrowY,
-    ,
-    ,
-    // scaleX - not used in UniqueProvider
-    // scaleY - not used in UniqueProvider
-    alignInfo,
-    onAlign
-  ] = useAlign.default(
-    open,
-    popupEle,
-    vue.computed(() => mergedOptions.value?.target),
-    vue.computed(() => mergedOptions.value?.popupPlacement),
-    vue.computed(() => mergedOptions.value?.builtinPlacements || {}),
-    vue.computed(() => mergedOptions.value?.popupAlign),
-    void 0,
-    // onPopupAlign
-    vue.ref(false)
-    // isMobile
-  );
-  const alignedClassName = vue.computed(() => {
-    if (!mergedOptions.value) {
-      return "";
-    }
-    const baseClassName = util.getAlignPopupClassName(mergedOptions.value?.builtinPlacements || {}, mergedOptions.value.prefixCls || "", alignInfo.value, false);
-    return util$1.classNames(baseClassName, mergedOptions.value?.getPopupClassNameFromAlign?.(alignInfo.value));
-  });
-  const contextValue = {
-    show,
-    hide
-  };
-  vue.watch(() => mergedOptions.value?.target, () => {
-    onAlign();
-  }, {
-    immediate: true
-  });
-  const onPrepare = () => {
-    onAlign();
-    return Promise.resolve();
-  };
-  const subPopupElements = vue.ref({});
-  const parentContext = context.useTriggerContext();
-  const triggerContextValue = vue.computed(() => {
-    return {
-      registerSubPopup: (id, subPopupEle) => {
-        if (subPopupEle) {
-          subPopupElements.value[id] = subPopupEle;
-        } else {
-          delete subPopupElements.value[id];
-        }
-        parentContext?.value?.registerSubPopup(id, subPopupEle);
-      }
-    };
-  });
-  return () => {
-    const prefixCls = mergedOptions?.value?.prefixCls;
-    return vue.createVNode(context.UniqueContextProvider, contextValue, {
-      default: () => [slots?.default?.(), !!mergedOptions.value && vue.createVNode(context.TriggerContextProvider, triggerContextValue.value, {
-        default: () => [vue.createVNode(index.default, {
-          "ref": setPopupRef,
-          "portal": Portal,
-          "prefixCls": prefixCls,
-          "popup": mergedOptions.value?.popup,
-          "className": util$1.classNames(mergedOptions.value?.popupClassName, alignedClassName.value, `${prefixCls}-unique-controlled`),
-          "style": mergedOptions.value?.popupStyle,
-          "target": mergedOptions.value?.target,
-          "open": open.value,
-          "keepDom": true,
-          "fresh": true,
-          "autoDestroy": false,
-          "onVisibleChanged": onVisibleChanged,
-          "ready": ready.value,
-          "offsetX": offsetX.value,
-          "offsetY": offsetY.value,
-          "offsetR": offsetR.value,
-          "offsetB": offsetB.value,
-          "onAlign": onAlign,
-          "onPrepare": onPrepare,
-          "onResize": (size) => {
-            popupSize.value = {
-              width: size.offsetWidth,
-              height: size.offsetHeight
-            };
-          },
-          "arrowPos": {
-            x: arrowX.value,
-            y: arrowY.value
-          },
-          "align": alignInfo.value,
-          "zIndex": mergedOptions.value?.zIndex,
-          "mask": mergedOptions.value?.mask,
-          "arrow": mergedOptions.value?.arrow,
-          "motion": mergedOptions.value?.popupMotion,
-          "maskMotion": mergedOptions.value?.maskMotion,
-          "getPopupContainer": mergedOptions.value.getPopupContainer
-        }, {
-          default: () => [vue.createVNode(UniqueContainer.default, {
-            "prefixCls": prefixCls,
-            "isMobile": false,
-            "ready": ready.value,
-            "open": open.value,
-            "align": alignInfo.value,
-            "offsetX": offsetX.value,
-            "offsetY": offsetY.value,
-            "offsetR": offsetR.value,
-            "offsetB": offsetB.value,
-            "arrowPos": {
-              x: arrowX.value,
-              y: arrowY.value
-            },
-            "popupSize": popupSize.value,
-            "motion": mergedOptions.value?.popupMotion,
-            "uniqueContainerClassName": util$1.classNames(mergedOptions.value?.uniqueContainerClassName, alignedClassName.value),
-            "uniqueContainerStyle": mergedOptions?.value?.uniqueContainerStyle
-          }, null)]
-        })]
-      })]
-    });
-  };
-}, {
-  props: {
-    postTriggerProps: {
-      type: Function,
-      required: false,
-      default: void 0
-    }
-  }
-});
-exports.default = UniqueProvider;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_context = require("../context.cjs");
+const require_util = require("../util.cjs");
+const require_useAlign = require("../hooks/useAlign.cjs");
+const require_useDelay = require("../hooks/useDelay.cjs");
+const require_index = require("../Popup/index.cjs");
+const require_UniqueContainer = require("./UniqueContainer.cjs");
+const require_useTargetState = require("./useTargetState.cjs");
+let vue = require("vue");
+let __v_c_portal = require("@v-c/portal");
+__v_c_portal = require_rolldown_runtime.__toESM(__v_c_portal);
+let __v_c_util = require("@v-c/util");
+let __v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
+var UniqueProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
+	const [trigger, open, options, onTargetVisibleChanged] = require_useTargetState.default();
+	const mergedOptions = (0, vue.computed)(() => {
+		if (!options.value || !props.postTriggerProps) return options.value;
+		return props.postTriggerProps(options.value);
+	});
+	const popupEle = (0, vue.shallowRef)(null);
+	const popupSize = (0, vue.ref)(null);
+	const externalPopupRef = (0, vue.shallowRef)(null);
+	const resolveToElement = (node) => {
+		if (!node) return null;
+		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(node)) return node;
+		const exposed = node;
+		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(exposed?.$el)) return exposed.$el;
+		const nativeEl = exposed?.nativeElement;
+		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(nativeEl?.value)) return nativeEl.value;
+		if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(nativeEl)) return nativeEl;
+		if (typeof exposed?.getElement === "function") {
+			const el = exposed.getElement();
+			if ((0, __v_c_util_dist_Dom_findDOMNode.isDOM)(el)) return el;
+		}
+		return null;
+	};
+	const setPopupRef = (node) => {
+		const element = resolveToElement(node);
+		if (!element) return;
+		externalPopupRef.value = element;
+		if (popupEle.value !== element) popupEle.value = element;
+	};
+	const isOpenRef = (0, vue.shallowRef)();
+	const delayInvoke = require_useDelay.default();
+	const show = (showOptions, isOpen) => {
+		isOpenRef.value = isOpen;
+		delayInvoke(() => {
+			trigger(showOptions);
+		}, showOptions.delay);
+	};
+	const hide = (delay) => {
+		delayInvoke(() => {
+			if (isOpenRef.value?.()) return;
+			trigger(false);
+		}, delay);
+	};
+	const onVisibleChanged = (visible) => {
+		onTargetVisibleChanged(visible);
+	};
+	const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, , , alignInfo, onAlign] = require_useAlign.default(open, popupEle, (0, vue.computed)(() => mergedOptions.value?.target), (0, vue.computed)(() => mergedOptions.value?.popupPlacement), (0, vue.computed)(() => mergedOptions.value?.builtinPlacements || {}), (0, vue.computed)(() => mergedOptions.value?.popupAlign), void 0, (0, vue.ref)(false));
+	const alignedClassName = (0, vue.computed)(() => {
+		if (!mergedOptions.value) return "";
+		return (0, __v_c_util.classNames)(require_util.getAlignPopupClassName(mergedOptions.value?.builtinPlacements || {}, mergedOptions.value.prefixCls || "", alignInfo.value, false), mergedOptions.value?.getPopupClassNameFromAlign?.(alignInfo.value));
+	});
+	const contextValue = {
+		show,
+		hide
+	};
+	(0, vue.watch)(() => mergedOptions.value?.target, () => {
+		onAlign();
+	}, { immediate: true });
+	const onPrepare = () => {
+		onAlign();
+		return Promise.resolve();
+	};
+	const subPopupElements = (0, vue.ref)({});
+	const parentContext = require_context.useTriggerContext();
+	const triggerContextValue = (0, vue.computed)(() => {
+		return { registerSubPopup: (id, subPopupEle) => {
+			if (subPopupEle) subPopupElements.value[id] = subPopupEle;
+			else delete subPopupElements.value[id];
+			parentContext?.value?.registerSubPopup(id, subPopupEle);
+		} };
+	});
+	return () => {
+		const prefixCls = mergedOptions?.value?.prefixCls;
+		return (0, vue.createVNode)(require_context.UniqueContextProvider, contextValue, { default: () => [slots?.default?.(), !!mergedOptions.value && (0, vue.createVNode)(require_context.TriggerContextProvider, triggerContextValue.value, { default: () => [(0, vue.createVNode)(require_index.default, {
+			"ref": setPopupRef,
+			"portal": __v_c_portal.default,
+			"prefixCls": prefixCls,
+			"popup": mergedOptions.value?.popup,
+			"className": (0, __v_c_util.classNames)(mergedOptions.value?.popupClassName, alignedClassName.value, `${prefixCls}-unique-controlled`),
+			"style": mergedOptions.value?.popupStyle,
+			"target": mergedOptions.value?.target,
+			"open": open.value,
+			"keepDom": true,
+			"fresh": true,
+			"autoDestroy": false,
+			"onVisibleChanged": onVisibleChanged,
+			"ready": ready.value,
+			"offsetX": offsetX.value,
+			"offsetY": offsetY.value,
+			"offsetR": offsetR.value,
+			"offsetB": offsetB.value,
+			"onAlign": onAlign,
+			"onPrepare": onPrepare,
+			"onResize": (size) => {
+				popupSize.value = {
+					width: size.offsetWidth,
+					height: size.offsetHeight
+				};
+			},
+			"arrowPos": {
+				x: arrowX.value,
+				y: arrowY.value
+			},
+			"align": alignInfo.value,
+			"zIndex": mergedOptions.value?.zIndex,
+			"mask": mergedOptions.value?.mask,
+			"arrow": mergedOptions.value?.arrow,
+			"motion": mergedOptions.value?.popupMotion,
+			"maskMotion": mergedOptions.value?.maskMotion,
+			"getPopupContainer": mergedOptions.value.getPopupContainer
+		}, { default: () => [(0, vue.createVNode)(require_UniqueContainer.default, {
+			"prefixCls": prefixCls,
+			"isMobile": false,
+			"ready": ready.value,
+			"open": open.value,
+			"align": alignInfo.value,
+			"offsetX": offsetX.value,
+			"offsetY": offsetY.value,
+			"offsetR": offsetR.value,
+			"offsetB": offsetB.value,
+			"arrowPos": {
+				x: arrowX.value,
+				y: arrowY.value
+			},
+			"popupSize": popupSize.value,
+			"motion": mergedOptions.value?.popupMotion,
+			"uniqueContainerClassName": (0, __v_c_util.classNames)(mergedOptions.value?.uniqueContainerClassName, alignedClassName.value),
+			"uniqueContainerStyle": mergedOptions?.value?.uniqueContainerStyle
+		}, null)] })] })] });
+	};
+}, { props: { postTriggerProps: {
+	type: Function,
+	required: false,
+	default: void 0
+} } });
+var UniqueProvider_default = UniqueProvider;
+exports.default = UniqueProvider_default;