antdv-next 1.6.0 → 1.7.0

package/dist/steps/style/inline.js

@@ -36,7 +36,7 @@ const genInlineStyle = (token) => {
 			},
 			"&-icon": { [`${itemCls}-icon-dot`]: { "&:after": { display: "none" } } },
 			"&-title": {
-				fontWeight: "normal",
+				fontWeight: 400,
 				whiteSpace: "nowrap"
 			},
 			"&-content": { display: "none" }

package/dist/style/motion/collapse.js

@@ -1,16 +1,10 @@
 //#region src/style/motion/collapse.ts
 const genCollapseMotion = (token) => {
 	const { componentCls, antCls, motionDurationMid, motionEaseInOut } = token;
-	return { [componentCls]: {
-		[`${antCls}-motion-collapse-legacy`]: {
-			overflow: "hidden",
-			"&-active": { transition: `${["height", "opacity"].map((prop) => `${prop} ${motionDurationMid} ${motionEaseInOut}`).join(", ")} !important` }
-		},
-		[`${antCls}-motion-collapse`]: {
-			overflow: "hidden",
-			transition: `${["height", "opacity"].map((prop) => `${prop} ${motionDurationMid} ${motionEaseInOut}`).join(", ")} !important`
-		}
-	} };
+	return { [componentCls]: { [`${antCls}-motion-collapse`]: {
+		overflow: "hidden",
+		transition: `${["height", "opacity"].map((prop) => `${prop} ${motionDurationMid} ${motionEaseInOut}`).join(", ")} !important`
+	} } };
 };
 //#endregion
 export { genCollapseMotion as default };

package/dist/table/ExpandIcon.d.ts

@@ -1,13 +1,18 @@
 import { AnyObject } from "../_util/type.js";
 import { TableLocale } from "./interface.js";
+import { ExpandIconComponent } from "@v-c/table";
 //#region src/table/ExpandIcon.d.ts
-interface DefaultExpandIconProps<RecordType = AnyObject> {
+type LegacyRenderExpandIcon<RecordType = AnyObject> = (props: {
   prefixCls: string;
   record: RecordType;
   expanded: boolean;
   expandable: boolean;
   onExpand: (record: RecordType, e: MouseEvent) => void;
-}
-declare function renderExpandIcon(locale: TableLocale): <RecordType extends AnyObject = AnyObject>(props: DefaultExpandIconProps<RecordType>) => import("vue/jsx-runtime").JSX.Element;
+}) => any;
+/**
+ * Create a stable expand icon component for `components.ExpandIcon`.
+ * Getters are read at render time so the component itself never changes identity.
+ */
+declare function createExpandIcon<RecordType extends AnyObject = AnyObject>(getLocale: () => TableLocale, getExpandIcon: () => ExpandIconComponent<RecordType> | undefined, getLegacyRenderExpandIcons: () => (LegacyRenderExpandIcon<RecordType> | undefined)[]): ExpandIconComponent<RecordType>;
 //#endregion
-export { renderExpandIcon as default };
+export { createExpandIcon as default };

package/dist/table/ExpandIcon.js

@@ -1,25 +1,47 @@
-import { createVNode } from "vue";
+import { createVNode, h } from "vue";
 import { clsx } from "@v-c/util";
 //#region src/table/ExpandIcon.tsx
