antdv-next 1.2.2 → 1.3.0

package/dist/splitter/Panel.js

@@ -4,8 +4,9 @@ import { clsx } from "@v-c/util";
 //#region src/splitter/Panel.tsx
 const InternalPanel = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
-		const { prefixCls, class: className, size, style = {} } = props;
-		const panelClassName = clsx(`${prefixCls}-panel`, { [`${prefixCls}-panel-hidden`]: size === 0 }, className);
+		const { prefixCls, class: className, size, style = {}, destroyOnHidden } = props;
+		const isHidden = size === 0;
+		const panelClassName = clsx(`${prefixCls}-panel`, { [`${prefixCls}-panel-hidden`]: isHidden }, className);
 		const hasSize = size !== void 0;
 		return createVNode("div", mergeProps(attrs, {
 			"class": panelClassName,
@@ -14,7 +15,7 @@ const InternalPanel = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 				flexBasis: hasSize ? typeof size === "number" ? `${size}px` : size : "auto",
 				flexGrow: hasSize ? 0 : 1
 			}
-		}), [slots?.default?.()]);
+		}), [isHidden && destroyOnHidden ? null : slots?.default?.()]);
 	};
 }, {
 	props: {
@@ -55,6 +56,11 @@ const InternalPanel = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 		defaultSize: {
 			type: [Number, String],
 			required: false
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
 		}
 	},
 	name: "ASplitterPanel",
@@ -95,6 +101,11 @@ const Panel = /* @__PURE__ */ defineComponent(() => () => null, {
 		defaultSize: {
 			type: [Number, String],
 			required: false
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
 		}
 	},
 	name: "ASplitterPanel"

package/dist/splitter/SplitBar.d.ts

@@ -1,5 +1,5 @@
 import { SplitterProps, SplitterSemanticDraggerClassNames } from "./interface.js";
-import * as vue621 from "vue";
+import * as vue509 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/splitter/SplitBar.d.ts
@@ -30,6 +30,6 @@ interface SplitBarProps {
   lazy?: boolean;
   containerSize: number;
 }
-declare const SplitBar: vue621.DefineSetupFnComponent<SplitBarProps, {}, {}, SplitBarProps & {}, vue621.PublicProps>;
+declare const SplitBar: vue509.DefineSetupFnComponent<SplitBarProps, {}, {}, SplitBarProps & {}, vue509.PublicProps>;
 //#endregion
 export { ShowCollapsibleIconMode, SplitBarProps, SplitBar as default };

package/dist/splitter/Splitter.d.ts

@@ -1,10 +1,10 @@
 import { SplitterEmits, SplitterProps, SplitterSlots } from "./interface.js";
-import * as vue342 from "vue";
+import * as vue194 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/splitter/Splitter.d.ts
 interface InternalSplitterProps extends SplitterProps, SplitterEmitsProps {}
 interface SplitterEmitsProps {}
-declare const Splitter: vue342.DefineSetupFnComponent<InternalSplitterProps, SplitterEmits, SlotsType<SplitterSlots>, InternalSplitterProps, vue342.PublicProps>;
+declare const Splitter: vue194.DefineSetupFnComponent<InternalSplitterProps, SplitterEmits, SlotsType<SplitterSlots>, InternalSplitterProps, vue194.PublicProps>;
 //#endregion
 export { InternalSplitterProps, SplitterEmitsProps, Splitter as default };

package/dist/splitter/Splitter.js

@@ -32,6 +32,7 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const existUndefinedSize = items.value.some((item) => item.size === void 0);
 		if (existSize && existUndefinedSize) warning(false, "usage", "When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.");
 		warning.deprecated(!layout.value, "layout", "orientation");
+		warning.deprecated(!props.collapsibleIcon, "collapsibleIcon", "collapsible.icon");
 	}
 	const containerSize = shallowRef();
 	const onContainerResize = (size) => {
@@ -83,7 +84,8 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		return mergedSizes;
 	});
 	return () => {
-		const { rootClass, lazy, draggerIcon, collapsibleIcon } = props;
+		const { rootClass, lazy, draggerIcon, collapsible, collapsibleIcon } = props;
+		const mergedCollapsibleIcon = collapsible?.icon ?? collapsibleIcon;
 		items.value = convertChildrenToItems(slots?.default?.() ?? []);
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const containerClassName = clsx(prefixCls.value, className, `${prefixCls.value}-${mergedOrientation.value}`, { [`${prefixCls.value}-rtl`]: isRTL.value }, rootClass, mergedClassNames.value.root, contextClassName.value, cssVarCls.value, rootCls.value, hashId.value);
@@ -126,7 +128,7 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 					"draggerStyle": mergedStyles.value.dragger,
 					"draggerClassName": mergedClassNames.value.dragger,
 					"draggerIcon": draggerIcon,
-					"collapsibleIcon": collapsibleIcon,
+					"collapsibleIcon": mergedCollapsibleIcon,
 					"ariaNow": stackSizes.value[idx] * 100,
 					"ariaMin": Math.max(ariaMinStart, ariaMinEnd) * 100,
 					"ariaMax": Math.min(ariaMaxStart, ariaMaxEnd) * 100,
@@ -187,6 +189,10 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			required: false,
 			default: void 0
 		},
