antdv-next 1.0.0-alpha.5 → 1.0.0-beta.1

package/dist/statistic/index.d.ts

@@ -3,13 +3,13 @@ import { FormatConfig, valueType } from "./utils.js";
 import { Statistic, StatisticClassNamesType, StatisticProps, StatisticSlots, StatisticStylesType } from "./Statistic.js";
 import { StatisticTimeEmits, StatisticTimer, StatisticTimerProps, TimerType } from "./Timer.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue112 from "vue";
+import * as vue166 from "vue";
 
 //#region src/statistic/index.d.ts
-declare const StatisticTimer$1: vue112.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, vue112.SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
+declare const StatisticTimer$1: vue166.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, vue166.SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
   value?: valueType;
-  valueStyle?: vue112.CSSProperties;
-  valueRender?: (node: any) => vue112.VNodeChild;
+  valueStyle?: vue166.CSSProperties;
+  valueRender?: (node: any) => vue166.VNodeChild;
   title?: VueNode;
   prefix?: VueNode;
   suffix?: VueNode;
@@ -21,7 +21,7 @@ declare const StatisticTimer$1: vue112.DefineSetupFnComponent<StatisticTimerProp
   format?: string;
 } & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue112.PublicProps>;
+}, vue166.PublicProps>;
 declare const _default: typeof Statistic & {
   Timer: typeof StatisticTimer;
 };

package/dist/steps/index.d.ts

@@ -1,7 +1,7 @@
 import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
-import * as vue136 from "vue";
+import * as vue171 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { StepsProps } from "@v-c/steps";
 
@@ -80,8 +80,8 @@ interface StepsSlots {
   default: () => any;
   iconRender?: IconRenderType;
 }
-declare const Steps: vue136.DefineSetupFnComponent<StepsProps$1, StepsEmits, SlotsType<StepsSlots>, StepsProps$1 & {
+declare const Steps: vue171.DefineSetupFnComponent<StepsProps$1, StepsEmits, SlotsType<StepsSlots>, StepsProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue136.PublicProps>;
+}, vue171.PublicProps>;
 //#endregion
 export { Steps, StepsProps$1 as StepsProps };

package/dist/steps/style/icon.js

