antdv-next 1.2.2 → 1.3.0-beta.1

package/dist/table/InternalTable.js

@@ -17,6 +17,7 @@ import pagination_default from "../pagination/index.js";
 import useSelection from "./hooks/useSelection.js";
 import ExpandIcon_default from "./ExpandIcon.js";
 import useContainerWidth from "./hooks/useContainerWidth.js";
+import useFilledColumns from "./hooks/useFilledColumns.js";
 import useFilter, { collectFilterStates, generateFilterInfo, getFilterData, getMergedFilterStates } from "./hooks/useFilter/index.js";
 import useLazyKVMap from "./hooks/useLazyKVMap.js";
 import usePagination, { DEFAULT_PAGE_SIZE, getPaginationParam } from "./hooks/usePagination.js";
@@ -39,11 +40,12 @@ 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 } = 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 } = useComponentBaseConfig("table", props, [
 		"bodyCell",
 		"headerCell",
 		"rowKey",
-		"scroll"
+		"scroll",
+		"column"
 	]);
 	const configCtx = useConfig();
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
@@ -73,10 +75,10 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 	const internalRefs = { body: shallowRef(null) };
 	const rootCls = useCSSVarCls_default(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
-	const baseColumns = computed(() => {
+	const baseColumns = useFilledColumns(computed(() => {
 		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 mergedColumns = computed(() => {
 		const matched = new Set(Object.keys(screens.value || {}).filter((m) => screens.value?.[m]));

package/dist/table/TableMeasureRowContext.d.ts

@@ -1,12 +1,12 @@
-import * as vue749 from "vue";
+import * as vue395 from "vue";
 import { Ref } from "vue";
 
 //#region src/table/TableMeasureRowContext.d.ts
 declare function useTableMeasureRowContext(): Ref<boolean, boolean>;
-declare const TableMeasureRowContextProvider: vue749.DefineSetupFnComponent<{
+declare const TableMeasureRowContextProvider: vue395.DefineSetupFnComponent<{
   value: boolean;
 }, {}, {}, {
   value: boolean;
-} & {}, vue749.PublicProps>;
+} & {}, vue395.PublicProps>;
 //#endregion
 export { TableMeasureRowContextProvider, useTableMeasureRowContext };

package/dist/table/hooks/useFilledColumns.d.ts

@@ -0,0 +1,14 @@
+import { ColumnType, ColumnsType } from "../interface.js";
+import { ComputedRef } from "vue";
+
+//#region src/table/hooks/useFilledColumns.d.ts
+/**
+ * Merge a per-column default (typically from ConfigProvider) into every
+ * non-special column in the tree. Mirrors ant-design 6.4.0 useFilledColumns.
+ *
+ * Component-level column props take precedence over the default; defaults only
+ * fill in missing keys.
+ */
+declare function useFilledColumns<RecordType = any>(columns: ComputedRef<ColumnsType<RecordType>>, column: ComputedRef<Partial<ColumnType<RecordType>> | undefined>): ComputedRef<ColumnsType<RecordType>>;
+//#endregion
+export { useFilledColumns as default };

package/dist/table/hooks/useFilledColumns.js

@@ -0,0 +1,41 @@
+import { SELECTION_COLUMN } from "./useSelection.js";
+import { computed } from "vue";
+import { EXPAND_COLUMN } from "@v-c/table";
+
+//#region src/table/hooks/useFilledColumns.ts
+function isSpecialColumn(col) {
+	return col === SELECTION_COLUMN || col === EXPAND_COLUMN;
+}
+/**
+* Merge a per-column default (typically from ConfigProvider) into every
+* non-special column in the tree. Mirrors ant-design 6.4.0 useFilledColumns.
+*
+* Component-level column props take precedence over the default; defaults only
+* fill in missing keys.
+*/
+function useFilledColumns(columns, column) {
+	return computed(() => {
+		const defaults = column.value;
+		if (!defaults) return columns.value;
+		const { children: _ignoredChildren, ...defaultsWithoutChildren } = defaults;
+		const fill = (list) => list.map((col) => {
+			if (isSpecialColumn(col)) return col;
+			if ("children" in col && Array.isArray(col.children)) {
+				const group = col;
+				return {
+					...defaults,
+					...group,
+					children: fill(group.children)
+				};
+			}
+			return {
+				...defaultsWithoutChildren,
+				...col
+			};
+		});
+		return fill(columns.value);
+	});
+}
+
+//#endregion
+export { useFilledColumns as default };

package/dist/table/hooks/useFilter/FilterDropdown.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject, EmptyEmit } from "../../../_util/type.js";
 import { ColumnFilterItem, ColumnType, FilterDropdownProps as FilterDropdownProps$1, FilterSearchType, FilterValue, GetPopupContainer, Key as Key$1, TableLocale } from "../../interface.js";
 import { FilterState } from "./index.js";
-import * as vue959 from "vue";
+import * as vue1076 from "vue";
 import { SlotsType } from "vue";
 import { DataNode } from "@v-c/tree";
 
@@ -34,8 +34,8 @@ interface FilterDropdownProps<RecordType = AnyObject> {
   rootClassName?: string;
 }
 type FilterTreeDataNode = DataNode;
-declare const FilterDropdown: vue959.DefineSetupFnComponent<FilterDropdownProps<AnyObject>, EmptyEmit, SlotsType<{
+declare const FilterDropdown: vue1076.DefineSetupFnComponent<FilterDropdownProps<AnyObject>, EmptyEmit, SlotsType<{
   default?: () => any;
-}>, FilterDropdownProps<AnyObject>, vue959.PublicProps>;
+}>, FilterDropdownProps<AnyObject>, vue1076.PublicProps>;
 //#endregion
 export { FilterDropdownProps, TreeColumnFilterItem, FilterDropdown as default, flattenKeys };

package/dist/table/hooks/useFilter/FilterSearch.d.ts

@@ -1,6 +1,6 @@
 import { AnyObject } from "../../../_util/type.js";
 import { FilterSearchType, TableLocale } from "../../interface.js";
-import * as vue_jsx_runtime28 from "vue/jsx-runtime";
+import * as vue_jsx_runtime29 from "vue/jsx-runtime";
 
 //#region src/table/hooks/useFilter/FilterSearch.d.ts
 interface FilterSearchProps<RecordType = AnyObject> {
@@ -10,6 +10,6 @@ interface FilterSearchProps<RecordType = AnyObject> {
   tablePrefixCls: string;
   locale: TableLocale;
 }
-declare function FilterSearch<RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>): vue_jsx_runtime28.JSX.Element | null;
+declare function FilterSearch<RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>): vue_jsx_runtime29.JSX.Element | null;
 //#endregion
 export { FilterSearch as default };

package/dist/table/hooks/useFilter/FilterWrapper.d.ts

@@ -1,5 +1,5 @@
 import { EmptyEmit } from "../../../_util/type.js";
-import * as vue980 from "vue";
+import * as vue1074 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/table/hooks/useFilter/FilterWrapper.d.ts
@@ -7,8 +7,8 @@ interface FilterDropdownMenuWrapperProps {
   class?: string;
   className?: string;
 }
-declare const FilterDropdownMenuWrapper: vue980.DefineSetupFnComponent<FilterDropdownMenuWrapperProps, EmptyEmit, SlotsType<{
+declare const FilterDropdownMenuWrapper: vue1074.DefineSetupFnComponent<FilterDropdownMenuWrapperProps, EmptyEmit, SlotsType<{
   default?: () => any;
-}>, FilterDropdownMenuWrapperProps, vue980.PublicProps>;
+}>, FilterDropdownMenuWrapperProps, vue1074.PublicProps>;
 //#endregion
 export { FilterDropdownMenuWrapperProps, FilterDropdownMenuWrapper as default };

package/dist/table/hooks/useFilter/index.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, VueNode } from "../../../_util/type.js";
+import { AnyObject, VueNode as VueNode$1 } from "../../../_util/type.js";
 import { devUseWarning } from "../../../_util/warning.js";
 import { Breakpoint } from "../../../_util/responsiveObserver.js";
 import { ColumnFilterItem, ColumnTitle, ColumnType, ColumnsType, CompareFn, CoverableDropdownProps, FilterDropdownProps, FilterKey, FilterSearchType, FilterValue, GetPopupContainer, Key, SortOrder, SorterTooltipProps, TableLocale, TransformColumns } from "../../interface.js";
@@ -47,16 +47,16 @@ declare function getMergedFilterStates<RecordType extends AnyObject = AnyObject>
     sortDirections?: SortOrder[];
     sortIcon?: (props: {
       sortOrder: SortOrder;
-    }) => VueNode;
+    }) => VueNode$1;
     showSorterTooltip?: boolean | SorterTooltipProps;
     filtered?: boolean;
     filters?: ColumnFilterItem[];
-    filterDropdown?: VueNode | ((props: FilterDropdownProps) => VueNode);
+    filterDropdown?: VueNode$1 | ((props: FilterDropdownProps) => VueNode$1);
     filterOnClose?: boolean;
     filterMultiple?: boolean;
     filteredValue?: FilterValue | null;
     defaultFilteredValue?: FilterValue | null;
-    filterIcon?: VueNode | ((filtered: boolean) => VueNode);
+    filterIcon?: VueNode$1 | ((filtered: boolean) => VueNode$1);
     filterMode?: "menu" | "tree";
     filterSearch?: FilterSearchType<ColumnFilterItem>;
     onFilter?: ((value: Key | boolean, record: RecordType) => boolean) | undefined;
@@ -65,17 +65,17 @@ declare function getMergedFilterStates<RecordType extends AnyObject = AnyObject>
     responsive?: Breakpoint[];
     filterDropdownOpen?: boolean;
     onFilterDropdownOpenChange?: (visible: boolean) => void;
-    hidden?: boolean | undefined;
-    className?: string | undefined;
-    width?: number | string | undefined;
     key?: _v_c_table_dist_interface_js0.Key | undefined;
+    width?: number | string | undefined;
+    className?: string | undefined;
     minWidth?: number | undefined;
+    hidden?: boolean | undefined;
     fixed?: _v_c_table0.FixedType | undefined;
     ellipsis?: _v_c_table_dist_interface_js0.CellEllipsisType | undefined;
     align?: _v_c_table_dist_interface_js0.AlignType | undefined;
-    render?: ((value: any, record: RecordType, index: number) => _v_c_util6.VueNode | _v_c_table0.RenderedCell<RecordType>) | undefined;
     colSpan?: number | undefined;
     dataIndex?: _v_c_table0.DataIndex<RecordType> | undefined;
+    render?: ((value: any, record: RecordType, index: number) => _v_c_util6.VueNode | _v_c_table0.RenderedCell<RecordType>) | undefined;
     shouldCellUpdate?: ((record: RecordType, prevRecord: RecordType) => boolean) | undefined;
     rowSpan?: number | undefined;
     onCell?: ((data: RecordType, index?: number) => Partial<_v_c_table_dist_interface_js0.CellAttributes>) | undefined;
@@ -84,19 +84,18 @@ declare function getMergedFilterStates<RecordType extends AnyObject = AnyObject>
     rowScope?: _v_c_table_dist_interface_js0.RowScopeType | undefined;
   } | {
     children: ColumnsType<RecordType>;
-    hidden?: boolean;
-    className?: string;
-    responsive?: Breakpoint[];
     title?: ColumnTitle<RecordType_1>;
-    width?: number | string;
     key?: _v_c_table_dist_interface_js0.Key;
+    width?: number | string;
+    className?: string;
     minWidth?: number;
+    hidden?: boolean;
     fixed?: _v_c_table0.FixedType;
     ellipsis?: _v_c_table_dist_interface_js0.CellEllipsisType;
     align?: _v_c_table_dist_interface_js0.AlignType;
-    render?: ((value: any, record: RecordType, index: number) => _v_c_util6.VueNode | _v_c_table0.RenderedCell<RecordType>) | undefined;
-    filters?: ColumnFilterItem[];
+    responsive?: Breakpoint[];
     colSpan?: number;
+    render?: ((value: any, record: RecordType, index: number) => _v_c_util6.VueNode | _v_c_table0.RenderedCell<RecordType>) | undefined;
     shouldCellUpdate?: ((record: RecordType, prevRecord: RecordType) => boolean) | undefined;
     rowSpan?: number;
     onCell?: ((data: RecordType, index?: number) => Partial<_v_c_table_dist_interface_js0.CellAttributes>) | undefined;
@@ -112,15 +111,16 @@ declare function getMergedFilterStates<RecordType extends AnyObject = AnyObject>
     sortDirections?: SortOrder[];
     sortIcon?: (props: {
       sortOrder: SortOrder;
-    }) => VueNode;
+    }) => VueNode$1;
     showSorterTooltip?: boolean | SorterTooltipProps;
     filtered?: boolean;
-    filterDropdown?: VueNode | ((props: FilterDropdownProps) => VueNode);
+    filters?: ColumnFilterItem[];
+    filterDropdown?: VueNode$1 | ((props: FilterDropdownProps) => VueNode$1);
     filterOnClose?: boolean;
     filterMultiple?: boolean;
     filteredValue?: FilterValue | null;
     defaultFilteredValue?: FilterValue | null;
-    filterIcon?: VueNode | ((filtered: boolean) => VueNode);
+    filterIcon?: VueNode$1 | ((filtered: boolean) => VueNode$1);
     filterMode?: "menu" | "tree";
     filterSearch?: FilterSearchType<ColumnFilterItem>;
     onFilter?: ((value: Key | boolean, record: RecordType) => boolean) | undefined;
@@ -140,16 +140,16 @@ declare function getMergedFilterStates<RecordType extends AnyObject = AnyObject>
     sortDirections?: SortOrder[];
     sortIcon?: (props: {
       sortOrder: SortOrder;
-    }) => VueNode;
+    }) => VueNode$1;
     showSorterTooltip?: boolean | SorterTooltipProps;
     filtered?: boolean;
     filters?: ColumnFilterItem[];
