@v-c/trigger 0.0.12 → 0.0.14

package/dist/UniqueProvider/index.js

@@ -1,213 +1,147 @@
-import { defineComponent, computed, shallowRef, ref, watch, createVNode } from "vue";
-import Portal from "@v-c/portal";
-import { classNames } from "@v-c/util";
-import { isDOM } from "@v-c/util/dist/Dom/findDOMNode";
-import { useTriggerContext, UniqueContextProvider, TriggerContextProvider } from "../context.js";
+import { TriggerContextProvider, UniqueContextProvider, useTriggerContext } from "../context.js";
+import { getAlignPopupClassName } from "../util.js";
 import useAlign from "../hooks/useAlign.js";
 import useDelay from "../hooks/useDelay.js";
-import Popup from "../Popup/index.js";
-import { getAlignPopupClassName } from "../util.js";
-import UniqueContainer from "./UniqueContainer.js";
+import Popup_default from "../Popup/index.js";
+import UniqueContainer_default from "./UniqueContainer.js";
 import useTargetState from "./useTargetState.js";
-const UniqueProvider = /* @__PURE__ */ defineComponent((props, {
-  slots
-}) => {
-  const [trigger, open, options, onTargetVisibleChanged] = useTargetState();
-  const mergedOptions = computed(() => {
-    if (!options.value || !props.postTriggerProps) {
-      return options.value;
-    }
-    return props.postTriggerProps(options.value);
-  });
-  const popupEle = shallowRef(null);
-  const popupSize = ref(null);
-  const externalPopupRef = shallowRef(null);
-  const resolveToElement = (node) => {
-    if (!node) {
-      return null;
-    }
-    if (isDOM(node)) {
-      return node;
-    }
-    const exposed = node;
-    if (isDOM(exposed?.$el)) {
-      return exposed.$el;
-    }
-    const nativeEl = exposed?.nativeElement;
-    if (isDOM(nativeEl?.value)) {
-      return nativeEl.value;
-    }
-    if (isDOM(nativeEl)) {
-      return nativeEl;
-    }
-    if (typeof exposed?.getElement === "function") {
-      const el = exposed.getElement();
-      if (isDOM(el)) {
-        return el;
-      }
-    }
-    return null;
-  };
-  const setPopupRef = (node) => {
-    const element = resolveToElement(node);
-    externalPopupRef.value = element;
-    if (popupEle.value !== element) {
-      popupEle.value = element;
-    }
-  };
-  const isOpenRef = shallowRef();
-  const delayInvoke = useDelay();
-  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(
-    open,
-    popupEle,
-    computed(() => mergedOptions.value?.target),
-    computed(() => mergedOptions.value?.popupPlacement),
-    computed(() => mergedOptions.value?.builtinPlacements || {}),
-    computed(() => mergedOptions.value?.popupAlign),
-    void 0,
-    // onPopupAlign
-    ref(false)
-    // isMobile
-  );
-  const alignedClassName = computed(() => {
-    if (!mergedOptions.value) {
-      return "";
-    }
-    const baseClassName = getAlignPopupClassName(mergedOptions.value?.builtinPlacements || {}, mergedOptions.value.prefixCls || "", alignInfo.value, false);
-    return classNames(baseClassName, mergedOptions.value?.getPopupClassNameFromAlign?.(alignInfo.value));
-  });
-  const contextValue = {
-    show,
-    hide
-  };
-  watch(() => mergedOptions.value?.target, () => {
-    onAlign();
-  }, {
-    immediate: true
-  });
-  const onPrepare = () => {
-    onAlign();
-    return Promise.resolve();
-  };
-  const subPopupElements = ref({});
-  const parentContext = useTriggerContext();
-  const triggerContextValue = 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 createVNode(UniqueContextProvider, contextValue, {
-      default: () => [slots?.default?.(), !!mergedOptions.value && createVNode(TriggerContextProvider, triggerContextValue.value, {
-        default: () => [createVNode(Popup, {
-          "ref": setPopupRef,
-          "portal": Portal,
-          "prefixCls": prefixCls,
-          "popup": mergedOptions.value?.popup,
-          "className": 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: () => [createVNode(UniqueContainer, {
-            "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": classNames(mergedOptions.value?.uniqueContainerClassName, alignedClassName.value),
-            "uniqueContainerStyle": mergedOptions?.value?.uniqueContainerStyle
-          }, null)]
-        })]
-      })]
-    });
-  };
-}, {
-  props: {
-    postTriggerProps: {
-      type: Function,
-      required: false,
-      default: void 0
-    }
-  }
-});
-export {
-  UniqueProvider as default
-};
+import { computed, createVNode, defineComponent, ref, shallowRef, watch } from "vue";
+import Portal from "@v-c/portal";
+import { classNames } from "@v-c/util";
+import { isDOM } from "@v-c/util/dist/Dom/findDOMNode";
+var UniqueProvider_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const [trigger, open, options, onTargetVisibleChanged] = useTargetState();
+	const mergedOptions = computed(() => {
+		if (!options.value || !props.postTriggerProps) return options.value;
+		return props.postTriggerProps(options.value);
+	});
+	const popupEle = shallowRef(null);
+	const popupSize = ref(null);
+	const externalPopupRef = shallowRef(null);
+	const resolveToElement = (node) => {
+		if (!node) return null;
+		if (isDOM(node)) return node;
+		const exposed = node;
+		if (isDOM(exposed?.$el)) return exposed.$el;
+		const nativeEl = exposed?.nativeElement;
+		if (isDOM(nativeEl?.value)) return nativeEl.value;
+		if (isDOM(nativeEl)) return nativeEl;
+		if (typeof exposed?.getElement === "function") {
+			const el = exposed.getElement();
+			if (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 = shallowRef();
+	const delayInvoke = useDelay();
+	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] = useAlign(open, popupEle, computed(() => mergedOptions.value?.target), computed(() => mergedOptions.value?.popupPlacement), computed(() => mergedOptions.value?.builtinPlacements || {}), computed(() => mergedOptions.value?.popupAlign), void 0, ref(false));
+	const alignedClassName = computed(() => {
+		if (!mergedOptions.value) return "";
+		return classNames(getAlignPopupClassName(mergedOptions.value?.builtinPlacements || {}, mergedOptions.value.prefixCls || "", alignInfo.value, false), mergedOptions.value?.getPopupClassNameFromAlign?.(alignInfo.value));
+	});
+	const contextValue = {
+		show,
+		hide
+	};
+	watch(() => mergedOptions.value?.target, () => {
+		onAlign();
+	}, { immediate: true });
+	const onPrepare = () => {
+		onAlign();
+		return Promise.resolve();
+	};
+	const subPopupElements = ref({});
+	const parentContext = useTriggerContext();
+	const triggerContextValue = 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 createVNode(UniqueContextProvider, contextValue, { default: () => [slots?.default?.(), !!mergedOptions.value && createVNode(TriggerContextProvider, triggerContextValue.value, { default: () => [createVNode(Popup_default, {
+			"ref": setPopupRef,
+			"portal": Portal,
+			"prefixCls": prefixCls,
+			"popup": mergedOptions.value?.popup,
+			"className": 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: () => [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": classNames(mergedOptions.value?.uniqueContainerClassName, alignedClassName.value),
+			"uniqueContainerStyle": mergedOptions?.value?.uniqueContainerStyle
+		}, null)] })] })] });
+	};
+}, { props: { postTriggerProps: {
+	type: Function,
+	required: false,
+	default: void 0
+} } });
+export { UniqueProvider_default as default };