-function renderExpandIcon(locale) {
-	return (props) => {
-		const { prefixCls, onExpand, record, expanded, expandable } = props;
-		const iconPrefix = `${prefixCls}-row-expand-icon`;
-		return createVNode("button", {
-			"type": "button",
-			"onClick": (e) => {
-				onExpand(record, e);
-				e.stopPropagation();
-			},
-			"class": clsx(iconPrefix, {
-				[`${iconPrefix}-spaced`]: !expandable,
-				[`${iconPrefix}-expanded`]: expandable && expanded,
-				[`${iconPrefix}-collapsed`]: expandable && !expanded
-			}),
-			"aria-label": expanded ? locale.collapse : locale.expand,
-			"aria-expanded": expanded
-		}, null);
+function renderInternalExpandIcon(props, locale) {
+	const { prefixCls, type, expanded, expandable, onClick } = props;
+	const iconPrefix = `${prefixCls}-row-expand-icon`;
+	if (type === "all" && !expandable) return createVNode("span", { "class": clsx(iconPrefix, `${iconPrefix}-spaced`) }, null);
+	const ariaLabel = type === "all" ? expanded ? locale.collapseAll : locale.expandAll : expanded ? locale.collapse : locale.expand;
+	return createVNode("button", {
+		"type": "button",
+		"onClick": onClick,
+		"class": clsx(iconPrefix, {
+			[`${iconPrefix}-spaced`]: !expandable,
+			[`${iconPrefix}-expanded`]: expandable && expanded,
+			[`${iconPrefix}-collapsed`]: expandable && !expanded
+		}),
+		"aria-label": ariaLabel,
+		"aria-expanded": expanded
+	}, null);
+}
+/**
+* Create a stable expand icon component for `components.ExpandIcon`.
+* Getters are read at render time so the component itself never changes identity.
+*/
+function createExpandIcon(getLocale, getExpandIcon, getLegacyRenderExpandIcons) {
+	const MergedExpandIcon = (props) => {
+		const ExpandIcon = getExpandIcon();
+		if (ExpandIcon) return h(ExpandIcon, props);
+		const renderExpandIcon = getLegacyRenderExpandIcons().find(Boolean);
+		if (renderExpandIcon && props.type === "row") {
+			const { prefixCls, record, expanded, expandable, onClick } = props;
+			return renderExpandIcon({
+				prefixCls,
+				record,
+				expanded,
+				expandable,
+				onExpand: (_record, event) => onClick(event)
+			});
+		}
+		return renderInternalExpandIcon(props, getLocale());
 	};
+	MergedExpandIcon.displayName = "TableExpandIcon";
+	MergedExpandIcon.inheritAttrs = false;
+	return MergedExpandIcon;
 }
 //#endregion
-export { renderExpandIcon as default };
+export { createExpandIcon as default };

package/dist/table/InternalTable.js

@@ -15,7 +15,7 @@ import useBreakpoint from "../grid/hooks/useBreakpoint.js";
 import Spin from "../spin/index.js";
 import pagination_default from "../pagination/index.js";
 import useSelection from "./hooks/useSelection.js";
-import renderExpandIcon from "./ExpandIcon.js";
+import createExpandIcon from "./ExpandIcon.js";
 import useColumnTitleProps from "./hooks/useColumnTitleProps.js";
 import useContainerWidth from "./hooks/useContainerWidth.js";
 import useFilledColumns from "./hooks/useFilledColumns.js";
@@ -56,12 +56,13 @@ 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, bodyCell: contextBodyCell, headerCell: contextHeaderCell, rowKey: contextRowKey, scroll: contextScroll, column: contextColumn } = useComponentBaseConfig("table", props, [
+	const { prefixCls, direction, getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, renderEmpty, getPopupContainer: contextGetPopupContainer, virtual: contextVirtual, bodyCell: contextBodyCell, headerCell: contextHeaderCell, rowKey: contextRowKey, scroll: contextScroll, column: contextColumn, expandable: contextExpandable } = useComponentBaseConfig("table", props, [
 		"bodyCell",
 		"headerCell",
 		"rowKey",
 		"scroll",
-		"column"
+		"column",
+		"expandable"
 	]);
 	const configCtx = useConfig();
 	const mergedScroll = computed(() => props.scroll ?? contextScroll.value);
@@ -71,17 +72,6 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		ariaProps: ariaProps.value,
 		component: props.components?.header?.table
 	})));