-    filterDropdown?: VueNode | ((props: FilterDropdownProps) => VueNode);
+    filterDropdown?: VueNode$1 | ((props: FilterDropdownProps) => VueNode$1);
     filterOnClose?: boolean;
     filterMultiple?: boolean;
     filteredValue?: FilterValue | null;
     defaultFilteredValue?: FilterValue | null;
-    filterIcon?: VueNode | ((filtered: boolean) => VueNode);
+    filterIcon?: VueNode$1 | ((filtered: boolean) => VueNode$1);
     filterMode?: "menu" | "tree";
     filterSearch?: FilterSearchType<ColumnFilterItem>;
     onFilter?: ((value: Key | boolean, record: RecordType) => boolean) | undefined;
@@ -158,17 +158,17 @@ declare function getMergedFilterStates<RecordType extends AnyObject = AnyObject>
     responsive?: Breakpoint[];
     filterDropdownOpen?: boolean;
     onFilterDropdownOpenChange?: (visible: boolean) => void;
-    hidden?: boolean;
-    className?: string;
-    width?: number | string;
     key?: _v_c_table_dist_interface_js0.Key;
+    width?: number | string;
+    className?: string;
     minWidth?: number;
+    hidden?: boolean;
     fixed?: _v_c_table0.FixedType;
     ellipsis?: _v_c_table_dist_interface_js0.CellEllipsisType;
     align?: _v_c_table_dist_interface_js0.AlignType;