@@ -23,7 +23,7 @@ const genIconStyle = (token) => {
 			borderRadius: varRef("icon-size"),
 			border: `${varRef("icon-border-width")} ${lineType} transparent`,
 			transition: [
-				"background",
+				"background-color",
 				"border",
 				"color",
 				"inset",

package/dist/steps/style/inline.js

@@ -32,7 +32,7 @@ const genInlineStyle = (token) => {
 				"marginInline": token.calc(token.marginXXS).div(2).equal(),
 				"borderRadius": token.borderRadiusSM,
 				"cursor": "pointer",
-				"transition": `background ${token.motionDurationMid}`,
+				"transition": `background-color ${token.motionDurationMid}`,
 				"&:hover": { background: token.controlItemBgHover }
 			},
 			"&-icon": { [`${itemCls}-icon-dot`]: { "&:after": { display: "none" } } },

package/dist/steps/style/panel.js

@@ -30,7 +30,7 @@ const genPanelStyle = (token) => {
 					[varName("panel-title-height")]: `calc(${varRef("title-font-size")} * ${varRef("title-line-height")})`,
 					[varName("item-base-height")]: calc(varRef("panel-padding")).mul(2).add(varRef("icon-size")).add(varRef("panel-title-height")).equal(),
 					[varName("item-base-width")]: `calc(${varRef("item-base-height")} * 0.7071)`,
-					transition: `background ${motionDurationMid}`
+					transition: `background-color ${motionDurationMid}`
 				}
 			},
 			[`${itemCls}-icon`]: { display: "none" },

package/dist/switch/index.d.ts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue140 from "vue";
+import * as vue173 from "vue";
 import { SlotsType } from "vue";
 import { SwitchChangeEventHandler, SwitchClickEventHandler } from "@v-c/switch";
 
@@ -47,8 +47,8 @@ interface SwitchSlots {
   checkedChildren: () => any;
   unCheckedChildren: () => any;
 }
-declare const Switch: vue140.DefineSetupFnComponent<SwitchProps, SwitchEmits, SlotsType<SwitchSlots>, SwitchProps & {
+declare const Switch: vue173.DefineSetupFnComponent<SwitchProps, SwitchEmits, SlotsType<SwitchSlots>, SwitchProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue140.PublicProps>;
+}, vue173.PublicProps>;
 //#endregion
 export { Switch, SwitchEmits, SwitchProps, SwitchSize, SwitchSlots };

package/dist/table/Column.d.ts

@@ -1,6 +1,6 @@
 import { AnyObject, EmptyEmit } from "../_util/type.js";
 import { ColumnType } from "./interface.js";
-import * as vue365 from "vue";
+import * as vue383 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/table/Column.d.ts
@@ -13,8 +13,8 @@ interface ColumnSlots {
 /**
  * Syntactic sugar for `columns` prop. HOC will not work on this.
  */
-declare const Column: vue365.DefineSetupFnComponent<ColumnProps<AnyObject>, EmptyEmit, SlotsType<ColumnSlots>, ColumnProps<AnyObject> & {
+declare const Column: vue383.DefineSetupFnComponent<ColumnProps<AnyObject>, EmptyEmit, SlotsType<ColumnSlots>, ColumnProps<AnyObject> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue365.PublicProps>;
+}, vue383.PublicProps>;
 //#endregion
 export { Column, ColumnProps };

package/dist/table/ColumnGroup.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject, EmptyEmit } from "../_util/type.js";
 import { ColumnType } from "./interface.js";
 import { ColumnProps } from "./Column.js";
-import * as vue367 from "vue";
+import * as vue381 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/table/ColumnGroup.d.ts
@@ -14,8 +14,8 @@ interface ColumnGroupSlots {
 /**
  * Syntactic sugar for `columns` prop. HOC will not work on this.
  */
-declare const ColumnGroup: vue367.DefineSetupFnComponent<ColumnGroupProps<AnyObject>, EmptyEmit, SlotsType<ColumnGroupSlots>, ColumnGroupProps<AnyObject> & {
+declare const ColumnGroup: vue381.DefineSetupFnComponent<ColumnGroupProps<AnyObject>, EmptyEmit, SlotsType<ColumnGroupSlots>, ColumnGroupProps<AnyObject> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue367.PublicProps>;
+}, vue381.PublicProps>;
 //#endregion
 export { ColumnGroup };

package/dist/table/InternalTable.js

@@ -1,4 +1,4 @@
-import { useComponentBaseConfig } from "../config-provider/context.js";
+import { useComponentBaseConfig, useConfig } from "../config-provider/context.js";
 import useToken from "../theme/useToken.js";
 import "../theme/internal.js";
 import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
@@ -40,7 +40,8 @@ function resolvePanelRender(slots, props, key) {
 	if (slots[key] || props[key]) return (data) => getSlotPropsFnRun(slots, props, key, true, data);
 }
 const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs, expose }) => {
-	const { prefixCls, direction, getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, renderEmpty, getPopupContainer: contextGetPopupContainer, virtual: contextVirtual } = useComponentBaseConfig("table", props);
+	const { prefixCls, direction, getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, renderEmpty, getPopupContainer: contextGetPopupContainer, virtual: contextVirtual, bodyCell: contextBodyCell, headerCell: contextHeaderCell } = useComponentBaseConfig("table", props, ["bodyCell", "headerCell"]);
+	const configCtx = useConfig();
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const mergedSize = useSize(computed(() => props.size));
 	const mergedProps = computed(() => {
@@ -236,6 +237,21 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			default: return padding * 2 + fontHeight + lineWidth;
 		}
 	});
+	const renderHeaderCell = (ctx) => {
+		const node = getSlotPropsFnRun(slots, props, "headerCell", true, ctx);
+		if (node === null || node === void 0) {
+			if (contextHeaderCell.value) return contextHeaderCell.value(ctx);
+		}
+		return node;
+	};
+	const renderBodyCell = (ctx) => {
+		const node = getSlotPropsFnRun(slots, props, "bodyCell", true, ctx);
+		if (node === null || node === void 0) {
+			if (contextBodyCell.value) return contextBodyCell.value(ctx);
+			else if (configCtx.value?.transformCellText) return configCtx.value.transformCellText(ctx);
+		}
+		return node;
+	};
 	return () => {
 		const columnTitlePropsFn = () => {
 			const mergedFilters = {};
@@ -248,8 +264,6 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			};
 		};
 		const [transformTitleColumns] = useTitleColumns(columnTitlePropsFn());
