@sdata/web-vue 3.17.0 → 3.19.0

package/es/tooltip/tooltip.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 Trigger from "../trigger/index.js";
 import { computed, createBlock, createTextVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
@@ -6,6 +6,7 @@ import { computed, createBlock, createTextVNode, defineComponent, normalizeClass
 var tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Tooltip" }), {}, {
 	__name: "tooltip",
 	props: {
+		floatingOptions: {},
 		popupVisible: {
 			type: Boolean,
 			default: void 0
@@ -77,6 +78,7 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				"arrow-class": arrowCls.value,
 				"arrow-style": computedArrowStyle.value,
 				"popup-container": __props.popupContainer,
+				"floating-options": __props.floatingOptions,
 				"animation-name": "zoom-in-fade-out",
 				"auto-fit-transform-origin": "",
 				role: "tooltip",
@@ -95,7 +97,8 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				"content-style",
 				"arrow-class",
 				"arrow-style",
-				"popup-container"
+				"popup-container",
+				"floating-options"
 			]);
 		};
 	}

package/es/tour/index.d.ts

@@ -75,6 +75,10 @@ declare const Tour: {
             type: NumberConstructor;
             default: undefined;
         };
+        floatingOptions: {
+            type: import("vue").PropType<import("../index.ts").FloatingOptions>;
+            default: undefined;
+        };
         showButtons: {
             type: import("vue").PropType<import("./types").TourAllowedButton[]>;
             default: undefined;
@@ -160,8 +164,9 @@ declare const Tour: {
         "update:current": (current: number) => any;
         visibleChange: (visible: boolean) => any;
     }, import("vue").PublicProps, {
-        animate: boolean;
         visible: boolean;
+        animate: boolean;
+        floatingOptions: import("../index.ts").FloatingOptions;
         buttonProps: Partial<Record<import("./types").TourButtonKind, import("../index.ts").ButtonProps>>;
         defaultVisible: boolean;
         zIndex: number;
@@ -279,6 +284,10 @@ declare const Tour: {
             type: NumberConstructor;
             default: undefined;
         };
+        floatingOptions: {
+            type: import("vue").PropType<import("../index.ts").FloatingOptions>;
+            default: undefined;
+        };
         showButtons: {
             type: import("vue").PropType<import("./types").TourAllowedButton[]>;
             default: undefined;
@@ -358,8 +367,9 @@ declare const Tour: {
         "onUpdate:current"?: ((current: number) => any) | undefined;
         onVisibleChange?: ((visible: boolean) => any) | undefined;
     }>, import("./types").TourExpose, {}, {}, {}, {
-        animate: boolean;
         visible: boolean;
+        animate: boolean;
+        floatingOptions: import("../index.ts").FloatingOptions;
         buttonProps: Partial<Record<import("./types").TourButtonKind, import("../index.ts").ButtonProps>>;
         defaultVisible: boolean;
         zIndex: number;
@@ -474,6 +484,10 @@ declare const Tour: {
         type: NumberConstructor;
         default: undefined;
     };
+    floatingOptions: {
+        type: import("vue").PropType<import("../index.ts").FloatingOptions>;
+        default: undefined;
+    };
     showButtons: {
         type: import("vue").PropType<import("./types").TourAllowedButton[]>;
         default: undefined;
@@ -559,8 +573,9 @@ declare const Tour: {
     "update:current": (current: number) => any;
     visibleChange: (visible: boolean) => any;
 }, string, {
-    animate: boolean;
     visible: boolean;
+    animate: boolean;
+    floatingOptions: import("../index.ts").FloatingOptions;
     buttonProps: Partial<Record<import("./types").TourButtonKind, import("../index.ts").ButtonProps>>;
     defaultVisible: boolean;
     zIndex: number;

package/es/tour/tour.vue.d.ts

@@ -1,4 +1,5 @@
 import type { PropType, VNodeChild } from 'vue';
+import type { FloatingOptions } from '../_utils/floating';
 import type { ButtonProps } from '../button/interface';
 import type { TourAllowedButton, TourButtonKind, TourButtonProps, TourConfig, TourController, TourExpose, TourOverlayClickBehavior, TourPopoverDom, TourState, TourStep, TourStepHook } from './types';
 type __VLS_Slots = {
@@ -131,6 +132,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: NumberConstructor;
         default: undefined;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+        default: undefined;
+    };
     showButtons: {
         type: PropType<TourAllowedButton[]>;
         default: undefined;
@@ -282,6 +287,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: NumberConstructor;
         default: undefined;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+        default: undefined;
+    };
     showButtons: {
         type: PropType<TourAllowedButton[]>;
         default: undefined;
@@ -361,8 +370,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:current"?: ((current: number) => any) | undefined;
     onVisibleChange?: ((visible: boolean) => any) | undefined;
 }>, {
-    animate: boolean;
     visible: boolean;
+    animate: boolean;
+    floatingOptions: FloatingOptions;
     buttonProps: Partial<Record<TourButtonKind, ButtonProps>>;
     defaultVisible: boolean;
     zIndex: number;

package/es/tour/tour.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,11 @@
-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 { _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 usePopupManager from "../_hooks/use-popup-manager.js";
+import { createFloatingOptions } from "../_utils/floating.js";
 import Button from "../button/index.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderSlot, shallowRef, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
+import { arrow, autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/vue";
 import { unrefElement, useElementBounding, useEventListener, useResizeObserver, useWindowSize } from "@vueuse/core";
 import { Motion } from "motion-v";
 //#region components/tour/tour.vue?vue&type=script&setup=true&lang.ts
@@ -95,6 +97,10 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			type: Number,
 			default: void 0
 		},
+		floatingOptions: {
+			type: Object,
+			default: void 0
+		},
 		showButtons: {
 			type: Array,
 			default: void 0
@@ -207,6 +213,7 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const mounted = shallowRef(false);
 		const isInitialized = shallowRef(false);
 		const activeOnDestroyed = shallowRef(null);
+		const popoverShellRef = shallowRef(null);
 		const popoverRef = shallowRef(null);
 		const arrowRef = shallowRef(null);
 		const titleRef = shallowRef(null);
@@ -249,6 +256,7 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				stagePadding: props.stagePadding,
 				stageRadius: props.stageRadius,
 				popoverOffset: props.popoverOffset,
+				floatingOptions: props.floatingOptions,
 				showButtons: props.showButtons,
 				disableButtons: props.disableButtons,
 				prevBtnText: props.prevBtnText,
@@ -434,8 +442,60 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			side: "bottom",
 			align: "start"
 		});
-		const popoverShellStyle = shallowRef({ zIndex: `${mergedZIndex.value + 1}` });
-		const popoverStyle = shallowRef({ zIndex: `${mergedZIndex.value + 1}` });
+		const preferredSide = computed(() => {
+			var _activeElement$value, _resolvedPopover$valu7;
+			return ((_activeElement$value = activeElement.value) === null || _activeElement$value === void 0 ? void 0 : _activeElement$value.id) === dummyElementId ? "over" : (_resolvedPopover$valu7 = resolvedPopover.value.side) !== null && _resolvedPopover$valu7 !== void 0 ? _resolvedPopover$valu7 : "bottom";
+		});
+		const preferredPlacement = computed(() => {
+			var _preferredSide$value, _resolvedPopover$valu8;
+			const side = preferredSide.value === "over" ? "bottom" : (_preferredSide$value = preferredSide.value) !== null && _preferredSide$value !== void 0 ? _preferredSide$value : "bottom";
+			const align = (_resolvedPopover$valu8 = resolvedPopover.value.align) !== null && _resolvedPopover$valu8 !== void 0 ? _resolvedPopover$valu8 : "start";
+			return align === "center" ? side : `${side}-${align}`;
+		});
+		const centerInViewport = {
+			name: "sdTourCenterInViewport",
+			fn({ rects }) {
+				return {
+					x: Math.max((viewport.value.width - rects.floating.width) / 2, 10),
+					y: Math.max((viewport.value.height - rects.floating.height) / 2, 10)
+				};
+			}
+		};
+		const { floatingStyles, middlewareData, placement: floatingPlacement, isPositioned, update: updateFloatingPosition } = useFloating(activeElement, popoverShellRef, createFloatingOptions(() => _objectSpread2(_objectSpread2({}, mergedConfig.value.floatingOptions), resolvedPopover.value.floatingOptions), {
+			open: isActive,
+			placement: preferredPlacement,
+			strategy: "fixed",
+			middleware: computed(() => {
+				var _mergedConfig$value$p, _mergedConfig$value$s4;
+				if (preferredSide.value === "over") return [centerInViewport];
+				return [
+					offset((_mergedConfig$value$p = mergedConfig.value.popoverOffset) !== null && _mergedConfig$value$p !== void 0 ? _mergedConfig$value$p : 10),
+					flip(),
+					shift({ padding: (_mergedConfig$value$s4 = mergedConfig.value.stagePadding) !== null && _mergedConfig$value$s4 !== void 0 ? _mergedConfig$value$s4 : 0 }),
+					arrow({ element: arrowRef })
+				];
+			}),
+			whileElementsMounted: autoUpdate
+		}));
+		const popoverShellStyle = computed(() => _objectSpread2(_objectSpread2({ zIndex: `${mergedZIndex.value + 1}` }, floatingStyles.value), isPositioned.value ? {} : { visibility: "hidden" }));
+		const popoverStyle = computed(() => ({ zIndex: `${mergedZIndex.value + 1}` }));
+		const arrowStyle = computed(() => {
+			const arrowData = middlewareData.value.arrow;
+			if (!arrowData || preferredSide.value === "over") return {};
+			const staticSide = {
+				top: "bottom",
+				right: "left",
+				bottom: "top",
+				left: "right"
+			}[floatingPlacement.value.split("-")[0]];
+			return {
+				left: arrowData.x == null ? "" : `${arrowData.x}px`,
+				top: arrowData.y == null ? "" : `${arrowData.y}px`,
+				right: "",
+				bottom: "",
+				[staticSide !== null && staticSide !== void 0 ? staticSide : ""]: "-5px"
+			};
+		});
 		const motionState = {
 			initial: {
 				opacity: 0,
@@ -498,8 +558,8 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			return normalized;
 		}
 		function mergeButtonProps(kind, fallback) {
-			var _mergedConfig$value$b, _resolvedPopover$valu7;
-			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({ size: "small" }, kind === "close" ? { type: "text" } : {}), fallback), (_mergedConfig$value$b = mergedConfig.value.buttonProps) === null || _mergedConfig$value$b === void 0 ? void 0 : _mergedConfig$value$b[kind]), (_resolvedPopover$valu7 = resolvedPopover.value.buttonProps) === null || _resolvedPopover$valu7 === void 0 ? void 0 : _resolvedPopover$valu7[kind]);
+			var _mergedConfig$value$b, _resolvedPopover$valu9;
+			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({ size: "small" }, kind === "close" ? { type: "text" } : {}), fallback), (_mergedConfig$value$b = mergedConfig.value.buttonProps) === null || _mergedConfig$value$b === void 0 ? void 0 : _mergedConfig$value$b[kind]), (_resolvedPopover$valu9 = resolvedPopover.value.buttonProps) === null || _resolvedPopover$valu9 === void 0 ? void 0 : _resolvedPopover$valu9[kind]);
 		}
 		function getActiveHookOptions() {
 			return {
@@ -512,8 +572,8 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			hook === null || hook === void 0 || hook(element, step, getActiveHookOptions());
 		}
 		function invokePopoverRender() {
-			var _resolvedPopover$valu8;
-			const hook = (_resolvedPopover$valu8 = resolvedPopover.value.onPopoverRender) !== null && _resolvedPopover$valu8 !== void 0 ? _resolvedPopover$valu8 : mergedConfig.value.onPopoverRender;
+			var _resolvedPopover$valu10;
+			const hook = (_resolvedPopover$valu10 = resolvedPopover.value.onPopoverRender) !== null && _resolvedPopover$valu10 !== void 0 ? _resolvedPopover$valu10 : mergedConfig.value.onPopoverRender;
 			hook === null || hook === void 0 || hook(popoverDom.value, getActiveHookOptions());
 		}
 		function ensureDummyElement() {
@@ -734,34 +794,34 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			return hook;
 		}
 		function handlePreviousButtonClick() {
-			var _resolvedPopover$valu9;
+			var _resolvedPopover$valu11;
 			if (isButtonDisabled("previous")) return;
-			const hook = resolveHook((_resolvedPopover$valu9 = resolvedPopover.value.onPrevClick) !== null && _resolvedPopover$valu9 !== void 0 ? _resolvedPopover$valu9 : mergedConfig.value.onPrevClick);
+			const hook = resolveHook((_resolvedPopover$valu11 = resolvedPopover.value.onPrevClick) !== null && _resolvedPopover$valu11 !== void 0 ? _resolvedPopover$valu11 : mergedConfig.value.onPrevClick);
 			if (hook) {
-				var _activeElement$value;
-				hook((_activeElement$value = activeElement.value) !== null && _activeElement$value !== void 0 ? _activeElement$value : void 0, activeStep.value, getActiveHookOptions());
+				var _activeElement$value2;
+				hook((_activeElement$value2 = activeElement.value) !== null && _activeElement$value2 !== void 0 ? _activeElement$value2 : void 0, activeStep.value, getActiveHookOptions());
 				return;
 			}
 			movePrevious();
 		}
 		function handleNextButtonClick() {
-			var _resolvedPopover$valu10;
+			var _resolvedPopover$valu12;
 			if (isButtonDisabled("next")) return;
-			const hook = resolveHook((_resolvedPopover$valu10 = resolvedPopover.value.onNextClick) !== null && _resolvedPopover$valu10 !== void 0 ? _resolvedPopover$valu10 : mergedConfig.value.onNextClick);
+			const hook = resolveHook((_resolvedPopover$valu12 = resolvedPopover.value.onNextClick) !== null && _resolvedPopover$valu12 !== void 0 ? _resolvedPopover$valu12 : mergedConfig.value.onNextClick);
 			if (hook) {
-				var _activeElement$value2;
-				hook((_activeElement$value2 = activeElement.value) !== null && _activeElement$value2 !== void 0 ? _activeElement$value2 : void 0, activeStep.value, getActiveHookOptions());
+				var _activeElement$value3;
+				hook((_activeElement$value3 = activeElement.value) !== null && _activeElement$value3 !== void 0 ? _activeElement$value3 : void 0, activeStep.value, getActiveHookOptions());
 				return;
 			}
 			moveNext();
 		}
 		function handleCloseButtonClick() {
-			var _resolvedPopover$valu11;
+			var _resolvedPopover$valu13;
 			if (isButtonDisabled("close")) return;
-			const hook = resolveHook((_resolvedPopover$valu11 = resolvedPopover.value.onCloseClick) !== null && _resolvedPopover$valu11 !== void 0 ? _resolvedPopover$valu11 : mergedConfig.value.onCloseClick);
+			const hook = resolveHook((_resolvedPopover$valu13 = resolvedPopover.value.onCloseClick) !== null && _resolvedPopover$valu13 !== void 0 ? _resolvedPopover$valu13 : mergedConfig.value.onCloseClick);
 			if (hook) {
-				var _activeElement$value3;
-				hook((_activeElement$value3 = activeElement.value) !== null && _activeElement$value3 !== void 0 ? _activeElement$value3 : void 0, activeStep.value, getActiveHookOptions());
+				var _activeElement$value4;
+				hook((_activeElement$value4 = activeElement.value) !== null && _activeElement$value4 !== void 0 ? _activeElement$value4 : void 0, activeStep.value, getActiveHookOptions());
 				return;
 			}
 			closeTour();
@@ -777,8 +837,8 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				return;
 			}
 			if (typeof behavior === "function") {
-				var _activeElement$value4;
-				behavior((_activeElement$value4 = activeElement.value) !== null && _activeElement$value4 !== void 0 ? _activeElement$value4 : void 0, activeStep.value, getActiveHookOptions());
+				var _activeElement$value5;
+				behavior((_activeElement$value5 = activeElement.value) !== null && _activeElement$value5 !== void 0 ? _activeElement$value5 : void 0, activeStep.value, getActiveHookOptions());
 			}
 		}
 		function syncTourActivityClasses(active) {
@@ -788,11 +848,11 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			document.body.classList.toggle(staticBodyClass, active && mergedConfig.value.animate === false);
 		}
 		function handleDocumentClick(event) {
-			var _activeElement$value5, _popoverElement$value;
+			var _activeElement$value6, _popoverElement$value;
 			if (!isActive.value) return;
 			const target = event.target;
 			if (!(target instanceof Node)) return;
-			if (((_activeElement$value5 = activeElement.value) === null || _activeElement$value5 === void 0 ? void 0 : _activeElement$value5.contains(target)) || ((_popoverElement$value = popoverElement.value) === null || _popoverElement$value === void 0 ? void 0 : _popoverElement$value.contains(target))) return;
+			if (((_activeElement$value6 = activeElement.value) === null || _activeElement$value6 === void 0 ? void 0 : _activeElement$value6.contains(target)) || ((_popoverElement$value = popoverElement.value) === null || _popoverElement$value === void 0 ? void 0 : _popoverElement$value.contains(target))) return;
 			event.preventDefault();
 			event.stopPropagation();
 			event.stopImmediatePropagation();
@@ -811,34 +871,26 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			if (event.key === "ArrowLeft") handlePreviousButtonClick();
 		}
 		function placePopover() {
-			var _mergedConfig$value$s4, _mergedConfig$value$p, _resolvedPopover$valu12, _resolvedPopover$valu13;
-			if (!activeRect.value || !popoverElement.value || !activeElement.value) return;
-			const rect = activeRect.value;
-			const popover = popoverElement.value.getBoundingClientRect();
-			const arrowSize = 10;
-			const padding = (_mergedConfig$value$s4 = mergedConfig.value.stagePadding) !== null && _mergedConfig$value$s4 !== void 0 ? _mergedConfig$value$s4 : 0;
-			const offset = (_mergedConfig$value$p = mergedConfig.value.popoverOffset) !== null && _mergedConfig$value$p !== void 0 ? _mergedConfig$value$p : 10;
-			const preferredSide = activeElement.value.id === dummyElementId ? "over" : (_resolvedPopover$valu12 = resolvedPopover.value.side) !== null && _resolvedPopover$valu12 !== void 0 ? _resolvedPopover$valu12 : "bottom";
-			const preferredAlign = (_resolvedPopover$valu13 = resolvedPopover.value.align) !== null && _resolvedPopover$valu13 !== void 0 ? _resolvedPopover$valu13 : "start";
-			const positions = calculatePopoverPosition({
-				rect,
-				popover,
-				size: viewport.value,
-				side: preferredSide,
-				align: preferredAlign,
-				offset,
-				padding,
-				arrowSize
+			return _placePopover.apply(this, arguments);
+		}
+		function _placePopover() {
+			_placePopover = _asyncToGenerator(function* () {
+				if (!activeRect.value || !popoverElement.value || !activeElement.value) return;
+				yield updateFloatingPosition();
+				if (preferredSide.value === "over") {
+					popoverPlacement.value = {
+						side: "over",
+						align: "center"
+					};
+					return;
+				}
+				const [side, align] = floatingPlacement.value.split("-");
+				popoverPlacement.value = {
+					side,
+					align: align !== null && align !== void 0 ? align : "center"
+				};
 			});
-			popoverPlacement.value = positions.placement;
-			popoverShellStyle.value = {
-				left: positions.style.left,
-				top: positions.style.top,
-				right: positions.style.right,
-				bottom: positions.style.bottom,
-				zIndex: `${mergedZIndex.value + 1}`
-			};
-			popoverStyle.value = { zIndex: `${mergedZIndex.value + 1}` };
+			return _placePopover.apply(this, arguments);
 		}
 		useResizeObserver(activeElement, () => {
 			if (!mounted.value || !activeElement.value) return;
@@ -899,98 +951,6 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			const vertical = height - radius * 2;
 			return `M${size.width},0L0,0L0,${size.height}L${size.width},${size.height}L${size.width},0Z M${x},${y} h${horizontal} a${radius},${radius} 0 0 1 ${radius},${radius} v${vertical} a${radius},${radius} 0 0 1 -${radius},${radius} h-${horizontal} a${radius},${radius} 0 0 1 -${radius},-${radius} v-${vertical} a${radius},${radius} 0 0 1 ${radius},-${radius} z`;
 		}
-		function calculateAxisPosition(align, rectStart, rectSize, popoverSize, viewportSize, arrowSize) {
-			if (align === "center") return Math.max(Math.min(rectStart + rectSize / 2 - popoverSize / 2, viewportSize - popoverSize - arrowSize), arrowSize);
-			if (align === "end") return Math.max(Math.min(rectStart + rectSize - popoverSize, viewportSize - popoverSize - arrowSize), arrowSize);
-			return Math.max(Math.min(rectStart, viewportSize - popoverSize - arrowSize), arrowSize);
-		}
-		function calculatePopoverPosition(options) {
-			const { rect, popover, size, side, align, offset, padding, arrowSize } = options;
-			const topSpace = rect.top - (popover.height + offset + padding);
-			const bottomSpace = size.height - (rect.bottom + popover.height + offset + padding);
-			const leftSpace = rect.left - (popover.width + offset + padding);
-			const rightSpace = size.width - (rect.right + popover.width + offset + padding);
-			const style = {
-				left: "auto",
-				top: "auto",
-				right: "auto",
-				bottom: "auto"
-			};
-			const placement = {
-				side: side !== null && side !== void 0 ? side : "bottom",
-				align: align !== null && align !== void 0 ? align : "start"
-			};
-			const applyTop = () => {
-				style.top = `${Math.max(topSpace, arrowSize)}px`;
-				style.left = `${calculateAxisPosition(align, rect.left, rect.width, popover.width, size.width, arrowSize)}px`;
-				placement.side = "top";
-			};
-			const applyBottom = () => {
-				style.top = `${Math.min(rect.bottom + offset, size.height - popover.height - arrowSize)}px`;
-				style.left = `${calculateAxisPosition(align, rect.left, rect.width, popover.width, size.width, arrowSize)}px`;
-				placement.side = "bottom";
-			};
-			const applyLeft = () => {
-				style.left = `${Math.max(leftSpace, arrowSize)}px`;
-				style.top = `${calculateAxisPosition(align, rect.top, rect.height, popover.height, size.height, arrowSize)}px`;
-				placement.side = "left";
-			};
-			const applyRight = () => {
-				style.left = `${Math.min(rect.right + offset, size.width - popover.width - arrowSize)}px`;
-				style.top = `${calculateAxisPosition(align, rect.top, rect.height, popover.height, size.height, arrowSize)}px`;
-				placement.side = "right";
-			};
-			const applyCenter = () => {
-				style.left = `${Math.max((size.width - popover.width) / 2, arrowSize)}px`;
-				style.top = `${Math.max((size.height - popover.height) / 2, arrowSize)}px`;
-				placement.side = "over";
-				placement.align = "center";
-			};
-			if (side === "over") {
-				applyCenter();
-				return {
-					style,
-					placement
-				};
-			}
-			if (side === "top" && topSpace >= 0) {
-				applyTop();
-				return {
-					style,
-					placement
-				};
-			}
-			if (side === "bottom" && bottomSpace >= 0) {
-				applyBottom();
-				return {
-					style,
-					placement
-				};
-			}
-			if (side === "left" && leftSpace >= 0) {
-				applyLeft();
-				return {
-					style,
-					placement
-				};
-			}
-			if (side === "right" && rightSpace >= 0) {
-				applyRight();
-				return {
-					style,
-					placement
-				};
-			}
-			if (bottomSpace >= 0) applyBottom();
-			else if (topSpace >= 0) applyTop();
-			else if (rightSpace >= 0) applyRight();
-			else if (leftSpace >= 0) applyLeft();
-			else applyCenter();
-			return {
-				style,
-				placement
-			};
-		}
 		onMounted(() => {
 			mounted.value = true;
 			syncTourActivityClasses(isActive.value);
@@ -1073,6 +1033,8 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd"
 			}, null, 8, _hoisted_2)], 14, _hoisted_1)), createElementVNode("dialog", {
+				ref_key: "popoverShellRef",
+				ref: popoverShellRef,
 				open: "",
 				class: normalizeClass(popoverShellClass),
 				style: normalizeStyle(popoverShellStyle.value),
@@ -1109,8 +1071,9 @@ var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					createElementVNode("div", {
 						ref_key: "arrowRef",
 						ref: arrowRef,
-						class: normalizeClass([`${unref(prefixCls)}-popover-arrow`, arrowClasses.value])
-					}, null, 2),
+						class: normalizeClass([`${unref(prefixCls)}-popover-arrow`, arrowClasses.value]),
+						style: normalizeStyle(arrowStyle.value)
+					}, null, 6),
 					createElementVNode("div", mergeProps({ class: `${unref(prefixCls)}-content` }, resolvedPopover.value.contentProps, { style: resolvedPopover.value.contentStyle }), [hasTitle.value ? (openBlock(), createElementBlock("header", mergeProps({
 						key: 0,
 						id: popoverTitleId,

package/es/tour/types.d.ts

@@ -1,4 +1,5 @@
 import type { HTMLAttributes } from 'vue';
+import type { FloatingOptions } from '../_utils/floating';
 import type { ButtonProps } from '../button/interface';
 export type TourAllowedButton = 'next' | 'previous' | 'close';
 export type TourSide = 'left' | 'right' | 'top' | 'bottom' | 'over';
@@ -48,6 +49,7 @@ export type TourPopover = {
     titleProps?: HTMLAttributes;
     descriptionProps?: HTMLAttributes;
     footerProps?: HTMLAttributes;
+    floatingOptions?: FloatingOptions;
 };
 export type TourStep = {
     element?: string | Element | (() => Element | null | undefined) | null;
@@ -79,6 +81,7 @@ export type TourConfig = {
     stagePadding?: number;
     stageRadius?: number;
     popoverOffset?: number;
+    floatingOptions?: FloatingOptions;
     showButtons?: TourAllowedButton[];
     disableButtons?: TourAllowedButton[];
     prevBtnText?: string;

package/es/transfer/index.d.ts

@@ -66,9 +66,9 @@ declare const Transfer: {
         "update:modelValue": (_value: string[]) => any;
         "update:selected": (_selected: string[]) => any;
     }, import("vue").PublicProps, {
+        disabled: boolean;
         data: import("./interface").TransferItem[];
         title: string[];
-        disabled: boolean;
         defaultValue: string[];
         modelValue: string[];
         simple: boolean;
@@ -142,9 +142,9 @@ declare const Transfer: {
         "onUpdate:modelValue"?: ((_value: string[]) => any) | undefined;
         "onUpdate:selected"?: ((_selected: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        disabled: boolean;
         data: import("./interface").TransferItem[];
         title: string[];
-        disabled: boolean;
         defaultValue: string[];
         modelValue: string[];
         simple: boolean;
@@ -221,9 +221,9 @@ declare const Transfer: {
     "update:modelValue": (_value: string[]) => any;
     "update:selected": (_selected: string[]) => any;
 }, string, {
+    disabled: boolean;
     data: import("./interface").TransferItem[];
     title: string[];
-    disabled: boolean;
     defaultValue: string[];
     modelValue: string[];
     simple: boolean;

package/es/transfer/transfer-view.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 icon_hover_default from "../_components/icon-hover.js";
 import Input from "../input/index.js";

package/es/transfer/transfer.vue.d.ts

@@ -153,9 +153,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((_value: string[]) => any) | undefined;
     "onUpdate:selected"?: ((_selected: string[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     data: TransferItem[];
     title: string[];
-    disabled: boolean;
     defaultValue: string[];
     modelValue: string[];
     simple: boolean;

package/es/transfer/transfer.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 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 { useI18n } from "../locale/index.js";
 import Button from "../button/index.js";
@@ -257,7 +257,8 @@ var transfer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
 		};
 		const handleClick = (target) => {
-			moveTo(target === "target" ? dataInfo.value.sourceInfo.validSelected : dataInfo.value.targetInfo.validSelected, target);
+			const values = target === "target" ? dataInfo.value.sourceInfo.validSelected : dataInfo.value.targetInfo.validSelected;
+			moveTo(values, target);
 		};
 		const handleSelect = (values) => {
 			_selected.value = values;

package/es/tree/base-node.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 { isFunction } from "../_utils/is.js";
 import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
@@ -9,7 +9,7 @@ import useTreeContext from "./hooks/use-tree-context.js";
 import useDraggable$1 from "./hooks/use-draggable.js";
 import useNodeKey from "./hooks/use-node-key.js";
 import node_switcher_default from "./node-switcher.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useSlots, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useSlots, withCtx } from "vue";
 import { onLongPress, useSwipe } from "@vueuse/core";
 //#region components/tree/base-node.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -337,13 +337,10 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				}, [_ctx.$slots.icon || __props.icon || treeNodeIcon.value ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass([`${unref(prefixCls)}-icon`, `${unref(prefixCls)}-custom-icon`])
-				}, [_ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", normalizeProps(mergeProps({ key: 0 }, nodeStatus))) : __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeNodeIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeNodeIcon.value), mergeProps({
+				}, [_ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(nodeStatus)), void 0, void 0, 0) : __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeNodeIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeNodeIcon.value), mergeProps({
 					key: 2,
 					node: treeNodeData.value
-				}, nodeStatus), null, 16, ["node"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(titleTextClassNames.value) }, [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", {
-					key: 1,
-					title: __props.title
-				}, () => [createTextVNode(toDisplayString(__props.title), 1)]) : shouldRenderEllipsis.value ? (openBlock(), createBlock(resolveDynamicComponent(ellipsisComponent.value), {
+				}, nodeStatus), null, 16, ["node"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(titleTextClassNames.value) }, [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { title: __props.title }, () => [createTextVNode(toDisplayString(__props.title), 1)], void 0, 1) : shouldRenderEllipsis.value ? (openBlock(), createBlock(resolveDynamicComponent(ellipsisComponent.value), {
 					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-title-ellipsis`)
 				}, {
@@ -352,7 +349,7 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				}, 8, ["class"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(__props.title), 1)], 64)), unref(draggable) ? (openBlock(), createElementBlock("span", {
 					key: 4,
 					class: normalizeClass([`${unref(prefixCls)}-icon`, `${unref(prefixCls)}-drag-icon`])
-				}, [_ctx.$slots["drag-icon"] ? renderSlot(_ctx.$slots, "drag-icon", normalizeProps(mergeProps({ key: 0 }, nodeStatus))) : __props.dragIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dragIcon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeDragIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeDragIcon.value), mergeProps({
+				}, [_ctx.$slots["drag-icon"] ? renderSlot(_ctx.$slots, "drag-icon", normalizeProps(guardReactiveProps(nodeStatus)), void 0, void 0, 0) : __props.dragIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dragIcon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeDragIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeDragIcon.value), mergeProps({
 					key: 2,
 					node: treeNodeData.value
 				}, nodeStatus), null, 16, ["node"])) : (openBlock(), createBlock(unref(IconDragDotVertical), { key: 3 }))], 2)) : createCommentVNode("", true)], 2)], 42, _hoisted_2),

package/es/tree/expand-transition.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 { Transition, createBlock, defineComponent, openBlock, renderSlot, withCtx } from "vue";
 //#region components/tree/expand-transition.vue?vue&type=script&setup=true&lang.ts
 var expand_transition_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ExpandTransition" }), {}, {