-    render?: ((value: any, record: RecordType, index: number) => _v_c_util6.VueNode | _v_c_table0.RenderedCell<RecordType>) | undefined;
     colSpan?: number;
     dataIndex?: _v_c_table0.DataIndex<RecordType> | undefined;
+    render?: ((value: any, record: RecordType, index: number) => _v_c_util6.VueNode | _v_c_table0.RenderedCell<RecordType>) | undefined;
     shouldCellUpdate?: ((record: RecordType, prevRecord: RecordType) => boolean) | undefined;
     rowSpan?: number;
     onCell?: ((data: RecordType, index?: number) => Partial<_v_c_table_dist_interface_js0.CellAttributes>) | undefined;

package/dist/table/hooks/usePagination.d.ts

@@ -1,11 +1,11 @@
 import { TablePaginationConfig } from "../interface.js";
-import * as vue1080 from "vue";
+import * as vue1008 from "vue";
 import { Ref } from "vue";
 
 //#region src/table/hooks/usePagination.d.ts
 declare const DEFAULT_PAGE_SIZE = 10;
 declare function getPaginationParam(mergedPagination: TablePaginationConfig, pagination?: TablePaginationConfig | boolean): any;
 type MaybeRef<T> = T | Ref<T>;
-declare function usePagination(total: MaybeRef<number>, onChange: (current: number, pageSize: number) => void, pagination?: MaybeRef<TablePaginationConfig | false>): readonly [vue1080.ComputedRef<TablePaginationConfig>, (current?: number, pageSize?: number) => void];
+declare function usePagination(total: MaybeRef<number>, onChange: (current: number, pageSize: number) => void, pagination?: MaybeRef<TablePaginationConfig | false>): readonly [vue1008.ComputedRef<TablePaginationConfig>, (current?: number, pageSize?: number) => void];
 //#endregion
 export { DEFAULT_PAGE_SIZE, usePagination as default, getPaginationParam };

