@sdata/web-vue 3.16.1 → 3.18.0

package/es/trigger/trigger.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey, themePopupContainerInjectionKey } from "../config-provider/context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isEmptyChildren, mergeFirstChild } from "../_utils/vue-utils.js";
 import { off, on } from "../_utils/dom.js";
@@ -13,9 +13,11 @@ import usePickSlots from "../_hooks/use-pick-slots.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useResizeObserver as useResizeObserver$1 } from "../_hooks/use-resize-observer.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
+import { createFloatingOptions } from "../_utils/floating.js";
 import { triggerInjectionKey } from "./context.js";
-import { getArrowStyle, getElementScrollRect, getPopupStyle, getScrollElements, getTransformOrigin } from "./utils.js";
-import { Fragment, Teleport, Transition, computed, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, nextTick, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, reactive, ref, vShow, watch, withDirectives } from "vue";
+import { getScrollElements, getTransformOrigin } from "./utils.js";
+import { Fragment, Teleport, Transition, computed, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, nextTick, onBeforeUnmount, onDeactivated, onMounted, provide, reactive, ref, vShow, watch, withDirectives } from "vue";
+import { arrow, autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/vue";
 import { onClickOutside, useEventListener } from "@vueuse/core";
 //#region components/trigger/trigger.tsx
 var TRIGGER_EVENTS = [
@@ -26,10 +28,68 @@ var TRIGGER_EVENTS = [
 	"onFocusout",
 	"onContextmenu"
 ];
+var toFloatingPlacement = (position) => {
+	return {
+		top: "top",
+		tl: "top-start",
+		tr: "top-end",
+		bottom: "bottom",
+		bl: "bottom-start",
+		br: "bottom-end",
+		left: "left",
+		lt: "left-start",
+		lb: "left-end",
+		right: "right",
+		rt: "right-start",
+		rb: "right-end"
+	}[position];
+};
+var fromFloatingPlacement = (placement) => {
+	return {
+		"top": "top",
+		"top-start": "tl",
+		"top-end": "tr",
+		"bottom": "bottom",
+		"bottom-start": "bl",
+		"bottom-end": "br",
+		"left": "left",
+		"left-start": "lt",
+		"left-end": "lb",
+		"right": "right",
+		"right-start": "rt",
+		"right-end": "rb"
+	}[placement];
+};
+var getArrowFloatingStyle = (placement, data, customStyle) => {
+	const side = placement.split("-")[0];
+	const staticSide = {
+		top: "bottom",
+		right: "left",
+		bottom: "top",
+		left: "right"
+	}[side];
+	const transforms = {
+		top: "translateY(50%) rotate(45deg)",
+		right: "translateX(-50%) rotate(45deg)",
+		bottom: "translateY(-50%) rotate(45deg)",
+		left: "translateX(50%) rotate(45deg)"
+	};
+	return _objectSpread2(_objectSpread2({}, customStyle), {}, {
+		left: (data === null || data === void 0 ? void 0 : data.x) == null ? void 0 : `${data.x}px`,
+		top: (data === null || data === void 0 ? void 0 : data.y) == null ? void 0 : `${data.y}px`,
+		[staticSide]: 0,
+		transform: transforms[side]
+	});
+};
 var trigger_default = /* @__PURE__ */ defineComponent({
 	name: "Trigger",
 	inheritAttrs: false,
 	props: {
+		/**
+		* @zh Floating UI Vue 的完整配置。与旧定位参数冲突时以此配置为准。
+		* @en Complete Floating UI Vue options. These options take precedence over legacy positioning props.
+		*/
+		floatingOptions: { type: Object },
 		/**
 		* @zh 弹出框是否可见
 		* @en Whether the popup is visible
@@ -374,9 +434,6 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		const popupRef = ref();
 		const popupVisible = ref(props.defaultPopupVisible);
 		const popupPosition = ref(props.position);
-		const popupStyle = ref({});
-		const transformStyle = ref({});
-		const arrowStyle = ref({});
 		const arrowRef = ref();
 		const mousePosition = ref({
 			top: 0,
@@ -388,6 +445,63 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			var _props$popupVisible;
 			return (_props$popupVisible = props.popupVisible) !== null && _props$popupVisible !== void 0 ? _props$popupVisible : popupVisible.value;
 		});
+		const pointReference = {
+			getBoundingClientRect: () => {
+				const { left, top } = mousePosition.value;
+				return {
+					x: left,
+					y: top,
+					top,
+					right: left,
+					bottom: top,
+					left,
+					width: 0,
+					height: 0
+				};
+			},
+			get contextElement() {
+				return firstElement.value;
+			}
+		};
+		const floatingReference = computed(() => {
+			var _firstElement$value;
+			return props.alignPoint ? pointReference : (_firstElement$value = firstElement.value) !== null && _firstElement$value !== void 0 ? _firstElement$value : null;
+		});
+		const floatingElement = computed(() => computedVisible.value ? popupRef.value : null);
+		const legacyMiddleware = computed(() => {
+			var _props$popupTranslate;
+			const middleware = [offset(props.popupOffset)];
+			const translate = Array.isArray(props.popupTranslate) ? props.popupTranslate : (_props$popupTranslate = props.popupTranslate) === null || _props$popupTranslate === void 0 ? void 0 : _props$popupTranslate[props.position];
+			if (translate) middleware.push({
+				name: "sdTriggerTranslate",
+				options: translate,
+				fn: ({ x, y }) => ({
+					x: x + translate[0],
+					y: y + translate[1]
+				})
+			});
+			if (props.autoFitPosition) middleware.push(flip(), shift());
+			if (props.showArrow) middleware.push(arrow({ element: arrowRef }));
+			return middleware;
+		});
+		const defaultWhileElementsMounted = (reference, floating, update) => autoUpdate(reference, floating, update, {
+			ancestorScroll: props.updateAtScroll || Boolean(configCtx === null || configCtx === void 0 ? void 0 : configCtx.updateAtScroll),
+			ancestorResize: true,
+			elementResize: props.autoFixPosition,
+			layoutShift: props.autoFixPosition
+		});
+		const { floatingStyles, placement: floatingPlacement, middlewareData, isPositioned, update: updateFloatingPosition } = useFloating(floatingReference, floatingElement, createFloatingOptions(() => props.floatingOptions, {
+			open: computedVisible,
+			placement: () => toFloatingPlacement(props.position),
+			middleware: legacyMiddleware,
+			whileElementsMounted: defaultWhileElementsMounted
+		}));
+		const mergedPopupStyle = computed(() => _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, props.popupStyle), props.autoFitPopupMinWidth && firstElement.value ? { minWidth: `${firstElement.value.getBoundingClientRect().width}px` } : {}), props.autoFitPopupWidth && firstElement.value ? { width: `${firstElement.value.getBoundingClientRect().width}px` } : {}), floatingStyles.value));
+		const transformStyle = computed(() => props.autoFitTransformOrigin ? { transformOrigin: getTransformOrigin(popupPosition.value) } : {});
+		const arrowStyle = computed(() => getArrowFloatingStyle(floatingPlacement.value, middlewareData.value.arrow, props.arrowStyle));
+		watch(floatingPlacement, (placement) => {
+			popupPosition.value = fromFloatingPlacement(placement);
+		}, { immediate: true });
 		const firstChildAria = computed(() => {
 			const aria = {};
 			if (props.ariaHasPopup !== void 0) {
@@ -422,45 +536,13 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		};
 		const updateMousePosition = (e) => {
 			if (props.alignPoint) {
-				const { pageX, pageY } = e;
+				const { clientX, clientY } = e;
 				mousePosition.value = {
-					top: pageY,
-					left: pageX
+					top: clientY,
+					left: clientX
 				};
 			}
 		};
-		const updatePopupStyle = () => {
-			if (!firstElement.value || !popupRef.value || !containerRef.value) return;
-			const containerRect = containerRef.value.getBoundingClientRect();
-			const triggerRect = props.alignPoint ? {
-				top: mousePosition.value.top,
-				bottom: mousePosition.value.top,
-				left: mousePosition.value.left,
-				right: mousePosition.value.left,
-				scrollTop: mousePosition.value.top,
-				scrollBottom: mousePosition.value.top,
-				scrollLeft: mousePosition.value.left,
-				scrollRight: mousePosition.value.left,
-				width: 0,
-				height: 0
-			} : getElementScrollRect(firstElement.value, containerRect);
-			const getPopupRect = () => getElementScrollRect(popupRef.value, containerRect);
-			const popupRect = getPopupRect();
-			const { style, position } = getPopupStyle(props.position, containerRect, triggerRect, popupRect, {
-				offset: props.popupOffset,
-				translate: props.popupTranslate,
-				customStyle: props.popupStyle,
-				autoFitPosition: props.autoFitPosition
-			});
-			if (props.autoFitTransformOrigin) transformStyle.value = { transformOrigin: getTransformOrigin(position) };
-			if (props.autoFitPopupMinWidth) style.minWidth = `${triggerRect.width}px`;
-			else if (props.autoFitPopupWidth) style.width = `${triggerRect.width}px`;
-			if (popupPosition.value !== position) popupPosition.value = position;
-			popupStyle.value = style;
-			if (props.showArrow) nextTick(() => {
-				arrowStyle.value = getArrowStyle(position, triggerRect, getPopupRect(), { customStyle: props.arrowStyle });
-			});
-		};
 		const changeVisible = (visible, delay) => {
 			if (visible === computedVisible.value && delayTimer === 0) return;
 			const update = () => {
@@ -468,7 +550,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 				emit("update:popupVisible", visible);
 				emit("popupVisibleChange", visible);
 				if (visible) nextTick(() => {
-					updatePopupStyle();
+					updateFloatingPosition();
 				});
 			};
 			if (!visible) {
@@ -600,12 +682,11 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			return Math.abs(newScrollTop - scrollTop) >= props.scrollToCloseDistance || Math.abs(newScrollLeft - scrollLeft) >= props.scrollToCloseDistance;
 		};
 		const handleScroll = throttleByRaf((e) => {
-			if (computedVisible.value) if (props.scrollToClose || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.scrollToClose)) {
+			if (computedVisible.value && (props.scrollToClose || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.scrollToClose))) {
 				const element = e.target;
 				if (!scrollPosition) scrollPosition = [element.scrollTop, element.scrollLeft];
 				if (isExceedThreshold(scrollPosition, element)) changeVisible(false);
-				else updatePopupStyle();
-			} else updatePopupStyle();
+			}
 		});
 		const removeWindowScroll = () => {
 			off(window, "scroll", onWindowScroll);
@@ -620,7 +701,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		const handleResize = () => {
-			if (computedVisible.value) updatePopupStyle();
+			if (computedVisible.value) updateFloatingPosition();
 		};
 		const onTargetResize = () => {
 			handleResize();
@@ -655,7 +736,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			if (value) mounted.value = true;
 		});
 		watch(() => [props.autoFitPopupWidth, props.autoFitPopupMinWidth], () => {
-			if (computedVisible.value) updatePopupStyle();
+			if (computedVisible.value) updateFloatingPosition();
 		});
 		const { createResizeObserver, destroyResizeObserver } = useResizeObserver$1({
 			elementRef: containerRef,
@@ -664,16 +745,13 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			createResizeObserver();
 			if (computedVisible.value) {
-				updatePopupStyle();
+				updateFloatingPosition();
 				if (props.updateAtScroll || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.updateAtScroll)) {
 					scrollElements = getScrollElements(firstElement.value);
 					for (const item of scrollElements) item.addEventListener("scroll", handleScroll);
 				}
 			}
 		});
-		onUpdated(() => {
-			if (computedVisible.value) updatePopupStyle();
-		});
 		onDeactivated(() => {
 			changeVisible(false);
 		});
@@ -720,7 +798,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 				"id": popupId,
 				"ref": popupRef,
 				"class": [`${prefixCls}-popup`, `${prefixCls}-position-${popupPosition.value}`],
-				"style": _objectSpread2(_objectSpread2({}, popupStyle.value), {}, {
+				"style": _objectSpread2(_objectSpread2(_objectSpread2({}, mergedPopupStyle.value), isPositioned.value ? {} : { visibility: "hidden" }), {}, {
 					zIndex: zIndex.value,
 					pointerEvents: isAnimation.value ? "none" : "auto"
 				}),

package/es/trigger/utils.d.ts

@@ -1,51 +1,4 @@
-import type { CSSProperties } from 'vue';
 import type { TriggerPosition } from '../_utils/constant';
-import type { TriggerPopupTranslate } from './interface';
-export interface ElementRect {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-    width: number;
-    height: number;
-}
-interface ScrollRect {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-    scrollTop: number;
-    scrollBottom: number;
-    scrollLeft: number;
-    scrollRight: number;
-    width: number;
-    height: number;
-}
-export declare const getElementScrollRect: (element: HTMLElement, containerRect: DOMRect) => {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-    scrollTop: number;
-    scrollBottom: number;
-    scrollLeft: number;
-    scrollRight: number;
-    width: number;
-    height: number;
-};
 export declare const getTransformOrigin: (position: TriggerPosition) => string;
-export declare const getPopupStyle: (position: TriggerPosition, containerRect: DOMRect, triggerRect: ScrollRect, popupRect: ScrollRect, { offset, translate, customStyle, autoFitPosition, }?: {
-    offset?: number;
-    translate?: TriggerPopupTranslate;
-    customStyle?: CSSProperties;
-    autoFitPosition?: boolean;
-}) => {
-    style: CSSProperties;
-    position: TriggerPosition;
-};
-export declare const getArrowStyle: (position: TriggerPosition, triggerRect: ScrollRect, popupRect: ScrollRect, { customStyle, }: {
-    customStyle?: CSSProperties;
-}) => CSSProperties;
 export declare const isScrollElement: (element: HTMLElement) => boolean;
 export declare const getScrollElements: (container: HTMLElement | undefined) => HTMLElement[];
-export {};

package/es/trigger/utils.js

@@ -1,201 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
-import { isArray } from "../_utils/is.js";
-import { getDocumentSize } from "../_utils/dom.js";
 //#region components/trigger/utils.ts
-var getViewPortSize = () => {
-	const { height, width } = getDocumentSize();
-	return {
-		width: Math.min(width, window.innerWidth),
-		height: Math.min(height, window.innerHeight)
-	};
-};
-var getElementScrollRect = (element, containerRect) => {
-	var _element$offsetWidth, _element$offsetHeight;
-	const rect = element.getBoundingClientRect();
-	return {
-		top: rect.top,
-		bottom: rect.bottom,
-		left: rect.left,
-		right: rect.right,
-		scrollTop: rect.top - containerRect.top,
-		scrollBottom: rect.bottom - containerRect.top,
-		scrollLeft: rect.left - containerRect.left,
-		scrollRight: rect.right - containerRect.left,
-		width: (_element$offsetWidth = element.offsetWidth) !== null && _element$offsetWidth !== void 0 ? _element$offsetWidth : element.clientWidth,
-		height: (_element$offsetHeight = element.offsetHeight) !== null && _element$offsetHeight !== void 0 ? _element$offsetHeight : element.clientHeight
-	};
-};
-var getBoundaryPosition = (position) => {
-	switch (position) {
-		case "top":
-		case "tl":
-		case "tr": return "top";
-		case "bottom":
-		case "bl":
-		case "br": return "bottom";
-		case "left":
-		case "lt":
-		case "lb": return "left";
-		case "right":
-		case "rt":
-		case "rb": return "right";
-		default: return "top";
-	}
-};
-var changePosition = (position, direction) => {
-	switch (direction) {
-		case "top": switch (position) {
-			case "bottom": return "top";
-			case "bl": return "tl";
-			case "br": return "tr";
-			default: return position;
-		}
-		case "bottom": switch (position) {
-			case "top": return "bottom";
-			case "tl": return "bl";
-			case "tr": return "br";
-			default: return position;
-		}
-		case "left": switch (position) {
-			case "right": return "left";
-			case "rt": return "lt";
-			case "rb": return "lb";
-			default: return position;
-		}
-		case "right": switch (position) {
-			case "left": return "right";
-			case "lt": return "rt";
-			case "lb": return "rb";
-			default: return position;
-		}
-		default: return position;
-	}
-};
-var getFitPosition = (position, popupPosition, { containerRect, triggerRect, popupRect, offset, translate }) => {
-	const direction = getBoundaryPosition(position);
-	const viewPortSize = getViewPortSize();
-	const viewPortBoundary = {
-		top: containerRect.top + popupPosition.top,
-		bottom: viewPortSize.height - (containerRect.top + popupPosition.top + popupRect.height),
-		left: containerRect.left + popupPosition.left,
-		right: viewPortSize.width - (containerRect.left + popupPosition.left + popupRect.width)
-	};
-	let finalPosition = position;
-	if (direction === "top" && viewPortBoundary.top < 0) if (triggerRect.top > popupRect.height) popupPosition.top = -containerRect.top;
-	else {
-		const fitPosition = getPopupOffset("bottom", triggerRect, popupRect, {
-			offset,
-			translate
-		});
-		if (viewPortSize.height - (containerRect.top + fitPosition.top + popupRect.height) > 0) {
-			finalPosition = changePosition(position, "bottom");
-			popupPosition.top = fitPosition.top;
-		}
-	}
-	if (direction === "bottom" && viewPortBoundary.bottom < 0) if (viewPortSize.height - triggerRect.bottom > popupRect.height) popupPosition.top = -containerRect.top + (viewPortSize.height - popupRect.height);
-	else {
-		const fitPosition = getPopupOffset("top", triggerRect, popupRect, {
-			offset,
-			translate
-		});
-		if (containerRect.top + fitPosition.top > 0) {
-			finalPosition = changePosition(position, "top");
-			popupPosition.top = fitPosition.top;
-		}
-	}
-	if (direction === "left" && viewPortBoundary.left < 0) if (triggerRect.left > popupRect.width) popupPosition.left = -containerRect.left;
-	else {
-		const fitPosition = getPopupOffset("right", triggerRect, popupRect, {
-			offset,
-			translate
-		});
-		if (viewPortSize.width - (containerRect.left + fitPosition.left + popupRect.width) > 0) {
-			finalPosition = changePosition(position, "right");
-			popupPosition.left = fitPosition.left;
-		}
-	}
-	if (direction === "right" && viewPortBoundary.right < 0) if (viewPortSize.width - triggerRect.right > popupRect.width) popupPosition.left = -containerRect.left + (viewPortSize.width - popupRect.width);
-	else {
-		const fitPosition = getPopupOffset("left", triggerRect, popupRect, {
-			offset,
-			translate
-		});
-		if (containerRect.left + fitPosition.left > 0) {
-			finalPosition = changePosition(position, "left");
-			popupPosition.left = fitPosition.left;
-		}
-	}
-	if (direction === "top" || direction === "bottom") {
-		if (viewPortBoundary.left < 0) popupPosition.left = -containerRect.left;
-		else if (viewPortBoundary.right < 0) popupPosition.left = -containerRect.left + (viewPortSize.width - popupRect.width);
-	}
-	if (direction === "left" || direction === "right") {
-		if (viewPortBoundary.top < 0) popupPosition.top = -containerRect.top;
-		else if (viewPortBoundary.bottom < 0) popupPosition.top = -containerRect.top + (viewPortSize.height - popupRect.height);
-	}
-	return {
-		popupPosition,
-		position: finalPosition
-	};
-};
-var getPopupOffset = (position, triggerRect, popupRect, { offset = 0, translate = [0, 0] } = {}) => {
-	var _ref;
-	const _translate = (_ref = isArray(translate) ? translate : translate[position]) !== null && _ref !== void 0 ? _ref : [0, 0];
-	switch (position) {
-		case "top": return {
-			left: triggerRect.scrollLeft + Math.round(triggerRect.width / 2) - Math.round(popupRect.width / 2) + _translate[0],
-			top: triggerRect.scrollTop - popupRect.height - offset + _translate[1]
-		};
-		case "tl": return {
-			left: triggerRect.scrollLeft + _translate[0],
-			top: triggerRect.scrollTop - popupRect.height - offset + _translate[1]
-		};
-		case "tr": return {
-			left: triggerRect.scrollRight - popupRect.width + _translate[0],
-			top: triggerRect.scrollTop - popupRect.height - offset + _translate[1]
-		};
-		case "bottom": return {
-			left: triggerRect.scrollLeft + Math.round(triggerRect.width / 2) - Math.round(popupRect.width / 2) + _translate[0],
-			top: triggerRect.scrollBottom + offset + _translate[1]
-		};
-		case "bl": return {
-			left: triggerRect.scrollLeft + _translate[0],
-			top: triggerRect.scrollBottom + offset + _translate[1]
-		};
-		case "br": return {
-			left: triggerRect.scrollRight - popupRect.width + _translate[0],
-			top: triggerRect.scrollBottom + offset + _translate[1]
-		};
-		case "left": return {
-			left: triggerRect.scrollLeft - popupRect.width - offset + _translate[0],
-			top: triggerRect.scrollTop + Math.round(triggerRect.height / 2) - Math.round(popupRect.height / 2) + _translate[1]
-		};
-		case "lt": return {
-			left: triggerRect.scrollLeft - popupRect.width - offset + _translate[0],
-			top: triggerRect.scrollTop + _translate[1]
-		};
-		case "lb": return {
-			left: triggerRect.scrollLeft - popupRect.width - offset + _translate[0],
-			top: triggerRect.scrollBottom - popupRect.height + _translate[1]
-		};
-		case "right": return {
-			left: triggerRect.scrollRight + offset + _translate[0],
-			top: triggerRect.scrollTop + Math.round(triggerRect.height / 2) - Math.round(popupRect.height / 2) + _translate[1]
-		};
-		case "rt": return {
-			left: triggerRect.scrollRight + offset + _translate[0],
-			top: triggerRect.scrollTop + _translate[1]
-		};
-		case "rb": return {
-			left: triggerRect.scrollRight + offset + _translate[0],
-			top: triggerRect.scrollBottom - popupRect.height + _translate[1]
-		};
-		default: return {
-			left: 0,
-			top: 0
-		};
-	}
-};
 var getTransformOrigin = (position) => {
 	let originX = "0";
 	if (["top", "bottom"].includes(position)) originX = "50%";
@@ -217,76 +20,6 @@ var getTransformOrigin = (position) => {
 	].includes(position)) originY = "100%";
 	return `${originX} ${originY}`;
 };
-var getPopupStyle = (position, containerRect, triggerRect, popupRect, { offset = 0, translate = [0, 0], customStyle = {}, autoFitPosition = false } = {}) => {
-	let finalPosition = position;
-	let popupPosition = getPopupOffset(position, triggerRect, popupRect, {
-		offset,
-		translate
-	});
-	if (autoFitPosition) {
-		const result = getFitPosition(position, popupPosition, {
-			containerRect,
-			popupRect,
-			triggerRect,
-			offset,
-			translate
-		});
-		popupPosition = result.popupPosition;
-		finalPosition = result.position;
-	}
-	return {
-		style: _objectSpread2({
-			left: `${popupPosition.left}px`,
-			top: `${popupPosition.top}px`
-		}, customStyle),
-		position: finalPosition
-	};
-};
-var getArrowStyle = (position, triggerRect, popupRect, { customStyle = {} }) => {
-	if ([
-		"top",
-		"tl",
-		"tr",
-		"bottom",
-		"bl",
-		"br"
-	].includes(position)) {
-		let offsetLeft = Math.abs(triggerRect.scrollLeft + triggerRect.width / 2 - popupRect.scrollLeft);
-		if (offsetLeft > popupRect.width - 8) if (triggerRect.width > popupRect.width) offsetLeft = popupRect.width / 2;
-		else offsetLeft = popupRect.width - 8;
-		if ([
-			"top",
-			"tl",
-			"tr"
-		].includes(position)) return _objectSpread2({
-			left: `${offsetLeft}px`,
-			bottom: "0",
-			transform: "translate(-50%,50%) rotate(45deg)"
-		}, customStyle);
-		return _objectSpread2({
-			left: `${offsetLeft}px`,
-			top: "0",
-			transform: "translate(-50%,-50%) rotate(45deg)"
-		}, customStyle);
-	}
-	let offsetTop = Math.abs(triggerRect.scrollTop + triggerRect.height / 2 - popupRect.scrollTop);
-	if (offsetTop > popupRect.height - 8) if (triggerRect.height > popupRect.height) offsetTop = popupRect.height / 2;
-	else offsetTop = popupRect.height - 8;
-	if ([
-		"left",
-		"lt",
-		"lb"
-	].includes(position)) return _objectSpread2({
-		top: `${offsetTop}px`,
-		right: "0",
-		transform: "translate(50%,-50%) rotate(45deg)"
-	}, customStyle);
-	return _objectSpread2({
-		top: `${offsetTop}px`,
-		left: "0",
-		transform: "translate(-50%,-50%) rotate(45deg)"
-	}, customStyle);
-};
 var isScrollElement = (element) => {
 	return element.scrollHeight > element.offsetHeight || element.scrollWidth > element.offsetWidth;
 };
@@ -301,4 +34,4 @@ var getScrollElements = (container) => {
 	return scrollElements;
 };
 //#endregion
-export { getArrowStyle, getElementScrollRect, getPopupStyle, getScrollElements, getTransformOrigin };
+export { getScrollElements, getTransformOrigin, isScrollElement };

package/es/typography/base.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";

package/es/typography/edit-content.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import Input from "../input/index.js";

package/es/typography/index.js

@@ -18,4 +18,4 @@ var Typography = Object.assign(typography_default, {
 	}
 });
 //#endregion
-export { Typography as default };
+export { paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Typography as default };

package/es/typography/operations.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";

package/es/typography/typography.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region components/typography/typography.vue?vue&type=script&setup=true&lang.ts

package/es/upload/upload.js

@@ -1,8 +1,8 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isObject } from "../_utils/is.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
 import preview_group_default from "../image/preview-group.js";
 import { uploadInjectionKey } from "./context.js";
 import { isImage, uploadRequest } from "./utils.js";

package/es/watermark/hooks/use-mutation-observer.js

@@ -1,4 +1,4 @@
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectWithoutProperties.js";
+import _objectWithoutProperties from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
 import { getCurrentScope, onScopeDispose, unref, watch } from "vue";
 //#region components/watermark/hooks/use-mutation-observer.ts
 var _excluded = ["window"];
@@ -43,4 +43,4 @@ function useMutationObserver(target, callback, options = {}) {
 	};
 }
 //#endregion
-export { useMutationObserver };
+export { defaultWindow, tryOnScopeDispose, unrefElement, useMutationObserver };

package/es/watermark/utils/index.js

@@ -19,4 +19,4 @@ function canvasToGray(canvas) {
 	ctx.putImageData(imageData, 0, 0);
 }
 //#endregion
-export { canvasToGray, styleToString };
+export { camelToKebab, canvasToGray, styleToString };