antdv-next 1.4.2 → 1.4.4

package/dist/border-beam/style/index.js

@@ -1,5 +1,5 @@
 import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
-import { genNoMotionStyle } from "../../style/motion/util.js";
+import { genNoMotionRawStyle } from "../../style/motion/util.js";
 import "../util.js";
 import { Keyframes } from "@antdv-next/cssinjs";
 //#region src/border-beam/style/index.ts
@@ -28,7 +28,7 @@ const genBorderBeamStyle = (token) => {
 			"@supports (offset-path: rect(0 auto auto 0 round 1px))": {
 				display: "block",
 				"&::before": {
-					...genNoMotionStyle(),
+					...genNoMotionRawStyle(),
 					content: "\"\"",
 					position: "absolute",
 					top: 0,

package/dist/checkbox/style/index.js

@@ -1,7 +1,7 @@
 import { genFocusOutline, resetComponent } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
-import { genNoMotionStyle } from "../../style/motion/util.js";
+import { genNoMotionRawStyle, genNoMotionStyle } from "../../style/motion/util.js";
 import { unit } from "@antdv-next/cssinjs";
 //#region src/checkbox/style/index.ts
 const genCheckboxStyle = (token) => {
@@ -68,7 +68,7 @@ const genCheckboxStyle = (token) => {
 					opacity: 0,
 					content: "\"\"",
 					transition: `all ${token.motionDurationFast} ${token.motionEaseInBack}, opacity ${token.motionDurationFast}`,
-					...genNoMotionStyle()
+					...genNoMotionRawStyle()
 				},
 				[`${checkboxCls}-input`]: {
 					position: "absolute",
@@ -102,7 +102,7 @@ const genCheckboxStyle = (token) => {
 				opacity: 1,
 				transform: "rotate(45deg) scale(1) translate(-50%,-50%)",
 				transition: `all ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}`,
-				...genNoMotionStyle()
+				...genNoMotionRawStyle()
 			},
 			[hoverMediaQuery]: { [`&:not(${checkboxCls}-disabled):hover`]: {
 				backgroundColor: token.colorPrimaryHover,

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/descriptions/hooks/useItems.d.ts

@@ -9,22 +9,22 @@ declare function useItems(screens: Ref<ScreenMap>, items: Ref<DescriptionsItemTy
   filled: boolean;
   _$index: number;
   key?: import("@v-c/util/dist/type").Key;
-  classes?: CellSemanticClassNames | undefined;
-  styles?: CellSemanticStyles | undefined;
-  style?: import("vue").CSSProperties | 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;
-  classes?: CellSemanticClassNames | undefined;
-  styles?: CellSemanticStyles | undefined;
-  style?: import("vue").CSSProperties | 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;
 })[]>;

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" | "filled" | "borderless" | "underlined" | undefined, "outlined" | "filled" | "borderless" | "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" | "filled" | "borderless" | "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.2";
+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 { 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}`,
-				...genNoMotionStyle()
+				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 { 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(", "),
-				...genNoMotionStyle()
+				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/SplitBar.js

@@ -215,18 +215,7 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			type: Boolean,
 			required: true
 		},
-		draggerIcon: {
-			type: [
-				Function,
-				String,
-				Number,
-				null,
-				Object,
-				Boolean
-			],
-			required: false,
-			default: void 0
-		},
+		draggerIcon: { required: false },
 		collapsibleIcon: {
 			type: Object,
 			required: false

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

@@ -2,6 +2,6 @@ import genCollapseMotion from "./collapse.js";
 import { fadeIn, fadeOut, initFadeMotion } from "./fade.js";
 import { initMoveMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut } from "./move.js";
 import { initSlideMotion, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut } from "./slide.js";
-import { genNoMotionStyle } from "./util.js";
+import { genNoMotionRawStyle, genNoMotionStyle } from "./util.js";
 import { initZoomMotion, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut } from "./zoom.js";
-export { fadeIn, fadeOut, genCollapseMotion, genNoMotionStyle, initFadeMotion, initMoveMotion, initSlideMotion, initZoomMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut };
+export { fadeIn, fadeOut, genCollapseMotion, genNoMotionRawStyle, genNoMotionStyle, initFadeMotion, initMoveMotion, initSlideMotion, initZoomMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut };

package/dist/style/motion/index.js

@@ -2,6 +2,6 @@ import genCollapseMotion from "./collapse.js";
 import { fadeIn, fadeOut, initFadeMotion } from "./fade.js";
 import { initMoveMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut } from "./move.js";
 import { initSlideMotion, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut } from "./slide.js";
-import { genNoMotionStyle } from "./util.js";
+import { genNoMotionRawStyle, genNoMotionStyle } from "./util.js";
 import { initZoomMotion, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut } from "./zoom.js";
-export { fadeIn, fadeOut, genCollapseMotion, genNoMotionStyle, initFadeMotion, initMoveMotion, initSlideMotion, initZoomMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut };
+export { fadeIn, fadeOut, genCollapseMotion, genNoMotionRawStyle, genNoMotionStyle, initFadeMotion, initMoveMotion, initSlideMotion, initZoomMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut };

package/dist/style/motion/util.d.ts

@@ -2,5 +2,12 @@ import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/style/motion/util.d.ts
 declare function genNoMotionStyle(): CSSObject;
+/**
+ * Flat variant for call sites already nested inside a pseudo-element
+ * selector, where the `&::before` expansion of `genNoMotionStyle` would
+ * emit invalid selectors like `.foo::before::before` (rejected by
+ * lightningcss during the docs build).
+ */
+declare function genNoMotionRawStyle(): CSSObject;
 //#endregion
-export { genNoMotionStyle };
+export { genNoMotionRawStyle, genNoMotionStyle };

package/dist/style/motion/util.js

@@ -5,5 +5,17 @@ function genNoMotionStyle() {
 		animation: "none"
 	} } };
 }
+/**
+* Flat variant for call sites already nested inside a pseudo-element
+* selector, where the `&::before` expansion of `genNoMotionStyle` would
+* emit invalid selectors like `.foo::before::before` (rejected by
+* lightningcss during the docs build).
+*/
+function genNoMotionRawStyle() {
+	return { "@media (prefers-reduced-motion: reduce)": {
+		transition: "none",
+		animation: "none"
+	} };
+}
 //#endregion
-export { genNoMotionStyle };
+export { genNoMotionRawStyle, genNoMotionStyle };

package/dist/switch/style/index.js

@@ -1,7 +1,7 @@
 import { genFocusStyle, resetComponent } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
-import { genNoMotionStyle } from "../../style/motion/util.js";
+import { genNoMotionRawStyle, genNoMotionStyle } from "../../style/motion/util.js";
 import { unit } from "@antdv-next/cssinjs";
 import { FastColor } from "@ant-design/fast-color";
 //#region src/switch/style/index.ts
@@ -98,7 +98,7 @@ const genSwitchHandleStyle = (token) => {
 				boxShadow: handleShadow,
 				transition: `all ${token.switchDuration} ease-in-out`,
 				content: "\"\"",
-				...genNoMotionStyle()
+				...genNoMotionRawStyle()
 			}
 		},
 		[`&${componentCls}-checked ${switchHandleCls}`]: { insetInlineStart: `calc(100% - ${unit(calc(handleSize).add(trackPadding).equal())})` },