+		collapsible: {
+			type: Object,
+			required: false
+		},
 		collapsibleIcon: {
 			type: Object,
 			required: false

package/dist/splitter/hooks/useResizable.d.ts

@@ -1,6 +1,6 @@
 import { ShowCollapsibleIconMode } from "../SplitBar.js";
 import { ItemType } from "./useItems.js";
-import * as vue990 from "vue";
+import * as vue916 from "vue";
 import { Ref } from "vue";
 
 //#region src/splitter/hooks/useResizable.d.ts
@@ -11,6 +11,6 @@ interface ResizableInfo {
   showStartCollapsibleIcon: ShowCollapsibleIconMode;
   showEndCollapsibleIcon: ShowCollapsibleIconMode;
 }
-declare function useResizable(items: Ref<ItemType[]>, pxSizes: Ref<number[]>, reverse: Ref<boolean>): vue990.ComputedRef<ResizableInfo[]>;
+declare function useResizable(items: Ref<ItemType[]>, pxSizes: Ref<number[]>, reverse: Ref<boolean>): vue916.ComputedRef<ResizableInfo[]>;
 //#endregion
 export { ResizableInfo, useResizable as default };

package/dist/splitter/hooks/useResize.d.ts

@@ -1,12 +1,12 @@
 import { ItemType } from "./useItems.js";
 import { ResizableInfo } from "./useResizable.js";
-import * as vue927 from "vue";
+import * as vue1043 from "vue";
 import { Ref } from "vue";
 
 //#region src/splitter/hooks/useResize.d.ts
 /**
  * Handle user drag resize logic.
  */
-declare function useResize(items: Ref<ItemType[]>, resizableInfos: Ref<ResizableInfo[]>, percentSizes: Ref<number[]>, containerSize: Ref<number | undefined>, updateSizes: (sizes: number[]) => void, reverse: Ref<boolean>): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: "start" | "end") => number[], vue927.ComputedRef<number | undefined>];
+declare function useResize(items: Ref<ItemType[]>, resizableInfos: Ref<ResizableInfo[]>, percentSizes: Ref<number[]>, containerSize: Ref<number | undefined>, updateSizes: (sizes: number[]) => void, reverse: Ref<boolean>): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: "start" | "end") => number[], vue1043.ComputedRef<number | undefined>];
 //#endregion
 export { useResize as default };

package/dist/splitter/hooks/useSizes.d.ts

@@ -1,5 +1,5 @@
 import { PanelProps } from "../interface.js";
-import * as vue995 from "vue";
+import * as vue982 from "vue";
 import { Ref } from "vue";
 
 //#region src/splitter/hooks/useSizes.d.ts
@@ -8,6 +8,6 @@ declare function getPtg(str: string): number;
  * Save the size state.
  * Align the size into flex percentage base.
  */
-declare function useSizes(items: Ref<PanelProps[]>, containerSize?: Ref<number>): readonly [vue995.ComputedRef<(string | number | undefined)[]>, vue995.ComputedRef<number[]>, vue995.ComputedRef<number[]>, vue995.ComputedRef<number[]>, vue995.ComputedRef<number[]>, (newSizes: number[]) => void];
+declare function useSizes(items: Ref<PanelProps[]>, containerSize?: Ref<number>): readonly [vue982.ComputedRef<(string | number | undefined)[]>, vue982.ComputedRef<number[]>, vue982.ComputedRef<number[]>, vue982.ComputedRef<number[]>, vue982.ComputedRef<number[]>, (newSizes: number[]) => void];
 //#endregion
 export { useSizes as default, getPtg };