package/dist/table/hooks/useSelection.d.ts

@@ -1,6 +1,6 @@
 import { AnyObject } from "../../_util/type.js";
 import { GetPopupContainer, GetRowKey, Key, SelectionItem, TableLocale, TableRowSelection, TransformColumns } from "../interface.js";
-import * as vue1078 from "vue";
+import * as vue1042 from "vue";
 import { Ref } from "vue";
 
 //#region src/table/hooks/useSelection.d.ts
@@ -20,6 +20,6 @@ interface UseSelectionConfig<RecordType = AnyObject> {
   getPopupContainer?: MaybeRef<GetPopupContainer | undefined>;
 }
 type INTERNAL_SELECTION_ITEM = SelectionItem | typeof SELECTION_ALL | typeof SELECTION_INVERT | typeof SELECTION_NONE;
-declare function useSelection<RecordType extends AnyObject = AnyObject>(config: UseSelectionConfig<RecordType>, rowSelection?: MaybeRef<TableRowSelection<RecordType> | undefined>): readonly [TransformColumns<RecordType>, vue1078.ComputedRef<Set<Key>>];
+declare function useSelection<RecordType extends AnyObject = AnyObject>(config: UseSelectionConfig<RecordType>, rowSelection?: MaybeRef<TableRowSelection<RecordType> | undefined>): readonly [TransformColumns<RecordType>, vue1042.ComputedRef<Set<Key>>];
 //#endregion
 export { INTERNAL_SELECTION_ITEM, SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE, useSelection as default };