-		const renderHeaderCell = (ctx) => getSlotPropsFnRun(slots, props, "headerCell", true, ctx);
-		const renderBodyCell = (ctx) => getSlotPropsFnRun(slots, props, "bodyCell", true, ctx);
 		const renderExpandedRow = slots.expandedRowRender ? (record, index, indent, expanded) => getSlotPropsFnRun(slots, props, "expandedRowRender", true, {
 			record,
 			index,
@@ -261,7 +275,7 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			if (spinProps.value?.spinning && rawData.value === EMPTY_LIST) return null;
 			if (slots.emptyText) return getSlotPropsFnRun(slots, props, "emptyText");
 			if (typeof locale?.emptyText !== "undefined") return locale?.emptyText;
-			return renderEmpty?.("Table") || createVNode(DefaultRenderEmpty, { "componentName": "Table" }, null);
+			return renderEmpty?.value?.("Table") || createVNode(DefaultRenderEmpty, { "componentName": "Table" }, null);
 		};
 		const mergedEmptyNode = mergedEmptyNodeFn();
 		const mergedGetPopupContainer = props.getPopupContainer || contextGetPopupContainer;

package/dist/table/Table.d.ts

@@ -3,14 +3,14 @@ import { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE } fro
 import { Column } from "./Column.js";
 import { ColumnGroup } from "./ColumnGroup.js";
 import { TableEmits, TableProps as TableProps$1, TableSlots } from "./InternalTable.js";
-import * as vue369 from "vue";
+import * as vue386 from "vue";
 import { SlotsType } from "vue";
 import { EXPAND_COLUMN, Summary } from "@v-c/table";
 
 //#region src/table/Table.d.ts
-declare const Table: vue369.DefineSetupFnComponent<TableProps$1<AnyObject>, TableEmits<AnyObject>, SlotsType<TableSlots<AnyObject>>, TableProps$1<AnyObject> & {
+declare const Table: vue386.DefineSetupFnComponent<TableProps$1<AnyObject>, TableEmits<AnyObject>, SlotsType<TableSlots<AnyObject>>, TableProps$1<AnyObject> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue369.PublicProps>;
+}, vue386.PublicProps>;
 declare const ForwardTable: typeof Table & {
   displayName?: string;
   SELECTION_COLUMN: typeof SELECTION_COLUMN;

package/dist/table/style/index.js

@@ -66,7 +66,7 @@ const genTableStyle = (token) => {
 				"textAlign": "start",
 				"background": tableHeaderBg,
 				"borderBottom": tableBorder,
-				"transition": `background ${motionDurationMid} ease`,
+				"transition": `background-color ${motionDurationMid} ease`,
 				"&[colspan]:not([colspan='1'])": { textAlign: "center" },
 				[`&:not(:last-child):not(${componentCls}-selection-column):not(${componentCls}-row-expand-icon-cell):not([colspan])::before`]: {
 					position: "absolute",
@@ -84,7 +84,7 @@ const genTableStyle = (token) => {
 		},
 		[`${componentCls}-tbody`]: { "> tr": {
 			"> th, > td": {
-				transition: `background ${motionDurationMid}, border-color ${motionDurationMid}`,
+				transition: `background-color ${motionDurationMid}, border-color ${motionDurationMid}`,
 				borderBottom: tableBorder,
 				[`
               > ${componentCls}-wrapper:only-child,
@@ -106,7 +106,7 @@ const genTableStyle = (token) => {
 				textAlign: "start",
 				background: tableHeaderBg,
 				borderBottom: tableBorder,
-				transition: `background ${motionDurationMid} ease`
+				transition: `background-color ${motionDurationMid} ease`
 			},
 			[`& > ${componentCls}-measure-cell`]: {
 				paddingBlock: `0 !important`,

package/dist/table/style/radius.js

@@ -14,6 +14,12 @@ const genRadiusStyle = (token) => {
 		"&-container": {
 			"borderStartStartRadius": tableRadius,
 			"borderStartEndRadius": tableRadius,
+			"&::before": { borderStartStartRadius: tableRadius },
+			"&::after": { borderStartEndRadius: tableRadius },
+			[`> ${componentCls}-content`]: {
+				borderStartStartRadius: tableRadius,
+				borderStartEndRadius: tableRadius
+			},
 			"table > thead > tr:first-child": {
 				"> *:first-child": { borderStartStartRadius: tableRadius },
 				"> *:last-child": { borderStartEndRadius: tableRadius }

package/dist/table/style/virtual.js

@@ -17,7 +17,7 @@ const genVirtualStyle = (token) => {
 			} },
 			[`${componentCls}-cell`]: {
 				borderBottom: tableBorder,
-				transition: `background ${motionDurationMid}`
+				transition: `background-color ${motionDurationMid}`
 			},
 			[`${componentCls}-expanded-row`]: { [`${rowCellCls}${rowCellCls}-fixed`]: {
 				position: "sticky",

package/dist/tabs/TabPane.d.ts

@@ -1,5 +1,5 @@
 import { EmptyEmit } from "../_util/type.js";
-import * as vue288 from "vue";
+import * as vue302 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { TabPaneProps } from "@v-c/tabs";
 
@@ -16,8 +16,8 @@ interface TabPaneSlots {
   closeIcon?: () => any;
   icon?: () => any;
 }
-declare const TabPane: vue288.DefineSetupFnComponent<TabPaneProps$1, EmptyEmit, SlotsType<TabPaneSlots>, TabPaneProps$1 & {
+declare const TabPane: vue302.DefineSetupFnComponent<TabPaneProps$1, EmptyEmit, SlotsType<TabPaneSlots>, TabPaneProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue288.PublicProps>;
+}, vue302.PublicProps>;
 //#endregion
 export { TabPane, TabPaneProps$1 as TabPaneProps };

package/dist/tabs/index.d.ts

@@ -4,7 +4,7 @@ import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticSty
 import "../_util/hooks/index.js";
 import { TabPane, TabPaneProps as TabPaneProps$1 } from "./TabPane.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue144 from "vue";
+import * as vue162 from "vue";
 import { SlotsType } from "vue";
 import { GetIndicatorSize, MoreProps, Tab, TabsProps } from "@v-c/tabs";
 
@@ -87,8 +87,8 @@ interface TabsSlots {
   rightExtra?: () => any;
   leftExtra?: () => any;
 }
-declare const Tabs: vue144.DefineSetupFnComponent<TabsProps$1, TabsEmits, SlotsType<TabsSlots>, TabsProps$1 & {
+declare const Tabs: vue162.DefineSetupFnComponent<TabsProps$1, TabsEmits, SlotsType<TabsSlots>, TabsProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue144.PublicProps>;
+}, vue162.PublicProps>;
 //#endregion
 export { Tab$1 as Tab, Tabs, TabsEmits, TabsProps$1 as TabsProps, TabsRef, TabsSlots };

package/dist/tag/CheckableTag.d.ts

@@ -1,6 +1,6 @@
 import { VueNode } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue328 from "vue";
+import * as vue330 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/tag/CheckableTag.d.ts
@@ -27,8 +27,8 @@ interface CheckableTagSlots {
   default: () => any;
   icon: () => any;
 }
-declare const CheckableTag: vue328.DefineSetupFnComponent<CheckableTagProps, CheckableTagEmits, SlotsType<CheckableTagSlots>, CheckableTagProps & {
+declare const CheckableTag: vue330.DefineSetupFnComponent<CheckableTagProps, CheckableTagEmits, SlotsType<CheckableTagSlots>, CheckableTagProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue328.PublicProps>;
+}, vue330.PublicProps>;
 //#endregion
 export { CheckableTag, CheckableTagProps };

package/dist/tag/CheckableTagGroup.d.ts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
 import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue326 from "vue";
+import * as vue328 from "vue";
 
 //#region src/tag/CheckableTagGroup.d.ts
 type CheckableTagDefaultValue = string | number;
@@ -36,8 +36,8 @@ interface CheckableTagGroupEmits<CheckableTagValue = CheckableTagDefaultValue> {
   'update:value': (value: CheckableTagValue | CheckableTagValue[] | null) => void;
   [key: string]: (...args: any[]) => any;
 }
-declare const CheckableTagGroup: vue326.DefineSetupFnComponent<CheckableTagGroupProps<CheckableTagDefaultValue>, CheckableTagGroupEmits<CheckableTagDefaultValue>, {}, CheckableTagGroupProps<CheckableTagDefaultValue> & {
+declare const CheckableTagGroup: vue328.DefineSetupFnComponent<CheckableTagGroupProps<CheckableTagDefaultValue>, CheckableTagGroupEmits<CheckableTagDefaultValue>, {}, CheckableTagGroupProps<CheckableTagDefaultValue> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue326.PublicProps>;
+}, vue328.PublicProps>;
 //#endregion
 export { CheckableTagGroup };

package/dist/tag/CheckableTagGroup.js

@@ -49,9 +49,9 @@ const CheckableTagGroup = /* @__PURE__ */ defineComponent((props, { emit, attrs,
 			aria: true,
 			data: true
 		}), {
-			"class": clsx(groupPrefixCls, rootClass, {
-				[`${groupPrefixCls}-disabled`]: disabled,
-				[`${groupPrefixCls}-rtl`]: direction.value === "rtl"
+			"class": clsx(groupPrefixCls.value, rootClass, {
+				[`${groupPrefixCls.value}-disabled`]: disabled,
+				[`${groupPrefixCls.value}-rtl`]: direction.value === "rtl"
 			}, hashId.value, cssVarCls.value, attrs.class, mergedClassNames.value.root),
 			"style": [mergedStyles.value.root, attrs.style],
 			"id": id,

package/dist/tag/index.d.ts

@@ -6,7 +6,7 @@ import { ClosableType } from "../_util/hooks/useClosable.js";
 import { CheckableTag, CheckableTagProps } from "./CheckableTag.js";
 import { CheckableTagGroup } from "./CheckableTagGroup.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue92 from "vue";
+import * as vue177 from "vue";
 import { SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
@@ -38,9 +38,9 @@ interface TagEmits {
   close: (ev: MouseEvent) => void;
   [key: string]: (...args: any[]) => any;
 }
-declare const InternalTag: vue92.DefineSetupFnComponent<TagProps, TagEmits, SlotsType<TagSlots>, TagProps & {
+declare const InternalTag: vue177.DefineSetupFnComponent<TagProps, TagEmits, SlotsType<TagSlots>, TagProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue92.PublicProps>;
+}, vue177.PublicProps>;
 declare const Tag: typeof InternalTag & {
   CheckableTag: typeof CheckableTag;
 };

package/dist/theme/context.d.ts

@@ -1,4 +1,4 @@
 import "./interface/index.js";
 import "./themes/default/theme.js";
-import { Ref } from "vue";
-import "@antdv-next/cssinjs";
+import "@antdv-next/cssinjs";
+import { Ref } from "vue";

package/dist/theme/index.d.ts

@@ -5,15 +5,15 @@ import { GlobalToken } from "./interface/cssinjs-utils.js";
 import "./interface/index.js";
 import { getDesignToken } from "./getDesignToken.js";
 import { derivative } from "./themes/default/index.js";
-import * as vue4 from "vue";
 import * as _antdv_next_cssinjs0 from "@antdv-next/cssinjs";
+import * as vue2 from "vue";
 
 //#region src/theme/index.d.ts
 /** Get current context Design Token. Will be different if you are using nest theme config. */
 declare function useToken(): {
-  theme: vue4.Ref<_antdv_next_cssinjs0.Theme<SeedToken, AliasToken>, _antdv_next_cssinjs0.Theme<SeedToken, AliasToken>>;
-  token: vue4.Ref<GlobalToken, GlobalToken>;
-  hashId: vue4.Ref<string, string>;
+  theme: vue2.Ref<_antdv_next_cssinjs0.Theme<SeedToken, AliasToken>, _antdv_next_cssinjs0.Theme<SeedToken, AliasToken>>;
+  token: vue2.Ref<GlobalToken, GlobalToken>;
+  hashId: vue2.Ref<string, string>;
 };
 declare const _default: {
   /** Default seedToken */

package/dist/theme/useToken.d.ts

@@ -1,4 +1,4 @@
 import "./interface/index.js";
 import "./context.js";
-import { Ref } from "vue";
-import "@antdv-next/cssinjs";
+import "@antdv-next/cssinjs";
+import { Ref } from "vue";

package/dist/theme/useToken.js

@@ -3,8 +3,8 @@ import seed_default from "./themes/seed.js";
 import theme_default from "./themes/default/theme.js";
 import { useDesignToken } from "./context.js";
 import formatToken from "./util/alias.js";
-import { computed } from "vue";
 import { useCacheToken } from "@antdv-next/cssinjs";
+import { computed } from "vue";
 
 //#region src/theme/useToken.ts
 const unitless = {

package/dist/theme/util/genStyleUtils.d.ts

@@ -1,3 +1,3 @@
 import "../interface/index.js";
-import "vue";
-import "@antdv-next/cssinjs";
+import "@antdv-next/cssinjs";
+import "vue";

package/dist/theme/util/useResetIconStyle.js

@@ -1,7 +1,7 @@
 import useToken from "../useToken.js";
 import { genIconStyle } from "../../style/index.js";
-import { computed } from "vue";
 import { useStyleRegister } from "@antdv-next/cssinjs";
+import { computed } from "vue";
 
 //#region src/theme/util/useResetIconStyle.ts
 function useResetIconStyle(iconPrefixCls, csp) {

package/dist/time-picker/index.d.ts

@@ -4,7 +4,7 @@ import "../_util/hooks/index.js";
 import { InputStatus } from "../_util/statusUtils.js";
 import "../date-picker/generatePicker/index.js";
 import { PickerProps as PickerProps$1, RangePickerProps as RangePickerProps$1 } from "../date-picker/generatePicker/interface.js";
-import * as vue17 from "vue";
+import * as vue51 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { PickerMode } from "@v-c/picker";
 
@@ -46,9 +46,9 @@ interface TimeRangePickerEmits<DateType = AnyObject> {
   'keydown': (e: KeyboardEvent, preventDefault: VoidFunction) => void;
   [key: string]: (...args: any[]) => void;
 }
-declare const RangePicker$1: vue17.DefineSetupFnComponent<TimeRangePickerProps, TimeRangePickerEmits<AnyObject>, {}, TimeRangePickerProps & {
+declare const RangePicker$1: vue51.DefineSetupFnComponent<TimeRangePickerProps, TimeRangePickerEmits<AnyObject>, {}, TimeRangePickerProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue17.PublicProps>;
+}, vue51.PublicProps>;
 interface TimePickerProps extends Omit<PickerTimeProps<AnyObject>, 'picker' | 'classes' | 'styles'> {
   addon?: () => VueNode;
   status?: InputStatus;
@@ -79,15 +79,16 @@ interface TimePickerEmits<DateType = AnyObject> {
   'keydown': (e: KeyboardEvent, preventDefault: VoidFunction) => void;
   [key: string]: (...args: any[]) => void;
 }
-declare const TimePicker: vue17.DefineSetupFnComponent<TimePickerProps, TimePickerEmits<AnyObject>, SlotsType<TimePickerSlots>, TimePickerProps & {
+declare const TimePicker: vue51.DefineSetupFnComponent<TimePickerProps, TimePickerEmits<AnyObject>, SlotsType<TimePickerSlots>, TimePickerProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue17.PublicProps>;
+}, vue51.PublicProps>;
 type MergedTimePicker = typeof TimePicker & {
   RangePicker: typeof RangePicker$1;
+  _InternalPanelDoNotUseOrYouWillBeFired: any;
 };
 declare const _default: MergedTimePicker;
-declare const TimeRangePicker: vue17.DefineSetupFnComponent<TimeRangePickerProps, TimeRangePickerEmits<AnyObject>, {}, TimeRangePickerProps & {
+declare const TimeRangePicker: vue51.DefineSetupFnComponent<TimeRangePickerProps, TimeRangePickerEmits<AnyObject>, {}, TimeRangePickerProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue17.PublicProps>;
+}, vue51.PublicProps>;
 //#endregion
 export { TimePickerLocale, TimePickerProps, TimeRangePicker, TimeRangePickerProps, _default };

package/dist/time-picker/index.js

@@ -1,5 +1,6 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { toPropsRefs } from "../_util/tools.js";
+import PurePanel_default from "../_util/PurePanel.js";
 import { useVariants } from "../form/hooks/useVariant.js";
 import useMergedPickerSemantic from "../date-picker/hooks/useMergedPickerSemantic.js";
 import date_picker_default from "../date-picker/index.js";
@@ -39,19 +40,21 @@ const RangePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expos
 		blur: () => rangeRef.value?.blur?.(),
 		nativeElement: computed(() => rangeRef.value?.nativeElement)
 	});
-	return () => createVNode(InternalRangePicker, mergeProps(attrs, props, {
-		"ref": rangeRef,
-		"picker": "time",
-		"mode": void 0,
-		"onChange": onChange,
-		"onCalendarChange": onCalendarChange,
-		"onPanelChange": onPanelChange,
-		"onOpenChange": onOpenChange,
-		"onOk": onOk,
-		"onFocus": onFocus,
-		"onBlur": onBlur,
-		"onKeydown": onKeyDown
-	}), slots);
+	return () => {
+		return createVNode(InternalRangePicker, mergeProps(attrs, props, {
+			"ref": rangeRef,
+			"picker": "time",
+			"mode": void 0,
+			"onChange": onChange,
+			"onCalendarChange": onCalendarChange,
+			"onPanelChange": onPanelChange,
+			"onOpenChange": onOpenChange,
+			"onOk": onOk,
+			"onFocus": onFocus,
+			"onBlur": onBlur,
+			"onKeydown": onKeyDown
+		}), slots);
+	};
 }, {
 	emits: [
 		"change",
@@ -2967,6 +2970,7 @@ const TimePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expose
 	name: "ATimePicker",
 	inheritAttrs: false
 });
+TimePicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default(TimePicker, "popupAlign", void 0, "picker");
 TimePicker.RangePicker = RangePicker;
 TimePicker.install = (app) => {
 	app.component(TimePicker.name, TimePicker);

package/dist/timeline/Timeline.d.ts

@@ -1,7 +1,7 @@
 import { EmptyEmit, VueNode } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { TimelineItemProps } from "./TimelineItem.js";
-import * as vue286 from "vue";
+import * as vue314 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/timeline/Timeline.d.ts
@@ -40,8 +40,8 @@ interface TimelineSlots {
     index: number;
   }) => void;
 }
-declare const Timeline: vue286.DefineSetupFnComponent<TimelineProps, EmptyEmit, SlotsType<TimelineSlots>, TimelineProps & {
+declare const Timeline: vue314.DefineSetupFnComponent<TimelineProps, EmptyEmit, SlotsType<TimelineSlots>, TimelineProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue286.PublicProps>;
+}, vue314.PublicProps>;
 //#endregion
 export { Timeline, TimelineProps };

package/dist/tooltip/PurePanel.d.ts

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

package/dist/tooltip/PurePanel.js

@@ -1,11 +1,13 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
-import { toPropsRefs } from "../_util/tools.js";
+import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import style_default from "./style/index.js";
 import { parseColor } from "./util.js";
 import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
+import { omit } from "es-toolkit";
 import { Popup } from "@v-c/tooltip";
 
 //#region src/tooltip/PurePanel.tsx
@@ -13,9 +15,9 @@ function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 /** @private Internal Component. Do not use in your production. */
-const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const { prefixCls, rootPrefixCls } = useComponentBaseConfig("tooltip", props);
-	const rootCls = rootPrefixCls;
+	const rootCls = useCSSVarCls_default(prefixCls);
 	const { placement, classes, styles } = toPropsRefs(props, "placement", "classes", "styles");
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 	const mergedProps = computed(() => ({
@@ -23,16 +25,18 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		placement: placement.value
 	}));
 	const colorInfo = computed(() => parseColor(rootPrefixCls.value, prefixCls.value, props.color));
-	const innerStyles = computed(() => ({ container: colorInfo.value.overlayStyle }));
+	const innerStyles = computed(() => {
+		return { container: { ...colorInfo.value.overlayStyle } };
+	});
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(classes), useToArr(innerStyles, styles), useToProps(mergedProps));
 	return () => {
 		const arrowContentStyle = colorInfo.value.arrowStyle;
-		const { title } = props;
+		const title = getSlotPropsFnRun(slots, props, "title");
 		const rootClassName = clsx(rootCls.value, hashId.value, cssVarCls.value, prefixCls.value, `${prefixCls.value}-pure`, `${prefixCls.value}-placement-${placement.value}`, attrs.class, colorInfo.value.className);
 		return createVNode("div", {
 			"class": rootClassName,
 			"style": arrowContentStyle
-		}, [createVNode("div", { "class": `${prefixCls.value}-arrow` }, null), createVNode(Popup, mergeProps(props, {
+		}, [createVNode("div", { "class": `${prefixCls.value}-arrow` }, null), createVNode(Popup, mergeProps(omit(props, ["class"]), {
 			"className": hashId.value,
 			"prefixCls": prefixCls.value,
 			"classNames": mergedClassNames.value,