package/dist/splitter/index.d.ts

@@ -1,9 +1,9 @@
 import { PanelProps, SplitterEmits, SplitterSlots } from "./interface.js";
 import Splitter, { InternalSplitterProps } from "./Splitter.js";
-import * as vue507 from "vue";
+import * as vue1031 from "vue";
 
 //#region src/splitter/index.d.ts
 type SplitterProps = InternalSplitterProps;
-declare const SplitterPanel: vue507.DefineSetupFnComponent<PanelProps, {}, {}, PanelProps & {}, vue507.PublicProps>;
+declare const SplitterPanel: vue1031.DefineSetupFnComponent<PanelProps, {}, {}, PanelProps & {}, vue1031.PublicProps>;
 //#endregion
 export { type SplitterEmits, SplitterPanel, SplitterProps, type SplitterSlots, Splitter as default };

package/dist/splitter/interface.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 { Orientation } from "../_util/hooks/useOrientation.js";
 import "../_util/hooks/index.js";
@@ -45,10 +45,22 @@ interface SplitterProps extends ComponentBaseProps {
   layout?: Orientation;
   orientation?: Orientation;
   vertical?: boolean;
-  draggerIcon?: VueNode;
+  draggerIcon?: VueNode$1;
+  /**
+   * Collapse configuration. ant-design 6.4.0 PR #57044.
+   */
+  collapsible?: {
+    icon?: {
+      start?: VueNode$1;
+      end?: VueNode$1;
+    };
+  };
+  /**
+   * @deprecated please use `collapsible.icon`
+   */
   collapsibleIcon?: {
-    start?: VueNode;
-    end?: VueNode;
+    start?: VueNode$1;
+    end?: VueNode$1;
   };
   onDraggerDoubleClick?: (index: number) => void;
   onResizeStart?: (sizes: number[]) => void;
@@ -78,6 +90,11 @@ interface PanelProps {
   };
   resizable?: boolean;
   defaultSize?: number | string;
+  /**
+   * Keep the panel mounted when collapsed but hidden via CSS.
+   * ant-design 6.4.0 PR #56772.
+   */
+  destroyOnHidden?: boolean;
 }
 interface InternalPanelProps extends PanelProps {
   class?: string;

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

@@ -1,6 +1,6 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue1012 from "vue";
+import * as vue1035 from "vue";
 
 //#region src/splitter/style/index.d.ts
 interface ComponentToken {
@@ -27,6 +27,6 @@ interface ComponentToken {
   splitTriggerSize: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Splitter'>;
-declare const _default: (prefixCls: vue1012.Ref<string>, rootCls?: vue1012.Ref<string | undefined>) => readonly [vue1012.Ref<string, string>, vue1012.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue1035.Ref<string>, rootCls?: vue1035.Ref<string | undefined>) => readonly [vue1035.Ref<string, string>, vue1035.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/statistic/Number.d.ts

@@ -1,5 +1,5 @@
 import { FormatConfig, valueType } from "./utils.js";
-import * as vue485 from "vue";
+import * as vue337 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/statistic/Number.d.ts
@@ -9,6 +9,6 @@ interface NumberProps extends FormatConfig {
   className?: string;
   style?: CSSProperties;
 }
-declare const StatisticNumber: vue485.DefineSetupFnComponent<NumberProps, {}, {}, NumberProps & {}, vue485.PublicProps>;
+declare const StatisticNumber: vue337.DefineSetupFnComponent<NumberProps, {}, {}, NumberProps & {}, vue337.PublicProps>;
 //#endregion
 export { StatisticNumber as default };

package/dist/statistic/Statistic.d.ts

@@ -1,9 +1,9 @@
-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 { FormatConfig, valueType } from "./utils.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue657 from "vue";
+import * as vue257 from "vue";
 import { CSSProperties, SlotsType, VNodeChild } from "vue";
 
 //#region src/statistic/Statistic.d.ts
@@ -32,9 +32,9 @@ type StatisticRectProps = FormatConfig & ComponentBaseProps & {
   value?: valueType;
   valueStyle?: CSSProperties;
   valueRender?: (node: any) => VNodeChild;
-  title?: VueNode;
-  prefix?: VueNode;
-  suffix?: VueNode;
+  title?: VueNode$1;
+  prefix?: VueNode$1;
+  suffix?: VueNode$1;
   loading?: boolean;
   classes?: StatisticClassNamesType;
   styles?: StatisticStylesType;
@@ -55,6 +55,6 @@ interface StatisticEmitsProps {
   onMouseenter?: StatisticEmits['mouseenter'];
   onMouseleave?: StatisticEmits['mouseleave'];
 }
-declare const Statistic: vue657.DefineSetupFnComponent<InternalStatisticProps, StatisticEmits, SlotsType<StatisticSlots>, InternalStatisticProps, vue657.PublicProps>;
+declare const Statistic: vue257.DefineSetupFnComponent<InternalStatisticProps, StatisticEmits, SlotsType<StatisticSlots>, InternalStatisticProps, vue257.PublicProps>;
 //#endregion
 export { InternalStatisticProps, StatisticClassNamesType, StatisticEmits, StatisticEmitsProps, StatisticProps, StatisticSemanticClassNames, StatisticSemanticName, StatisticSemanticStyles, StatisticSlots, StatisticStylesType, Statistic as default };

package/dist/statistic/Timer.d.ts

@@ -1,6 +1,6 @@
 import { FormatConfig, valueType } from "./utils.js";
 import { StatisticProps, StatisticSlots } from "./Statistic.js";
-import * as vue904 from "vue";
+import * as vue641 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/statistic/Timer.d.ts
@@ -21,6 +21,6 @@ interface StatisticTimeEmitsProps {
   onFinish?: StatisticTimeEmits['finish'];
   onChange?: StatisticTimeEmits['change'];
 }
-declare const StatisticTimer: vue904.DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, InternalStatisticTimerProps, vue904.PublicProps>;
+declare const StatisticTimer: vue641.DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, InternalStatisticTimerProps, vue641.PublicProps>;
 //#endregion
 export { InternalStatisticTimerProps, StatisticTimeEmits, StatisticTimeEmitsProps, StatisticTimerProps, TimerType, StatisticTimer as default };

package/dist/statistic/index.d.ts

@@ -1,11 +1,11 @@
 import Statistic, { InternalStatisticProps, StatisticSlots } from "./Statistic.js";
 import StatisticTimer$1, { InternalStatisticTimerProps, StatisticTimeEmits } from "./Timer.js";
-import * as vue875 from "vue";
+import * as vue418 from "vue";
 
 //#region src/statistic/index.d.ts
 type StatisticProps = InternalStatisticProps;
 type StatisticTimerProps = InternalStatisticTimerProps;
-declare const StatisticTimer: vue875.DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, vue875.SlotsType<StatisticSlots>, InternalStatisticTimerProps, vue875.PublicProps>;
+declare const StatisticTimer: vue418.DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, vue418.SlotsType<StatisticSlots>, InternalStatisticTimerProps, vue418.PublicProps>;
 declare const _default: typeof Statistic & {
   Timer: typeof StatisticTimer$1;
 };

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

@@ -1,6 +1,6 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue1040 from "vue";
+import * as vue1024 from "vue";
 
 //#region src/statistic/style/index.d.ts
 interface ComponentToken {
@@ -13,9 +13,9 @@ interface ComponentToken {
    * @desc 内容字体大小
    * @descEN Content font size
    */
-  contentFontSize: number;
+  contentFontSize: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Statistic'>;
-declare const _default: (prefixCls: vue1040.Ref<string>, rootCls?: vue1040.Ref<string | undefined>) => readonly [vue1040.Ref<string, string>, vue1040.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue1024.Ref<string>, rootCls?: vue1024.Ref<string | undefined>) => readonly [vue1024.Ref<string, string>, vue1024.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/steps/PanelArrow.d.ts

@@ -1,9 +1,9 @@
-import * as vue362 from "vue";
+import * as vue281 from "vue";
 
 //#region src/steps/PanelArrow.d.ts
 interface PanelArrowProps {
   prefixCls: string;
 }
-declare const PanelArrow: vue362.DefineSetupFnComponent<PanelArrowProps, {}, {}, PanelArrowProps & {}, vue362.PublicProps>;
+declare const PanelArrow: vue281.DefineSetupFnComponent<PanelArrowProps, {}, {}, PanelArrowProps & {}, vue281.PublicProps>;
 //#endregion
 export { PanelArrowProps, PanelArrow as default };

package/dist/steps/ProgressIcon.d.ts

@@ -1,4 +1,4 @@
-import * as vue505 from "vue";
+import * as vue261 from "vue";
 
 //#region src/steps/ProgressIcon.d.ts
 interface ProgressIconProps {
@@ -6,6 +6,6 @@ interface ProgressIconProps {
   rootPrefixCls: string;
   percent: number;
 }
-declare const ProgressIcon: vue505.DefineSetupFnComponent<ProgressIconProps, {}, {}, ProgressIconProps & {}, vue505.PublicProps>;
+declare const ProgressIcon: vue261.DefineSetupFnComponent<ProgressIconProps, {}, {}, ProgressIconProps & {}, vue261.PublicProps>;
 //#endregion
 export { ProgressIconProps, ProgressIcon as default };

package/dist/steps/index.d.ts

@@ -1,8 +1,8 @@
-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 * as vue438 from "vue";
+import * as vue299 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { StepsProps as StepsProps$1 } from "@v-c/steps";
 
@@ -45,14 +45,14 @@ interface StepItem {
   classes?: NonNullable<StepsProps$1['items']>[number]['classNames'];
   styles?: NonNullable<StepsProps$1['items']>[number]['styles'];
   /** @deprecated Please use `content` instead */
-  description?: VueNode;
-  content?: VueNode;
-  icon?: VueNode;
+  description?: VueNode$1;
+  content?: VueNode$1;
+  icon?: VueNode$1;
   onClick?: (e: MouseEvent) => void;
   status?: 'wait' | 'process' | 'finish' | 'error';
   disabled?: boolean;
-  title?: VueNode;
-  subTitle?: VueNode;
+  title?: VueNode$1;
+  subTitle?: VueNode$1;
 }
 type ProgressDotRender = (params: {
   iconDot: any;
@@ -106,6 +106,6 @@ interface StepsSlots {
   default: () => any;
   iconRender?: IconRenderType;
 }
-declare const Steps: vue438.DefineSetupFnComponent<StepsProps, StepsEmits, SlotsType<StepsSlots>, StepsProps, vue438.PublicProps>;
+declare const Steps: vue299.DefineSetupFnComponent<StepsProps, StepsEmits, SlotsType<StepsSlots>, StepsProps, vue299.PublicProps>;
 //#endregion
 export { BaseStepsProps, IconRenderType, ProgressDotRender, StepItem, StepsClassNamesType, StepsEmits, StepsEmitsProps, StepsProps, StepsSemanticClassNames, StepsSemanticName, StepsSemanticStyles, StepsSlots, StepsStylesType, Steps as default };

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

@@ -1,6 +1,6 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue1066 from "vue";
+import * as vue1018 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/steps/style/index.d.ts
@@ -65,7 +65,7 @@ interface ComponentToken {
    * @desc 小号步骤条图标大小
    * @descEN Size of small steps icon
    */
-  iconSizeSM: number;
+  iconSizeSM: number | string;
   /**
    * TODO: deprecated warning since not used anymore
    * @desc 标题行高
@@ -78,6 +78,6 @@ interface StepsToken extends FullToken<'Steps'> {
   inlineDotSize: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Steps'>;
-declare const _default: (prefixCls: vue1066.Ref<string>, rootCls?: vue1066.Ref<string | undefined>) => readonly [vue1066.Ref<string, string>, vue1066.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue1018.Ref<string>, rootCls?: vue1018.Ref<string | undefined>) => readonly [vue1018.Ref<string, string>, vue1018.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, StepsToken, _default as default, prepareComponentToken };

package/dist/style/compact-item-vertical.js

@@ -4,7 +4,8 @@ function compactItemVerticalBorder(token, parentCls, prefixCls) {
 		[`&-item:not(${parentCls}-last-item)`]: { marginBottom: token.calc(token.lineWidth).mul(-1).equal() },
 		[`&-item:not(${prefixCls}-status-success)`]: { zIndex: 2 },
 		"&-item": {
-			"&:hover,&:focus,&:active": { zIndex: 3 },
+			"&:focus,&:active": { zIndex: 3 },
+			"&:hover": { zIndex: 4 },
 			"&[disabled]": { zIndex: 0 }
 		}
 	};

package/dist/style/compact-item.js

@@ -2,16 +2,16 @@
 function compactItemBorder(token, parentCls, options, prefixCls) {
 	const { focusElCls, focus, borderElCls } = options;
 	const childCombinator = borderElCls ? "> *" : "";
-	const hoverEffects = [
-		"hover",
-		focus ? "focus" : null,
-		"active"
-	].filter(Boolean).map((n) => `&:${n} ${childCombinator}`).join(",");
+	const suffix = childCombinator ? ` ${childCombinator}` : "";
+	const genEffects = (effects) => effects.filter(Boolean).map((n) => `&:${n}${suffix}`).join(",");
+	const hoverEffects = genEffects(["hover", focusElCls ? `hover${focusElCls}` : null]);
+	const focusEffects = genEffects([focus ? "focus" : null, "active"]);
 	return {
 		[`&-item:not(${parentCls}-last-item)`]: { marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal() },
 		[`&-item:not(${prefixCls}-status-success)`]: { zIndex: 2 },
 		"&-item": {
-			[hoverEffects]: { zIndex: 3 },
+			[focusEffects]: { zIndex: 3 },
+			[hoverEffects]: { zIndex: 4 },
 			...focusElCls ? { [`&${focusElCls}`]: { zIndex: 3 } } : {},
 			[`&[disabled] ${childCombinator}`]: { zIndex: 0 }
 		}

package/dist/switch/index.d.ts

@@ -1,9 +1,9 @@
-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 { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue828 from "vue";
+import * as vue485 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { SwitchChangeEventHandler, SwitchClickEventHandler } from "@v-c/switch";
 
@@ -45,8 +45,8 @@ interface SwitchProps extends ComponentBaseProps, SwitchEmitsProps {
    * 非选中时的值
    */
   unCheckedValue?: CheckedValueType;
-  checkedChildren?: VueNode;
-  unCheckedChildren?: VueNode;
+  checkedChildren?: VueNode$1;
+  unCheckedChildren?: VueNode$1;
   disabled?: boolean;
   loading?: boolean;
   autoFocus?: boolean;
@@ -72,6 +72,6 @@ interface SwitchSlots {
   checkedChildren: () => any;
   unCheckedChildren: () => any;
 }
-declare const Switch: vue828.DefineSetupFnComponent<SwitchProps, SwitchEmits, SlotsType<SwitchSlots>, SwitchProps, vue828.PublicProps>;
+declare const Switch: vue485.DefineSetupFnComponent<SwitchProps, SwitchEmits, SlotsType<SwitchSlots>, SwitchProps, vue485.PublicProps>;
 //#endregion
 export { CheckedValueType, SwitchClassNamesType, SwitchEmits, SwitchEmitsProps, SwitchProps, SwitchSemanticClassNames, SwitchSemanticName, SwitchSemanticStyles, SwitchSize, SwitchSlots, SwitchStylesType, Switch as default };

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

@@ -1,6 +1,6 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue1044 from "vue";
+import * as vue917 from "vue";
 
 //#region src/switch/style/index.d.ts
 interface ComponentToken {
@@ -71,6 +71,6 @@ interface ComponentToken {
   innerMaxMarginSM: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Switch'>;
-declare const _default: (prefixCls: vue1044.Ref<string>, rootCls?: vue1044.Ref<string | undefined>) => readonly [vue1044.Ref<string, string>, vue1044.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue917.Ref<string>, rootCls?: vue917.Ref<string | undefined>) => readonly [vue917.Ref<string, string>, vue917.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/table/Column.d.ts

@@ -1,6 +1,6 @@
 import { AnyObject, EmptyEmit } from "../_util/type.js";
 import { ColumnType } from "./interface.js";
-import * as vue932 from "vue";
+import * as vue1022 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/table/Column.d.ts
@@ -13,6 +13,6 @@ interface ColumnSlots {
 /**
  * Syntactic sugar for `columns` prop. HOC will not work on this.
  */
-declare const Column: vue932.DefineSetupFnComponent<ColumnProps<AnyObject>, EmptyEmit, SlotsType<ColumnSlots>, ColumnProps<AnyObject>, vue932.PublicProps>;
+declare const Column: vue1022.DefineSetupFnComponent<ColumnProps<AnyObject>, EmptyEmit, SlotsType<ColumnSlots>, ColumnProps<AnyObject>, vue1022.PublicProps>;
 //#endregion
 export { ColumnProps, ColumnSlots, Column as default };

package/dist/table/ColumnGroup.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject, EmptyEmit } from "../_util/type.js";
 import { ColumnType } from "./interface.js";
 import { ColumnProps } from "./Column.js";
-import * as vue953 from "vue";
+import * as vue504 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/table/ColumnGroup.d.ts
@@ -14,6 +14,6 @@ interface ColumnGroupSlots {
 /**
  * Syntactic sugar for `columns` prop. HOC will not work on this.
  */
-declare const ColumnGroup: vue953.DefineSetupFnComponent<ColumnGroupProps<AnyObject>, EmptyEmit, SlotsType<ColumnGroupSlots>, ColumnGroupProps<AnyObject>, vue953.PublicProps>;
+declare const ColumnGroup: vue504.DefineSetupFnComponent<ColumnGroupProps<AnyObject>, EmptyEmit, SlotsType<ColumnGroupSlots>, ColumnGroupProps<AnyObject>, vue504.PublicProps>;
 //#endregion
 export { ColumnGroupProps, ColumnGroupSlots, ColumnGroup as default };

package/dist/table/ExpandIcon.d.ts

@@ -1,6 +1,6 @@
 import { AnyObject } from "../_util/type.js";
 import { TableLocale } from "./interface.js";
-import * as vue_jsx_runtime26 from "vue/jsx-runtime";
+import * as vue_jsx_runtime19 from "vue/jsx-runtime";
 
 //#region src/table/ExpandIcon.d.ts
 interface DefaultExpandIconProps<RecordType = AnyObject> {
@@ -10,6 +10,6 @@ interface DefaultExpandIconProps<RecordType = AnyObject> {
   expandable: boolean;
   onExpand: (record: RecordType, e: MouseEvent) => void;
 }
-declare function renderExpandIcon(locale: TableLocale): <RecordType extends AnyObject = AnyObject>(props: DefaultExpandIconProps<RecordType>) => vue_jsx_runtime26.JSX.Element;
+declare function renderExpandIcon(locale: TableLocale): <RecordType extends AnyObject = AnyObject>(props: DefaultExpandIconProps<RecordType>) => vue_jsx_runtime19.JSX.Element;
 //#endregion
 export { renderExpandIcon as default };

package/dist/table/InternalTable.d.ts

@@ -6,7 +6,7 @@ import { PaginationSemanticClassNames, PaginationSemanticStyles } from "../pagin
 import { SpinProps } from "../spin/index.js";
 import { ColumnType, ColumnsType, FilterDropdownProps, FilterValue, GetPopupContainer, Key, SortOrder, SorterResult, SorterTooltipProps, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from "./interface.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue753 from "vue";
+import * as vue802 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { Reference, TableProps as TableProps$1 } from "@v-c/table";
 
@@ -113,6 +113,6 @@ interface TableSlots<RecordType = AnyObject> {
     filtered: boolean;
   }) => any;
 }
-declare const InternalTable: vue753.DefineSetupFnComponent<InternalTableProps<AnyObject>, TableEmits<AnyObject>, SlotsType<TableSlots<AnyObject>>, InternalTableProps<AnyObject>, vue753.PublicProps>;
+declare const InternalTable: vue802.DefineSetupFnComponent<InternalTableProps<AnyObject>, TableEmits<AnyObject>, SlotsType<TableSlots<AnyObject>>, InternalTableProps<AnyObject>, vue802.PublicProps>;
 //#endregion
 export { ComponentsSemantic, ComponentsSemanticClassNames, ComponentsSemanticStyles, InternalTableProps, TableClassNamesType, TableEmits, TableEmitsProps, TableExpose, TableProps, TableSemanticClassNames, TableSemanticName, TableSemanticStyles, TableSlots, TableStylesType, InternalTable as default };

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]));