antdv-next 1.4.3 → 1.4.4

package/dist/button/buttonHelper.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties, VNodeChild } from "vue";
 
 //#region src/button/buttonHelper.d.ts
 declare const isTwoCNChar: (string: string) => boolean;
-declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "text" | "link";
+declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "link" | "text";
 declare function spaceChildren(children: VNodeChild[], needInserted: boolean, style?: CSSProperties, className?: string): VNodeChild[];
 declare const _ButtonTypes: readonly ["default", "primary", "dashed", "link", "text"];
 type ButtonType = (typeof _ButtonTypes)[number];

package/dist/collapse/style/index.js

@@ -114,7 +114,7 @@ const genBorderlessStyle = (token) => {
 	return { [`${componentCls}-borderless`]: {
 		backgroundColor: headerBg,
 		border: 0,
-		[`> ${componentCls}-item`]: { borderBottom: `1px solid ${colorBorder}` },
+		[`> ${componentCls}-item`]: { borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${colorBorder}` },
 		[`
         > ${componentCls}-item:last-child,
         > ${componentCls}-item:last-child ${componentCls}-header

package/dist/date-picker/generatePicker/useComponents.d.ts

@@ -4,11 +4,11 @@ import { Components } from "@v-c/picker";
 //#region src/date-picker/generatePicker/useComponents.d.ts
 declare function useComponents(components?: Components): {
   time?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
+  year?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
+  month?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   date?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   week?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
-  month?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   quarter?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
-  year?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   decade?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   datetime?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   button: string | import("vue").DefineSetupFnComponent<ButtonProps, {}, {}, ButtonProps & {}, import("vue").PublicProps> | import("vue").DefineComponent;

package/dist/descriptions/hooks/useItems.d.ts

@@ -9,23 +9,23 @@ declare function useItems(screens: Ref<ScreenMap>, items: Ref<DescriptionsItemTy
   filled: boolean;
   _$index: number;
   key?: import("@v-c/util/dist/type").Key;
-  styles?: CellSemanticStyles | undefined;
-  style?: import("vue").CSSProperties | undefined;
-  content?: VueNode;
-  classes?: CellSemanticClassNames | undefined;
-  rootClass?: string | undefined;
   label?: VueNode;
+  rootClass?: string | undefined;
+  style?: import("vue").CSSProperties | undefined;
+  styles?: CellSemanticStyles | undefined;
   class?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
+  content?: VueNode;
 } | {
   span: number | undefined;
   key?: import("@v-c/util/dist/type").Key;
-  styles?: CellSemanticStyles | undefined;
-  style?: import("vue").CSSProperties | undefined;
-  content?: VueNode;
-  classes?: CellSemanticClassNames | undefined;
-  rootClass?: string | undefined;
   label?: VueNode;
+  rootClass?: string | undefined;
+  style?: import("vue").CSSProperties | undefined;
+  styles?: CellSemanticStyles | undefined;
   class?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
+  content?: VueNode;
   _$index: number;
 })[]>;
 //#endregion

package/dist/form/Form.js

@@ -8,7 +8,7 @@ import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext, useDisabledContextProvider } from "../config-provider/DisabledContext.js";
 import useLocale from "../locale/useLocale.js";
 import { NoFormStyle, useFormContextProvider, useVariantContextProvider } from "./context.js";
-import { getFieldId, toArray } from "./util.js";
+import { getFieldId, toArray, toNamePathStr } from "./util.js";
 import { FormHookRegistryKey, FormInstanceContextKey } from "./hooks/useForm.js";
 import style_default from "./style/index.js";
 import { allPromiseFinish } from "./utils/asyncUtil.js";
@@ -19,6 +19,7 @@ import { computed, createVNode, defineComponent, getCurrentInstance, inject, mer
 import { clsx, get, set } from "@v-c/util";
 import { pick } from "es-toolkit";
 import scrollIntoView from "scroll-into-view-if-needed";
+import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 //#region src/form/Form.tsx
 const InternalForm = /* @__PURE__ */ defineComponent((props, { slots, expose, emit, attrs }) => {
 	const contextDisabled = useDisabledContext();
@@ -81,6 +82,16 @@ const InternalForm = /* @__PURE__ */ defineComponent((props, { slots, expose, em
 	const removeField = (eventKey) => {
 		delete fields.value[eventKey];
 	};
+	const items = /* @__PURE__ */ new Map();
+	const addItem = (namePathStr, instance) => {
+		items.set(namePathStr, instance);
+	};
+	const removeItem = (namePathStr) => {
+		items.delete(namePathStr);
+	};
+	const getFieldInstance = (name) => {
+		return items.get(toNamePathStr(getNamePath(name)));
+	};
 	const getFieldsByNameList = (namePathList, partialMatch = false) => {
 		const mergedNamePathList = namePathList?.length ? namePathList : void 0;
 		const fieldList = Object.values(fields.value);
@@ -201,6 +212,8 @@ const InternalForm = /* @__PURE__ */ defineComponent((props, { slots, expose, em
 			feedbackIcons: feedbackIcons.value,
 			addField,
 			removeField,
+			addItem,
+			removeItem,
 			onValidate,
 			triggerValuesChange,
 			triggerFieldsChange,
@@ -327,16 +340,20 @@ const InternalForm = /* @__PURE__ */ defineComponent((props, { slots, expose, em
 			scrollToField(getNamePath(name), options);
 		},
 		focusField: (name) => {
+			const instance = getFieldInstance(name);
+			if (typeof instance?.focus === "function") {
+				try {
+					instance.focus();
+				} finally {}
+				return;
+			}
 			const targetId = getFieldId(getNamePath(name), props.name);
-			const node = targetId ? document.getElementById(targetId) : null;
+			const node = getDOM(instance) ?? (targetId ? document.getElementById(targetId) : null);
 			if (node) try {
 				node.focus?.();
 			} finally {}
 		},
-		getFieldInstance: (name) => {
-			const targetId = getFieldId(getNamePath(name), props.name);
-			if (targetId) return fields.value?.[targetId];
-		}
+		getFieldInstance
 	};
 	expose(formInstance);
 	provide(FormInstanceContextKey, formInstance);

package/dist/form/FormItem/index.js

@@ -3,7 +3,7 @@ import { getSlotPropsFnRun } from "../../_util/tools.js";
 import useCSSVarCls from "../../config-provider/hooks/useCSSVarCls.js";
 import { checkRenderNode } from "../../_util/vueNode.js";
 import { useFormContext, useFormItemProvider, useNoStyleItemContext } from "../context.js";
-import { getFieldId, initialValueFormat, toArray } from "../util.js";
+import { getFieldId, initialValueFormat, toArray, toNamePathStr } from "../util.js";
 import style_default from "../style/index.js";
 import { getNamePath, getValue, setValue } from "../utils/valueUtil.js";
 import { validateRules } from "../utils/validateUtil.js";
@@ -250,6 +250,24 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 	});
 	const rootClassName = computed(() => clsx(cssVarCls.value, rootCls.value, hashId.value, props.rootClass));
 	const eventKey = computed(() => `form-item-${fieldId.value || namePath.value.join("-") || Math.random().toString(36).slice(2)}`);
+	let itemInstanceKey;
+	let itemInstance = null;
+	const setItemInstance = (instance) => {
+		itemInstance = instance;
+		if (!hasName.value) return;
+		const nextKey = toNamePathStr(namePath.value);
+		if (itemInstanceKey && itemInstanceKey !== nextKey) formContext.value?.removeItem?.(itemInstanceKey);
+		itemInstanceKey = nextKey;
+		if (instance) formContext.value?.addItem?.(nextKey, instance);
+		else formContext.value?.removeItem?.(nextKey);
+	};
+	watch([namePath, hasName], () => {
+		if (itemInstanceKey) {
+			formContext.value?.removeItem?.(itemInstanceKey);
+			itemInstanceKey = void 0;
+		}
+		if (itemInstance) setItemInstance(itemInstance);
+	}, { flush: "post" });
 	watch(hasName, (val, _, onCleanup) => {
 		if (val && formContext.value?.addField) {
 			formContext.value.addField(eventKey.value, {
@@ -284,6 +302,10 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 			destroy: true
 		}, meta.value.name);
 		formContext.value?.removeField?.(eventKey.value);
+		if (itemInstanceKey) {
+			formContext.value?.removeItem?.(itemInstanceKey);
+			itemInstanceKey = void 0;
+		}
 	});
 	useFormItemProvider({
 		fieldId,
@@ -318,7 +340,8 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 						if (typeof fn === "function") fn(...args);
 					});
 					else _onFocus?.(...args);
-				}
+				},
+				ref: setItemInstance
 			});
 		}
 		if (props.noStyle && !props.hidden) return createVNode(StatusProvider, {

package/dist/form/context.d.ts

@@ -45,6 +45,8 @@ interface FormContextProps {
   clearOnDestroy?: boolean;
   addField?: (eventKey: string, field: FormFieldRegister) => void;
   removeField?: (eventKey: string) => void;
+  addItem?: (namePathStr: string, instance: any) => void;
+  removeItem?: (namePathStr: string) => void;
   onValidate?: (name: InternalNamePath, status: boolean, errors: any[] | null) => void;
   triggerValuesChange?: (namePath: InternalNamePath, value: any) => void;
   triggerFieldsChange?: (namePathList?: InternalNamePath[]) => void;
@@ -69,7 +71,7 @@ declare function useFormItemPrefixContext(): Ref<{
   prefixCls: string;
 }>;
 declare function useVariantContextProvider(variant: Ref<Variant | undefined>): void;
-declare function useVariantContext(): Ref<"outlined" | "borderless" | "filled" | "underlined" | undefined, "outlined" | "borderless" | "filled" | "underlined" | undefined>;
+declare function useVariantContext(): Ref<"filled" | "outlined" | "borderless" | "underlined" | undefined, "filled" | "outlined" | "borderless" | "underlined" | undefined>;
 interface FormItemStatusContextProps {
   isFormItemInput?: boolean;
   status?: ValidateStatus;

package/dist/form/hooks/useVariant.d.ts

@@ -4,7 +4,7 @@ import { Ref } from "vue";
 
 //#region src/form/hooks/useVariant.d.ts
 type VariantComponents = keyof Pick<ConfigProviderProps, 'input' | 'inputNumber' | 'textArea' | 'mentions' | 'select' | 'cascader' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'card'>;
-declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean): readonly [import("vue").ComputedRef<"outlined" | "borderless" | "filled" | "underlined">, import("vue").ComputedRef<boolean>];
+declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean): readonly [import("vue").ComputedRef<"filled" | "outlined" | "borderless" | "underlined">, import("vue").ComputedRef<boolean>];
 declare const useVariants: typeof useVariant;
 //#endregion
 export { useVariant as default, useVariants };

package/dist/form/util.d.ts

@@ -3,6 +3,12 @@ import { ValidateStatus } from "./FormItem/index.js";
 
 //#region src/form/util.d.ts
 declare function toArray<T>(candidate?: T | T[] | false): T[];
+/**
+ * Key used to track the rendered control instance of a Form.Item.
+ * Unlike `getFieldId`, this is not prefixed with the form name, so it stays
+ * stable no matter whether the Form declares a `name`.
+ */
+declare function toNamePathStr(namePath: InternalNamePath): string;
 declare function getFieldId(namePath: InternalNamePath, formName?: string): string | undefined;
 /**
  * Get merged status by meta or passed `validateStatus`.
@@ -10,4 +16,4 @@ declare function getFieldId(namePath: InternalNamePath, formName?: string): stri
 declare function getStatus<DefaultValue>(errors: any[], warnings: any[], meta: Meta, defaultValidateStatus: ValidateStatus | DefaultValue, hasFeedback?: boolean, validateStatus?: ValidateStatus): ValidateStatus | DefaultValue;
 declare function initialValueFormat(value: any): any;
 //#endregion
-export { getFieldId, getStatus, initialValueFormat, toArray };
+export { getFieldId, getStatus, initialValueFormat, toArray, toNamePathStr };

package/dist/form/util.js

@@ -10,6 +10,14 @@ function toArray(candidate) {
 	if (candidate === void 0 || candidate === false) return [];
 	return Array.isArray(candidate) ? candidate : [candidate];
 }
+/**
+* Key used to track the rendered control instance of a Form.Item.
+* Unlike `getFieldId`, this is not prefixed with the form name, so it stays
+* stable no matter whether the Form declares a `name`.
+*/
+function toNamePathStr(namePath) {
+	return namePath.join("_");
+}
 function getFieldId(namePath, formName) {
 	if (!namePath.length) return;
 	const mergedId = namePath.join("_");
@@ -34,4 +42,4 @@ function initialValueFormat(value) {
 	return value;
 }
 //#endregion
-export { getFieldId, getStatus, initialValueFormat, toArray };
+export { getFieldId, getStatus, initialValueFormat, toArray, toNamePathStr };

package/dist/grid/col.js

@@ -40,7 +40,7 @@ const Col = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				[`${prefixCls.value}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
 				[`${prefixCls.value}-rtl`]: configCtx.value.direction === "rtl"
 			};
-			if (sizeProps.flex) {
+			if (sizeProps.flex || sizeProps.flex === 0) {
 				sizeClassObj[`${prefixCls.value}-${size}-flex`] = true;
 				sizeStyle[varName(`${size}-flex`)] = parseFlex(sizeProps.flex);
 			}
@@ -58,7 +58,7 @@ const Col = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			mergedStyle.paddingLeft = `${horizontalGutter}px`;
 			mergedStyle.paddingRight = `${horizontalGutter}px`;
 		}
-		if (flex) {
+		if (flex || flex === 0) {
 			mergedStyle.flex = parseFlex(flex);
 			if (wrap?.value === false && !mergedStyle.minWidth) mergedStyle.minWidth = 0;
 		}

package/dist/image/hooks/usePreviewConfig.d.ts

@@ -37,12 +37,12 @@ declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(
     image: import("@v-c/image").ImgInfo;
   }) => import("@v-c/util").VueNode;
   readonly onChange?: (current: number, prevCurrent: number) => void;
+  readonly zIndex?: number;
+  readonly closeIcon?: import("@v-c/util").VueNode | boolean | null;
   readonly focusTrap?: boolean;
   readonly afterOpenChange?: (open: boolean) => void;
   readonly maskClosable?: boolean;
-  readonly zIndex?: number;
   readonly getContainer?: import("@v-c/portal/dist/Portal.js").PortalProps["getContainer"];
-  readonly closeIcon?: import("@v-c/util").VueNode | boolean | null;
   readonly motionName?: string;
   readonly src?: string;
   readonly alt?: string;

package/dist/input/Search.js

@@ -3,6 +3,7 @@ import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
 import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import button_default from "../button/index.js";
 import { SpaceCompact } from "../space/index.js";
 import InternalInput from "./Input.js";
@@ -32,6 +33,8 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, getPrefixCls } = useComponentBaseConfig("inputSearch", props, void 0, "input-search");
 	const inputPrefixCls = computed(() => getPrefixCls("input", props.inputPrefixCls));
 	const { classes, styles, size: customizeSize, disabled: customDisabled, variant } = toPropsRefs(props, "classes", "styles", "size", "disabled", "variant");
+	const contextDisabled = useDisabledContext();
+	const mergedDisabled = computed(() => customDisabled.value ?? contextDisabled.value);
 	const [hashId, cssVarCls] = search_default(prefixCls);
 	const { compactSize } = useCompactItemContext(prefixCls, direction);
 	const mergedSize = useSize((ctx) => customizeSize.value ?? compactSize.value ?? ctx);
@@ -101,19 +104,22 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		const isButtonVNode = isVNode(enterButtonNode);
 		const isAntdButton = isButtonVNode && Boolean(enterButtonNode.type?.__ANT_BUTTON);
 		const isNativeButton = isButtonVNode && enterButtonNode.type === "button";
-		if (isAntdButton || isNativeButton) buttonNode = cloneVNode(enterButtonNode, {
-			onMousedown: onMouseDown,
-			onClick: (e) => {
-				enterButtonNode?.props?.onClick?.(e);
-				onSearchClick(e);
-			},
-			class: clsx(enterButtonNode?.props?.class, btnClassName),
-			...isAntdButton ? {
-				loading: props.loading,
-				size: mergedSize.value
-			} : {}
-		});
-		else buttonNode = createVNode(button_default, {
+		if (isAntdButton || isNativeButton) {
+			const enterButtonProps = enterButtonNode?.props ?? {};
+			buttonNode = cloneVNode(enterButtonNode, {
+				disabled: mergedDisabled.value || enterButtonProps.disabled || !isAntdButton && props.loading,
+				onMousedown: onMouseDown,
+				onClick: (e) => {
+					enterButtonProps.onClick?.(e);
+					onSearchClick(e);
+				},
+				class: clsx(enterButtonProps.class, btnClassName),
+				...isAntdButton ? {
+					loading: props.loading || enterButtonProps.loading,
+					size: mergedSize.value
+				} : {}
+			});
+		} else buttonNode = createVNode(button_default, {
 			"classes": mergedClassNames.value.button,
 			"styles": mergedStyles.value.button,
 			"class": btnClassName,

package/dist/layout/style/sider.js

@@ -68,7 +68,7 @@ const genSiderStyle = (token) => {
 			[`${componentCls}-zero-width-trigger`]: {
 				color: lightTriggerColor,
 				background: lightTriggerBg,
-				border: `1px solid ${bodyBg}`,
+				border: `${unit(token.lineWidth)} ${token.lineType} ${bodyBg}`,
 				borderInlineStart: 0
 			}
 		}

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.4.3";
+var version = "1.4.4";
 //#endregion
 export { version };

package/dist/radio/style/index.js

@@ -1,7 +1,6 @@
 import { genFocusOutline, resetComponent } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
-import { genNoMotionRawStyle, genNoMotionStyle } from "../../style/motion/util.js";
 import { unit } from "@antdv-next/cssinjs";
 //#region src/radio/style/index.ts
 const getGroupRadioStyle = (token) => {
@@ -90,7 +89,6 @@ const getRadioBasicStyle = (token) => {
 			border: `${unit(lineWidth)} ${lineType} ${colorBorder}`,
 			borderRadius: "50%",
 			transition: `all ${motionDurationMid}`,
-			...genNoMotionStyle(),
 			"&:after": {
 				content: "\"\"",
 				position: "absolute",
@@ -103,8 +101,7 @@ const getRadioBasicStyle = (token) => {
 				borderRadius: "50%",
 				transformOrigin: "50% 50%",
 				opacity: 0,
-				transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`,
-				...genNoMotionRawStyle()
+				transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`
 			},
 			[`${componentCls}-input`]: {
 				position: "absolute",
@@ -170,7 +167,6 @@ const getRadioButtonStyle = (token) => {
 			`background-color`,
 			`box-shadow`
 		].map((prop) => `${prop} ${motionDurationMid}`).join(","),
-		...genNoMotionStyle(),
 		a: { color: buttonColor },
 		[`> ${componentCls}-button`]: {
 			position: "absolute",

package/dist/segmented/style/index.js

@@ -1,7 +1,6 @@
 import { genFocusOutline, genFocusStyle, resetComponent, textEllipsis } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
-import { genNoMotionRawStyle, genNoMotionStyle } from "../../style/motion/util.js";
 import { unit } from "@antdv-next/cssinjs";
 //#region src/segmented/style/index.ts
 function getItemDisabledStyle(cls, token) {
@@ -33,7 +32,6 @@ const genSegmentedStyle = (token) => {
 		background: token.trackBg,
 		borderRadius: token.borderRadius,
 		transition: `all ${motionDurationMid}`,
-		...genNoMotionStyle(),
 		...genFocusStyle(token),
 		[`${componentCls}-group`]: {
 			position: "relative",
@@ -62,7 +60,6 @@ const genSegmentedStyle = (token) => {
 			textAlign: "center",
 			cursor: "pointer",
 			transition: `color ${motionDurationMid}`,
-			...genNoMotionStyle(),
 			borderRadius: token.borderRadiusSM,
 			transform: "translateZ(0)",
 			"&-selected": {
@@ -81,8 +78,7 @@ const genSegmentedStyle = (token) => {
 				borderRadius: "inherit",
 				opacity: 0,
 				pointerEvents: "none",
-				transition: ["opacity", "background-color"].map((prop) => `${prop} ${motionDurationMid}`).join(", "),
-				...genNoMotionRawStyle()
+				transition: ["opacity", "background-color"].map((prop) => `${prop} ${motionDurationMid}`).join(", ")
 			},
 			[`&:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)`]: {
 				"&:hover, &:active": { color: token.itemHoverColor },
@@ -146,8 +142,7 @@ const genSegmentedStyle = (token) => {
 		...getItemDisabledStyle(`${componentCls}-item-disabled`, token),
 		[`${componentCls}-thumb-motion-appear`]: {
 			willChange: "transform, width",
-			transition: [`transform`, `width`].map((prop) => `${prop} ${motionDurationSlow} ${motionEaseInOut}`).join(", "),
-			...genNoMotionStyle()
+			transition: [`transform`, `width`].map((prop) => `${prop} ${motionDurationSlow} ${motionEaseInOut}`).join(", ")
 		},
 		[`&${componentCls}-shape-round`]: {
 			borderRadius: 9999,

package/dist/splitter/Splitter.js

@@ -112,10 +112,12 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			let splitBar = null;
 			const resizableInfo = resizableInfos.value[idx];
 			if (resizableInfo) {
-				const ariaMinStart = (stackSizes.value[idx - 1] || 0) + itemPtgMinSizes.value[idx];
-				const ariaMinEnd = (stackSizes.value[idx + 1] || 100) - itemPtgMaxSizes.value[idx + 1];
-				const ariaMaxStart = (stackSizes.value[idx - 1] || 0) + itemPtgMaxSizes.value[idx];
-				const ariaMaxEnd = (stackSizes.value[idx + 1] || 100) - itemPtgMinSizes.value[idx + 1];
+				const prevStackSize = Number.isFinite(stackSizes.value[idx - 1]) ? stackSizes.value[idx - 1] : 0;
+				const nextStackSize = Number.isFinite(stackSizes.value[idx + 1]) ? stackSizes.value[idx + 1] : 1;
+				const ariaMinStart = prevStackSize + itemPtgMinSizes.value[idx];
+				const ariaMinEnd = nextStackSize - itemPtgMaxSizes.value[idx + 1];
+				const ariaMaxStart = prevStackSize + itemPtgMaxSizes.value[idx];
+				const ariaMaxEnd = nextStackSize - itemPtgMinSizes.value[idx + 1];
 				splitBar = createVNode(SplitBar, {
 					"lazy": lazy,
 					"index": idx,

package/dist/tabs/index.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import { SizeType } from "../config-provider/SizeContext.js";
 import TabPane, { TabPaneProps } from "./TabPane.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import { CSSProperties, SlotsType } from "vue";
+import { App, CSSProperties, PublicProps } from "vue";
 import { GetIndicatorSize, MoreProps, Tab as Tab$1, TabsProps as TabsProps$1 } from "@v-c/tabs";
 
 //#region src/tabs/index.d.ts
@@ -47,10 +47,11 @@ interface Tab extends Omit<Tab$1, 'children' | 'className'> {
   content?: VueNode;
   class?: string;
 }
+type TabItem = Tab & Record<string, any>;
 interface TabsRef {
   nativeElement: any;
 }
-interface BaseTabsProps extends ComponentBaseProps {
+interface BaseTabsProps<Item extends Tab = TabItem> extends ComponentBaseProps {
   type?: TabsType;
   size?: SizeType;
   hideAdd?: boolean;
@@ -62,7 +63,7 @@ interface BaseTabsProps extends ComponentBaseProps {
   tabPlacement?: TabPlacement;
   /** @deprecated Please use `indicator={{ size: ... }}` instead */
   indicatorSize?: GetIndicatorSize;
-  items?: Tab[];
+  items?: Item[];
 }
 interface TabsEmits {
   'edit': (e: MouseEvent | KeyboardEvent | string, action: 'add' | 'remove') => void;
@@ -78,7 +79,7 @@ interface TabsEmitsProps {
   onTabScroll?: TabsEmits['tabScroll'];
   '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 {
+interface TabsProps<Item extends Tab = TabItem> extends BaseTabsProps<Item>, CompatibilityProps, Omit<TabsProps$1, 'editable' | 'items' | 'classNames' | 'className' | 'popupClassName' | 'styles' | 'style' | 'onChange' | 'onTabScroll' | 'onTabClick' | 'renderTabBar'>, TabsEmitsProps {
   addIcon?: VueNode;
   moreIcon?: VueNode;
   more?: MoreProps;
@@ -92,18 +93,17 @@ interface TabsProps extends BaseTabsProps, CompatibilityProps, Omit<TabsProps$1,
     TabNavListComponent: any;
   }) => any;
 }
-type TabItem = Tab & Record<string, any>;
-interface TabsSlots {
+interface TabsSlots<Item extends Tab = TabItem> {
   default: () => any;
   addIcon: () => any;
   moreIcon: () => any;
   removeIcon: () => any;
   labelRender: (args: {
-    item: TabItem;
+    item: Item;
     index: number;
   }) => any;
   contentRender: (args: {
-    item: TabItem;
+    item: Item;
     index: number;
   }) => any;
   renderTabBar?: (args: {
@@ -113,6 +113,29 @@ interface TabsSlots {
   rightExtra?: () => any;
   leftExtra?: () => any;
 }
-declare const Tabs: import("vue").DefineSetupFnComponent<TabsProps, TabsEmits, SlotsType<TabsSlots>, TabsProps, import("vue").PublicProps>;
+type TabsInstance<Item extends Tab = TabItem> = {
+  $props: TabsProps<Item> & PublicProps;
+  $emit: {
+    (event: 'edit', e: MouseEvent | KeyboardEvent | string, action: 'add' | 'remove'): void;
+    (event: 'change', ...args: Parameters<TabsEmits['change']>): void;
+    (event: 'tabClick', ...args: Parameters<TabsEmits['tabClick']>): void;
+    (event: 'tabScroll', ...args: Parameters<TabsEmits['tabScroll']>): void;
+    (event: 'update:activeKey', activeKey: string): void;
+  };
+  $slots: TabsSlots<Item>;
+} & TabsRef;
+interface TabsConstructor {
+  new <Item extends Tab = TabItem>(props: TabsProps<Item>): TabsInstance<Item>;
+  /**
+   * Non-generic fallback signature. TypeScript infers from the last overload,
+   * so this keeps render-function usage like `h(Tabs, props)` resolvable
+   * against Vue's `Constructor<P>` overload of `h` (see #634), while the
+   * generic signature above still drives template/Volar inference.
+   */
+  new (props: TabsProps<any>): TabsInstance<any>;
+  install: (app: App) => void;
+  TabPane: typeof TabPane;
+}
+declare const Tabs: TabsConstructor;
 //#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 };
+export { BaseTabsProps, CompatibilityProps, Tab, TabItem, TabPane, type TabPaneProps, TabPlacement, TabPosition, TabsClassNamesType, TabsConstructor, TabsEmits, TabsEmitsProps, TabsProps, TabsRef, TabsSemanticClassNames, TabsSemanticName, TabsSemanticStyles, TabsSlots, TabsStylesType, TabsType, Tabs as default };

package/dist/tabs/index.js

@@ -15,7 +15,7 @@ import { CloseOutlined, EllipsisOutlined, PlusOutlined } from "@antdv-next/icons
 import { omit } from "es-toolkit";
 import VcTabs from "@v-c/tabs";
 //#region src/tabs/index.tsx
-const Tabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emit, expose }) => {
+const InternalTabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emit, expose }) => {
 	const { classes, styles, type, size: customSize, tabPlacement: tabPlacementProp, tabPosition, hideAdd, centered, indicatorSize } = toPropsRefs$1(props, "classes", "styles", "type", "size", "tabPlacement", "tabPosition", "hideAdd", "centered", "indicatorSize");
 	const more = toRef(props, "more");
 	const popupClassName = toRef(props, "popupClassName");
@@ -355,9 +355,10 @@ const Tabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emit, expos
 	name: "ATabs",
 	inheritAttrs: false
 });
+const Tabs = InternalTabs;
 Tabs.TabPane = TabPane;
 Tabs.install = (app) => {
-	app.component(Tabs.name, Tabs);
+	app.component(InternalTabs.name, Tabs);
 	app.component(TabPane.name, TabPane);
 };
 //#endregion

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

@@ -10,6 +10,6 @@ declare function useColor(props: {
   color: Ref<TagProps['color']>;
   variant: Ref<TagProps['variant']>;
   bordered: Ref<TagProps['bordered']>;
-}, contextVariant?: Ref<TagProps['variant']>): readonly [import("vue").ComputedRef<"outlined" | "filled" | "solid">, import("vue").ComputedRef<string | undefined>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<CSSProperties>];
+}, contextVariant?: Ref<TagProps['variant']>): readonly [import("vue").ComputedRef<"solid" | "filled" | "outlined">, import("vue").ComputedRef<string | undefined>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<CSSProperties>];
 //#endregion
 export { useColor as default };

package/dist/tag/index.js

@@ -48,6 +48,7 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 		e.stopPropagation();
 		emit("close", e);
 		if (e.defaultPrevented) return;
+		if (href.value) e.preventDefault();
 		visible.value = false;
 	};
 	const handleCloseKeyDown = (e) => {

package/dist/timeline/Timeline.d.ts

@@ -45,15 +45,15 @@ interface TimelineProps extends ComponentBaseProps {
   dotRender?: (params: {
     item: TimelineItemType;
     index: number;
-  }) => void;
+  }) => VueNode;
   labelRender?: (params: {
     item: TimelineItemType;
     index: number;
-  }) => void;
+  }) => VueNode;
   contentRender?: (params: {
     item: TimelineItemType;
     index: number;
-  }) => void;
+  }) => VueNode;
   orientation?: 'horizontal' | 'vertical';
   variant?: StepsProps['variant'];
   classes?: TimelineClassNamesType;
@@ -67,15 +67,15 @@ interface TimelineSlots {
   dotRender?: (params: {
     item: TimelineItemType;
     index: number;
-  }) => void;
+  }) => any;
   labelRender?: (params: {
     item: TimelineItemType;
     index: number;
-  }) => void;
+  }) => any;
   contentRender?: (params: {
     item: TimelineItemType;
     index: number;
-  }) => void;
+  }) => any;
 }
 declare const Timeline: import("vue").DefineSetupFnComponent<TimelineProps, EmptyEmit, SlotsType<TimelineSlots>, TimelineProps, import("vue").PublicProps>;
 //#endregion