@sdata/web-vue 3.16.1 → 3.18.0

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/transfer-view.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-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";
-import Scrollbar from "../scrollbar/index.js";
 import empty_default from "../empty/empty.js";
+import Scrollbar from "../scrollbar/index.js";
 import Checkbox from "../checkbox/index.js";
 import { transferInjectionKey } from "./context.js";
 import IconDelete from "../icon/icon-delete/index.js";

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" }), {}, {

package/es/tree/node.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 useNodeKey from "./hooks/use-node-key.js";
 import base_node_default from "./base-node.js";
 import transition_node_list_default from "./transition-node-list.js";

package/es/tree/transition-node-list.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 useTreeContext from "./hooks/use-tree-context.js";
 import base_node_default from "./base-node.js";

package/es/tree/tree.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
-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 { isArray, isFunction, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.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 virtual_list_default from "../_components/virtual-list/index.js";
 import usePickSlots from "../_hooks/use-pick-slots.js";
 import useMergeState from "../_hooks/use-merge-state.js";
@@ -798,7 +798,7 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					const node = key2TreeNode.value.get(key);
 					if (!node) return;
 					const { treeNodeData } = node;
-					loadingKeys.value = [...new Set([...loadingKeys.value, key])];
+					loadingKeys.value = [.../* @__PURE__ */ new Set([...loadingKeys.value, key])];
 					try {
 						yield loadMore.value(treeNodeData);
 						loadingKeys.value = loadingKeys.value.filter((v) => v !== key);

package/es/tree/utils/tree-data.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 { isFunction, isUndefined } from "../../_utils/is.js";
 import { omit } from "../../_utils/omit.js";
 //#region components/tree/utils/tree-data.ts

package/es/tree-select/hooks/use-selected-state.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 { isArray, isFunction, isObject } from "../../_utils/is.js";
 import { computed, ref, toRefs, watch, watchEffect } from "vue";
 //#region components/tree-select/hooks/use-selected-state.ts

package/es/tree-select/panel.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 { useScrollbar } from "../_hooks/use-scrollbar.js";
 import Scrollbar from "../scrollbar/index.js";

package/es/tree-select/tree-select.vue.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties, PropType } from 'vue';
+import type { FloatingOptions } from '../_utils/floating';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
 import { ScrollbarProps } from '../scrollbar';
@@ -124,6 +125,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
     virtualScroll: {
         type: BooleanConstructor;
         default: undefined;
@@ -301,6 +305,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
     virtualScroll: {
         type: BooleanConstructor;
         default: undefined;