-	const mergedComponents = computed(() => {
-		const components = props.components;
-		if (!hasAriaProps.value) return components;
-		return {
-			...components,
-			header: {
-				...components?.header,
-				table: HeaderTable
-			}
-		};
-	});
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const mergedSize = useSize(computed(() => props.size));
 	const mergedProps = computed(() => {
@@ -322,16 +312,32 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		if (renderExpandedRow || mergedExpandable.value.expandedRowRender) return "row";
 		return null;
 	});
+	if (isDev) devUseWarning("Table").deprecated(!props.expandable?.expandIcon, "expandable.expandIcon", "components.ExpandIcon");
+	const MergedExpandIcon = createExpandIcon(() => mergedLocale.value, () => props.components?.ExpandIcon, () => [mergedExpandable.value.expandIcon, contextExpandable.value?.expandIcon]);
 	const mergedExpandableConfig = computed(() => {
 		const expandable = { ...mergedExpandable.value };
 		expandable.__PARENT_RENDER_ICON__ = expandable.expandIcon;
 		if (renderExpandedRow) expandable.expandedRowRender = renderExpandedRow;
-		expandable.expandIcon = expandable.expandIcon || renderExpandIcon(mergedLocale.value);
+		expandable.expandIcon = void 0;
 		if (expandType.value === "nest" && expandable.expandIconColumnIndex === void 0) expandable.expandIconColumnIndex = mergedRowSelection.value ? 1 : 0;
 		else if (expandType.value === "nest" && expandable.expandIconColumnIndex > 0 && mergedRowSelection.value) expandable.expandIconColumnIndex -= 1;
 		if (typeof expandable.indentSize !== "number") expandable.indentSize = typeof props.indentSize === "number" ? props.indentSize : 15;
 		return expandable;
 	});
+	const mergedComponents = computed(() => {
+		let components = props.components;
+		if (hasAriaProps.value) components = {
+			...components,
+			header: {
+				...components?.header,
+				table: HeaderTable
+			}
+		};
+		return {
+			...components,
+			ExpandIcon: MergedExpandIcon
+		};
+	});
 	const measureRowRender = (measureRow) => createVNode(TableMeasureRowContextProvider, { "value": true }, { default: () => [createVNode(ConfigProvider, { "getPopupContainer": (node) => node }, _isSlot(measureRow) ? measureRow : { default: () => [measureRow] })] });
 	const onInternalUpdateExpandedRowKeys = (keys) => emit("update:expandedRowKeys", keys);
 	const onInternalResizeColumn = (width, column, columnKey) => emit("resizeColumn", width, column, columnKey);

package/dist/table/hooks/useLazyKVMap.js

