antdv-next 1.5.6 → 1.7.0

package/dist/slider/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/slider/style/index.d.ts
 interface ComponentToken {
@@ -94,6 +98,6 @@ interface ComponentToken {
   trackBgDisabled: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Slider'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/space/Compact.d.ts

@@ -21,7 +21,7 @@ interface SpaceCompactItemContextType {
 declare function useSpaceCompactItemContext(): Ref<SpaceCompactItemContextType | null, SpaceCompactItemContextType | null>;
 declare function useCompactItemContext(prefixCls: Ref<string>, direction: Ref<DirectionType>): {
   compactSize: import("vue").ComputedRef<SizeType>;
-  compactDirection: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
+  compactDirection: import("vue").ComputedRef<"vertical" | "horizontal" | undefined>;
   compactItemClassnames: import("vue").ComputedRef<string>;
 };
 declare const NoCompactStyle: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;

package/dist/space/style/addon.d.ts

@@ -1,6 +1,10 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/space/style/addon.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
 interface ComponentToken {}
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default };

package/dist/space/style/compact.d.ts

@@ -1,6 +1,10 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/space/style/compact.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
 interface ComponentToken {}
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default };

package/dist/space/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/space/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -17,6 +21,6 @@ interface ComponentToken {
   addonPaddingBlock?: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Space'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/spin/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/spin/style/index.d.ts
 interface ComponentToken {
@@ -24,6 +28,6 @@ interface ComponentToken {
   dotSizeLG: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Spin'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/splitter/SplitBar.js

@@ -1,14 +1,20 @@
 import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
-import { computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
+import useLocale from "../locale/useLocale.js";
+import { computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from "@antdv-next/icons";
 //#region src/splitter/SplitBar.tsx
+function getAriaLabel(icon, defaultLabel) {
+	const node = Array.isArray(icon) && icon.length === 1 ? icon[0] : icon;
+	return isVNode(node) && node.props?.["aria-label"] || defaultLabel;
+}
 function getValidNumber(num) {
 	return typeof num === "number" && !Number.isNaN(num) && Number.isFinite(num) ? Math.round(num) : 0;
 }
 const DOUBLE_CLICK_TIME_GAP = 300;
 const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const [locale] = useLocale("Splitter");
 	const { vertical, resizable, index, containerSize, ariaNow, ariaMin, ariaMax, prefixCls, rootPrefixCls, lazy } = toPropsRefs(props, "vertical", "resizable", "index", "containerSize", "ariaNow", "ariaMin", "ariaMax", "prefixCls", "rootPrefixCls", "lazy");
 	const splitBarPrefixCls = computed(() => `${prefixCls.value}-bar`);
 	const lastClickTimeRef = shallowRef(0);
@@ -163,7 +169,7 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				"class": clsx(`${splitBarPrefixCls.value}-collapse-bar`, `${splitBarPrefixCls.value}-collapse-bar-start`, { [`${splitBarPrefixCls.value}-collapse-bar-customize`]: startCustomize }, getVisibilityClass(showStartCollapsibleIcon)),
 				"role": "button",
 				"tabindex": 0,
-				"aria-label": "Toggle start panel",
+				"aria-label": getAriaLabel(startIcon, locale.value.toggleStartPanel),
 				"onClick": () => onCollapse(index.value, "start"),
 				"onKeydown": (e) => onCollapseKeyDown(e, "start")
 			}, [createVNode("span", { "class": clsx(`${splitBarPrefixCls.value}-collapse-icon`, `${splitBarPrefixCls.value}-collapse-start`) }, [startIcon])]),
@@ -171,7 +177,7 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				"class": clsx(`${splitBarPrefixCls.value}-collapse-bar`, `${splitBarPrefixCls.value}-collapse-bar-end`, { [`${splitBarPrefixCls.value}-collapse-bar-customize`]: endCustomize }, getVisibilityClass(showEndCollapsibleIcon)),
 				"role": "button",
 				"tabindex": 0,
-				"aria-label": "Toggle end panel",
+				"aria-label": getAriaLabel(endIcon, locale.value.toggleEndPanel),
 				"onClick": () => onCollapse(index.value, "end"),
 				"onKeydown": (e) => onCollapseKeyDown(e, "end")
 			}, [createVNode("span", { "class": clsx(`${splitBarPrefixCls.value}-collapse-icon`, `${splitBarPrefixCls.value}-collapse-end`) }, [endIcon])])

package/dist/splitter/interface.d.ts

@@ -34,6 +34,10 @@ type SplitterClassNamesType = SemanticClassNamesType<SplitterProps, SplitterSema
 type SplitterStylesType = SemanticStylesType<SplitterProps, SplitterSemanticStyles, {
   dragger?: CSSProperties | DraggerSemanticStyles;
 }>;
+interface SplitterLocale {
+  toggleStartPanel?: string;
+  toggleEndPanel?: string;
+}
 interface SplitterProps extends ComponentBaseProps {
   classes?: SplitterClassNamesType;
   styles?: SplitterStylesType;
@@ -146,4 +150,4 @@ interface UseCollapsible {
   setOldBasics: () => void;
 }
 //#endregion
-export { DraggerSemantic, DraggerSemanticClassNames, DraggerSemanticStyles, InternalPanelProps, PanelProps, SplitterClassNamesType, SplitterEmits, SplitterProps, SplitterSemanticClassNames, SplitterSemanticDraggerClassNames, SplitterSemanticName, SplitterSemanticStyles, SplitterSlots, SplitterStylesType, UseCollapsible, UseCollapsibleProps, UseHandle, UseHandleProps, UseResize, UseResizeProps };
+export { DraggerSemantic, DraggerSemanticClassNames, DraggerSemanticStyles, InternalPanelProps, PanelProps, SplitterClassNamesType, SplitterEmits, SplitterLocale, SplitterProps, SplitterSemanticClassNames, SplitterSemanticDraggerClassNames, SplitterSemanticName, SplitterSemanticStyles, SplitterSlots, SplitterStylesType, UseCollapsible, UseCollapsibleProps, UseHandle, UseHandleProps, UseResize, UseResizeProps };

package/dist/splitter/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/splitter/style/index.d.ts
 interface ComponentToken {
@@ -25,6 +29,6 @@ interface ComponentToken {
   splitTriggerSize: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Splitter'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/statistic/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/statistic/style/index.d.ts
 interface ComponentToken {
@@ -14,6 +18,6 @@ interface ComponentToken {
   contentFontSize: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Statistic'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/steps/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 import { CSSProperties } from "vue";
 //#region src/steps/style/index.d.ts
@@ -76,6 +80,6 @@ interface StepsToken extends FullToken<'Steps'> {
   inlineDotSize: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Steps'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, StepsToken, _default as default, prepareComponentToken };

package/dist/steps/style/index.js

@@ -53,7 +53,7 @@ const genBasicStyle = (token) => {
 		},
 		[`${itemCls}-subtitle`]: {
 			color: token.colorTextDescription,
-			fontWeight: "normal",
+			fontWeight: 400,
 			fontSize: varRef("subtitle-font-size"),
 			lineHeight: varRef("subtitle-line-height"),
 			marginInlineStart: token.marginXS,

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/switch/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/switch/style/index.d.ts
 interface ComponentToken {
@@ -69,6 +73,6 @@ interface ComponentToken {
   innerMaxMarginSM: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Switch'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

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,31 +56,22 @@ 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);
 	const ariaProps = computed(() => pickAttrs(attrs, { aria: true }));
 	const hasAriaProps = computed(() => Object.keys(ariaProps.value).length > 0);
 	provide(HeaderTableContextKey, computed(() => ({
 		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(() => {
@@ -113,8 +104,10 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		if (props.columns) return props.columns;
 		return convertColumnsToColumnProps(slots.default?.() ?? []);
 	}), computed(() => props.column ?? contextColumn.value));
-	const screens = useBreakpoint(computed(() => baseColumns.value.some((col) => col.responsive)), null);
+	const needResponsive = computed(() => baseColumns.value.some((col) => col.responsive));
+	const screens = useBreakpoint(needResponsive, null);
 	const mergedColumns = computed(() => {
+		if (!needResponsive.value) return baseColumns.value;
 		const matched = new Set(Object.keys(screens.value || {}).filter((m) => screens.value?.[m]));
 		return baseColumns.value.filter((c) => !c.responsive || c.responsive.some((r) => matched.has(r)));
 	});
@@ -167,7 +160,7 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			if (changeInfo.pagination?.current) changeInfo.pagination.current = 1;
 			if (props.pagination && typeof props.pagination === "object") props.pagination.onChange?.(1, changeInfo.pagination?.pageSize);
 		}
-		if (props.scroll?.scrollToFirstRowOnChange !== false && internalRefs.body?.value) scrollTo(0, { getContainer: () => internalRefs.body.value });
+		if (mergedScroll.value && mergedScroll.value.scrollToFirstRowOnChange !== false && internalRefs.body?.value) scrollTo(0, { getContainer: () => internalRefs.body.value });
 		emit("change", changeInfo.pagination, changeInfo.filters, changeInfo.sorter, {
 			currentDataSource: getFilterData(getSortData(rawData.value, changeInfo.sorterStates, childrenColumnName.value), changeInfo.filterStates, childrenColumnName.value),
 			action
@@ -292,14 +285,63 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		return node;
 	};
 	const columnTitleProps = useColumnTitleProps(sorterTitleProps, filters);
+	const transformTitleColumns = computed(() => useTitleColumns(columnTitleProps.value)[0]);
+	const renderExpandedRow = slots.expandedRowRender ? (record, index, indent, expanded) => getSlotPropsFnRun(slots, props, "expandedRowRender", true, {
+		record,
+		index,
+		indent,
+		expanded
+	}) : void 0;
+	const renderFilterDropdown = slots.filterDropdown ? (ctx) => getSlotPropsFnRun(slots, props, "filterDropdown", false, ctx) : void 0;
+	const renderFilterIcon = slots.filterIcon ? (ctx) => getSlotPropsFnRun(slots, props, "filterIcon", false, ctx) : void 0;
+	const transformFilterColumns = computed(() => useFilter({
+		prefixCls: prefixCls.value,
+		dropdownPrefixCls: getPrefixCls("dropdown", props.dropdownPrefixCls),
+		mergedFilterStates: mergedFilterStates.value,
+		filterStates,
+		onFilterChange,
+		filterDropdown: renderFilterDropdown,
+		filterIcon: renderFilterIcon,
+		getPopupContainer: props.getPopupContainer || contextGetPopupContainer,
+		locale: mergedLocale.value,
+		rootClassName: clsx(props.rootClass, cssVarCls.value, rootCls.value, hashId.value)
+	})[0]);
+	const transformColumns = (innerColumns) => transformTitleColumns.value(transformSelectionColumns(transformFilterColumns.value(transformSorterColumns(innerColumns))));
+	const expandType = computed(() => {
+		if (rawData.value.some((item) => item?.[childrenColumnName.value])) return "nest";
+		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 = 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);
 	return () => {
-		const [transformTitleColumns] = useTitleColumns(columnTitleProps.value);
-		const renderExpandedRow = slots.expandedRowRender ? (record, index, indent, expanded) => getSlotPropsFnRun(slots, props, "expandedRowRender", true, {
-			record,
-			index,
-			indent,
-			expanded
-		}) : void 0;
 		const { locale } = props;
 		const mergedEmptyNodeFn = () => {
 			if (spinProps.value?.spinning && rawData.value === EMPTY_LIST) return null;
@@ -308,42 +350,11 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			return renderEmpty?.value?.("Table") || createVNode(DefaultRenderEmpty, { "componentName": "Table" }, null);
 		};
 		const mergedEmptyNode = mergedEmptyNodeFn();
-		const mergedGetPopupContainer = props.getPopupContainer || contextGetPopupContainer;
-		const renderFilterDropdown = slots.filterDropdown ? (ctx) => getSlotPropsFnRun(slots, props, "filterDropdown", false, ctx) : void 0;
-		const renderFilterIcon = slots.filterIcon ? (ctx) => getSlotPropsFnRun(slots, props, "filterIcon", false, ctx) : void 0;
-		const [transformFilterColumns] = useFilter({
-			prefixCls: prefixCls.value,
-			dropdownPrefixCls: getPrefixCls("dropdown", props.dropdownPrefixCls),
-			mergedFilterStates: mergedFilterStates.value,
-			filterStates,
-			onFilterChange,
-			filterDropdown: renderFilterDropdown,
-			filterIcon: renderFilterIcon,
-			getPopupContainer: mergedGetPopupContainer,
-			locale: mergedLocale.value,
-			rootClassName: clsx(props.rootClass, cssVarCls.value, rootCls.value, hashId.value)
-		});
-		const transformColumns = (innerColumns) => transformTitleColumns(transformSelectionColumns(transformFilterColumns(transformSorterColumns(innerColumns))));
-		const expandType = (() => {
-			if (rawData.value.some((item) => item?.[childrenColumnName.value])) return "nest";
-			if (renderExpandedRow || mergedExpandable.value.expandedRowRender) return "row";
-			return null;
-		})();
-		const mergedExpandableConfig = (() => {
-			const expandable = { ...mergedExpandable.value };
-			expandable.__PARENT_RENDER_ICON__ = expandable.expandIcon;
-			if (renderExpandedRow) expandable.expandedRowRender = renderExpandedRow;
-			expandable.expandIcon = expandable.expandIcon || renderExpandIcon(mergedLocale.value);
-			if (expandType === "nest" && expandable.expandIconColumnIndex === void 0) expandable.expandIconColumnIndex = mergedRowSelection.value ? 1 : 0;
-			else if (expandType === "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 renderPagination = (placement = "end") => {
 			const paginationProps = mergedPagination.value;
 			const paginationSize = getPaginationSize(paginationProps.size, mergedSize.value);
-			const paginationClasses = (info) => mergeClassNames({}, mergedClassNames.value.pagination, resolveStyleOrClass(paginationProps.classes, info));
-			const paginationStyles = (info) => mergeStyles(resolveStyleOrClass(paginationProps.styles, info), mergedStyles.value.pagination);
+			const paginationClasses = (info) => mergeClassNames({}, mergedClassNames.value.pagination, resolveStyleOrClass(paginationProps.classes ?? {}, info));
+			const paginationStyles = (info) => mergeStyles(resolveStyleOrClass(paginationProps.styles ?? {}, info), mergedStyles.value.pagination);
 			return createVNode(pagination_default, mergeProps(paginationProps, {
 				"classes": paginationClasses,
 				"styles": paginationStyles,
@@ -391,7 +402,6 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 		}, cssVarCls.value, rootCls.value, hashId.value);
 		const TableComp = TableComponent.value;
 		const virtualProps = mergedVirtual.value ? { listItemHeight: listItemHeight.value } : {};
-		const mergedScroll = props.scroll ?? contextScroll.value;
 		return createVNode("div", {
 			"ref": rootRef,
 			"class": wrapperCls,
@@ -409,7 +419,7 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 				"emptyText": mergedEmptyNode,
 				"classNames": mergedClassNames.value,
 				"styles": mergedStyles.value,
-				"expandable": mergedExpandableConfig,
+				"expandable": mergedExpandableConfig.value,
 				"prefixCls": prefixCls.value,
 				"direction": direction.value,
 				"headerCell": slots.headerCell || contextHeaderCell.value || props.headerCell ? renderHeaderCell : void 0,
@@ -419,13 +429,13 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 				"internalRefs": internalRefs,
 				"transformColumns": transformColumns,
 				"getContainerWidth": getContainerWidth,
-				"scroll": mergedScroll,
-				"measureRowRender": (measureRow) => createVNode(TableMeasureRowContextProvider, { "value": true }, { default: () => [createVNode(ConfigProvider, { "getPopupContainer": (node) => node }, _isSlot(measureRow) ? measureRow : { default: () => [measureRow] })] }),
+				"scroll": mergedScroll.value,
+				"measureRowRender": measureRowRender,
 				"title": title,
 				"footer": footer,
 				"summary": summary,
-				"onUpdate:expandedRowKeys": (keys) => emit("update:expandedRowKeys", keys),
-				"onResizeColumn": (width, column, columnKey) => emit("resizeColumn", width, column, columnKey)
+				"onUpdate:expandedRowKeys": onInternalUpdateExpandedRowKeys,
+				"onResizeColumn": onInternalResizeColumn
 			}), null),
 			paginationNodes.bottom
 		] })]);

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) => {