package/dist/table/hooks/useSorter.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject } from "../../_util/type.js";
 import { ColumnTitleProps, ColumnType, ColumnsType, Key, SortOrder, SorterResult, SorterTooltipProps, TableLocale, TransformColumns } from "../interface.js";
 import { Locale } from "../../locale/index.js";
-import * as vue1060 from "vue";
+import * as vue957 from "vue";
 import { Ref } from "vue";
 
 //#region src/table/hooks/useSorter.d.ts
@@ -22,6 +22,6 @@ interface SorterConfig<RecordType = AnyObject> {
   showSorterTooltip?: MaybeRef<boolean | SorterTooltipProps>;
   globalLocale?: MaybeRef<Locale['global']>;
 }
-declare function useSorter<RecordType extends AnyObject = AnyObject>(props: SorterConfig<RecordType>): readonly [TransformColumns<RecordType>, vue1060.ComputedRef<SortState<RecordType>[]>, vue1060.ComputedRef<ColumnTitleProps<RecordType>>, () => SorterResult<RecordType> | SorterResult<RecordType>[]];
+declare function useSorter<RecordType extends AnyObject = AnyObject>(props: SorterConfig<RecordType>): readonly [TransformColumns<RecordType>, vue957.ComputedRef<SortState<RecordType>[]>, vue957.ComputedRef<ColumnTitleProps<RecordType>>, () => SorterResult<RecordType> | SorterResult<RecordType>[]];
 //#endregion
 export { SortState, useSorter as default, getSortData };

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