@@ -6,7 +6,7 @@ function useLazyKVMap(data, childrenColumnName, getRowKey) {
 		const mergedData = unref(data);
 		const mergedChildrenColumnName = unref(childrenColumnName);
 		const mergedGetRowKey = unref(getRowKey);
-		if (!mapCacheRef.value || mapCacheRef.value.data !== mergedData || mapCacheRef.value.childrenColumnName !== mergedChildrenColumnName || mapCacheRef.value.getRowKey !== mergedGetRowKey) {
+		if (mapCacheRef.value.data !== mergedData || mapCacheRef.value.childrenColumnName !== mergedChildrenColumnName || mapCacheRef.value.getRowKey !== mergedGetRowKey) {
 			const kvMap = /* @__PURE__ */ new Map();
 			function dig(records) {
 				records.forEach((record, index) => {

package/dist/table/hooks/useSelection.js

@@ -3,7 +3,7 @@ import { useMultipleSelect } from "../../_util/hooks/useMultipleSelect.js";
 import Dropdown from "../../dropdown/index.js";
 import radio_default from "../../radio/index.js";
 import checkbox_default from "../../checkbox/index.js";
-import { computed, createVNode, mergeProps, shallowRef, unref, watch } from "vue";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef, unref, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { DownOutlined } from "@antdv-next/icons";
 import { INTERNAL_COL_DEFINE } from "@v-c/table";
@@ -14,6 +14,48 @@ const SELECTION_ALL = "SELECT_ALL";
 const SELECTION_INVERT = "SELECT_INVERT";
 const SELECTION_NONE = "SELECT_NONE";
 const EMPTY_LIST = [];
+const SelectionMenu = /* @__PURE__ */ defineComponent((props, { emit }) => {
+	const open = shallowRef(false);
+	const onKeydown = (event) => {
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			event.currentTarget?.click();
+		}
+	};
+	return () => createVNode(Dropdown, {
+		"menu": props.menu,
+		"getPopupContainer": props.getPopupContainer,
+		"trigger": ["click", "hover"],
+		"onOpenChange": (nextOpen) => {
+			open.value = nextOpen;
+		},
+		"onMenuClick": (info) => emit("menuClick", info)
+	}, { default: () => [createVNode(DownOutlined, mergeProps({
+		"role": "button",
+		"aria-label": props.label,
+		"aria-haspopup": "menu",
+		"aria-expanded": open.value,
+		"onKeydown": onKeydown
+	}, { "tabIndex": 0 }), null)] });
+}, {
+	props: {
+		menu: {
+			type: Object,
+			required: true
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false
+		},
+		label: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["menuClick"],
+	name: "TableSelectionMenu",
+	inheritAttrs: false
+});
 function flattenData(childrenColumnName, data, list = []) {
 	(data || []).forEach((record) => {
 		list.push(record);
@@ -160,7 +202,7 @@ function useSelection(config, rowSelection) {
 				key: "all",
 				text: tableLocale.value.selectionAll,
 				onSelect() {
-					setSelectedKeys(data.value.reduce((keys, record, index) => {
+					setSelectedKeys(flattenData(childrenColumnName.value, data.value).reduce((keys, record, index) => {
 						const key = getRowKey.value(record, index);
 						if (!isCheckboxDisabled(record) || derivedSelectedKeySet.value.has(key)) keys.push(key);
 						return keys;
@@ -172,7 +214,7 @@ function useSelection(config, rowSelection) {
 				text: tableLocale.value.selectInvert,
 				onSelect() {
 					const keySet = new Set(derivedSelectedKeySet.value);
-					pageData.value.forEach((record, index) => {
+					flattedData.value.forEach((record, index) => {
 						const key = getRowKey.value(record, index);
 						if (!checkboxPropsMap.value.get(key)?.disabled) if (keySet.has(key)) keySet.delete(key);
 						else keySet.add(key);
@@ -191,7 +233,8 @@ function useSelection(config, rowSelection) {
 				onSelect() {
 					selectionConfig.value.onSelectNone?.();
 					setSelectedKeys(Array.from(derivedSelectedKeySet.value).filter((key) => {
-						return checkboxPropsMap.value.get(key)?.disabled;
+						const record = getSelectedRecord(key);
+						return record !== void 0 && isCheckboxDisabled(record);
 					}), "none");
 				}
 			};
@@ -231,6 +274,7 @@ function useSelection(config, rowSelection) {
 			setSelectedKeys(keys, "all");
 			updatePrevSelectedIndex(null);
 		};
+		const { selectAll, selectRow = "Select row", selectedRow = "Row selected", selectionMenu: selectionMenuLabel = "Selection menu" } = tableLocale.value;
 		let title;
 		let columnTitleCheckbox;
 		if (selectionType.value !== "radio") {
@@ -244,16 +288,17 @@ function useSelection(config, rowSelection) {
 				mergedSelections.value.forEach((selection, index) => {
 					selectionMap.set(selection.key ?? index, selection);
 				});
-				customizeSelections = createVNode("div", { "class": `${prefixCls.value}-selection-extra` }, [createVNode(Dropdown, {
+				customizeSelections = createVNode("div", { "class": `${prefixCls.value}-selection-extra` }, [createVNode(SelectionMenu, {
 					"menu": {
 						getPopupContainer: getPopupContainer.value,
 						items: menuItems
 					},
 					"getPopupContainer": getPopupContainer.value,
+					"label": selectionMenuLabel,
 					"onMenuClick": (info) => {
 						selectionMap.get(info?.key)?.onSelect?.(recordKeys);
 					}
-				}, { default: () => [createVNode("span", null, [createVNode(DownOutlined, null, null)])] })]);
+				}, null)]);
 			}
 			const allDisabledData = flattedData.value.map((record, index) => {
 				const key = getRowKey.value(record, index);
@@ -268,7 +313,7 @@ function useSelection(config, rowSelection) {
 			const allDisabledSomeChecked = allDisabled && allDisabledData.some(({ checked }) => checked);
 			const customCheckboxProps = selectionConfig.value.getTitleCheckboxProps?.() || {};
 			const { onChange, disabled } = customCheckboxProps;
-			columnTitleCheckbox = createVNode(checkbox_default, mergeProps({ "aria-label": customizeSelections ? "Custom selection" : "Select all" }, customCheckboxProps, {
+			columnTitleCheckbox = createVNode(checkbox_default, mergeProps({ "aria-label": typeof selectAll === "string" && selectAll ? selectAll : "Select all" }, customCheckboxProps, {
 				"checked": !allDisabled ? !!flattedData.value.length && checkedCurrentAll : allDisabledAndChecked,
 				"indeterminate": !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked,
 				"onChange": (e) => {
@@ -286,7 +331,7 @@ function useSelection(config, rowSelection) {
 			const checked = keySet.has(key);
 			const checkboxProps = checkboxPropsMap.value.get(key);
 			return {
-				node: createVNode(radio_default, mergeProps({ "aria-label": `Select row ${index + 1}` }, checkboxProps, {
+				node: createVNode(radio_default, mergeProps({ "aria-label": selectRow }, checkboxProps, {
 					"checked": checked,
 					"onClick": (e) => {
 						lastClickEvent = e;
@@ -313,7 +358,7 @@ function useSelection(config, rowSelection) {
 				warning(typeof checkboxProps?.indeterminate !== "boolean", "usage", "set `indeterminate` using `rowSelection.getCheckboxProps` is not allowed with tree structured dataSource.");
 			} else mergedIndeterminate = checkboxProps?.indeterminate ?? indeterminate;
 			return {
-				node: createVNode(checkbox_default, mergeProps({ "aria-label": checked ? `Row ${index + 1} selected` : `Select row ${index + 1}` }, checkboxProps, {
+				node: createVNode(checkbox_default, mergeProps({ "aria-label": checked ? selectedRow : selectRow }, checkboxProps, {
 					"indeterminate": mergedIndeterminate,
 					"checked": checked,
 					"skipGroup": true,

package/dist/table/interface.d.ts

@@ -31,9 +31,17 @@ interface TableLocale {
   selectNone?: VueNode;
   selectInvert?: VueNode;
   selectionAll?: VueNode;
+  /** Accessible label for a selectable row. */
+  selectRow?: string;
+  /** Accessible label for a selected row. */
+  selectedRow?: string;
+  /** Accessible label for the custom selection menu trigger. */
+  selectionMenu?: string;
   sortTitle?: string;
   expand?: string;
   collapse?: string;
+  expandAll?: string;
+  collapseAll?: string;
   triggerDesc?: string;
   triggerAsc?: string;
   cancelSort?: string;

package/dist/table/style/index.js

@@ -25,7 +25,7 @@ const genTableStyle = (token) => {
 	return { [`${componentCls}-wrapper`]: {
 		clear: "both",
 		maxWidth: "100%",
-		["--rc-virtual-list-scrollbar-bg"]: token.tableScrollBg,
+		["--vc-virtual-list-scrollbar-bg"]: token.tableScrollBg,
 		...clearFix(),
 		[componentCls]: {
 			...resetComponent(token),

package/dist/table/style/sorter.js

@@ -12,8 +12,8 @@ const genSorterStyle = (token) => {
 			},
 			"&:focus-visible": { color: token.colorPrimary },
 			[`
-          &${componentCls}-cell-fix-left:hover,
-          &${componentCls}-cell-fix-right:hover
+          &${componentCls}-cell-fix-start:hover,
+          &${componentCls}-cell-fix-end:hover
         `]: { background: token.tableFixedHeaderSortActiveBg }
 		},
 		[`${componentCls}-thead th${componentCls}-column-sort`]: {

package/dist/tabs/index.js

@@ -56,6 +56,9 @@ const InternalTabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 		warning(!(attrs.onPrevClick || attrs.onNextClick), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.");
 		warning.deprecated(!indicatorSize.value, "indicatorSize", "indicator");
 		warning.deprecated(!(props.destroyInactiveTabPane || props.items?.some((item) => "destroyInactiveTabPane" in item)), "destroyInactiveTabPane", "destroyOnHidden");
+		if (more.value) [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach(([deprecatedName, newName]) => {
+			warning.deprecated(!(deprecatedName in more.value), `more.${deprecatedName}`, `more.${newName}`);
+		});
 	}
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
@@ -87,14 +90,18 @@ const InternalTabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 		};
 		const mergedMoreFn = () => {
 			const rootPrefixCls = getPrefixCls();
+			const { visible: moreVisible, ...restMoreProps } = more.value ?? {};
+			const legacyMoreProps = more.value && !("open" in more.value) && "visible" in more.value ? { open: moreVisible } : {};
 			if (!rootPrefixCls) return {
 				icon: moreIcon,
-				...more.value
+				...restMoreProps,
+				...legacyMoreProps
 			};
 			return {
 				icon: moreIcon,
 				transitionName: `${rootPrefixCls}-slide-up`,
-				...more.value
+				...restMoreProps,
+				...legacyMoreProps
 			};
 		};
 		const mergedMore = mergedMoreFn();

package/dist/tabs/style/index.js

@@ -114,7 +114,7 @@ const genDropdownStyle = (token) => {
 				margin: 0,
 				padding: `${unit(token.paddingXXS)} ${unit(token.paddingSM)}`,
 				color: token.colorText,
-				fontWeight: "normal",
+				fontWeight: 400,
 				fontSize: token.fontSize,
 				lineHeight: token.lineHeight,
 				cursor: "pointer",

package/dist/time-picker/index.js

@@ -105,6 +105,10 @@ const RangePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expos
 			type: [Object, Function],
 			required: false
 		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
 		id: {
 			type: [String, Object],
 			required: false
@@ -266,6 +270,19 @@ const RangePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expos
 			required: false,
 			default: void 0
 		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		autoComplete: {
+			type: String,
+			required: false
+		},
 		order: {
 			type: Boolean,
 			required: false,
@@ -1500,6 +1517,10 @@ const TimePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expose
 			type: String,
 			required: false
 		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
 		use12Hours: {
 			type: Boolean,
 			required: false,
@@ -1665,6 +1686,19 @@ const TimePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expose
 			required: false,
 			default: void 0
 		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		autoComplete: {
+			type: String,
+			required: false
+		},
 		order: {
 			type: Boolean,
 			required: false,

package/dist/timeline/Timeline.js

@@ -3,8 +3,8 @@ import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
-import isNonNullable from "../_util/isNonNullable.js";
 import { resolveSlotsNode } from "../_util/vnode/index.js";
+import isNonNullable from "../_util/isNonNullable.js";
 import { provideInternalContext } from "../steps/context.js";
 import Steps from "../steps/index.js";
 import style_default from "./style/index.js";

package/dist/tooltip/style/index.js

@@ -60,7 +60,7 @@ const genTooltipStyle = (token) => {
 				`&-placement-right`,
 				`&-placement-rightTop`,
 				`&-placement-rightBottom`
-			].join(",")]: { [`${componentCls}-inner`]: { borderRadius: token.min(tooltipBorderRadius, 8) } },
+			].join(",")]: { [`${componentCls}-container`]: { borderRadius: token.min(tooltipBorderRadius, 8) } },
 			[`${componentCls}-content`]: { position: "relative" },
 			...genPresetColor(token, (colorKey, { darkColor }) => ({ [`&${componentCls}-${colorKey}`]: {
 				[`${componentCls}-container`]: { backgroundColor: darkColor },

package/dist/tour/panelRender.js

@@ -1,8 +1,8 @@
 import { getSlotPropsFnRun } from "../_util/tools.js";
-import isNonNullable from "../_util/isNonNullable.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
 import button_default from "../button/index.js";
+import isNonNullable from "../_util/isNonNullable.js";
 import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
@@ -17,13 +17,14 @@ const TourPanel = /* @__PURE__ */ defineComponent((props) => {
 		const { prefixCls, total = 1, title, onClose, onPrev, onNext, onFinish, cover, description, nextButtonProps, prevButtonProps, type: stepType, closable, classes = {}, styles = {} } = stepProps;
 		const ariaProps = pickAttrs(closable ?? {}, true);
 		const mergedType = stepType ?? type;
+		const resolvedCloseIcon = getSlotPropsFnRun({}, { closeIcon: closable?.closeIcon }, "closeIcon");
 		const mergedCloseIcon = createVNode("button", mergeProps({
 			"type": "button",
 			"onClick": onClose,
 			"class": clsx(`${prefixCls}-close`, classes.close),
 			"style": styles.close,
 			"aria-label": contextLocaleGlobal?.value.close
-		}, ariaProps), [closable?.closeIcon || createVNode(CloseOutlined, { "class": `${prefixCls}-close-icon` }, null)]);
+		}, ariaProps), [resolvedCloseIcon || createVNode(CloseOutlined, { "class": `${prefixCls}-close-icon` }, null)]);
 		const isLastStep = current === total - 1;
 		const prevBtnClick = (e) => {
 			onPrev?.();

package/dist/transfer/Section.js

@@ -1,4 +1,5 @@
 import { normalizeStyle as normalizeStyle$1 } from "../_util/styleUtils.js";
+import { isRenderable } from "../_util/is.js";
 import Dropdown from "../dropdown/index.js";
 import checkbox_default from "../checkbox/index.js";
 import Search from "./search.js";
@@ -130,7 +131,7 @@ const TransferSection = /* @__PURE__ */ defineComponent((props) => {
 		}, [search, bodyNode]);
 	};
 	const getSelectAllLabel = (selectedCount, totalCount) => {
-		if (props.selectAllLabel) return typeof props.selectAllLabel === "function" ? props.selectAllLabel({
+		if (isRenderable(props.selectAllLabel)) return typeof props.selectAllLabel === "function" ? props.selectAllLabel({
 			selectedCount,
 			totalCount
 		}) : props.selectAllLabel;

package/dist/transfer/Transfer.js

@@ -1,4 +1,5 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { useMultipleSelect } from "../_util/hooks/useMultipleSelect.js";
@@ -9,7 +10,6 @@ import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
-import { useFormItemInputContext } from "../form/context.js";
 import Actions from "./Actions.js";
 import { groupDisabledKeysMap, groupKeysMap } from "../_util/transKeys.js";
 import TransferSection from "./Section.js";

package/dist/tree/style/index.js

@@ -43,7 +43,7 @@ function genBaseStyle(prefixCls, token) {
 	const { treeCls, treeNodeCls, treeNodePadding, titleHeight, indentSize, switcherSize, motionDurationMid, nodeSelectedBg, nodeHoverBg, colorTextQuaternary, controlItemBgActiveDisabled } = token;
 	return { [treeCls]: {
 		...resetComponent(token),
-		["--rc-virtual-list-scrollbar-bg"]: token.colorSplit,
+		["--vc-virtual-list-scrollbar-bg"]: token.colorSplit,
 		background: token.colorBgContainer,
 		borderRadius: token.borderRadius,
 		transition: `background-color ${token.motionDurationSlow}`,