antdv-next 1.5.2 → 1.5.4

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

@@ -87,10 +87,10 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		const filterState = props.filterState;
 		return !!(filterState && (filterState.filteredKeys?.length || filterState.forceFiltered));
 	});
-	const triggerVisible = (newVisible) => {
-		visible.value = newVisible;
-		filterDropdownProps.value.onOpenChange?.(newVisible);
-		column.value.onFilterDropdownOpenChange?.(newVisible);
+	const triggerOpen = (nextOpen) => {
+		visible.value = nextOpen;
+		filterDropdownProps.value.onOpenChange?.(nextOpen);
+		column.value.onFilterDropdownOpenChange?.(nextOpen);
 	};
 	if (isDev) {
 		const warning = devUseWarning("Table");
@@ -110,7 +110,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	};
 	const onCheck = (keys, info) => {
 		const { node, checked } = info;
-		if (!props.filterMultiple) onSelectKeys({ selectedKeys: checked && node.key ? [node.key] : [] });
+		if (!props.filterMultiple) onSelectKeys({ selectedKeys: checked ? [node.key] : [] });
 		else onSelectKeys({ selectedKeys: keys });
 	};
 	watch([propFilteredKeys, mergedVisible], ([nextKeys, nextVisible]) => {
@@ -142,7 +142,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		});
 	};
 	const onConfirm = () => {
-		triggerVisible(false);
+		triggerOpen(false);
 		internalTriggerFilter(filteredKeysSync.value);
 	};
 	const onReset = ({ confirm, closeDropdown } = {
@@ -150,21 +150,21 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		closeDropdown: false
 	}) => {
 		if (confirm) internalTriggerFilter([]);
-		if (closeDropdown) triggerVisible(false);
+		if (closeDropdown) triggerOpen(false);
 		searchValue.value = "";
 		if (column.value.filterResetToDefaultFilteredValue) setFilteredKeysSync((column.value.defaultFilteredValue || []).map((key) => String(key)));
 		else setFilteredKeysSync([]);
 	};
 	const doFilter = ({ closeDropdown } = { closeDropdown: true }) => {
-		if (closeDropdown) triggerVisible(false);
+		if (closeDropdown) triggerOpen(false);
 		internalTriggerFilter(filteredKeysSync.value);
 	};
 	const filterDropdownDefined = computed(() => props.filterDropdownRender !== void 0 || column.value?.filterDropdown !== void 0);
-	const onVisibleChange = (newVisible, info) => {
+	const onDropdownOpenChange = (nextOpen, info) => {
 		if (info?.source === "trigger") {
-			if (newVisible && propFilteredKeys.value !== void 0) setFilteredKeysSync(wrapStringListType(propFilteredKeys.value));
-			if (!newVisible && !hasPropDropdownRender && !column.value.filterDropdown && props.filterOnClose) onConfirm();
-			else triggerVisible(newVisible);
+			if (nextOpen && propFilteredKeys.value !== void 0) setFilteredKeysSync(wrapStringListType(propFilteredKeys.value));
+			if (!nextOpen && !hasPropDropdownRender && !column.value.filterDropdown && props.filterOnClose) onConfirm();
+			else triggerOpen(nextOpen);
 		}
 	};
 	const dropdownMenuClass = computed(() => clsx({ [`${props.dropdownPrefixCls}-menu-without-submenu`]: !hasSubMenu(column?.value?.filters || []) }));
@@ -218,7 +218,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 				filters: column.value.filters,
 				visible: mergedVisible.value,
 				close: () => {
-					triggerVisible(false);
+					triggerOpen(false);
 				}
 			};
 			let filterNode = null;
