antdv-next 1.0.0-beta.3 → 1.0.0-rc.1

package/dist/timeline/style/horizontal.mjs

@@ -0,0 +1,73 @@
+import { genCssVar } from "../../theme/util/genStyleUtils.mjs";
+import { unit } from "@antdv-next/cssinjs";
+
+//#region src/timeline/style/horizontal.ts
+const genHorizontalStyle = (token) => {
+	const { componentCls, fontHeight, antCls, paddingXS } = token;
+	const [stepsVarName, stepsVarRef] = genCssVar(antCls, "cmp-steps");
+	const [timelineVarName, timelineVarRef] = genCssVar(antCls, "timeline");
+	const itemCls = `${componentCls}-item`;
+	return { [`${componentCls}-horizontal`]: {
+		[stepsVarName("title-vertical-row-gap")]: paddingXS,
+		[timelineVarName("content-height")]: unit(fontHeight),
+		alignItems: "stretch",
+		[`&${componentCls}-layout-alternate`]: { [itemCls]: {
+			[`${itemCls}-wrapper`]: {
+				[timelineVarName("alternate-content-offset")]: `calc(${timelineVarRef("content-height")} + ${stepsVarRef("title-vertical-row-gap")} * 2 + ${stepsVarRef("icon-size-max")})`,
+				height: `calc(${timelineVarRef("content-height")} * 2 + ${stepsVarRef("title-vertical-row-gap")} * 2 + ${stepsVarRef("icon-size-max")})`
+			},
+			[`${itemCls}-icon`]: { position: "absolute" },
+			[`${itemCls}-icon, ${itemCls}-rail`]: {
+				position: "absolute",
+				top: "50%",
+				transform: "translateY(-50%)",
+				margin: 0
+			},
+			[`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: {
+				whiteSpace: "nowrap",
+				maxWidth: "unset"
+			},
+			[`${itemCls}-title`]: {
+				position: "absolute",
+				left: {
+					_skip_check_: true,
+					value: "50%"
+				},
+				transform: "translateX(-50%)"
+			},
+			[`${itemCls}-content`]: {
+				position: "absolute",
+				left: {
+					_skip_check_: true,
+					value: "50%"
+				},
+				transform: "translateX(-50%)"
+			},
+			"&-placement-start": {
+				[`${itemCls}-title`]: { bottom: timelineVarRef("alternate-content-offset") },
+				[`${itemCls}-content`]: { top: timelineVarRef("alternate-content-offset") }
+			},
+			"&-placement-end": {
+				[`${itemCls}-title`]: { top: timelineVarRef("alternate-content-offset") },
+				[`${itemCls}-content`]: { bottom: timelineVarRef("alternate-content-offset") }
+			}
+		} },
+		[`&:not(${componentCls}-layout-alternate)`]: { [`${itemCls}-placement-end`]: {
+			display: "flex",
+			alignItems: "flex-end",
+			[`${itemCls}-wrapper`]: {
+				flex: "auto",
+				flexDirection: "column-reverse"
+			},
+			[`${itemCls}-rail`]: {
+				top: "auto",
+				bottom: stepsVarRef("horizontal-rail-margin"),
+				transform: "translateY(50%)"
+			}
+		} }
+	} };
+};
+var horizontal_default = genHorizontalStyle;
+
+//#endregion
+export { horizontal_default as default };

package/dist/timeline/style/index.d.mts

@@ -7,27 +7,32 @@ interface ComponentToken {
    * @desc 轨迹颜色
    * @descEN Line color
    */
-  tailColor: string;
+  tailColor?: string;
   /**
    * @desc 轨迹宽度
    * @descEN Line width
    */
-  tailWidth: number | string;
+  tailWidth?: number | string;
   /**
    * @desc 节点边框宽度
    * @descEN Border width of node
    */
-  dotBorderWidth: number | string;
+  dotBorderWidth?: number | string;
+  /**
+   * @desc 节点大小
+   * @descEN Node size
+   */
+  dotSize?: number | string;
   /**
    * @desc 节点背景色
    * @descEN Background color of node
    */
-  dotBg: string;
+  dotBg?: string;
   /**
    * @desc 时间项下间距
    * @descEN Bottom padding of item
    */
-  itemPaddingBottom: number;
+  itemPaddingBottom?: number;
 }
 //#endregion
 export { ComponentToken };

package/dist/timeline/style/index.mjs

@@ -1,164 +1,120 @@
 import { resetComponent } from "../../style/index.mjs";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.mjs";
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.mjs";
 import { mergeToken } from "../../theme/internal.mjs";
-import { unit } from "@antdv-next/cssinjs";
+import horizontal_default from "./horizontal.mjs";
 
 //#region src/timeline/style/index.ts
 const genTimelineStyle = (token) => {
-	const { componentCls, calc } = token;
-	return { [componentCls]: {
+	const { componentCls, tailColor, fontHeight, dotSize, dotBg, dotBorderWidth, fontSize, lineHeight, colorText, tailWidth, colorPrimary, colorError, colorSuccess, colorTextDisabled, antCls } = token;
+	const itemCls = `${componentCls}-item`;
+	const [varName, varRef] = genCssVar(antCls, "cmp-steps");
+	return { [componentCls]: [{
 		...resetComponent(token),
-		"margin": 0,
-		"padding": 0,
-		"listStyle": "none",
-		[`${componentCls}-item`]: {
-			"position": "relative",
-			"margin": 0,
-			"paddingBottom": token.itemPaddingBottom,
-			"fontSize": token.fontSize,
-			"listStyle": "none",
-			"&-tail": {
-				position: "absolute",
-				insetBlockStart: token.itemHeadSize,
-				insetInlineStart: calc(calc(token.itemHeadSize).sub(token.tailWidth)).div(2).equal(),
-				height: `calc(100% - ${unit(token.itemHeadSize)})`,
-				borderInlineStart: `${unit(token.tailWidth)} ${token.lineType} ${token.tailColor}`
-			},
-			"&-pending": {
-				[`${componentCls}-item-head`]: {
-					fontSize: token.fontSizeSM,
-					backgroundColor: "transparent"
-				},
-				[`${componentCls}-item-tail`]: { display: "none" }
+		[itemCls]: {
+			[varName("title-horizontal-title-height")]: fontHeight,
+			[varName("vertical-rail-margin")]: "0px",
+			[varName("title-horizontal-rail-gap")]: "0px",
+			[varName("icon-dot-size-origin")]: varRef("icon-size-active"),
+			[varName("icon-dot-size-custom")]: dotSize,
+			[varName("item-icon-dot-bg-color-origin")]: varRef("item-icon-dot-bg-color"),
+			[varName("item-icon-dot-bg-color-custom")]: dotBg,
+			[varName("icon-size")]: varRef("icon-dot-size-custom", varRef("icon-dot-size-origin")),
+			[`${itemCls}-icon`]: {
+				[varName("dot-icon-border-width")]: dotBorderWidth,
+				[varName("dot-icon-size")]: varRef("icon-size"),
+				[varName("item-icon-dot-bg-color")]: varRef("item-icon-dot-bg-color-custom", varRef("item-icon-dot-bg-color-origin"))
 			},
-			"&-head": {
-				"position": "absolute",
-				"width": token.itemHeadSize,
-				"height": token.itemHeadSize,
-				"backgroundColor": token.dotBg,
-				"border": `${unit(token.dotBorderWidth)} ${token.lineType} transparent`,
-				"borderRadius": "50%",
-				"&-blue": {
-					color: token.colorPrimary,
-					borderColor: token.colorPrimary
-				},
-				"&-red": {
-					color: token.colorError,
-					borderColor: token.colorError
-				},
-				"&-green": {
-					color: token.colorSuccess,
-					borderColor: token.colorSuccess
-				},
-				"&-gray": {
-					color: token.colorTextDisabled,
-					borderColor: token.colorTextDisabled
-				}
+			[`${itemCls}-title`]: {
+				fontSize,
+				lineHeight
 			},
-			"&-head-custom": {
+			[`${itemCls}-content`]: { color: colorText },
+			[`${itemCls}-rail`]: {
+				[varName("item-solid-line-color")]: tailColor,
+				[varName("rail-size")]: tailWidth
+			}
+		}
+	}, {
+		[itemCls]: { [varName("item-process-rail-line-style")]: "dotted" },
+		[`${itemCls}${itemCls}${itemCls}-color`]: {
+			"&-blue": { [varName("item-icon-dot-color")]: colorPrimary },
+			"&-red": { [varName("item-icon-dot-color")]: colorError },
+			"&-green": { [varName("item-icon-dot-color")]: colorSuccess },
+			"&-gray": { [varName("item-icon-dot-color")]: colorTextDisabled }
+		}
+	}] };
+};
+const genVerticalStyle = (token) => {
+	const { calc, componentCls, itemPaddingBottom, margin, antCls } = token;
+	const itemCls = `${componentCls}-item`;
+	const [, stepsVarRef] = genCssVar(antCls, "cmp-steps");
+	const [timelineVarName, timelineVarRef] = genCssVar(antCls, "timeline");
+	return { [`${componentCls}:not(${componentCls}-horizontal)`]: {
+		[timelineVarName("head-span")]: "12",
+		[timelineVarName("head-span-ptg")]: `calc(${timelineVarRef("head-span")} / 24 * 100%)`,
+		[`&${componentCls}-layout-alternate`]: { [itemCls]: {
+			[timelineVarName("alternate-gap")]: calc(margin).mul(2).add(stepsVarRef("dot-icon-size")).equal(),
+			"minHeight": "auto",
+			"paddingBottom": itemPaddingBottom,
+			[`${itemCls}-icon, ${itemCls}-rail`]: {
 				position: "absolute",
-				insetBlockStart: calc(token.itemHeadSize).div(2).equal(),
-				insetInlineStart: calc(token.itemHeadSize).div(2).equal(),
-				width: "auto",
-				height: "auto",
-				marginBlockStart: 0,
-				paddingBlock: token.customHeadPaddingVertical,
-				lineHeight: 1,
-				textAlign: "center",
-				border: 0,
-				borderRadius: 0,
-				transform: "translate(-50%, -50%)"
+				insetInlineStart: timelineVarRef("head-span-ptg")
 			},
-			"&-content": {
-				position: "relative",
-				insetBlockStart: calc(calc(token.fontSize).mul(token.lineHeight).sub(token.fontSize)).mul(-1).add(token.lineWidth).equal(),
-				marginInlineStart: calc(token.margin).add(token.itemHeadSize).equal(),
-				marginInlineEnd: 0,
-				marginBlockStart: 0,
-				marginBlockEnd: 0,
-				wordBreak: "break-word"
+			[`${itemCls}-icon`]: { marginInlineStart: `calc(${stepsVarRef("icon-size")} / -2)` },
+			[`${itemCls}-section`]: {
+				display: "flex",
+				flexWrap: "nowrap",
+				gap: timelineVarRef("alternate-gap")
 			},
-			"&-last": {
-				[`> ${componentCls}-item-tail`]: { display: "none" },
-				[`> ${componentCls}-item-content`]: { minHeight: calc(token.controlHeightLG).mul(1.2).equal() }
-			}
-		},
-		[`&${componentCls}-alternate,
-        &${componentCls}-right,
-        &${componentCls}-label`]: { [`${componentCls}-item`]: {
-			"&-tail, &-head, &-head-custom": { insetInlineStart: "50%" },
-			"&-head": {
-				"marginInlineStart": calc(token.marginXXS).mul(-1).equal(),
-				"&-custom": { marginInlineStart: calc(token.tailWidth).div(2).equal() }
+			[`${itemCls}-header`]: {
+				textAlign: "end",
+				flexDirection: "column",
+				alignItems: "stretch",
+				flex: `1 1 calc(${timelineVarRef("head-span-ptg")} - ${timelineVarRef("alternate-gap")} / 2)`
 			},
-			"&-left": { [`${componentCls}-item-content`]: {
-				insetInlineStart: `calc(50% - ${unit(token.marginXXS)})`,
-				width: `calc(50% - ${unit(token.marginSM)})`,
-				textAlign: "start"
-			} },
-			"&-right": { [`${componentCls}-item-content`]: {
-				width: `calc(50% - ${unit(token.marginSM)})`,
-				margin: 0,
-				textAlign: "end"
-			} }
-		} },
-		[`&${componentCls}-right`]: { [`${componentCls}-item-right`]: {
-			[`${componentCls}-item-tail,
-            ${componentCls}-item-head,
-            ${componentCls}-item-head-custom`]: { insetInlineStart: `calc(100% - ${unit(calc(calc(token.itemHeadSize).add(token.tailWidth)).div(2).equal())})` },
-			[`${componentCls}-item-content`]: { width: `calc(100% - ${unit(calc(token.itemHeadSize).add(token.marginXS).equal())})` }
-		} },
-		[`&${componentCls}-pending
-        ${componentCls}-item-last
-        ${componentCls}-item-tail`]: {
-			display: "block",
-			height: `calc(100% - ${unit(token.margin)})`,
-			borderInlineStart: `${unit(token.tailWidth)} dotted ${token.tailColor}`
-		},
-		[`&${componentCls}-reverse
-        ${componentCls}-item-last
-        ${componentCls}-item-tail`]: { display: "none" },
-		[`&${componentCls}-reverse ${componentCls}-item-pending`]: {
-			[`${componentCls}-item-tail`]: {
-				insetBlockStart: token.margin,
-				display: "block",
-				height: `calc(100% - ${unit(token.margin)})`,
-				borderInlineStart: `${unit(token.tailWidth)} dotted ${token.tailColor}`
-			},
-			[`${componentCls}-item-content`]: { minHeight: calc(token.controlHeightLG).mul(1.2).equal() }
-		},
-		[`&${componentCls}-label`]: {
-			[`${componentCls}-item-label`]: {
-				position: "absolute",
-				insetBlockStart: calc(calc(token.fontSize).mul(token.lineHeight).sub(token.fontSize)).mul(-1).add(token.tailWidth).equal(),
-				width: `calc(50% - ${unit(token.marginSM)})`,
-				textAlign: "end"
+			[`${itemCls}-content`]: {
+				textAlign: "start",
+				flex: `1 1 calc(100% - ${timelineVarRef("head-span-ptg")} - ${timelineVarRef("alternate-gap")} / 2)`
 			},
-			[`${componentCls}-item-right`]: { [`${componentCls}-item-label`]: {
-				insetInlineStart: `calc(50% + ${unit(token.marginSM)})`,
-				width: `calc(50% - ${unit(token.marginSM)})`,
-				textAlign: "start"
-			} }
-		},
-		"&-rtl": {
-			direction: "rtl",
-			[`${componentCls}-item-head-custom`]: { transform: `translate(50%, -50%)` }
-		}
+			"&-placement-end": {
+				[`${itemCls}-header`]: {
+					textAlign: "start",
+					order: 1
+				},
+				[`${itemCls}-content`]: { textAlign: "end" },
+				[`${itemCls}-icon, ${itemCls}-rail`]: { insetInlineStart: `calc(100% - ${timelineVarRef("head-span-ptg")})` }
+			}
+		} },
+		[`&:not(${componentCls}-layout-alternate)`]: { [`${itemCls}-placement-end`]: {
+			textAlign: "end",
+			[`${itemCls}-icon`]: { order: 1 },
+			[`${itemCls}-rail`]: {
+				insetInlineStart: "auto",
+				insetInlineEnd: `calc(${stepsVarRef("icon-size")} / 2)`,
+				marginInlineEnd: `calc(${stepsVarRef("rail-size")} / -2)`
+			}
+		} }
 	} };
 };
 const prepareComponentToken = (token) => ({
 	tailColor: token.colorSplit,
 	tailWidth: token.lineWidthBold,
-	dotBorderWidth: token.wireframe ? token.lineWidthBold : token.lineWidth * 3,
-	dotBg: token.colorBgContainer,
+	dotBorderWidth: token.lineWidthBold,
+	dotBg: void 0,
+	dotSize: void 0,
 	itemPaddingBottom: token.padding * 1.25
 });
 var style_default = genStyleHooks("Timeline", (token) => {
-	return genTimelineStyle(mergeToken(token, {
+	const timeLineToken = mergeToken(token, {
 		itemHeadSize: 10,
 		customHeadPaddingVertical: token.paddingXXS,
 		paddingInlineEnd: 2
-	}));
+	});
+	return [
+		genTimelineStyle(timeLineToken),
+		genVerticalStyle(timeLineToken),
+		horizontal_default(timeLineToken)
+	];
 }, prepareComponentToken);
 
 //#endregion

package/dist/timeline/useItems.mjs

@@ -0,0 +1,52 @@
+import { genCssVar } from "../theme/util/genStyleUtils.mjs";
+import { computed, createVNode } from "vue";
+import { classNames } from "@v-c/util";
+import { LoadingOutlined } from "@antdv-next/icons";
+
+//#region src/timeline/useItems.tsx
+function useItems(rootPrefixCls, prefixCls, mode, items, pending, pendingDot) {
+	return computed(() => {
+		const itemCls = `${prefixCls.value}-item`;
+		const [varName] = genCssVar(rootPrefixCls.value, "cmp-steps");
+		const mergedItems = computed(() => {
+			return items && Array.isArray(items.value) ? items.value : [];
+		}).value.map((item, index) => {
+			const { label, children, title, content, color, classes, style, icon, dot, placement, position, loading, ...restProps } = item;
+			let mergedStyle = style;
+			let mergedClassName = classes;
+			if (color) if ([
+				"blue",
+				"red",
+				"green",
+				"gray"
+			].includes(color)) mergedClassName = classNames(classes, `${itemCls}-color-${color}`);
+			else mergedStyle = {
+				[varName("item-icon-dot-color")]: color,
+				...style
+			};
+			const mergedPlacement = placement ?? position ?? (mode.value === "alternate" ? index % 2 === 0 ? "start" : "end" : mode.value);
+			mergedClassName = classNames(mergedClassName, `${itemCls}-placement-${mergedPlacement}`);
+			let mergedIcon = icon ?? dot;
+			if (!mergedIcon && loading) mergedIcon = createVNode(LoadingOutlined, null, null);
+			return {
+				...restProps,
+				title: title ?? label,
+				content: content ?? children,
+				style: mergedStyle,
+				class: mergedClassName,
+				icon: mergedIcon,
+				status: loading ? "process" : "finish"
+			};
+		});
+		if (pending?.value) mergedItems.push({
+			icon: pendingDot?.value ?? createVNode(LoadingOutlined, null, null),
+			content: pending.value,
+			status: "process"
+		});
+		return mergedItems;
+	});
+}
+var useItems_default = useItems;
+
+//#endregion
+export { useItems_default as default };

package/dist/tooltip/PurePanel.d.mts

@@ -1,9 +1,9 @@
 import { TooltipProps } from "./index.mjs";
-import * as vue238 from "vue";
+import * as vue360 from "vue";
 
 //#region src/tooltip/PurePanel.d.ts
 interface PurePanelProps extends TooltipProps {}
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue238.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue238.PublicProps>;
+declare const PurePanel: vue360.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue360.PublicProps>;
 //#endregion
 export { PurePanel };

package/dist/tooltip/UniqueProvider/index.d.mts

@@ -1,6 +1,6 @@
-import * as vue236 from "vue";
+import * as vue362 from "vue";
 
 //#region src/tooltip/UniqueProvider/index.d.ts
-declare const UniqueProvider: vue236.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue236.PublicProps>;
+declare const UniqueProvider: vue362.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue362.PublicProps>;
 //#endregion
 export { UniqueProvider };

package/dist/tooltip/index.d.mts

@@ -6,8 +6,8 @@ import { AdjustOverflow } from "../_util/placements.mjs";
 import { PurePanel } from "./PurePanel.mjs";
 import { UniqueProvider as UniqueProvider$1 } from "./UniqueProvider/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue107 from "vue";
-import { SlotsType } from "vue";
+import * as vue178 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { TooltipProps, placements } from "@v-c/tooltip";
 import { ActionType, AlignType } from "@v-c/trigger";
 import { LiteralUnion } from "@v-c/util/dist/type";
@@ -35,9 +35,18 @@ interface TooltipAlignConfig {
   useCssBottom?: boolean;
   useCssTransform?: boolean;
 }
-type SemanticName = 'root' | 'container' | 'arrow';
-type TooltipClassNamesType = SemanticClassNamesType<TooltipProps$1, SemanticName>;
-type TooltipStylesType = SemanticStylesType<TooltipProps$1, SemanticName>;
+interface TooltipSemanticClassNames {
+  root?: string;
+  container?: string;
+  arrow?: string;
+}
+interface TooltipSemanticStyles {
+  root?: CSSProperties;
+  container?: CSSProperties;
+  arrow?: CSSProperties;
+}
+type TooltipClassNamesType = SemanticClassNamesType<TooltipProps$1, TooltipSemanticClassNames>;
+type TooltipStylesType = SemanticStylesType<TooltipProps$1, TooltipSemanticStyles>;
 interface TriggerCommonApi extends ComponentBaseProps {
   align?: AlignType;
   arrow?: boolean | {
@@ -84,12 +93,12 @@ interface TooltipSlots {
 interface InternalTooltipProps extends TooltipProps$1 {
   dataPopoverInject?: boolean;
 }
-declare const InternalTooltip: vue107.DefineSetupFnComponent<InternalTooltipProps, TooltipEmits, SlotsType<TooltipSlots>, InternalTooltipProps & {
+declare const InternalTooltip: vue178.DefineSetupFnComponent<InternalTooltipProps, TooltipEmits, SlotsType<TooltipSlots>, InternalTooltipProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue107.PublicProps>;
+}, vue178.PublicProps>;
 declare const _default: typeof InternalTooltip & {
   UniqueProvider: typeof UniqueProvider$1;
   _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
 };
 //#endregion
-export { SemanticName, TooltipAlignConfig, TooltipEmits, TooltipPlacement, TooltipProps$1 as TooltipProps, TooltipRef, TooltipSlots, TriggerCommonApi, _default };
+export { TooltipAlignConfig, TooltipEmits, TooltipPlacement, TooltipProps$1 as TooltipProps, TooltipRef, TooltipSemanticClassNames, TooltipSemanticStyles, TooltipSlots, TriggerCommonApi, _default };

package/dist/tooltip/index.mjs

@@ -30,9 +30,10 @@ function _isSlot(s) {
 }
 const InternalTooltip = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose, emit }) => {
 	const [, token] = useToken();
-	const { prefixCls, rootPrefixCls, direction, arrow: contextArrow, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, getPopupContainer: getContextPopupContainer } = useComponentBaseConfig("tooltip", props, ["arrow"]);
+	const { prefixCls, rootPrefixCls, direction, arrow: contextArrow, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, trigger: contextTrigger, getPopupContainer: getContextPopupContainer } = useComponentBaseConfig("tooltip", props, ["arrow", "trigger"]);
 	const { arrow: tooltipArrow, builtinPlacements, autoAdjustOverflow, classes, styles } = toPropsRefs(props, "arrow", "builtinPlacements", "autoAdjustOverflow", "classes", "styles");
 	const mergedArrow = useMergedArrow_default(tooltipArrow, contextArrow);
+	const mergedTrigger = computed(() => props?.trigger ?? contextTrigger.value ?? "hover");
 	const mergedShowArrow = computed(() => mergedArrow.value?.show);
 	const tooltipRef = shallowRef();
 	const forceAlign = () => {
@@ -66,7 +67,10 @@ const InternalTooltip = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 		});
 	});
 	const mergedProps = computed(() => {
-		return props;
+		return {
+			...props,
+			trigger: mergedTrigger.value
+		};
 	});
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
 	const injectFromPopover = props.dataPopoverInject;
@@ -79,7 +83,10 @@ const InternalTooltip = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 		const overlay = getSlotPropsFnRun(slots, props, "overlay");
 		noTitle = !title && !overlay && title !== 0;
 		const memoOverlay = title === 0 ? title : overlay || title || "";
-		const memoOverlayWrapper = createVNode(ContextIsolator, { "space": true }, _isSlot(memoOverlay) ? memoOverlay : { default: () => [memoOverlay] });
+		const memoOverlayWrapper = createVNode(ContextIsolator, {
+			"space": true,
+			"form": true
+		}, _isSlot(memoOverlay) ? memoOverlay : { default: () => [memoOverlay] });
 		let child = filterEmpty(slots.default?.())?.[0];
 		child = isVNode(child) ? child : createVNode("span", null, [child]);
 		const childProps = child?.props ?? {};
@@ -95,6 +102,7 @@ const InternalTooltip = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 		let tempOpen = open.value;
 		if (!(props.open !== void 0) && noTitle) tempOpen = false;
 		const content = createVNode(VcTooltip, mergeProps({ "unique": true }, removeUndefined(restProps), attrs, {
+			"trigger": mergedTrigger.value,
 			"zIndex": zIndex.value,
 			"showArrow": mergedShowArrow.value,
 			"placement": placement,

package/dist/tooltip/style/index.d.mts

@@ -1,10 +1,16 @@
 import { ArrowToken } from "../../style/roundedArrow.mjs";
 import { ArrowOffsetToken } from "../../style/placementArrow.mjs";
 import "../../theme/internal.mjs";
-import { Ref } from "vue";
+import "vue";
 
 //#region src/tooltip/style/index.d.ts
 interface ComponentToken extends ArrowOffsetToken, ArrowToken {
+  /**
+   * @since 6.2.0
+   * @desc 文字提示最大宽度
+   * @descEN Max width of tooltip
+   */
+  maxWidth: number;
   /**
    * @desc 文字提示 z-index
    * @descEN z-index of tooltip

package/dist/tooltip/style/index.mjs

@@ -89,6 +89,7 @@ const genTooltipStyle = (token) => {
 };
 const prepareComponentToken = (token) => ({
 	zIndexPopup: token.zIndexPopupBase + 70,
+	maxWidth: 250,
 	...getArrowOffsetToken({
 		contentRadius: token.borderRadius,
 		limitVerticalRadius: true
@@ -97,9 +98,9 @@ const prepareComponentToken = (token) => ({
 });
 var style_default = (prefixCls, rootCls, injectStyle = true) => {
 	return genStyleHooks("Tooltip", (token) => {
-		const { borderRadius, colorTextLightSolid, colorBgSpotlight } = token;
+		const { borderRadius, colorTextLightSolid, colorBgSpotlight, maxWidth } = token;
 		return [genTooltipStyle(mergeToken(token, {
-			tooltipMaxWidth: 250,
+			tooltipMaxWidth: maxWidth,
 			tooltipColor: colorTextLightSolid,
 			tooltipBorderRadius: borderRadius,
 			tooltipBg: colorBgSpotlight

package/dist/tour/index.d.mts

@@ -1,11 +1,11 @@
 import { TourEmits, TourLocale, TourProps, TourSemanticName, TourSlots, TourStepProps, TourStylesType } from "./interface.mjs";
-import * as vue61 from "vue";
+import * as vue59 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/tour/index.d.ts
-declare const Tour: vue61.DefineSetupFnComponent<TourProps, TourEmits, SlotsType<TourSlots>, TourProps & {
+declare const Tour: vue59.DefineSetupFnComponent<TourProps, TourEmits, SlotsType<TourSlots>, TourProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue61.PublicProps>;
+}, vue59.PublicProps>;
 type TourStepItem = TourStepProps;
 //#endregion
 export { Tour, TourStepItem };

package/dist/tour/index.mjs

@@ -6,8 +6,8 @@ import { ZIndexProvider } from "../_util/zindexContext.mjs";
 import { useZIndex } from "../_util/hooks/useZIndex.mjs";
 import "../_util/hooks/index.mjs";
 import { toPropsRefs } from "../_util/tools.mjs";
-import { checkRenderNode } from "../_util/vueNode.mjs";
 import getPlacements from "../_util/placements.mjs";
+import { checkRenderNode } from "../_util/vueNode.mjs";
 import panelRender_default from "./panelRender.mjs";
 import style_default from "./style/index.mjs";
 import PurePanel_default from "./PurePanel.mjs";

package/dist/tour/interface.d.mts

@@ -6,9 +6,35 @@ import { CSSProperties } from "vue";
 import { TourProps, TourStepProps } from "@v-c/tour";
 
 //#region src/tour/interface.d.ts
-type TourSemanticName = 'root' | 'cover' | 'mask' | 'section' | 'footer' | 'actions' | 'indicator' | 'indicators' | 'header' | 'title' | 'description';
-type TourClassNamesType = SemanticClassNamesType<TourProps$1, TourSemanticName>;
-type TourStylesType = SemanticStylesType<TourProps$1, TourSemanticName>;
+type TourSemanticName = keyof TourSemanticClassNames & keyof TourSemanticStyles;
+interface TourSemanticClassNames {
+  root?: string;
+  cover?: string;
+  mask?: string;
+  section?: string;
+  footer?: string;
+  actions?: string;
+  indicator?: string;
+  indicators?: string;
+  header?: string;
+  title?: string;
+  description?: string;
+}
+interface TourSemanticStyles {
+  root?: CSSProperties;
+  cover?: CSSProperties;
+  mask?: CSSProperties;
+  section?: CSSProperties;
+  footer?: CSSProperties;
+  actions?: CSSProperties;
+  indicator?: CSSProperties;
+  indicators?: CSSProperties;
+  header?: CSSProperties;
+  title?: CSSProperties;
+  description?: CSSProperties;
+}
+type TourClassNamesType = SemanticClassNamesType<TourProps$1, TourSemanticClassNames>;
+type TourStylesType = SemanticStylesType<TourProps$1, TourSemanticStyles>;
 interface TourProps$1 extends ComponentBaseProps, Omit<TourProps, 'classNames' | 'styles' | 'renderPanel' | 'rootClassName' | 'onClose' | 'onFinish' | 'onChange' | 'onPopupAlign' | 'className'> {
   steps?: TourStepProps$1[];
   prefixCls?: string;