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

package/dist/style/motion/fade.mjs

@@ -10,6 +10,31 @@ const fadeOut = new Keyframes("antFadeOut", {
 	"0%": { opacity: 1 },
 	"100%": { opacity: 0 }
 });
+/**
+* Initialize fade motion styles
+*
+* Generates CSS styles for fade in/out transition animations when elements are shown/hidden.
+* Supports enter, appear, and leave animation states.
+*
+* @param token - Object containing design tokens and CSS class prefix
+* @param sameLevel - Controls CSS selector nesting behavior:
+*   - `false` (default): Generates descendant selectors like `.ant-fade-enter`, `.ant-fade-appear`
+*   - `true`: Generates same-level selectors with `&` prefix like `&.ant-fade-enter`, `&.ant-fade-appear`
+*   Use `true` when the motion classes are applied to the same element as the parent selector,
+*   Use `false` when the motion classes are applied to child elements
+* @returns CSS interpolation object containing fade motion styles
+*
+* @example
+* ```ts
+* // For child elements (default behavior)
+* const fadeStyles = initFadeMotion(token);
+* // Generates: .parent .ant-fade-enter { ... }
+*
+* // For same element
+* const sameLevelFadeStyles = initFadeMotion(token, true);
+* // Generates: .parent.ant-fade-enter { ... }
+* ```
+*/
 function initFadeMotion(token, sameLevel = false) {
 	const { antCls } = token;
 	const motionCls = `${antCls}-fade`;

package/dist/switch/index.d.mts

@@ -2,15 +2,22 @@ import { VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue150 from "vue";
-import { SlotsType } from "vue";
+import * as vue172 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { SwitchChangeEventHandler, SwitchClickEventHandler } from "@v-c/switch";
 
 //#region src/switch/index.d.ts
 type SwitchSize = 'small' | 'default';
-type SemanticName = 'root' | 'content';
-type SwitchClassNamesType = SemanticClassNamesType<SwitchProps, SemanticName>;
-type SwitchStylesType = SemanticStylesType<SwitchProps, SemanticName>;
+interface SwitchSemanticClassNames {
+  root?: string;
+  content?: string;
+}
+interface SwitchSemanticStyles {
+  root?: CSSProperties;
+  content?: CSSProperties;
+}
+type SwitchClassNamesType = SemanticClassNamesType<SwitchProps, SwitchSemanticClassNames>;
+type SwitchStylesType = SemanticStylesType<SwitchProps, SwitchSemanticStyles>;
 interface SwitchProps extends ComponentBaseProps {
   size?: SwitchSize;
   checked?: boolean;
@@ -47,8 +54,8 @@ interface SwitchSlots {
   checkedChildren: () => any;
   unCheckedChildren: () => any;
 }
-declare const Switch: vue150.DefineSetupFnComponent<SwitchProps, SwitchEmits, SlotsType<SwitchSlots>, SwitchProps & {
+declare const Switch: vue172.DefineSetupFnComponent<SwitchProps, SwitchEmits, SlotsType<SwitchSlots>, SwitchProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue150.PublicProps>;
+}, vue172.PublicProps>;
 //#endregion
 export { Switch, SwitchEmits, SwitchProps, SwitchSize, SwitchSlots };

package/dist/switch/index.mjs

@@ -61,7 +61,7 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		const unCheckedChildren = getSlotPropsFnRun(slots, props, "unCheckedChildren");
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const loadingIcon = createVNode("div", { "class": `${prefixCls.value}-handle` }, [loading && createVNode(LoadingOutlined, { "class": `${prefixCls.value}-loading-icon` }, null)]);
-		const classes$1 = clsx(contextClassName.value, {
+		const classes = clsx(contextClassName.value, {
 			[`${prefixCls.value}-small`]: mergedSize.value === "small",
 			[`${prefixCls.value}-loading`]: loading,
 			[`${prefixCls.value}-rtl`]: direction.value === "rtl"
@@ -81,7 +81,7 @@ const Switch = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 			"checked": checked.value,
 			"onChange": changeHandler,
 			"prefixCls": prefixCls.value,
-			"className": classes$1,
+			"className": classes,
 			"style": mergedStyle,
 			"disabled": mergedDisabled.value,
 			"loadingIcon": loadingIcon,

package/dist/table/Column.d.mts

@@ -1,6 +1,6 @@
 import { AnyObject, EmptyEmit } from "../_util/type.mjs";
 import { ColumnType } from "./interface.mjs";
-import * as vue375 from "vue";
+import * as vue382 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: vue375.DefineSetupFnComponent<ColumnProps<AnyObject>, EmptyEmit, SlotsType<ColumnSlots>, ColumnProps<AnyObject> & {
+declare const Column: vue382.DefineSetupFnComponent<ColumnProps<AnyObject>, EmptyEmit, SlotsType<ColumnSlots>, ColumnProps<AnyObject> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue375.PublicProps>;
+}, vue382.PublicProps>;
 //#endregion
 export { Column, ColumnProps };

package/dist/table/ColumnGroup.d.mts

@@ -1,7 +1,7 @@
 import { AnyObject, EmptyEmit } from "../_util/type.mjs";
 import { ColumnType } from "./interface.mjs";
 import { ColumnProps } from "./Column.mjs";
-import * as vue377 from "vue";
+import * as vue384 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: vue377.DefineSetupFnComponent<ColumnGroupProps<AnyObject>, EmptyEmit, SlotsType<ColumnGroupSlots>, ColumnGroupProps<AnyObject> & {
+declare const ColumnGroup: vue384.DefineSetupFnComponent<ColumnGroupProps<AnyObject>, EmptyEmit, SlotsType<ColumnGroupSlots>, ColumnGroupProps<AnyObject> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue377.PublicProps>;
+}, vue384.PublicProps>;
 //#endregion
 export { ColumnGroup };

package/dist/table/InternalTable.d.mts

@@ -1,26 +1,48 @@
 import { SizeType } from "../config-provider/SizeContext.mjs";
 import { AnyObject } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
-import { PaginationSemanticName } from "../pagination/interface.mjs";
+import { PaginationSemanticClassNames, PaginationSemanticStyles } from "../pagination/interface.mjs";
 import { ColumnType, ColumnsType, FilterDropdownProps, FilterValue, GetPopupContainer, Key, SortOrder, SorterResult, SorterTooltipProps, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from "./interface.mjs";
 import { SpinProps } from "../spin/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import { SlotsType } from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { TableProps } from "@v-c/table";
 
 //#region src/table/InternalTable.d.ts
-type TableSemanticName = 'section' | 'title' | 'footer' | 'content' | 'root';
-type ComponentsSemantic = 'wrapper' | 'cell' | 'row';
-type TableClassNamesType<RecordType = AnyObject> = SemanticClassNamesType<TableProps$1<RecordType>, TableSemanticName, {
-  body?: SemanticClassNames<ComponentsSemantic>;
-  header?: SemanticClassNames<ComponentsSemantic>;
-  pagination?: SemanticClassNames<PaginationSemanticName>;
+interface TableSemanticClassNames {
+  root?: string;
+  section?: string;
+  title?: string;
+  footer?: string;
+  content?: string;
+}
+interface TableSemanticStyles {
+  root?: CSSProperties;
+  section?: CSSProperties;
+  title?: CSSProperties;
+  footer?: CSSProperties;
+  content?: CSSProperties;
+}
+interface ComponentsSemanticClassNames {
+  wrapper?: string;
+  cell?: string;
+  row?: string;
+}
+interface ComponentsSemanticStyles {
+  wrapper?: CSSProperties;
+  cell?: CSSProperties;
+  row?: CSSProperties;
+}
+type TableClassNamesType<RecordType = AnyObject> = SemanticClassNamesType<TableProps$1<RecordType>, TableSemanticClassNames, {
+  body?: ComponentsSemanticClassNames;
+  header?: ComponentsSemanticClassNames;
+  pagination?: PaginationSemanticClassNames;
 }>;
-type TableStylesType<RecordType = AnyObject> = SemanticStylesType<TableProps$1<RecordType>, TableSemanticName, {
-  body?: SemanticStyles<ComponentsSemantic>;
-  header?: SemanticStyles<ComponentsSemantic>;
-  pagination?: SemanticStyles<PaginationSemanticName>;
+type TableStylesType<RecordType = AnyObject> = SemanticStylesType<TableProps$1<RecordType>, TableSemanticStyles, {
+  body?: ComponentsSemanticStyles;
+  header?: ComponentsSemanticStyles;
+  pagination?: PaginationSemanticStyles;
 }>;
 interface TableProps$1<RecordType = AnyObject> extends ComponentBaseProps, Omit<TableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText' | 'className' | 'style' | 'classNames' | 'styles' | 'getPopupContainer' | 'onUpdate:expandedRowKeys' | 'onScroll'> {
   classes?: TableClassNamesType<RecordType>;

package/dist/table/InternalTable.mjs

@@ -18,6 +18,7 @@ import pagination_default from "../pagination/index.mjs";
 import useSelection from "./hooks/useSelection.mjs";
 import ExpandIcon_default from "./ExpandIcon.mjs";
 import useContainerWidth from "./hooks/useContainerWidth.mjs";
+import { TableMeasureRowContextProvider } from "./TableMeasureRowContext.mjs";
 import useFilter, { collectFilterStates, generateFilterInfo, getFilterData, getMergedFilterStates } from "./hooks/useFilter/index.mjs";
 import useLazyKVMap from "./hooks/useLazyKVMap.mjs";
 import usePagination, { DEFAULT_PAGE_SIZE, getPaginationParam } from "./hooks/usePagination.mjs";
@@ -40,7 +41,11 @@ 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 } = useComponentBaseConfig("table", props, ["bodyCell", "headerCell"]);
+	const { prefixCls, direction, getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, renderEmpty, getPopupContainer: contextGetPopupContainer, virtual: contextVirtual, bodyCell: contextBodyCell, headerCell: contextHeaderCell, rowKey: contextRowKey } = useComponentBaseConfig("table", props, [
+		"bodyCell",
+		"headerCell",
+		"rowKey"
+	]);
 	const configCtx = useConfig();
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const mergedSize = useSize(computed(() => props.size));
@@ -115,7 +120,8 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 	const childrenColumnName = computed(() => mergedExpandable.value.childrenColumnName || "children");
 	const getRowKey = computed(() => {
 		if (typeof props.rowKey === "function") return props.rowKey;
-		const rowKey = props.rowKey || "key";
+		if (!props.rowKey && contextRowKey.value && typeof contextRowKey.value === "function") return contextRowKey.value;
+		const rowKey = props.rowKey || contextRowKey.value || "key";
 		return (record) => record?.[rowKey];
 	});
 	if (isDev) devUseWarning("Table")(!(typeof props.rowKey === "function" && props.rowKey.length > 1), "usage", "`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.");
@@ -157,10 +163,10 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 	const filterStateWarning = isDev ? devUseWarning("Table") : void 0;
 	const mergedFilterStates = computed(() => getMergedFilterStates(mergedColumns.value, filterStates.value, filterStateWarning));
 	const filters = computed(() => generateFilterInfo(mergedFilterStates.value));
-	const onFilterChange = (filters$1, filterStates$1) => {
+	const onFilterChange = (filters, filterStates) => {
 		triggerOnChange({
-			filters: filters$1,
-			filterStates: filterStates$1
+			filters,
+			filterStates
 		}, "filter", true);
 	};
 	const mergedData = computed(() => getFilterData(sortedData.value, mergedFilterStates.value, childrenColumnName.value));
@@ -386,7 +392,7 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 				"transformColumns": transformColumns,
 				"getContainerWidth": getContainerWidth,
 				"scroll": mergedScroll.value,
-				"measureRowRender": (measureRow) => createVNode(config_provider_default, { "getPopupContainer": (node) => node }, _isSlot(measureRow) ? measureRow : { default: () => [measureRow] }),
+				"measureRowRender": (measureRow) => createVNode(TableMeasureRowContextProvider, { "value": true }, { default: () => [createVNode(config_provider_default, { "getPopupContainer": (node) => node }, _isSlot(measureRow) ? measureRow : { default: () => [measureRow] })] }),
 				"title": title,
 				"footer": footer,
 				"summary": summary,

package/dist/table/Table.d.mts

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

package/dist/table/TableMeasureRowContext.mjs

@@ -0,0 +1,20 @@
+import { computed, defineComponent, inject, provide, ref } from "vue";
+
+//#region src/table/TableMeasureRowContext.ts
+const TableMeasureRowContextKey = Symbol("TableMeasureRowContextKey");
+function useTableMeasureRowContext() {
+	return inject(TableMeasureRowContextKey, ref(false));
+}
+const TableMeasureRowContextProvider = defineComponent((props, { slots }) => {
+	provide(TableMeasureRowContextKey, computed(() => props.value));
+	return () => {
+		return slots?.default?.();
+	};
+}, {
+	name: "TableMeasureRowContext",
+	inheritAttrs: false,
+	props: { value: Boolean }
+});
+
+//#endregion
+export { TableMeasureRowContextProvider, useTableMeasureRowContext };

package/dist/table/hooks/useFilter/FilterDropdown.mjs

@@ -10,6 +10,7 @@ import dropdown_default from "../../../dropdown/index.mjs";
 import radio_default from "../../../radio/index.mjs";
 import checkbox_default from "../../../checkbox/index.mjs";
 import tree_default from "../../../tree/index.mjs";
+import { useTableMeasureRowContext } from "../../TableMeasureRowContext.mjs";
 import FilterSearch_default from "./FilterSearch.mjs";
 import FilterWrapper_default from "./FilterWrapper.mjs";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, shallowRef, watch } from "vue";
@@ -53,11 +54,11 @@ function renderFilterItems({ filters, prefixCls, filteredKeys, filterMultiple, s
 				filterSearch
 			})
 		};
-		const Component$1 = filterMultiple ? checkbox_default : radio_default;
+		const Component = filterMultiple ? checkbox_default : radio_default;
 		const checked = filteredKeys.includes(key);
 		const item = {
 			key: filter.value !== void 0 ? key : index,
-			label: createVNode(Fragment, null, [createVNode(Component$1, { "checked": checked }, null), createVNode("span", null, [filter.text])])
+			label: createVNode(Fragment, null, [createVNode(Component, { "checked": checked }, null), createVNode("span", null, [filter.text])])
 		};
 		if (searchValue.trim()) {
 			if (typeof filterSearch === "function") return filterSearch(searchValue, filter) ? item : null;
@@ -80,6 +81,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const { filterMode, filterSearch, column } = toPropsRefs(props, "filterSearch", "filterMode", "column");
 	const filterDropdownProps = computed(() => column?.value?.filterDropdownProps ?? {});
 	const visible = shallowRef(false);
+	const inMeasureRow = useTableMeasureRowContext();
 	const filtered = computed(() => {
 		const filterState = props.filterState;
 		return !!(filterState && (filterState.filteredKeys?.length || filterState.forceFiltered));
@@ -196,11 +198,12 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	});
 	return () => {
 		let _slot;
+		const { dropdownPrefixCls, prefixCls, tablePrefixCls } = props;
 		const renderEmpty = config.value.renderEmpty;
 		const getDropdownContent = () => {
-			let dropdownContent$1;
+			let dropdownContent;
 			const baseDropdownProps = {
-				prefixCls: `${props.dropdownPrefixCls}-custom`,
+				prefixCls: `${dropdownPrefixCls}-custom`,
 				setSelectedKeys: (selectedKeys) => onSelectKeys({ selectedKeys }),
 				selectedKeys: filteredKeysSync.value,
 				confirm: doFilter,
@@ -225,9 +228,9 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 					} else hasPropDropdownRender = false;
 				} else hasPropDropdownRender = false;
 			}
-			if (filterNode) dropdownContent$1 = filterNode;
-			else if (typeof column.value.filterDropdown === "function") dropdownContent$1 = column.value.filterDropdown({ ...baseDropdownProps });
-			else if (column.value.filterDropdown) dropdownContent$1 = column.value.filterDropdown;
+			if (filterNode) dropdownContent = filterNode;
+			else if (typeof column.value.filterDropdown === "function") dropdownContent = column.value.filterDropdown({ ...baseDropdownProps });
+			else if (column.value.filterDropdown) dropdownContent = column.value.filterDropdown;
 			else {
 				const selectedKeys = filteredKeysSync.value || [];
 				const getFilterComponent = () => {
@@ -296,7 +299,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 					if (column.value.filterResetToDefaultFilteredValue) return isEqual((column.value.defaultFilteredValue || []).map((key) => String(key)), selectedKeys, true);
 					return selectedKeys.length === 0;
 				};
-				dropdownContent$1 = createVNode(Fragment, null, [getFilterComponent(), createVNode("div", { "class": `${props.prefixCls}-dropdown-btns` }, [createVNode(button_default, {
+				dropdownContent = createVNode(Fragment, null, [getFilterComponent(), createVNode("div", { "class": `${props.prefixCls}-dropdown-btns` }, [createVNode(button_default, {
 					"type": "link",
 					"size": "small",
 					"disabled": getResetDisabled(),
@@ -309,11 +312,11 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			}
 			if (filterDropdownDefined.value) {
 				const _dropdownContent = function() {
-					return dropdownContent$1;
+					return dropdownContent;
 				}();
-				dropdownContent$1 = createVNode(OverrideProvider, { "value": { selectable: void 0 } }, _isSlot(dropdownContent$1) ? dropdownContent$1 : { default: () => [_dropdownContent] });
+				dropdownContent = createVNode(OverrideProvider, { "value": { selectable: void 0 } }, _isSlot(dropdownContent) ? dropdownContent : { default: () => [_dropdownContent] });
 			}
-			return createVNode(FilterWrapper_default, { "className": `${props.prefixCls}-dropdown` }, _isSlot(dropdownContent$1) ? dropdownContent$1 : { default: () => [dropdownContent$1] });
+			return createVNode(FilterWrapper_default, { "className": `${props.prefixCls}-dropdown` }, _isSlot(dropdownContent) ? dropdownContent : { default: () => [dropdownContent] });
 		};
 		const getDropdownTrigger = () => {
 			let filterIcon;
@@ -334,6 +337,8 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			}, [filterIcon]);
 		};
 		const getTitle = () => slots.default?.() ?? props.children;
+		const triggerNode = getDropdownTrigger();
+		if (inMeasureRow.value) return createVNode("div", { "class": `${prefixCls}-column` }, [createVNode("span", { "class": `${tablePrefixCls}-column-title` }, [getTitle()]), triggerNode]);
 		const dropdownContent = getDropdownContent();
 		const dropdownRootClassName = clsx(props.rootClassName, filterDropdownProps.value.rootClassName, filterDropdownProps.value.rootClass);
 		const mergedDropdownProps = extendsObject_default({
@@ -352,7 +357,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 				return dropdownContent;
 			}
 		});
-		return createVNode("div", { "class": `${props.prefixCls}-column` }, [createVNode("span", { "class": `${props.tablePrefixCls}-column-title` }, [getTitle()]), createVNode(dropdown_default, mergedDropdownProps, _isSlot(_slot = getDropdownTrigger()) ? _slot : { default: () => [_slot] })]);
+		return createVNode("div", { "class": `${prefixCls}-column` }, [createVNode("span", { "class": `${tablePrefixCls}-column-title` }, [getTitle()]), createVNode(dropdown_default, mergedDropdownProps, _isSlot(_slot = getDropdownTrigger()) ? _slot : { default: () => [_slot] })]);
 	};
 }, { props: /* @__PURE__ */ mergeDefaults({
 	tablePrefixCls: {

package/dist/table/hooks/useSelection.mjs

@@ -248,7 +248,7 @@ function useSelection(config, rowSelection) {
 					checked: keySet.has(key),
 					...checkboxProps
 				};
-			}).filter(({ disabled: disabled$1 }) => disabled$1);
+			}).filter(({ disabled }) => disabled);
 			const allDisabled = !!allDisabledData.length && allDisabledData.length === flattedData.value.length;
 			const allDisabledAndChecked = allDisabled && allDisabledData.every(({ checked }) => checked);
 			const allDisabledSomeChecked = allDisabled && allDisabledData.some(({ checked }) => checked);

package/dist/table/interface.d.mts

@@ -93,8 +93,7 @@ interface CoverableDropdownProps extends DropdownProps {
 interface ColumnType<RecordType = AnyObject> extends Omit<_v_c_table0.ColumnType<RecordType>, 'title'> {
   title?: ColumnTitle<RecordType>;
   sorter?: boolean | CompareFn<RecordType> | {
-    compare?: CompareFn<RecordType>;
-    /** Config multiple sorter order priority */
+    compare?: CompareFn<RecordType>; /** Config multiple sorter order priority */
     multiple?: number;
   };
   sortOrder?: SortOrder;

package/dist/table/style/virtual.mjs

@@ -8,7 +8,7 @@ const genVirtualStyle = (token) => {
 	return { [`${componentCls}-wrapper`]: {
 		[`${componentCls}-tbody-virtual`]: {
 			[`${componentCls}-tbody-virtual-holder-inner`]: { [`
-            & > ${componentCls}-row, 
+            & > ${componentCls}-row,
             & > div:not(${componentCls}-row) > ${componentCls}-row
           `]: {
 				display: "flex",

package/dist/tabs/TabPane.d.mts

@@ -1,5 +1,5 @@
 import { EmptyEmit } from "../_util/type.mjs";
-import * as vue330 from "vue";
+import * as vue352 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: vue330.DefineSetupFnComponent<TabPaneProps$1, EmptyEmit, SlotsType<TabPaneSlots>, TabPaneProps$1 & {
+declare const TabPane: vue352.DefineSetupFnComponent<TabPaneProps$1, EmptyEmit, SlotsType<TabPaneSlots>, TabPaneProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue330.PublicProps>;
+}, vue352.PublicProps>;
 //#endregion
 export { TabPane, TabPaneProps$1 as TabPaneProps };

package/dist/tabs/index.d.mts

@@ -1,24 +1,40 @@
 import { SizeType } from "../config-provider/SizeContext.mjs";
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { TabPane, TabPaneProps as TabPaneProps$1 } from "./TabPane.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue157 from "vue";
-import { SlotsType } from "vue";
+import * as vue174 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { GetIndicatorSize, MoreProps, Tab, TabsProps } from "@v-c/tabs";
 
 //#region src/tabs/index.d.ts
 type TabsType = 'line' | 'card' | 'editable-card';
 type TabPosition = 'top' | 'right' | 'bottom' | 'left';
 type TabPlacement = 'top' | 'end' | 'bottom' | 'start';
-type TabsSemanticName = 'root' | 'item' | 'indicator' | 'content' | 'header';
-type PopupSemantic = 'root';
-type TabsClassNamesType = SemanticClassNamesType<TabsProps$1, TabsSemanticName, {
-  popup?: SemanticClassNames<PopupSemantic>;
+interface TabsSemanticClassNames {
+  root?: string;
+  item?: string;
+  indicator?: string;
+  content?: string;
+  header?: string;
+}
+interface TabsSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  indicator?: CSSProperties;
+  content?: CSSProperties;
+  header?: CSSProperties;
+}
+type TabsClassNamesType = SemanticClassNamesType<TabsProps$1, TabsSemanticClassNames, {
+  popup?: {
+    root?: string;
+  };
 }>;
-type TabsStylesType = SemanticStylesType<TabsProps$1, TabsSemanticName, {
-  popup?: SemanticStyles<PopupSemantic>;
+type TabsStylesType = SemanticStylesType<TabsProps$1, TabsSemanticStyles, {
+  popup?: {
+    root?: CSSProperties;
+  };
 }>;
 interface CompatibilityProps {
   /** @deprecated Please use `destroyOnHidden` instead */
@@ -87,8 +103,8 @@ interface TabsSlots {
   rightExtra?: () => any;
   leftExtra?: () => any;
 }
-declare const Tabs: vue157.DefineSetupFnComponent<TabsProps$1, TabsEmits, SlotsType<TabsSlots>, TabsProps$1 & {
+declare const Tabs: vue174.DefineSetupFnComponent<TabsProps$1, TabsEmits, SlotsType<TabsSlots>, TabsProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue157.PublicProps>;
+}, vue174.PublicProps>;
 //#endregion
 export { Tab$1 as Tab, Tabs, TabsEmits, TabsProps$1 as TabsProps, TabsRef, TabsSlots };

package/dist/tabs/index.mjs

@@ -19,7 +19,7 @@ import VcTabs from "@v-c/tabs";
 //#region src/tabs/index.tsx
 const Tabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emit, expose }) => {
 	const { classes, styles, type, size: customSize, tabPlacement: tabPlacementProp, tabPosition, hideAdd, centered, indicatorSize } = toPropsRefs(props, "classes", "styles", "type", "size", "tabPlacement", "tabPosition", "hideAdd", "centered", "indicatorSize");
-	const classNames$1 = toRef(props, "classes");
+	const classNames = toRef(props, "classes");
 	const more = toRef(props, "more");
 	const popupClassName = toRef(props, "popupClassName");
 	const indicator = toRef(props, "indicator");
@@ -43,7 +43,7 @@ const Tabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emit, expos
 			items: mergedItems.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames$1, classes), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
 	const mergedAnimated = computed(() => useAnimateConfig(prefixCls.value, props.animated));
 	const mergedIndicator = computed(() => ({
 		align: indicator.value?.align,
@@ -140,9 +140,9 @@ const Tabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emit, expos
 			...attrStyle
 		};
 		let renderTabBar;
-		if (slots.renderTabBar || props.renderTabBar) renderTabBar = (props$1, TabNavListComponent) => {
-			return getSlotPropsFnRun(slots, props$1, "renderTabBar", true, {
-				props: props$1,
+		if (slots.renderTabBar || props.renderTabBar) renderTabBar = (props, TabNavListComponent) => {
+			return getSlotPropsFnRun(slots, props, "renderTabBar", true, {
+				props,
 				TabNavListComponent
 			});
 		};

package/dist/tag/CheckableTag.d.mts

@@ -1,6 +1,6 @@
 import { VueNode } from "../_util/type.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue289 from "vue";
+import * as vue358 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: vue289.DefineSetupFnComponent<CheckableTagProps, CheckableTagEmits, SlotsType<CheckableTagSlots>, CheckableTagProps & {
+declare const CheckableTag: vue358.DefineSetupFnComponent<CheckableTagProps, CheckableTagEmits, SlotsType<CheckableTagSlots>, CheckableTagProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue289.PublicProps>;
+}, vue358.PublicProps>;
 //#endregion
 export { CheckableTag, CheckableTagProps };

package/dist/tag/CheckableTagGroup.d.mts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.mjs";
 import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue283 from "vue";
+import * as vue364 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: vue283.DefineSetupFnComponent<CheckableTagGroupProps<CheckableTagDefaultValue>, CheckableTagGroupEmits<CheckableTagDefaultValue>, {}, CheckableTagGroupProps<CheckableTagDefaultValue> & {
+declare const CheckableTagGroup: vue364.DefineSetupFnComponent<CheckableTagGroupProps<CheckableTagDefaultValue>, CheckableTagGroupEmits<CheckableTagDefaultValue>, {}, CheckableTagGroupProps<CheckableTagDefaultValue> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue283.PublicProps>;
+}, vue364.PublicProps>;
 //#endregion
 export { CheckableTagGroup };

package/dist/tag/index.d.mts

@@ -6,14 +6,23 @@ import { ClosableType } from "../_util/hooks/useClosable.mjs";
 import { CheckableTag, CheckableTagProps } from "./CheckableTag.mjs";
 import { CheckableTagGroup } from "./CheckableTagGroup.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue144 from "vue";
-import { SlotsType } from "vue";
+import * as vue176 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
 //#region src/tag/index.d.ts
-type TagSemanticName = 'root' | 'icon' | 'content';
-type TagClassNamesType = SemanticClassNamesType<TagProps, TagSemanticName>;
-type TagStylesType = SemanticStylesType<TagProps, TagSemanticName>;
+interface TagSemanticClassNames {
+  root?: string;
+  icon?: string;
+  content?: string;
+}
+interface TagSemanticStyles {
+  root?: CSSProperties;
+  icon?: CSSProperties;
+  content?: CSSProperties;
+}
+type TagClassNamesType = SemanticClassNamesType<TagProps, TagSemanticClassNames>;
+type TagStylesType = SemanticStylesType<TagProps, TagSemanticStyles>;
 interface TagProps extends ComponentBaseProps {
   color?: LiteralUnion<PresetColorType | PresetStatusColorType>;
   /** Advised to use closeIcon instead. */
@@ -38,9 +47,9 @@ interface TagEmits {
   close: (ev: MouseEvent) => void;
   [key: string]: (...args: any[]) => any;
 }
-declare const InternalTag: vue144.DefineSetupFnComponent<TagProps, TagEmits, SlotsType<TagSlots>, TagProps & {
+declare const InternalTag: vue176.DefineSetupFnComponent<TagProps, TagEmits, SlotsType<TagSlots>, TagProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue144.PublicProps>;
+}, vue176.PublicProps>;
 declare const Tag: typeof InternalTag & {
   CheckableTag: typeof CheckableTag;
 };

package/dist/tag/index.mjs

@@ -2,9 +2,9 @@ import { useComponentBaseConfig, useConfig } from "../config-provider/context.mj
 import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.mjs";
-import { replaceElement } from "../_util/vueNode.mjs";
 import { useDisabledContext } from "../config-provider/DisabledContext.mjs";
 import wave_default from "../_util/wave/index.mjs";
+import { replaceElement } from "../_util/vueNode.mjs";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.mjs";
 import style_default from "./style/index.mjs";
 import CheckableTag_default from "./CheckableTag.mjs";

package/dist/tag/style/index.mjs

@@ -124,7 +124,7 @@ const prepareToken = (token) => {
 const prepareComponentToken = (token) => {
 	const solidTextColor = isBright(new AggregationColor(token.colorBgSolid), "#fff") ? "#000" : "#fff";
 	return {
-		defaultBg: new FastColor(token.colorFillQuaternary).onBackground(token.colorBgContainer).toHexString(),
+		defaultBg: new FastColor(token.colorFillTertiary).onBackground(token.colorBgContainer).toHexString(),
 		defaultColor: token.colorText,
 		solidTextColor
 	};