package/dist/UniqueProvider/useTargetState.cjs

@@ -1,42 +1,42 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
 function useTargetState() {
-  const options = vue.ref();
-  const open = vue.ref(false);
-  const isAnimating = vue.ref(false);
-  const pendingOptionsRef = vue.ref();
-  const trigger = (nextOptions) => {
-    const wasOpen = open.value;
-    if (nextOptions === false) {
-      pendingOptionsRef.value = null;
-      open.value = false;
-      isAnimating.value = false;
-    } else {
-      if (isAnimating.value && wasOpen) {
-        pendingOptionsRef.value = nextOptions;
-      } else {
-        open.value = true;
-        options.value = nextOptions;
-        pendingOptionsRef.value = null;
-        if (!wasOpen) {
-          isAnimating.value = true;
-        }
-      }
-    }
-  };
-  const onVisibleChanged = (visible) => {
-    if (visible) {
-      isAnimating.value = false;
-      if (pendingOptionsRef.value) {
-        options.value = pendingOptionsRef.value;
-        pendingOptionsRef.value = null;
-      }
-    } else {
-      isAnimating.value = false;
-      pendingOptionsRef.value = null;
-    }
-  };
-  return [trigger, open, options, onVisibleChanged];
+	const options = (0, vue.ref)();
+	const open = (0, vue.ref)(false);
+	const isAnimating = (0, vue.ref)(false);
+	const pendingOptionsRef = (0, vue.ref)();
+	const trigger = (nextOptions) => {
+		const wasOpen = open.value;
+		if (nextOptions === false) {
+			pendingOptionsRef.value = null;
+			open.value = false;
+			isAnimating.value = false;
+		} else if (isAnimating.value && wasOpen) pendingOptionsRef.value = nextOptions;
+		else {
+			open.value = true;
+			options.value = nextOptions;
+			pendingOptionsRef.value = null;
+			if (!wasOpen) isAnimating.value = true;
+		}
+	};
+	const onVisibleChanged = (visible) => {
+		if (visible) {
+			isAnimating.value = false;
+			if (pendingOptionsRef.value) {
+				options.value = pendingOptionsRef.value;
+				pendingOptionsRef.value = null;
+			}
+		} else {
+			isAnimating.value = false;
+			pendingOptionsRef.value = null;
+		}
+	};
+	return [
+		trigger,
+		open,
+		options,
+		onVisibleChanged
+	];
 }
 exports.default = useTargetState;

