antdv-next 1.5.1 → 1.5.3

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/listy/style/index.js

@@ -44,7 +44,11 @@ const genListyStyle = (token) => {
 			}
 		},
 		[`${componentCls}-group-section`]: { position: "relative" },
-		[`${componentCls}-scrollbar`]: { zIndex: 1 },
+		[`${componentCls}-scrollbar`]: {
+			zIndex: 1,
+			cursor: "pointer",
+			"&:hover": { backgroundColor: token.colorFillQuaternary }
+		},
 		"&-rtl": { direction: "rtl" }
 	} };
 };

package/dist/locale/en_US.js

@@ -77,6 +77,10 @@ const localeValues = {
 		expand: "Expand",
 		collapse: "Collapse"
 	},
+	Carousel: {
+		prevSlide: "Previous slide",
+		nextSlide: "Next slide"
+	},
 	Form: {
 		optional: "(optional)",
 		defaultValidateMessages: {

package/dist/locale/index.d.ts

@@ -67,6 +67,10 @@ interface Locale {
     refresh?: string;
     scanned?: string;
   };
+  Carousel?: {
+    prevSlide: string;
+    nextSlide: string;
+  };
   ColorPicker?: {
     presetEmpty: string;
     transparent: string;

package/dist/locale/is_IS.js

@@ -104,7 +104,7 @@ const localeValues = {
 			},
 			number: {
 				len: "${label} verður að vera jafngildi ${len}",
-				min: "Lágmarksgildi ${label} er ${mín}",
+				min: "Lágmarksgildi ${label} er ${min}",
 				max: "Hámarksgildi ${label} er ${max}",
 				range: "${label} verður að vera á milli ${min}-${max}"
 			},

package/dist/locale/mn_MN.js

@@ -118,7 +118,7 @@ const localeValues = {
 			},
 			array: {
 				len: "${len} ${label} байх ёстой",
-				min: "Дор хаяж ${мин} ${label}",
+				min: "Дор хаяж ${min} ${label}",
 				max: "Хамгийн ихдээ ${max} ${label}",
 				range: "${label}-н хэмжээ ${min}-${max} хооронд байх ёстой"
 			},

package/dist/locale/zh_CN.js

@@ -77,6 +77,10 @@ const localeValues = {
 		expand: "展开",
 		collapse: "收起"
 	},
+	Carousel: {
+		prevSlide: "上一张幻灯片",
+		nextSlide: "下一张幻灯片"
+	},
 	Form: {
 		optional: "（可选）",
 		defaultValidateMessages: {

package/dist/menu/MenuItem.js

@@ -3,7 +3,7 @@ import { getSlotPropsFnRun } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
 import { useSiderCtx } from "../layout/Sider.js";
 import { useMenuContext } from "./MenuContext.js";
-import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty, getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit/compat";
@@ -15,6 +15,11 @@ function _isSlot(s) {
 const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const menuContext = useMenuContext();
 	const { siderCollapsed } = useSiderCtx();
+	const mergedCollapsed = computed(() => !!(siderCollapsed?.value || menuContext.value.inlineCollapsed));
+	const tooltipOpen = shallowRef(false);
+	watch(mergedCollapsed, () => {
+		tooltipOpen.value = false;
+	});
 	return () => {
 		const extra = getSlotPropsFnRun(slots, props, "extra");
 		const icon = getSlotPropsFnRun(slots, props, "icon");
@@ -39,9 +44,14 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		if (typeof title === "undefined") tooltipTitle = firstLevel ? children : "";
 		else if (title === false) tooltipTitle = "";
 		const tooltipProps = { title: tooltipTitle };
-		if (!siderCollapsed?.value && !isInlineCollapsed) {
+		if (!mergedCollapsed.value) {
 			tooltipProps.title = null;
 			tooltipProps.open = false;
+		} else {
+			tooltipProps.open = tooltipOpen.value;
+			tooltipProps.onOpenChange = (open) => {
+				tooltipOpen.value = open;
+			};
 		}
 		const childrenLength = children.length;
 		let returnNode = createVNode(Item, mergeProps(omit(pureAttrs(attrs), ["itemData"]), omit(props, [

package/dist/menu/SubMenu.d.ts

@@ -2,7 +2,7 @@ import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SubMenuType } from "./interface.js";
 import { SlotsType } from "vue";
 //#region src/menu/SubMenu.d.ts
-interface SubMenuProps extends Omit<SubMenuType, 'key' | 'label' | 'children'> {
+interface SubMenuProps extends Omit<SubMenuType, 'key' | 'label' | 'children' | 'title'> {
   title?: VueNode;
 }
 interface SubMenuSlots {

package/dist/menu/style/vertical.js

@@ -29,7 +29,7 @@ const getVerticalInlineStyle = (token) => {
 	};
 };
 const getVerticalStyle = (token) => {
-	const { componentCls, iconCls, itemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, motionEaseOut, padding, paddingXL, itemMarginInline, fontSizeLG, motionDurationFast, motionDurationSlow, paddingXS, boxShadowSecondary, collapsedWidth, collapsedIconSize } = token;
+	const { componentCls, iconCls, itemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, padding, paddingXL, itemMarginInline, fontSizeLG, motionDurationSlow, paddingXS, boxShadowSecondary, collapsedWidth, collapsedIconSize } = token;
 	const inlineItemStyle = {
 		height: itemHeight,
 		lineHeight: unit(itemHeight),
@@ -63,11 +63,7 @@ const getVerticalStyle = (token) => {
 			[`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu-title`]: {
 				display: "flex",
 				alignItems: "center",
-				transition: [
-					`border-color ${motionDurationSlow}`,
-					`background-color ${motionDurationSlow}`,
-					`padding ${motionDurationFast} ${motionEaseOut}`
-				].join(","),
+				transition: [`border-color ${motionDurationSlow}`, `background-color ${motionDurationSlow}`].join(","),
 				[`> ${componentCls}-title-content`]: {
 					flex: "auto",
 					minWidth: 0,
@@ -88,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/notification/index.js

@@ -93,7 +93,8 @@ const GlobalHolderWrapper = /* @__PURE__ */ defineComponent((props) => {
 		const configHolderNode = createVNode(ConfigProvider, {
 			"prefixCls": global.getRootPrefixCls(),
 			"iconPrefixCls": global.getIconPrefixCls(),
-			"theme": global.theme.value
+			"theme": global.theme.value,
+			"locale": globalConfig().locale
 		}, _isSlot(holderNode) ? holderNode : { default: () => [holderNode] });
 		return global.holderRender ? global.holderRender(configHolderNode) : configHolderNode;
 	};

package/dist/notification/useNotification.js

@@ -6,6 +6,8 @@ import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import style_default from "./style/index.js";
 import { getCloseIconConfig, getMotion, getPlacementStyle } from "./util.js";
+import localeValues from "../locale/en_US.js";
+import useLocale from "../locale/useLocale.js";
 import { computeClosable, pickClosable } from "../_util/hooks/useClosable.js";
 import { getCloseIcon, getIconWrapperClassName, resolveIconNode } from "./PurePanel.js";
 import { isRenderable } from "../_util/is.js";
@@ -41,6 +43,7 @@ const renderNotifications = (node, { prefixCls, key }) => {
 };
 const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const { getPrefixCls, getPopupContainer, notification, direction } = useBaseConfig("notification");
+	const [contextLocale] = useLocale("global", localeValues.global);
 	const { classes: contextClassNames, style: contextStyle, styles: contextStyles } = useComponentBaseConfig("notification", props);
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const [, token] = useToken();
@@ -49,7 +52,7 @@ const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		return typeof props.duration === "number" && props.duration > 0 ? props.duration : false;
 	});
 	const getStyle = (placement) => {
-		return getPlacementStyle(placement, props?.top ?? DEFAULT_OFFSET, props?.bottom ?? DEFAULT_DURATION);
+		return getPlacementStyle(placement, props?.top ?? DEFAULT_OFFSET, props?.bottom ?? DEFAULT_OFFSET);
 	};
 	const getClassName = () => clsx({ [`${prefixCls.value}-rtl`]: props.rtl ?? direction.value === "rtl" });
 	const getNotificationMotion = () => getMotion(prefixCls.value);
@@ -80,7 +83,8 @@ const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		prefixCls,
 		notification,
 		classNames: mergedClassNames,
-		styles: mergedStyles
+		styles: mergedStyles,
+		closeLabel: computed(() => contextLocale.value?.close ?? localeValues.global?.close ?? "Close")
 	});
 	return () => {
 		return holder?.();
@@ -174,7 +178,7 @@ function useInternalNotification(notificationConfig) {
 				warning(false, "usage", "You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.");
 				return;
 			}
-			const { open: originOpen, prefixCls, notification, classNames: originClassNames, styles: originStyles } = holderRef.value;
+			const { open: originOpen, prefixCls, notification, classNames: originClassNames, styles: originStyles, closeLabel } = holderRef.value;
 			const contextClassName = notification?.class || {};
 			const noticePrefixCls = `${prefixCls}-notice`;
 			const { title, description, icon, type, actions, class: className, style, role = "alert", closeIcon, closable, classes: configClassNames = {}, styles = {}, ...restConfig } = config;
@@ -188,7 +192,7 @@ function useInternalNotification(notificationConfig) {
 			}))), pickClosable(notificationContext), computed(() => ({
 				closable: true,
 				closeIcon: realCloseIcon
-			})));
+			})), closeLabel);
 			const mergedClosable = rawClosable ? {
 				onClose: closable && typeof closable === "object" ? closable.onClose : void 0,
 				closeIcon: mergedCloseIcon,

package/dist/package.js

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

package/dist/package.json.d.ts

@@ -21,6 +21,10 @@ declare const _exports: {
       import: string;
       default: string;
     };
+    "./version/token.json": string;
+    "./version/token-meta.json": string;
+    "./dist/version/token.json": string;
+    "./dist/version/token-meta.json": string;
     "./dist/*": {
       types: string[];
       import: string[];

package/dist/radio/group.js

@@ -84,7 +84,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				item: option,
 				index
 			}) : option.label;
-			return createVNode(InternalRadio, {
+			return createVNode(InternalRadio, mergeProps({
 				"key": `radio-group-value-options-${option.value}`,
 				"prefixCls": prefixCls.value,
 				"disabled": option.disabled || disabled,
@@ -95,7 +95,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				"class": option.class,
 				"id": option.id,
 				"required": option.required
-			}, _isSlot(_label) ? _label : { default: () => [_label] });
+			}, { onChange: option.onChange }), _isSlot(_label) ? _label : { default: () => [_label] });
 		});
 		return createVNode("div", mergeProps(pickAttrs(restAttrs, {
 			aria: true,

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/select/index.js

@@ -414,7 +414,7 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 			required: false
 		},
 		optionFilterProp: {
-			type: String,
+			type: [String, Array],
 			required: false
 		},
 		optionLabelProp: {

package/dist/select/style/index.js

@@ -14,7 +14,7 @@ const genBaseStyle = (token) => {
 			opacity: 0,
 			pointerEvents: "none"
 		},
-		[`&${componentCls}-allow-clear:not(${componentCls}-show-arrow) ${componentCls}-content`]: { marginInlineEnd: token.showArrowPaddingInlineEnd }
+		[`&${componentCls}-allow-clear:not(${componentCls}-show-arrow):not(${componentCls}-customize) ${componentCls}-content`]: { marginInlineEnd: token.showArrowPaddingInlineEnd }
 	};
 	return {
 		[componentCls]: {

package/dist/space/Compact.d.ts

@@ -21,7 +21,7 @@ interface SpaceCompactItemContextType {
 declare function useSpaceCompactItemContext(): Ref<SpaceCompactItemContextType | null, SpaceCompactItemContextType | null>;
 declare function useCompactItemContext(prefixCls: Ref<string>, direction: Ref<DirectionType>): {
   compactSize: import("vue").ComputedRef<SizeType>;
-  compactDirection: import("vue").ComputedRef<"vertical" | "horizontal" | undefined>;
+  compactDirection: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
   compactItemClassnames: import("vue").ComputedRef<string>;
 };
 declare const NoCompactStyle: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;

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/InternalTable.js

@@ -374,15 +374,16 @@ const InternalTable = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			...mergedStyles.value.root,
 			...style
 		};
+		const title = resolvePanelRender(slots, props, "title");
+		const footer = resolvePanelRender(slots, props, "footer");
+		const summary = resolvePanelRender(slots, props, "summary");
 		const tableClassName = clsx({
 			[`${prefixCls.value}-medium`]: mergedSize.value === "middle" || mergedSize.value === "medium",
 			[`${prefixCls.value}-small`]: mergedSize.value === "small",
 			[`${prefixCls.value}-bordered`]: props.bordered,
-			[`${prefixCls.value}-empty`]: rawData.value.length === 0
+			[`${prefixCls.value}-empty`]: rawData.value.length === 0,
+			[`${prefixCls.value}-no-header`]: !title && props.showHeader === false
 		}, cssVarCls.value, rootCls.value, hashId.value);
-		const title = resolvePanelRender(slots, props, "title");
-		const footer = resolvePanelRender(slots, props, "footer");
-		const summary = resolvePanelRender(slots, props, "summary");
 		const TableComp = TableComponent.value;
 		const virtualProps = mergedVirtual.value ? { listItemHeight: listItemHeight.value } : {};
 		const mergedScroll = props.scroll ?? contextScroll.value;

package/dist/table/hooks/useFilter/FilterDropdown.js

@@ -163,8 +163,8 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const onVisibleChange = (newVisible, info) => {
 		if (info?.source === "trigger") {
 			if (newVisible && propFilteredKeys.value !== void 0) setFilteredKeysSync(wrapStringListType(propFilteredKeys.value));
-			triggerVisible(newVisible);
-			if (!newVisible && !hasPropDropdownRender && props.filterOnClose) onConfirm();
+			if (!newVisible && !hasPropDropdownRender && !column.value.filterDropdown && props.filterOnClose) onConfirm();
+			else triggerVisible(newVisible);
 		}
 	};
 	const dropdownMenuClass = computed(() => clsx({ [`${props.dropdownPrefixCls}-menu-without-submenu`]: !hasSubMenu(column?.value?.filters || []) }));

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/table/style/radius.js

@@ -10,6 +10,10 @@ const genRadiusStyle = (token) => {
 			[`${componentCls}-header, table`]: { borderRadius: 0 },
 			"table > thead > tr:first-child": { "th:first-child, th:last-child, td:first-child, td:last-child": { borderRadius: 0 } }
 		},
+		[`&${componentCls}-bordered${componentCls}-no-header`]: { [`> ${componentCls}-container`]: { [`> ${componentCls}-content, > ${componentCls}-body`]: { "> table > tbody > tr:first-child": {
+			"> *:first-child": { borderStartStartRadius: tableRadius },
+			"> *:last-child": { borderStartEndRadius: tableRadius }
+		} } } },
 		"&-container": {
 			borderStartStartRadius: tableRadius,
 			borderStartEndRadius: tableRadius,

package/dist/table/util.d.ts

@@ -11,7 +11,7 @@ declare function renderColumnTitle<RecordType extends AnyObject = AnyObject>(tit
  * Should filter [object Object]
  */
 declare function safeColumnTitle<RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>): any;
-declare function normalizePlacement(pos: TablePaginationPlacement | TablePaginationPosition): "start" | "end" | "center";
+declare function normalizePlacement(pos: TablePaginationPlacement | TablePaginationPosition): "center" | "end" | "start";
 declare function getPaginationSize(paginationSize: SizeType, mergedSize: SizeType): SizeType;
 //#endregion
 export { getColumnKey, getColumnPos, getPaginationSize, normalizePlacement, renderColumnTitle, safeColumnTitle };

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" | "solid" | "filled">, 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/transfer/ListBody.js

@@ -54,7 +54,7 @@ const TransferListBody = /* @__PURE__ */ defineComponent((props, { expose }) =>
 		pageSize.value = size;
 	};
 	return () => {
-		const { classes = {}, styles = {}, prefixCls, showRemove, filteredRenderItems, disabled, onScroll, selectedKeys } = props;
+		const { classes = {}, styles = {}, prefixCls, showRemove, filteredRenderItems, disabled, onScroll, selectedKeys, remove } = props;
 		const paginationNode = mergedPagination.value ? createVNode(pagination_default, {
 			"size": "small",
 			"disabled": disabled,
@@ -83,6 +83,7 @@ const TransferListBody = /* @__PURE__ */ defineComponent((props, { expose }) =>
 			"showRemove": showRemove,
 			"onClick": onInternalClick,
 			"onRemove": onRemove,
+			"removeLabel": remove,
 			"checked": selectedKeys.includes(item.key),
 			"disabled": disabled
 		}, null))]), paginationNode]);

package/dist/transfer/ListItem.d.ts

@@ -13,6 +13,7 @@ interface ListItemProps<RecordType> {
   onRemove?: (item: RecordType) => void;
   item: RecordType;
   showRemove?: boolean;
+  removeLabel?: string;
 }
 declare const ListItem: import("vue").DefineSetupFnComponent<ListItemProps<KeyWiseTransferItem>, {}, {}, ListItemProps<KeyWiseTransferItem> & {}, import("vue").PublicProps>;
 //#endregion

package/dist/transfer/ListItem.js

@@ -8,7 +8,7 @@ import { DeleteOutlined } from "@antdv-next/icons";
 const ListItem = /* @__PURE__ */ defineComponent((props) => {
 	const [contextLocale] = useLocale("Transfer", localeValues.Transfer);
 	return () => {
-		const { prefixCls, classes: classNames, styles, renderedText, renderedEl, item, checked, disabled, onClick, onRemove, showRemove } = props;
+		const { prefixCls, classes: classNames, styles, renderedText, renderedEl, item, checked, disabled, onClick, onRemove, showRemove, removeLabel } = props;
 		const mergedDisabled = disabled || item?.disabled;
 		const classes = clsx(`${prefixCls}-content-item`, classNames.item, {
 			[`${prefixCls}-content-item-disabled`]: mergedDisabled,
@@ -28,7 +28,7 @@ const ListItem = /* @__PURE__ */ defineComponent((props) => {
 			"type": "button",
 			"disabled": mergedDisabled,
 			"class": `${prefixCls}-content-item-remove`,
-			"aria-label": contextLocale?.value?.remove,
+			"aria-label": removeLabel ?? contextLocale?.value?.remove,
 			"onClick": () => onRemove?.(item)
 		}, [createVNode(DeleteOutlined, null, null)])]);
 		return createVNode("li", {
@@ -98,6 +98,10 @@ const ListItem = /* @__PURE__ */ defineComponent((props) => {
 			type: Boolean,
 			required: false,
 			default: void 0
+		},
+		removeLabel: {
+			type: String,
+			required: false
 		}
 	},
 	name: "ATransferListItem",

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/transfer/search.js

@@ -4,8 +4,8 @@ import { SearchOutlined } from "@antdv-next/icons";
 //#region src/transfer/search.tsx
 const Search = /* @__PURE__ */ defineComponent((props, { emit, slots }) => {
 	const handleChange = (e) => {
-		emit("change", e);
-		if (!(e?.target)?.value) emit("clear");
+		if (e.type === "click") emit("clear");
+		else emit("change", e);
 	};
 	return () => createVNode(InternalInput, {
 		"placeholder": props.placeholder || "",