antdv-next 1.5.2 → 1.5.3

package/dist/auto-complete/index.d.ts

@@ -33,7 +33,7 @@ type AutoCompleteClassNamesType = SemanticClassNamesType<AutoCompleteProps, Auto
 type AutoCompleteStylesType = SemanticStylesType<AutoCompleteProps, AutoCompleteSemanticStyles, {
   popup?: SelectPopupSemanticStyles;
 }>;
-type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSelect' | 'onSearch';
+type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onSelect' | 'onSearch';
 interface AutoCompleteProps extends Omit<InternalSelectProps, 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue' | 'classes' | 'styles' | 'getInputElement' | 'getRawInputElement' | 'showSearch' | 'optionFilterProp' | 'filterSort' | RcEventKeys>, AutoCompleteEmitsProps {
   /** @deprecated Please use `options` instead */
   dataSource?: DataSourceItemType[];

package/dist/auto-complete/index.js

@@ -4,7 +4,7 @@ import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useTo
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import genPurePanel from "../_util/PurePanel.js";
 import Select from "../select/index.js";
-import { Text, computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { Text, computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit";
@@ -26,11 +26,18 @@ const omitKeys = [
 	"dropdownStyle",
 	"classes",
 	"styles",
-	"popupRender"
+	"popupRender",
+	"onOpenChange",
+	"onDropdownVisibleChange"
 ];
 const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
 	const { prefixCls } = useComponentBaseConfig("select", props);
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
+	const instance = getCurrentInstance();
+	const mergedOnOpenChange = (open) => {
+		if (instance?.vnode.props?.onOpenChange) emit("openChange", open);
+		else emit("dropdownVisibleChange", open);
+	};
 	const mergedProps = computed(() => {
 		return {
 			...props,
@@ -41,6 +48,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(classes), useToArr(styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
 	return () => {
 		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const forwardedAttrs = omit(restAttrs, ["onOpenChange", "onDropdownVisibleChange"]);
 		const childNodes = toArray(filterEmpty(slots.default?.() ?? []));
 		const hasSelectOptions = !!childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0]);
 		let customizeInput;
@@ -115,7 +123,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 		};
 		const selectProps = omit(props, omitKeys);
 		if (selectProps.placeholder === void 0 && customizeInputPlaceholder !== void 0) selectProps.placeholder = customizeInputPlaceholder;
-		return createVNode(Select, mergeProps(restAttrs, selectProps, {
+		return createVNode(Select, mergeProps(forwardedAttrs, selectProps, {
 			onSelect: (value, option) => {
 				emit("select", value, option);
 			},
@@ -163,12 +171,6 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			},
 			onSearch: (value) => {
 				emit("search", value);
-			},
-			onOpenChange: (open) => {
-				emit("openChange", open);
-			},
-			onDropdownVisibleChange: (open) => {
-				emit("dropdownVisibleChange", open);
 			}
 		}, getInputElement ? { getInputElement } : {}, {
 			"prefixCls": prefixCls.value,
@@ -178,7 +180,8 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			"popupRender": mergedPopupRender,
 			"popupMatchSelectWidth": mergedPopupMatchSelectWidth,
 			"mode": Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
-			"suffixIcon": null
+			"suffixIcon": null,
+			"onOpenChange": mergedOnOpenChange
 		}, { "onUpdate:value": (value) => emit("update:value", value) }), {
 			default: () => [optionChildren],
 			...forwardedSlots

package/dist/breadcrumb/BreadcrumbItem.js

@@ -2,6 +2,7 @@ import { useBaseConfig } from "../config-provider/context.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import isNonNullable from "../_util/isNonNullable.js";
 import { checkRenderNode } from "../_util/vueNode.js";
+import { isRenderable } from "../_util/is.js";
 import { useBreadcrumbContext } from "./BreadcrumbContext.js";
 import Dropdown from "../dropdown/index.js";
 import BreadcrumbSeparator from "./BreadcrumbSeparator.js";
@@ -53,7 +54,7 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 		if (isNonNullable(link)) return createVNode(Fragment, null, [createVNode("li", {
 			"class": clsx(`${prefixCls}-item`, mergedClassNames?.item),
 			"style": mergedStyles?.item
-		}, [link]), !!separator && createVNode(BreadcrumbSeparator, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
+		}, [link]), isRenderable(separator) && createVNode(BreadcrumbSeparator, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
 		return null;
 	};
 }, {

package/dist/button/buttonHelper.d.ts

@@ -1,7 +1,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/card/Card.js

@@ -4,6 +4,7 @@ import { useSize } from "../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import skeleton_default from "../skeleton/index.js";
+import { isRenderable } from "../_util/is.js";
 import useVariant from "../form/hooks/useVariant.js";
 import Tabs from "../tabs/index.js";
 import style_default from "./style/index.js";
@@ -109,7 +110,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 				...item
 			};
 		}) }), tabsSlots) : null;
-		if (title || extra || tabs) {
+		if (isRenderable(title) || isRenderable(extra) || tabs) {
 			const headClasses = clsx(`${prefixCls.value}-head`, mergedClassNames.value.header);
 			const titleClasses = clsx(`${prefixCls.value}-head-title`, mergedClassNames.value.title);
 			const extraClasses = clsx(`${prefixCls.value}-extra`, mergedClassNames.value.extra);
@@ -119,16 +120,16 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 					...headStyle,
 					...mergedStyles.value.header
 				}
-			}, [createVNode("div", { "class": `${prefixCls.value}-head-wrapper` }, [!!title && createVNode("div", {
+			}, [createVNode("div", { "class": `${prefixCls.value}-head-wrapper` }, [isRenderable(title) && createVNode("div", {
 				"class": titleClasses,
 				"style": mergedStyles.value.title
-			}, [title]), !!extra && createVNode("div", {
+			}, [title]), isRenderable(extra) && createVNode("div", {
 				"class": extraClasses,
 				"style": mergedStyles.value.extra
 			}, [extra])]), tabs]);
 		}
 		const coverClasses = clsx(`${prefixCls.value}-cover`, mergedClassNames.value.cover);
-		const coverDom = cover ? createVNode("div", {
+		const coverDom = isRenderable(cover) ? createVNode("div", {
 			"class": coverClasses,
 			"style": mergedStyles.value.cover
 		}, [cover]) : null;

package/dist/card/CardMeta.js

@@ -1,6 +1,7 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import { isRenderable } from "../_util/is.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 //#region src/card/CardMeta.tsx
@@ -27,15 +28,15 @@ const CardMeta = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose
 		const avatar = getSlotPropsFnRun(slots, props, "avatar");
 		const title = getSlotPropsFnRun(slots, props, "title");
 		const description = getSlotPropsFnRun(slots, props, "description");
-		const avatarDom = avatar ? createVNode("div", {
+		const avatarDom = isRenderable(avatar) ? createVNode("div", {
 			"class": avatarClassNames,
 			"style": mergedStyles.value.avatar
 		}, [avatar]) : null;
-		const titleDom = title ? createVNode("div", {
+		const titleDom = isRenderable(title) ? createVNode("div", {
 			"class": titleClassNames,
 			"style": mergedStyles.value.title
 		}, [title]) : null;
-		const descriptionDom = description ? createVNode("div", {
+		const descriptionDom = isRenderable(description) ? createVNode("div", {
 			"class": descriptionClassNames,
 			"style": mergedStyles.value.description
 		}, [description]) : null;

package/dist/checkbox/Checkbox.js

@@ -26,7 +26,7 @@ const InternalCheckbox = /* @__PURE__ */ defineComponent((props, { slots, emit,
 	const formItemInputContext = useFormItemInputContext();
 	const formItemContext = useFormItemContext();
 	const contextDisabled = useDisabledContext();
-	const mergedDisabled = computed(() => (checkboxGroup?.value?.disabled || props?.disabled) ?? contextDisabled.value);
+	const mergedDisabled = computed(() => props.disabled ?? checkboxGroup?.value?.disabled ?? contextDisabled.value);
 	const mergedCheckedValue = computed(() => props.checkedValue ?? true);
 	const mergedUnCheckedValue = computed(() => props.unCheckedValue ?? false);
 	const currentValue = shallowRef(props?.checked ?? props?.defaultChecked ?? mergedUnCheckedValue.value);

package/dist/config-provider/context.d.ts

@@ -90,7 +90,7 @@ import { TreeSelectProps } from "../tree-select/index.js";
 import { BlockProps } from "../typography/interface.js";
 import { ButtonProps } from "../button/Button.js";
 import "../button/index.js";
-import { CSSProperties, Ref } from "vue";
+import { AriaAttributes, CSSProperties, Ref } from "vue";
 import { DerivativeFunc } from "@antdv-next/cssinjs";
 import { MoreProps } from "@v-c/tabs";
 //#region src/config-provider/context.d.ts
@@ -235,7 +235,10 @@ type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classes' | 'styles
   loadingIcon?: VueNode;
 };
 type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
-type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closable' | 'closeIcon' | 'classes' | 'styles'> & {
+type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'classes' | 'styles'> & {
+  closable?: boolean | ({
+    closeIcon?: VueNode;
+  } & AriaAttributes);
   successIcon?: VueNode;
   infoIcon?: VueNode;
   warningIcon?: VueNode;

package/dist/date-picker/util.d.ts

@@ -6,14 +6,14 @@ import { PickerMode } from "@v-c/picker";
 declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
 declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;
 declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null] | readonly [{
-  clearIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
+  clearIcon: string | number | boolean | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } | RenderNodeFn<any[]> | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  } | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }> | RenderNodeFn<any[]> | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }> | null | undefined)[] | null | undefined;
 }, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null];

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

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

package/dist/float-button/FloatButton.js

@@ -5,6 +5,7 @@ import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import InternalTooltip from "../tooltip/index.js";
 import button_default from "../button/index.js";
+import { isRenderable } from "../_util/is.js";
 import Badge from "../badge/index.js";
 import { useGroupContext } from "./context.js";
 import convertToTooltipProps from "../_util/convertToTooltipProps.js";
@@ -52,7 +53,7 @@ const FloatButton = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 		if (slotContent.length) contentNodes = slotContent;
 		else if (props.content !== void 0) contentNodes = props.content;
 		else if (props.description !== void 0) contentNodes = props.description;
-		const hasContent = Array.isArray(contentNodes) ? contentNodes.length > 0 : contentNodes !== null && contentNodes !== void 0 && contentNodes !== false;
+		const hasContent = Array.isArray(contentNodes) ? contentNodes.length > 0 : isRenderable(contentNodes);
 		const mergedIcon = getSlotPropsFnRun(slots, props, "icon") ?? props.icon ?? (!hasContent ? createVNode(FileTextOutlined, null, null) : null);
 		const tooltipSlotNodes = filterEmpty(slots.tooltip?.() ?? []);
 		const tooltipNode = tooltipSlotNodes.length ? tooltipSlotNodes.length === 1 ? tooltipSlotNodes[0] : tooltipSlotNodes : void 0;

package/dist/form/FormItemLabel.js

@@ -2,6 +2,7 @@ import { getSlotPropsFnRun } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
+import { isRenderable } from "../_util/is.js";
 import { useFormContext } from "./context.js";
 import Col from "../grid/col.js";
 import convertToTooltipProps from "../_util/convertToTooltipProps.js";
@@ -17,7 +18,7 @@ const FormItemLabel = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		const { labelCol, labelAlign, prefixCls, required, colon, vertical, tooltip, requiredMark, htmlFor } = props;
 		const { labelAlign: contextLabelAlign, labelCol: contextLabelCol, labelWrap, colon: contextColon, classes: contextClassNames, styles: contextStyles, tooltip: contextTooltip } = formContext.value;
 		const label = getSlotPropsFnRun(slots, props, "label");
-		if (!label) return null;
+		if (!isRenderable(label)) return null;
 		const mergedLabelCol = labelCol || contextLabelCol || {};
 		const mergedLabelAlign = labelAlign || contextLabelAlign;
 		const labelClsBasic = `${prefixCls}-item-label`;

package/dist/form/context.d.ts

@@ -71,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

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

package/dist/grid/row.js

@@ -4,29 +4,22 @@ import { responsiveArray } from "../_util/responsiveObserver.js";
 import useBreakpoint from "./hooks/useBreakpoint.js";
 import { useRowContextProvider } from "./RowContext.js";
 import useGutter from "./hooks/useGutter.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
 import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 //#region src/grid/row.tsx
 function useMergedPropByScreen(oriProp, screen) {
-	const prop = shallowRef(typeof oriProp.value === "string" ? oriProp.value : "");
-	const calcMergedAlignOrJustify = () => {
-		if (typeof oriProp.value === "string") prop.value = oriProp.value;
-		if (typeof oriProp.value !== "object") return;
-		for (let i = 0; i < responsiveArray.length; i++) {
+	return computed(() => {
+		const value = oriProp.value;
+		if (typeof value === "string") return value;
+		if (typeof value === "object") for (let i = 0; i < responsiveArray.length; i++) {
 			const breakpoint = responsiveArray[i];
 			if (!screen.value || !screen.value[breakpoint]) continue;
-			const curVal = oriProp.value[breakpoint];
-			if (curVal !== void 0) {
-				prop.value = curVal;
-				return;
-			}
+			const curVal = value[breakpoint];
+			if (curVal !== void 0) return curVal;
 		}
-	};
-	watch([() => JSON.stringify(oriProp.value), screen], () => {
-		calcMergedAlignOrJustify();
-	}, { immediate: true });
-	return prop;
+		return "";
+	});
 }
 const Row = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const configCtx = useConfig();

package/dist/image/PreviewGroup.js

@@ -46,7 +46,7 @@ const InternalPreviewGroup = /* @__PURE__ */ defineComponent((props, { attrs, sl
 			right: direction.value === "rtl" ? createVNode(LeftOutlined, null, null) : createVNode(RightOutlined, null, null)
 		};
 	});
-	const mergedPreview = useMergedPreviewConfig(previewConfig, contextPreviewConfig, prefixCls, mergedRootClassName, getContextPopupContainer, computed(() => icons));
+	const mergedPreview = useMergedPreviewConfig(previewConfig, contextPreviewConfig, prefixCls, mergedRootClassName, getContextPopupContainer, memoizedIcons);
 	const mergedMask = computed(() => mergedPreview.value?.mask);
 	const blurClassName = computed(() => mergedPreview.value?.blurClassName);
 	const mergedProps = computed(() => {

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

@@ -36,17 +36,17 @@ 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 maskClosable?: boolean;
   readonly focusTrap?: boolean;
-  readonly zIndex?: number;
   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 wheel?: boolean;
-  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
+  readonly motionName?: string;
   readonly src?: string;
   readonly alt?: string;
-  readonly motionName?: string;
+  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
   readonly countRender?: (current: number, total: number) => import("@v-c/util").VueNode;
   readonly scaleStep?: number;
   readonly minScale?: number;

package/dist/menu/style/vertical.js

@@ -84,11 +84,14 @@ const getVerticalStyle = (token) => {
 		} },
 		{ [`${componentCls}-inline-collapsed`]: {
 			width: collapsedWidth,
-			[`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu ${componentCls}-submenu-title`]: { [`> ${componentCls}-inline-collapsed-noicon`]: {
-				fontSize: fontSizeLG,
-				textAlign: "center",
-				width: "100%"
-			} } },
+			[`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu ${componentCls}-submenu-title`]: {
+				transition: [`border-color`, `background-color`].map((property) => `${property} ${motionDurationSlow}`).join(","),
+				[`> ${componentCls}-inline-collapsed-noicon`]: {
+					fontSize: fontSizeLG,
+					textAlign: "center",
+					width: "100%"
+				}
+			} },
 			[`> ${componentCls}-item,
           > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-item,
           > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-submenu > ${componentCls}-submenu-title,

package/dist/package.js

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

package/dist/segmented/index.js

@@ -4,6 +4,7 @@ import { useSize } from "../config-provider/hooks/useSize.js";
 import { pureAttrs, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
+import { isRenderable } from "../_util/is.js";
 import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, useId } from "vue";
 import { clsx } from "@v-c/util";
@@ -43,7 +44,7 @@ const InternalSegmented = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			if (hasIcon || hasCustomLabel) {
 				const { label, icon: _icon, ...restOption } = _option;
 				const mergedLabel = labelFromSlot.length > 0 ? labelFromSlot : label;
-				const showLabel = !!(labelFromSlot.length > 0) || !!label;
+				const showLabel = labelFromSlot.length > 0 || isRenderable(label);
 				const icon = getSlotPropsFnRun({}, option, "icon") ?? iconFromSlot;
 				return {
 					...restOption,

package/dist/select/index.d.ts

@@ -15,7 +15,7 @@ interface LabeledValue {
   label: VueNode;
 }
 type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[] | undefined;
-interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps$1, 'mode' | 'classNames' | 'className' | 'style' | 'prefix' | 'styles'> {
+interface InternalSelectProps extends ComponentBaseProps, Omit<SelectProps$1, 'mode' | 'classNames' | 'className' | 'style' | 'prefix' | 'styles' | 'onPopupVisibleChange'> {
   prefix?: VueNode;
   suffixIcon?: VueNode;
   size?: SizeType;
@@ -76,7 +76,7 @@ type SelectClassNamesType = SemanticClassNamesType<SelectProps, SelectSemanticCl
 type SelectStylesType = SemanticStylesType<SelectProps, SelectSemanticStyles, {
   popup?: SelectPopupSemanticStyles;
 }>;
-type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSelect' | 'optionRender';
+type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onSelect' | 'optionRender';
 interface SelectProps extends Omit<InternalSelectProps, 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement' | 'dropdownClassName' | 'dropdownStyle' | 'classes' | 'styles' | RcEventKeys>, SelectEmitsProps {
   placement?: SelectCommonPlacement;
   mode?: 'multiple' | 'tags';

package/dist/steps/PanelArrow.js

@@ -1,14 +1,15 @@
-import { createTextVNode, createVNode, defineComponent } from "vue";
+import { createVNode, defineComponent } from "vue";
 //#region src/steps/PanelArrow.tsx
 const PanelArrow = /* @__PURE__ */ defineComponent((props) => {
 	return () => {
 		const { prefixCls } = props;
 		return createVNode("svg", {
+			"aria-hidden": "true",
 			"class": `${prefixCls}-panel-arrow`,
 			"viewBox": "0 0 100 100",
 			"xmlns": "http://www.w3.org/2000/svg",
 			"preserveAspectRatio": "none"
-		}, [createVNode("title", null, [createTextVNode("Arrow")]), createVNode("path", { "d": "M 0 0 L 100 50 L 0 100" }, null)]);
+		}, [createVNode("path", { "d": "M 0 0 L 100 50 L 0 100" }, null)]);
 	};
 }, {
 	props: { prefixCls: {

package/dist/table/hooks/useSorter.js

@@ -106,15 +106,13 @@ function injectSorter(prefixCls, columns, sorterStates, triggerSorter, defaultSo
 						originOnClick?.(event);
 					};
 					cell.onKeydown = (event) => {
-						if (event.keyCode === KeyCode.ENTER) {
-							triggerSorter({
-								column,
-								key: columnKey,
-								sortOrder: nextSortOrder,
-								multiplePriority: getMultiplePriority(column)
-							});
-							originOnKeydown?.(event);
-						}
+						if (event.keyCode === KeyCode.ENTER) triggerSorter({
+							column,
+							key: columnKey,
+							sortOrder: nextSortOrder,
+							multiplePriority: getMultiplePriority(column)
+						});
+						originOnKeydown?.(event);
 					};
 					const renderTitle = safeColumnTitle(column.title, {});
 					const displayTitle = renderTitle?.toString();

package/dist/tag/CheckableTagGroup.d.ts

@@ -2,12 +2,15 @@ import { VueNode } 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 { CSSProperties } from "vue";
 //#region src/tag/CheckableTagGroup.d.ts
 type CheckableTagDefaultValue = string | number;
 interface CheckableTagOption<CheckableTagValue = CheckableTagDefaultValue> {
   value: CheckableTagValue;
   label: VueNode;
   disabled?: boolean;
+  class?: string;
+  style?: CSSProperties;
 }
 interface CheckableTagGroupSingleProps<CheckableTagValue = CheckableTagDefaultValue> {
   multiple?: false;

package/dist/tag/CheckableTagGroup.js

@@ -58,8 +58,8 @@ const CheckableTagGroup = /* @__PURE__ */ defineComponent((props, { emit, attrs,
 		}), [parsedOptions.value.map((option) => {
 			return createVNode(CheckableTag, {
 				"key": option.value,
-				"class": clsx(`${groupPrefixCls.value}-item`, mergedClassNames.value.item),
-				"style": mergedStyles.value.item,
+				"class": clsx(`${groupPrefixCls.value}-item`, mergedClassNames.value.item, option.class),
+				"style": [mergedStyles.value.item, option.style],
 				"checked": multiple ? (mergedValue.value || []).includes(option.value) : mergedValue.value === option.value,
 				"onChange": (checked) => handleChange(checked, option),
 				"disabled": option.disabled ?? disabled

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

@@ -9,6 +9,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

@@ -5,6 +5,7 @@ import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import wave_default from "../_util/wave/index.js";
 import { replaceElement } from "../_util/vueNode.js";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
+import { isRenderable } from "../_util/is.js";
 import style_default from "./style/index.js";
 import CheckableTag from "./CheckableTag.js";
 import CheckableTagGroup from "./CheckableTagGroup.js";
@@ -122,7 +123,7 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			class: mergedClassNames.value?.icon,
 			style: mergedStyles.value?.icon
 		});
-		const kids = iconNodes ? createVNode(Fragment, null, [iconNodes, children && createVNode("span", {
+		const kids = iconNodes ? createVNode(Fragment, null, [iconNodes, isRenderable(children) && createVNode("span", {
 			"class": mergedClassNames.value.content,
 			"style": mergedStyles.value.content
 		}, [children])]) : children;

package/dist/tour/panelRender.js

@@ -135,8 +135,14 @@ const TourPanel = /* @__PURE__ */ defineComponent((props) => {
 			type: Function,
 			required: false
 		},
-		classes: { required: false },
-		styles: { required: false },
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
 		actionsRender: {
 			type: Function,
 			required: false

package/dist/transfer/Section.js

@@ -138,7 +138,7 @@ const TransferSection = /* @__PURE__ */ defineComponent((props) => {
 	};
 	return () => {
 		const checkBox = createVNode(checkbox_default, {
-			"disabled": !dataSource.value.some((d) => !d.disabled) || props.disabled,
+			"disabled": !filteredItems.value.filterItems.some((d) => !d.disabled) || props.disabled,
 			"checked": checkStatus.value === "all",
 			"indeterminate": checkStatus.value === "part",
 			"class": `${listPrefixCls.value}-checkbox`,

package/dist/upload/utils.js

@@ -52,6 +52,14 @@ function previewImage(file) {
 			resolve("");
 			return;
 		}
+		if (file.type.startsWith("image/gif")) {
+			const reader = new FileReader();
+			reader.onload = () => {
+				if (reader.result) resolve(reader.result);
+			};
+			reader.readAsDataURL(file);
+			return;
+		}
 		const canvas = document.createElement("canvas");
 		canvas.width = MEASURE_SIZE;
 		canvas.height = MEASURE_SIZE;
@@ -85,12 +93,6 @@ function previewImage(file) {
 				if (reader.result && typeof reader.result === "string") img.src = reader.result;
 			};
 			reader.readAsDataURL(file);
-		} else if (file.type.startsWith("image/gif")) {
-			const reader = new FileReader();
-			reader.onload = () => {
-				if (reader.result) resolve(reader.result);
-			};
-			reader.readAsDataURL(file);
 		} else img.src = window.URL.createObjectURL(file);
 	});
 }