package/dist/UniqueProvider/useTargetState.js

@@ -1,42 +1,40 @@
 import { ref } from "vue";
 function useTargetState() {
-  const options = ref();
-  const open = ref(false);
-  const isAnimating = ref(false);
-  const pendingOptionsRef = ref();
-  const trigger = (nextOptions) => {
-    const wasOpen = open.value;
-    if (nextOptions === false) {
-      pendingOptionsRef.value = null;
-      open.value = false;
-      isAnimating.value = false;
-    } else {
-      if (isAnimating.value && wasOpen) {
-        pendingOptionsRef.value = nextOptions;
-      } else {
-        open.value = true;
-        options.value = nextOptions;
-        pendingOptionsRef.value = null;
-        if (!wasOpen) {
-          isAnimating.value = true;
-        }
-      }
-    }
-  };
-  const onVisibleChanged = (visible) => {
-    if (visible) {
-      isAnimating.value = false;
-      if (pendingOptionsRef.value) {
-        options.value = pendingOptionsRef.value;
-        pendingOptionsRef.value = null;
-      }
-    } else {
-      isAnimating.value = false;
-      pendingOptionsRef.value = null;
-    }
-  };
-  return [trigger, open, options, onVisibleChanged];
+	const options = ref();
+	const open = ref(false);
+	const isAnimating = ref(false);
+	const pendingOptionsRef = ref();
+	const trigger = (nextOptions) => {
+		const wasOpen = open.value;
+		if (nextOptions === false) {
+			pendingOptionsRef.value = null;
+			open.value = false;
+			isAnimating.value = false;
+		} else if (isAnimating.value && wasOpen) pendingOptionsRef.value = nextOptions;
+		else {
+			open.value = true;
+			options.value = nextOptions;
+			pendingOptionsRef.value = null;
+			if (!wasOpen) isAnimating.value = true;
+		}
+	};
+	const onVisibleChanged = (visible) => {
+		if (visible) {
+			isAnimating.value = false;
+			if (pendingOptionsRef.value) {
+				options.value = pendingOptionsRef.value;
+				pendingOptionsRef.value = null;
+			}
+		} else {
+			isAnimating.value = false;
+			pendingOptionsRef.value = null;
+		}
+	};
+	return [
+		trigger,
+		open,
+		options,
+		onVisibleChanged
+	];
 }
-export {
-  useTargetState as default
-};
+export { useTargetState as default };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,21 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+exports.__toESM = __toESM;

package/dist/context.cjs

@@ -1,36 +1,25 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const TriggerContextKey = Symbol("TriggerContextKey");
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+var TriggerContextKey = Symbol("TriggerContextKey");
 function useTriggerContext() {
-  return vue.inject(TriggerContextKey, void 0);
+	return (0, vue.inject)(TriggerContextKey, void 0);
 }
-const TriggerContextProvider = vue.defineComponent(
-  (props, { slots }) => {
-    vue.provide(TriggerContextKey, vue.computed(() => props));
-    return () => {
-      return slots?.default?.();
-    };
-  },
-  {
-    props: ["registerSubPopup"]
-  }
-);
+const TriggerContextProvider = (0, vue.defineComponent)((props, { slots }) => {
+	(0, vue.provide)(TriggerContextKey, (0, vue.computed)(() => props));
+	return () => {
+		return slots?.default?.();
+	};
+}, { props: ["registerSubPopup"] });
 const UniqueContextKey = Symbol("UniqueContextKey");
 function useUniqueContext() {
-  return vue.inject(UniqueContextKey, void 0);
+	return (0, vue.inject)(UniqueContextKey, void 0);
 }
-const UniqueContextProvider = vue.defineComponent(
-  (props, { slots }) => {
-    vue.provide(UniqueContextKey, props);
-    return () => {
-      return slots?.default?.();
-    };
-  },
-  {
-    props: ["show", "hide"]
-  }
-);
+const UniqueContextProvider = (0, vue.defineComponent)((props, { slots }) => {
+	(0, vue.provide)(UniqueContextKey, props);
+	return () => {
+		return slots?.default?.();
+	};
+}, { props: ["show", "hide"] });
 exports.TriggerContextProvider = TriggerContextProvider;
 exports.UniqueContextKey = UniqueContextKey;
 exports.UniqueContextProvider = UniqueContextProvider;