@@ -1,6 +1,6 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue1032 from "vue";
+import * as vue1002 from "vue";
 
 //#region src/table/style/index.d.ts
 interface ComponentToken {
@@ -213,6 +213,6 @@ interface TableToken extends FullToken<'Table'> {
   tableScrollBg: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Table'>;
-declare const _default: (prefixCls: vue1032.Ref<string>, rootCls?: vue1032.Ref<string | undefined>) => readonly [vue1032.Ref<string, string>, vue1032.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue1002.Ref<string>, rootCls?: vue1002.Ref<string | undefined>) => readonly [vue1002.Ref<string, string>, vue1002.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, TableToken, _default as default, prepareComponentToken };

package/dist/tabs/TabPane.d.ts

@@ -1,5 +1,5 @@
 import { EmptyEmit } from "../_util/type.js";
-import * as vue822 from "vue";
+import * as vue511 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { TabPaneProps as TabPaneProps$1 } from "@v-c/tabs";
 
@@ -16,6 +16,6 @@ interface TabPaneSlots {
   closeIcon?: () => any;
   icon?: () => any;
 }
-declare const TabPane: vue822.DefineSetupFnComponent<TabPaneProps, EmptyEmit, SlotsType<TabPaneSlots>, TabPaneProps, vue822.PublicProps>;
+declare const TabPane: vue511.DefineSetupFnComponent<TabPaneProps, EmptyEmit, SlotsType<TabPaneSlots>, TabPaneProps, vue511.PublicProps>;
 //#endregion
 export { TabPaneProps, TabPaneSlots, TabPane as default };

package/dist/tabs/hooks/useLegacyItems.d.ts

@@ -1,8 +1,8 @@
 import { TabsProps as TabsProps$1 } from "../index.js";
-import * as vue1079 from "vue";
+import * as vue914 from "vue";
 import { Tab } from "@v-c/tabs";
 
 //#region src/tabs/hooks/useLegacyItems.d.ts
-declare function useLegacyItems(items: () => TabsProps$1['items'] | undefined, slots: any): vue1079.ComputedRef<Tab[]>;
+declare function useLegacyItems(items: () => TabsProps$1['items'] | undefined, slots: any): vue914.ComputedRef<Tab[]>;
 //#endregion
 export { useLegacyItems as default };

package/dist/tabs/index.d.ts

@@ -1,10 +1,10 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import TabPane, { TabPaneProps } from "./TabPane.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue601 from "vue";
+import * as vue476 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { GetIndicatorSize, MoreProps, Tab as Tab$1, TabsProps as TabsProps$1 } from "@v-c/tabs";
 
@@ -19,6 +19,7 @@ interface TabsSemanticClassNames {
   indicator?: string;
   content?: string;
   header?: string;
+  remove?: string;
 }
 interface TabsSemanticStyles {
   root?: CSSProperties;
@@ -26,6 +27,7 @@ interface TabsSemanticStyles {
   indicator?: CSSProperties;
   content?: CSSProperties;
   header?: CSSProperties;
+  remove?: CSSProperties;
 }
 type TabsClassNamesType = SemanticClassNamesType<TabsProps, TabsSemanticClassNames, {
   popup?: {
@@ -42,7 +44,7 @@ interface CompatibilityProps {
   destroyInactiveTabPane?: boolean;
 }
 interface Tab extends Omit<Tab$1, 'children' | 'className'> {
-  content?: VueNode;
+  content?: VueNode$1;
   class?: string;
 }
 interface TabsRef {
@@ -77,10 +79,10 @@ interface TabsEmitsProps {
   'onUpdate:activeKey'?: TabsEmits['update:activeKey'];
 }
 interface TabsProps extends BaseTabsProps, CompatibilityProps, Omit<TabsProps$1, 'editable' | 'items' | 'classNames' | 'className' | 'popupClassName' | 'styles' | 'style' | 'onChange' | 'onTabScroll' | 'onTabClick' | 'renderTabBar'>, TabsEmitsProps {
-  addIcon?: VueNode;
-  moreIcon?: VueNode;
+  addIcon?: VueNode$1;
+  moreIcon?: VueNode$1;
   more?: MoreProps;
-  removeIcon?: VueNode;
+  removeIcon?: VueNode$1;
   styles?: TabsStylesType;
   classes?: TabsClassNamesType;
   /** @deprecated Please use `classes.popup` instead */
@@ -111,6 +113,6 @@ interface TabsSlots {
   rightExtra?: () => any;
   leftExtra?: () => any;
 }
-declare const Tabs: vue601.DefineSetupFnComponent<TabsProps, TabsEmits, SlotsType<TabsSlots>, TabsProps, vue601.PublicProps>;
+declare const Tabs: vue476.DefineSetupFnComponent<TabsProps, TabsEmits, SlotsType<TabsSlots>, TabsProps, vue476.PublicProps>;
 //#endregion
 export { BaseTabsProps, CompatibilityProps, Tab, TabItem, TabPane, type TabPaneProps, TabPlacement, TabPosition, TabsClassNamesType, TabsEmits, TabsEmitsProps, TabsProps, TabsRef, TabsSemanticClassNames, TabsSemanticName, TabsSemanticStyles, TabsSlots, TabsStylesType, TabsType, Tabs as default };

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

@@ -1,6 +1,6 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue1062 from "vue";
+import * as vue942 from "vue";
 
 //#region src/tabs/style/index.d.ts
 interface ComponentToken {
@@ -145,6 +145,6 @@ interface TabsToken extends FullToken<'Tabs'> {
   tabsHorizontalItemMarginRTL: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Tabs'>;
-declare const _default: (prefixCls: vue1062.Ref<string>, rootCls?: vue1062.Ref<string | undefined>) => readonly [vue1062.Ref<string, string>, vue1062.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue942.Ref<string>, rootCls?: vue942.Ref<string | undefined>) => readonly [vue942.Ref<string, string>, vue942.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, TabsToken, _default as default, prepareComponentToken };

package/dist/tag/CheckableTag.d.ts

@@ -1,6 +1,6 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue116 from "vue";
+import * as vue537 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/tag/CheckableTag.d.ts
@@ -14,7 +14,7 @@ interface CheckableTagProps extends ComponentBaseProps, CheckableTagEmitsProps {
   /**
    * @since 5.27.0
    */
-  icon?: VueNode;
+  icon?: VueNode$1;
   disabled?: boolean;
 }
 interface CheckableTagEmits {
@@ -31,6 +31,6 @@ interface CheckableTagSlots {
   default: () => any;
   icon: () => any;
 }
-declare const CheckableTag: vue116.DefineSetupFnComponent<CheckableTagProps, CheckableTagEmits, SlotsType<CheckableTagSlots>, CheckableTagProps, vue116.PublicProps>;
+declare const CheckableTag: vue537.DefineSetupFnComponent<CheckableTagProps, CheckableTagEmits, SlotsType<CheckableTagSlots>, CheckableTagProps, vue537.PublicProps>;
 //#endregion
 export { CheckableTagEmits, CheckableTagEmitsProps, CheckableTagProps, CheckableTagSlots, CheckableTag as default };

package/dist/tag/CheckableTagGroup.d.ts

@@ -1,14 +1,14 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue804 from "vue";
+import * as vue648 from "vue";
 
 //#region src/tag/CheckableTagGroup.d.ts
 type CheckableTagDefaultValue = string | number;
 interface CheckableTagOption<CheckableTagValue = CheckableTagDefaultValue> {
   value: CheckableTagValue;
-  label: VueNode;
+  label: VueNode$1;
   disabled?: boolean;
 }
 interface CheckableTagGroupSingleProps<CheckableTagValue = CheckableTagDefaultValue> {
@@ -43,6 +43,6 @@ interface CheckableTagGroupEmitsProps<CheckableTagValue = CheckableTagDefaultVal
   'onUpdate:value'?: CheckableTagGroupEmits<CheckableTagValue>['update:value'];
 }
 interface InternalCheckableTagGroupProps extends CheckableTagGroupProps, CheckableTagGroupEmitsProps {}
-declare const CheckableTagGroup: vue804.DefineSetupFnComponent<InternalCheckableTagGroupProps, CheckableTagGroupEmits<CheckableTagDefaultValue>, {}, InternalCheckableTagGroupProps, vue804.PublicProps>;
+declare const CheckableTagGroup: vue648.DefineSetupFnComponent<InternalCheckableTagGroupProps, CheckableTagGroupEmits<CheckableTagDefaultValue>, {}, InternalCheckableTagGroupProps, vue648.PublicProps>;
 //#endregion
 export { CheckableTagGroupEmits, CheckableTagGroupEmitsProps, CheckableTagGroupProps, CheckableTagGroupRef, CheckableTagOption, SemanticName, CheckableTagGroup as default };

package/dist/tag/hooks/useColor.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from "../index.js";
-import * as vue1073 from "vue";
+import * as vue988 from "vue";
 import { CSSProperties, Ref } from "vue";
 
 //#region src/tag/hooks/useColor.d.ts
@@ -11,6 +11,6 @@ declare function useColor(props: {
   color: Ref<TagProps['color']>;
   variant: Ref<TagProps['variant']>;
   bordered: Ref<TagProps['bordered']>;
-}, contextVariant?: Ref<TagProps['variant']>): readonly [vue1073.ComputedRef<"outlined" | "filled" | "solid">, vue1073.ComputedRef<string | undefined>, vue1073.ComputedRef<boolean>, vue1073.ComputedRef<boolean>, vue1073.ComputedRef<CSSProperties>];
+}, contextVariant?: Ref<TagProps['variant']>): readonly [vue988.ComputedRef<"solid" | "filled" | "outlined">, vue988.ComputedRef<string | undefined>, vue988.ComputedRef<boolean>, vue988.ComputedRef<boolean>, vue988.ComputedRef<CSSProperties>];
 //#endregion
 export { useColor as default };

package/dist/tag/index.d.ts

@@ -1,4 +1,4 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { PresetColorType, PresetStatusColorType } from "../_util/colors.js";
@@ -6,7 +6,7 @@ import { ClosableType } from "../_util/hooks/useClosable.js";
 import CheckableTag, { CheckableTagProps } from "./CheckableTag.js";
 import CheckableTagGroup from "./CheckableTagGroup.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue172 from "vue";
+import * as vue221 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
@@ -16,11 +16,13 @@ interface TagSemanticClassNames {
   root?: string;
   icon?: string;
   content?: string;
+  close?: string;
 }
 interface TagSemanticStyles {
   root?: CSSProperties;
   icon?: CSSProperties;
   content?: CSSProperties;
+  close?: CSSProperties;
 }
 type TagClassNamesType = SemanticClassNamesType<TagProps, TagSemanticClassNames>;
 type TagStylesType = SemanticStylesType<TagProps, TagSemanticStyles>;
@@ -28,8 +30,8 @@ interface TagProps extends ComponentBaseProps, TagEmitsProps {
   color?: LiteralUnion<PresetColorType | PresetStatusColorType>;
   /** Advised to use closeIcon instead. */
   closable?: ClosableType;
-  closeIcon?: VueNode;
-  icon?: VueNode;
+  closeIcon?: VueNode$1;
+  icon?: VueNode$1;
   onClick?: (e: MouseEvent) => void;
   href?: string;
   target?: string;
@@ -50,7 +52,7 @@ interface TagEmits {
 interface TagEmitsProps {
   onClose?: TagEmits['close'];
 }
-declare const InternalTag: vue172.DefineSetupFnComponent<TagProps, TagEmits, SlotsType<TagSlots>, TagProps, vue172.PublicProps>;
+declare const InternalTag: vue221.DefineSetupFnComponent<TagProps, TagEmits, SlotsType<TagSlots>, TagProps, vue221.PublicProps>;
 declare const Tag: typeof InternalTag & {
   CheckableTag: typeof CheckableTag;
 };

package/dist/tag/index.js

@@ -59,7 +59,8 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			closable: false,
 			closeIconRender(iconNode) {
 				return replaceElement(iconNode, createVNode("span", {
-					"class": `${prefixCls.value}-close-icon`,
+					"class": classNames(`${prefixCls.value}-close-icon`, mergedClassNames.value?.close),
+					"style": mergedStyles.value?.close,
 					"onClick": handleCloseClick
 				}, [iconNode]), (originProps) => {
 					return {
@@ -67,7 +68,11 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 							originProps?.onClick?.(e);
 							handleCloseClick(e);
 						},
-						class: classNames(originProps?.class, `${prefixCls.value}-close-icon`)
+						class: classNames(originProps?.class, `${prefixCls.value}-close-icon`, mergedClassNames.value?.close),
+						style: {
+							...originProps?.style,
+							...mergedStyles.value?.close
+						}
 					};
 				});
 			}

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

@@ -1,6 +1,6 @@
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue851 from "vue";
+import * as vue984 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/tag/style/index.d.ts
@@ -30,6 +30,6 @@ interface TagToken extends FullToken<'Tag'> {
 }
 declare function prepareToken(token: Parameters<GenStyleFn<'Tag'>>[0]): TagToken;
 declare const prepareComponentToken: GetDefaultToken<'Tag'>;
-declare const _default: (prefixCls: vue851.Ref<string>, rootCls?: vue851.Ref<string | undefined>) => readonly [vue851.Ref<string, string>, vue851.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue984.Ref<string>, rootCls?: vue984.Ref<string | undefined>) => readonly [vue984.Ref<string, string>, vue984.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, TagToken, _default as default, prepareComponentToken, prepareToken };