@@ -357,7 +357,7 @@ const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		}, {
 			...filterDropdownProps.value,
 			open: mergedVisible.value,
-			onOpenChange: onVisibleChange,
+			onOpenChange: onDropdownOpenChange,
 			popupRender: () => {
 				if (typeof filterDropdownProps.value.popupRender === "function") return filterDropdownProps.value.popupRender(dropdownContent);
 				if (typeof filterDropdownProps.value.dropdownRender === "function") return filterDropdownProps.value.dropdownRender(dropdownContent);

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/interface.d.ts

@@ -134,7 +134,7 @@ interface ColumnType<RecordType = AnyObject> extends Omit<ColumnType$1<RecordTyp
    * @deprecated Please use `filterDropdownProps.onOpenChange` instead.
    * @since 4.23.0
    */
-  onFilterDropdownOpenChange?: (visible: boolean) => void;
+  onFilterDropdownOpenChange?: (open: boolean) => void;
 }
 interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
   children: ColumnsType<RecordType>;

package/dist/table/style/virtual.js

@@ -16,7 +16,8 @@ const genVirtualStyle = (token) => {
           `]: {
 				display: "flex",
 				boxSizing: "border-box",
-				width: "100%"
+				width: "100%",
+				[`> ${componentCls}-cell`]: { alignContent: "center" }
 			} },
 			[`${componentCls}-cell`]: {
 				borderBottom: tableBorder,

package/dist/tabs/index.js

@@ -166,7 +166,10 @@ const InternalTabs = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 			},
 			"renderTabBar": renderTabBar,
 			"tabBarExtraContent": tabBarExtraContent,
-			"styles": mergedStyles.value,
+			"styles": {
+				...mergedStyles.value,
+				popup: mergedStyles.value.popup?.root
+			},
 			"style": mergedStyle,
 			"editable": editable,
 			"more": mergedMore,

package/dist/tag/CheckableTag.js

@@ -23,9 +23,11 @@ const CheckableTag = /* @__PURE__ */ defineComponent((props, { slots, emit, attr
 		if (e.defaultPrevented || mergedDisabled.value) return;
 		if (e.key === " ") {
 			e.preventDefault();
-			const checked = !props.checked;
-			emit("change", checked);
-			emit("update:checked", checked);
+			if (!e.repeat) {
+				const checked = !props.checked;
+				emit("change", checked);
+				emit("update:checked", checked);
+			}
 		}
 	};
 	const [hashId, cssVarCls] = style_default(prefixCls);

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

@@ -28,7 +28,7 @@ const CheckableTagGroup = /* @__PURE__ */ defineComponent((props, { emit, attrs,
 			emit("update:value", value);
 		},
 		get() {
-			return props.value ?? _mergedValue.value;
+			return props.value !== void 0 ? props.value : _mergedValue.value;
 		}
 	});
 	const handleChange = (checked, option) => {
@@ -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

@@ -2,6 +2,7 @@ import { useComponentBaseConfig, useConfig } from "../config-provider/context.js
 import { pureAttrs, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
+import { isRenderable } from "../_util/is.js";
 import wave_default from "../_util/wave/index.js";
 import { replaceElement } from "../_util/vueNode.js";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
@@ -55,7 +56,7 @@ const InternalTag = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 	const handleCloseKeyDown = (e) => {
 		if (e.key === "Enter" || e.key === " ") {
 			e.preventDefault();
-			e.currentTarget?.click();
+			if (!e.repeat) e.currentTarget?.click();
 		}
 	};
 	const closableInfo = useClosable(pickClosable(computed(() => ({
@@ -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/time-picker/index.js

@@ -217,6 +217,19 @@ const RangePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expos
 			required: false,
 			default: void 0
 		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		suffixIcon: {
 			type: [
 				Object,
@@ -1574,6 +1587,19 @@ const TimePicker = /* @__PURE__ */ defineComponent((props, { slots, emit, expose
 			required: false,
 			default: void 0
 		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		suffixIcon: {
 			type: [
 				Object,

package/dist/tooltip/index.js

@@ -64,11 +64,11 @@ const InternalTooltip = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 		else if (prevVal !== void 0) open.value = false;
 	}, { immediate: true });
 	let noTitle = false;
-	const onInternalOpenChange = (vis) => {
-		if (props.open === void 0) open.value = noTitle ? false : vis;
+	const onInternalOpenChange = (nextOpen) => {
+		if (props.open === void 0) open.value = noTitle ? false : nextOpen;
 		if (!noTitle) {
-			emit("openChange", vis);
-			emit("update:open", vis);
+			emit("openChange", nextOpen);
+			emit("update:open", nextOpen);
 		}
 	};
 	const tooltipPlacements = computed(() => {

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/tree/DirectoryTree.js

@@ -43,6 +43,7 @@ const DirectoryTree = /* @__PURE__ */ defineComponent((props, { slots, emit, exp
 		if (props.expandedKeys !== expandedKeys.value) expandedKeys.value = props?.expandedKeys || [];
 	});
 	const onExpand = (keys, info) => {
+		if (props.expandedKeys === void 0) expandedKeys.value = keys;
 		emit("update:expandedKeys", keys);
 		emit("expand", keys, info);
 	};

package/dist/tree-select/index.d.ts

@@ -7,7 +7,7 @@ import { SelectCommonPlacement } from "../_util/motion.js";
 import { SwitcherIcon, TreeProps } from "../tree/Tree.js";
 import "../tree/index.js";
 import { Variant } from "../config-provider/context.js";
-import { App, CSSProperties, PublicProps } from "vue";
+import { App, CSSProperties, PublicProps, VNode, VNodeChild } from "vue";
 import { DataNode, SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeNode, TreeSelectProps as TreeSelectProps$1 } from "@v-c/tree-select";
 //#region src/tree-select/index.d.ts
 type RawValue = string | number;
@@ -59,7 +59,7 @@ type TreeSelectClassNamesType = SemanticClassNamesType<TreeSelectProps, TreeSele
 type TreeSelectStylesType = SemanticStylesType<TreeSelectProps, TreeSelectSemanticStyles> & {
   popup?: TreeSelectPopupSemanticStyles;
 };
-interface BaseTreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<TreeSelectProps$1<ValueType, OptionType>, 'showTreeIcon' | 'treeMotion' | 'mode' | 'getInputElement' | 'backfill' | 'treeLine' | 'switcherIcon' | 'classNames' | 'styles' | 'style' | 'onSelect' | 'onTreeExpand' | 'onTreeLoad' | 'onChange' | 'onDeselect' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSearch'> {
+interface BaseTreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends Omit<TreeSelectProps$1<ValueType, OptionType>, 'showTreeIcon' | 'treeMotion' | 'mode' | 'getInputElement' | 'backfill' | 'treeLine' | 'switcherIcon' | 'classNames' | 'styles' | 'style' | 'onSelect' | 'onTreeExpand' | 'onTreeLoad' | 'onChange' | 'onDeselect' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSearch' | 'popupRender'> {
   size?: SizeType;
   disabled?: boolean;
   status?: InputStatus;
@@ -77,8 +77,8 @@ interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNod
   /** @deprecated Please use `classNames.popup.root` instead */
   dropdownClassName?: string;
   /** @deprecated Please use `popupRender` instead */
-  dropdownRender?: (menu: any) => any;
-  popupRender?: (menu: any) => any;
+  dropdownRender?: (menu: VNode) => VNodeChild;
+  popupRender?: (menu: VNode) => VNodeChild;
   /** @deprecated Please use `styles.popup.root` instead */
   dropdownStyle?: CSSProperties;
   /** @deprecated Use `variant` instead. */

package/dist/tree-select/index.js

@@ -530,6 +530,10 @@ const InternalTreeSelect = /* @__PURE__ */ defineComponent((props, { slots, expo
 			required: false,
 			default: void 0
 		},
+		autoComplete: {
+			type: String,
+			required: false
+		},
 		placeholder: {
 			type: [
 				Object,

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