antdv-next 1.6.0 → 1.7.0

package/dist/locale/sr_RS.js

@@ -25,9 +25,14 @@ const localeValues = {
 		selectInvert: "Obrni izbor trenutne stranice",
 		selectNone: "Obriši sve podatke",
 		selectionAll: "Izaberi sve podatke",
+		selectRow: "Изабери ред",
+		selectedRow: "Ред је изабран",
+		selectionMenu: "Мени за избор",
 		sortTitle: "Sortiraj",
 		expand: "Proširi red",
 		collapse: "Skupi red",
+		expandAll: "Proširi sve redove",
+		collapseAll: "Skupi sve redove",
 		triggerDesc: "Klikni da sortiraš po padajućem redosledu",
 		triggerAsc: "Klikni da sortiraš po rastućem redosledu",
 		cancelSort: "Klikni da otkažeš sortiranje",
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "U redu",
 		cancelText: "Otkaži"
 	},
+	Splitter: {
+		toggleStartPanel: "Пребаци почетни панел",
+		toggleEndPanel: "Пребаци завршни панел"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "Pretraži ovde",

package/dist/locale/sv_SE.js

@@ -27,9 +27,14 @@ const localeValues = {
 		selectInvert: "Invertera nuvarande sida",
 		selectNone: "Avmarkera all data",
 		selectionAll: "Markera all data",
+		selectRow: "Välj rad",
+		selectedRow: "Rad vald",
+		selectionMenu: "Valmeny",
 		sortTitle: "Sortera",
 		expand: "Expandera rad",
 		collapse: "Komprimera rad",
+		expandAll: "Expandera alla rader",
+		collapseAll: "Komprimera alla rader",
 		triggerDesc: "Klicka för att sortera i fallande ordning",
 		triggerAsc: "Klicka för att sortera i stigande ordning",
 		cancelSort: "Klicka för att avbryta sortering"
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "OK",
 		cancelText: "Avbryt"
 	},
+	Splitter: {
+		toggleStartPanel: "Växla startpanelen",
+		toggleEndPanel: "Växla slutpanelen"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "Sök här",

package/dist/locale/ta_IN.js

@@ -28,11 +28,16 @@ const localeValues = {
 		filterSearchPlaceholder: "வடிப்பான்களில் தேடவும்",
 		expand: "வரிசையை விரிவாக்கு",
 		collapse: "வரிசையைச் சுருக்கு",
+		expandAll: "அனைத்து வரிசைகளையும் விரிவாக்கு",
+		collapseAll: "அனைத்து வரிசைகளையும் சுருக்கு",
 		triggerDesc: "இறங்குவரிசையை வரிசைப்படுத்த கிளிக் செய்யவும்",
 		triggerAsc: "ஏறுவரிசையில் வரிசைப்படுத்த கிளிக் செய்யவும்",
 		cancelSort: "வரிசையாக்கத்தை ரத்து செய்ய கிளிக் செய்யவும்",
 		selectNone: "எல்லா தரவையும் அழிக்கவும்",
-		selectionAll: "எல்லா தரவையும் தேர்ந்தெடுக்கவும்"
+		selectionAll: "எல்லா தரவையும் தேர்ந்தெடுக்கவும்",
+		selectRow: "வரிசையைத் தேர்ந்தெடுக்கவும்",
+		selectedRow: "வரிசை தேர்ந்தெடுக்கப்பட்டது",
+		selectionMenu: "தேர்வு மெனு"
 	},
 	Tour: {
 		Next: "அடுத்தது",
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "சரி",
 		cancelText: "ரத்து செய்யவும்"
 	},
+	Splitter: {
+		toggleStartPanel: "தொடக்கப் பலகையை மாற்று",
+		toggleEndPanel: "இறுதிப் பலகையை மாற்று"
+	},
 	Transfer: {
 		titles: ["", ""],
 		notFoundContent: "உள்ளடக்கம் கிடைக்கவில்லை",

package/dist/locale/th_TH.js

@@ -27,9 +27,14 @@ const localeValues = {
 		selectInvert: "กลับสถานะการเลือกในหน้านี้",
 		selectNone: "ไม่เลือกข้อมูลทั้งหมด",
 		selectionAll: "เลือกข้อมูลทั้งหมด",
+		selectRow: "เลือกแถว",
+		selectedRow: "เลือกแถวแล้ว",
+		selectionMenu: "เมนูการเลือก",
 		sortTitle: "เรียง",
 		expand: "แสดงแถวข้อมูล",
 		collapse: "ย่อแถวข้อมูล",
+		expandAll: "ขยายแถวทั้งหมด",
+		collapseAll: "ย่อแถวทั้งหมด",
 		triggerDesc: "คลิกเรียงจากมากไปน้อย",
 		triggerAsc: "คลิกเรียงจากน้อยไปมาก",
 		cancelSort: "คลิกเพื่อยกเลิกการเรียง"
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "ตกลง",
 		cancelText: "ยกเลิก"
 	},
+	Splitter: {
+		toggleStartPanel: "สลับแผงเริ่มต้น",
+		toggleEndPanel: "สลับแผงสิ้นสุด"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "ค้นหา",

package/dist/locale/tk_TK.js

@@ -25,9 +25,14 @@ const localeValues = {
 		selectInvert: "Tersini saýlaň",
 		selectNone: "Ähli maglumatlary arassala",
 		selectionAll: "Ähli maglumatlary saýla",
+		selectRow: "Setiri saýla",
+		selectedRow: "Setir saýlandy",
+		selectionMenu: "Saýlaw menýusy",
 		sortTitle: "Tertiple",
 		expand: "Setirleri aç",
 		collapse: "Setirleri ýygna",
+		expandAll: "Ähli setirleri aç",
+		collapseAll: "Ähli setirleri ýygna",
 		triggerDesc: "Kemelýän tertipde tertiple",
 		triggerAsc: "Artýan tertipde tertiple",
 		cancelSort: "Tertipleri arassala",
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "Bolýar",
 		cancelText: "Ýatyr"
 	},
+	Splitter: {
+		toggleStartPanel: "Başlangyç panelini çalyş",
+		toggleEndPanel: "Ahyrky paneli çalyş"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "Gözle",

package/dist/locale/tr_TR.js

@@ -24,9 +24,14 @@ const localeValues = {
 		selectAll: "Tüm sayfayı seç",
 		selectInvert: "Tersini seç",
 		selectionAll: "Tümünü seç",
+		selectRow: "Satırı seç",
+		selectedRow: "Satır seçildi",
+		selectionMenu: "Seçim menüsü",
 		sortTitle: "Sırala",
 		expand: "Satırı genişlet",
 		collapse: "Satırı daralt",
+		expandAll: "Tüm satırları genişlet",
+		collapseAll: "Tüm satırları daralt",
 		triggerDesc: "Azalan düzende sırala",
 		triggerAsc: "Artan düzende sırala",
 		cancelSort: "Sıralamayı kaldır",
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "Tamam",
 		cancelText: "İptal"
 	},
+	Splitter: {
+		toggleStartPanel: "Başlangıç panelini değiştir",
+		toggleEndPanel: "Bitiş panelini değiştir"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "Arama",

package/dist/locale/uk_UA.js

@@ -27,9 +27,14 @@ const localeValues = {
 		selectInvert: "Інвертувати вибір",
 		selectNone: "Очистити вибір",
 		selectionAll: "Обрати всі",
+		selectRow: "Вибрати рядок",
+		selectedRow: "Рядок вибрано",
+		selectionMenu: "Меню вибору",
 		sortTitle: "Сортувати",
 		expand: "Розгорнути рядок",
 		collapse: "Згорнути рядок",
+		expandAll: "Розгорнути всі рядки",
+		collapseAll: "Згорнути всі рядки",
 		triggerDesc: "Сортувати за спаданням",
 		triggerAsc: "Сортувати за зростанням",
 		cancelSort: "Відмінити сортування"
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "Гаразд",
 		cancelText: "Скасувати"
 	},
+	Splitter: {
+		toggleStartPanel: "Перемкнути початкову панель",
+		toggleEndPanel: "Перемкнути кінцеву панель"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "Введіть текст для пошуку",

package/dist/locale/ur_PK.js

@@ -25,9 +25,14 @@ const localeValues = {
 		selectInvert: "موجودہ صفحے کو الٹ دیں",
 		selectNone: "تمام ڈیٹا صاف کریں",
 		selectionAll: "تمام ڈیٹا کو منتخب کریں",
+		selectRow: "قطار منتخب کریں",
+		selectedRow: "قطار منتخب ہو گئی",
+		selectionMenu: "انتخابی مینو",
 		sortTitle: "ترتیب دیں",
 		expand: "پھیلائیں",
 		collapse: "سمیٹیں",
+		expandAll: "تمام قطاریں پھیلائیں",
+		collapseAll: "تمام قطاریں سمیٹیں",
 		triggerDesc: "نزولی کو ترتیب دینے کیلئے کلک کریں",
 		triggerAsc: "چڑھنے کو ترتیب دینے کیلئے کلک کریں",
 		cancelSort: "ترتیب کو منسوخ کرنے کیلئے دبائیں",
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "ٹھیک ہے",
 		cancelText: "منسوخ کریں"
 	},
+	Splitter: {
+		toggleStartPanel: "ابتدائی پینل ٹوگل کریں",
+		toggleEndPanel: "اختتامی پینل ٹوگل کریں"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "یہاں تلاش کریں",

package/dist/locale/useLocale.d.ts

@@ -2,5 +2,10 @@ import { Locale } from "./index.js";
 //#region src/locale/useLocale.d.ts
 type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
 declare function useLocale<C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])): readonly [import("vue").ComputedRef<any>, import("vue").ComputedRef<string>];
+/**
+ * Lightweight variant of `useLocale` that allocates no computed: returns a getter
+ * to read merged locale data during render. Prefer it in high-instance-count components.
+ */
+declare function useLocaleGetter<C extends LocaleComponentName = LocaleComponentName>(componentName: C): () => NonNullable<Locale[C]>;
 //#endregion
-export { LocaleComponentName, useLocale as default };
+export { LocaleComponentName, useLocale as default, useLocaleGetter };

package/dist/locale/useLocale.js

@@ -17,5 +17,16 @@ function useLocale(componentName, defaultLocale) {
 		return localeCode;
 	})];
 }
+/**
+* Lightweight variant of `useLocale` that allocates no computed: returns a getter
+* to read merged locale data during render. Prefer it in high-instance-count components.
+*/
+function useLocaleGetter(componentName) {
+	const { locale: fullLocale } = useLocaleContext();
+	return () => ({
+		...localeValues[componentName],
+		...fullLocale.value?.[componentName]
+	});
+}
 //#endregion
-export { useLocale as default };
+export { useLocale as default, useLocaleGetter };

package/dist/locale/uz_UZ.js

@@ -27,9 +27,14 @@ const localeValues = {
 		selectInvert: "Tanlovni aylantirish",
 		selectNone: "Barcha ma'lumotlarni tozalang",
 		selectionAll: "Barchasini tanlash",
+		selectRow: "Qatorni tanlash",
+		selectedRow: "Qator tanlandi",
+		selectionMenu: "Tanlash menyusi",
 		sortTitle: "Tartiblash",
 		expand: "Satirni yozish",
 		collapse: "Satirni yig'ish",
+		expandAll: "Barcha satrlarni yozish",
+		collapseAll: "Barcha satrlarni yig'ish",
 		triggerDesc: "Kamayish tartibida tartiblash uchun bosing",
 		triggerAsc: "O'sish tartibida tartiblash uchun bosing",
 		cancelSort: "Tartiblshni rad etish uchun bosing"
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "OK",
 		cancelText: "Bekor qilish"
 	},
+	Splitter: {
+		toggleStartPanel: "Boshlang‘ich panelni almashtirish",
+		toggleEndPanel: "Yakuniy panelni almashtirish"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "Qidiruv",

package/dist/locale/vi_VN.js

@@ -27,9 +27,14 @@ const localeValues = {
 		selectInvert: "Chọn ngược lại",
 		selectNone: "Bỏ chọn tất cả",
 		selectionAll: "Chọn tất cả",
+		selectRow: "Chọn hàng",
+		selectedRow: "Hàng đã được chọn",
+		selectionMenu: "Menu lựa chọn",
 		sortTitle: "Sắp xếp",
 		expand: "Mở rộng dòng",
 		collapse: "Thu gọn dòng",
+		expandAll: "Mở rộng tất cả các dòng",
+		collapseAll: "Thu gọn tất cả các dòng",
 		triggerDesc: "Nhấp để sắp xếp giảm dần",
 		triggerAsc: "Nhấp để sắp xếp tăng dần",
 		cancelSort: "Nhấp để hủy sắp xếp"
@@ -48,6 +53,10 @@ const localeValues = {
 		okText: "Đồng ý",
 		cancelText: "Hủy"
 	},
+	Splitter: {
+		toggleStartPanel: "Chuyển đổi bảng bắt đầu",
+		toggleEndPanel: "Chuyển đổi bảng kết thúc"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "Tìm ở đây",

package/dist/locale/zh_CN.js

@@ -1,19 +1,20 @@
 import locale from "../time-picker/locale/zh_CN.js";
 import locale$1 from "../date-picker/locale/zh_CN.js";
 import zh_CN_default from "../calendar/locale/zh_CN.js";
-import enUS from "@v-c/pagination/locale/zh_CN";
+import Pagination from "@v-c/pagination/locale/zh_CN";
 //#region src/locale/zh_CN.ts
 const typeTemplate = "${label}不是一个有效的${type}";
 const localeValues = {
 	locale: "zh-cn",
-	Pagination: enUS,
+	Pagination,
 	DatePicker: locale$1,
 	TimePicker: locale,
 	Calendar: zh_CN_default,
 	global: {
 		placeholder: "请选择",
 		close: "关闭",
-		sortable: "可排序"
+		sortable: "可排序",
+		clear: "清除"
 	},
 	Table: {
 		filterTitle: "筛选",
@@ -27,9 +28,14 @@ const localeValues = {
 		selectInvert: "反选当页",
 		selectNone: "清空所有",
 		selectionAll: "全选所有",
+		selectRow: "选择行",
+		selectedRow: "行已选择",
+		selectionMenu: "选择菜单",
 		sortTitle: "排序",
 		expand: "展开行",
 		collapse: "关闭行",
+		expandAll: "展开所有行",
+		collapseAll: "收起所有行",
 		triggerDesc: "点击降序",
 		triggerAsc: "点击升序",
 		cancelSort: "取消排序"
@@ -48,6 +54,10 @@ const localeValues = {
 		cancelText: "取消",
 		okText: "确定"
 	},
+	Splitter: {
+		toggleStartPanel: "切换起始面板",
+		toggleEndPanel: "切换结束面板"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "请输入搜索内容",

package/dist/locale/zh_HK.js

@@ -13,7 +13,8 @@ const localeValues = {
 	global: {
 		placeholder: "請選擇",
 		close: "關閉",
-		sortable: "可排序"
+		sortable: "可排序",
+		clear: "清除"
 	},
 	Table: {
 		filterTitle: "篩選器",
@@ -27,9 +28,14 @@ const localeValues = {
 		selectInvert: "反向選取",
 		selectNone: "清空所有",
 		selectionAll: "全選所有",
+		selectRow: "選取列",
+		selectedRow: "列已選取",
+		selectionMenu: "選取選單",
 		sortTitle: "排序",
 		expand: "展開行",
 		collapse: "關閉行",
+		expandAll: "展開所有行",
+		collapseAll: "收起所有行",
 		triggerDesc: "點擊降序",
 		triggerAsc: "點擊升序",
 		cancelSort: "取消排序"
@@ -48,6 +54,10 @@ const localeValues = {
 		okText: "確定",
 		cancelText: "取消"
 	},
+	Splitter: {
+		toggleStartPanel: "切換起始面板",
+		toggleEndPanel: "切換結束面板"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "搜尋資料",

package/dist/locale/zh_TW.js

@@ -13,7 +13,8 @@ const localeValues = {
 	global: {
 		placeholder: "請選擇",
 		close: "關閉",
-		sortable: "可排序"
+		sortable: "可排序",
+		clear: "清除"
 	},
 	Table: {
 		filterTitle: "篩選器",
@@ -27,9 +28,14 @@ const localeValues = {
 		selectInvert: "反向選取目前頁面",
 		selectNone: "清除全部資料",
 		selectionAll: "選取所有資料",
+		selectRow: "選取列",
+		selectedRow: "列已選取",
+		selectionMenu: "選取選單",
 		sortTitle: "排序",
 		expand: "展開列",
 		collapse: "收合列",
+		expandAll: "展開所有列",
+		collapseAll: "收合所有列",
 		triggerDesc: "點擊以遞減排序",
 		triggerAsc: "點擊以遞增排序",
 		cancelSort: "點擊以取消排序"
@@ -48,6 +54,10 @@ const localeValues = {
 		okText: "確定",
 		cancelText: "取消"
 	},
+	Splitter: {
+		toggleStartPanel: "切換起始面板",
+		toggleEndPanel: "切換結束面板"
+	},
 	Transfer: {
 		titles: ["", ""],
 		searchPlaceholder: "在此搜尋",

package/dist/masonry/Masonry.js

@@ -153,7 +153,7 @@ const Masonry = /* @__PURE__ */ defineComponent((props, { expose, emit, attrs, s
 				"index": itemIndex,
 				"itemRender": itemRender,
 				"column": columnIndex
-			}, { onResize: fresh ? collectItemSize : null }), null);
+			}, { onResize: fresh ? collectItemSize : null }), { default: () => [item.children] });
 		})) ? _slot : { default: () => [_slot] })])] });
 	};
 }, {

package/dist/mentions/index.d.ts

@@ -3,6 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
+import { AllowClear } from "../_util/hooks/useAllowClear.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
 import { App, CSSProperties, SlotsType } from "vue";
 import { DataDrivenOptionProps, MentionsProps as MentionsProps$1, MentionsRef as MentionsRef$1, Option } from "@v-c/mentions";
@@ -48,9 +49,7 @@ interface MentionProps extends Omit<MentionsProps$1, 'suffix' | 'classNames' | '
     option: MentionsOptionProps;
     index: number;
   }) => any;
-  allowClear?: boolean | {
-    clearIcon?: VueNode;
-  };
+  allowClear?: AllowClear;
   disabled?: boolean;
 }
 interface MentionsEmits {

package/dist/mentions/index.js

@@ -1,4 +1,5 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
@@ -9,10 +10,9 @@ import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import genPurePanel from "../_util/PurePanel.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
-import { useFormItemInputContext } from "../form/context.js";
 import useVariant from "../form/hooks/useVariant.js";
 import usePopupRender from "../select/usePopupRender.js";
-import getAllowClear from "../_util/getAllowClear.js";
+import useAllowClear, { useAllowClearLabel } from "../_util/hooks/useAllowClear.js";
 import toList from "../_util/toList.js";
 import Spin from "../spin/index.js";
 import style_default from "./style/index.js";
@@ -49,7 +49,7 @@ const omitKeys = [
 ];
 const Mentions = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, attrs }) => {
 	if (isDev) devUseWarning("Mentions").deprecated(!slots.default, "Mentions.Option", "options");
-	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, renderEmpty, getPopupContainer } = useComponentBaseConfig("mentions", props);
+	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, renderEmpty, getPopupContainer, allowClear: contextAllowClear } = useComponentBaseConfig("mentions", props, ["allowClear"]);
 	const { classes, styles, rootClass, size: customSize, disabled: customDisabled, status: customStatus, variant: customVariant } = toPropsRefs$1(props, "classes", "styles", "rootClass", "size", "disabled", "status", "variant");
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
@@ -72,7 +72,12 @@ const Mentions = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 	});
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
-	const mergedAllowClear = computed(() => getAllowClear(props.allowClear));
+	const getClearLabel = useAllowClearLabel();
+	const mergedAllowClear = computed(() => useAllowClear({
+		allowClear: props.allowClear,
+		contextAllowClear: contextAllowClear.value,
+		defaultLabel: getClearLabel()
+	}));
 	const [mergedVariant, enableVariantCls] = useVariant("mentions", customVariant);
 	const focused = shallowRef(false);
 	const setFocusState = (value) => {

package/dist/mentions/style/index.js

@@ -38,7 +38,7 @@ const genDropdownStyle = (token) => {
 				padding: `${unit(itemPaddingVertical)} ${unit(controlPaddingHorizontal)}`,
 				color: colorText,
 				borderRadius,
-				fontWeight: "normal",
+				fontWeight: 400,
 				lineHeight,
 				cursor: "pointer",
 				transition: `background-color ${motionDurationSlow} ease`,

package/dist/menu/MenuContext.d.ts

@@ -1,3 +1,4 @@
+import { TooltipProps } from "../tooltip/index.js";
 import { MenuPopupSemanticClassNames, MenuPopupSemanticStyles, MenuSemanticClassNames, MenuSemanticStyles, SubMenuSemanticClassNames, SubMenuSemanticStyles } from "./menu.js";
 import { DirectionType } from "../config-provider/context.js";
 import { Ref } from "vue";
@@ -11,6 +12,7 @@ interface MenuContextProps {
   firstLevel: boolean;
   /** @internal Safe to remove */
   disableMenuItemTitleTooltip?: boolean;
+  tooltip?: false | TooltipProps;
   classes: MenuSemanticClassNames & {
     popup?: MenuPopupSemanticClassNames;
     subMenu?: SubMenuSemanticClassNames;

package/dist/menu/MenuItem.js

@@ -1,6 +1,7 @@
 import { getAttrStyleAndClass, pureAttrs } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
+import { isFunction } from "../_util/is.js";
 import { omitUndefined } from "../_util/omitUndefined.js";
 import { useSiderCtx } from "../layout/Sider.js";
 import { useMenuContext } from "./MenuContext.js";
@@ -27,7 +28,7 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const title = getSlotPropsFnRun(slots, props, "title", false);
 		const { className, style } = getAttrStyleAndClass(attrs);
 		const { danger } = props;
-		const { prefixCls, firstLevel, direction, disableMenuItemTitleTooltip, inlineCollapsed: isInlineCollapsed, styles, classes } = menuContext.value;
+		const { prefixCls, firstLevel, direction, disableMenuItemTitleTooltip, tooltip, inlineCollapsed: isInlineCollapsed, styles, classes } = menuContext.value;
 		const children = filterEmpty(slots?.default?.());
 		const renderItemChildren = (inlineCollapsed) => {
 			const label = children?.[0];
@@ -44,14 +45,20 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		let tooltipTitle = title;
 		if (typeof title === "undefined") tooltipTitle = firstLevel ? children : "";
 		else if (title === false) tooltipTitle = "";
-		const tooltipProps = { title: tooltipTitle };
+		const tooltipConfig = tooltip === false ? void 0 : tooltip;
+		const mergedTooltipTitle = tooltipConfig && tooltipConfig.title !== void 0 ? tooltipConfig.title : tooltipTitle;
+		const tooltipProps = {
+			...tooltipConfig ?? {},
+			title: mergedTooltipTitle
+		};
 		if (!mergedCollapsed.value) {
 			tooltipProps.title = null;
 			tooltipProps.open = false;
 		} else {
-			tooltipProps.open = tooltipOpen.value;
+			tooltipProps.open = tooltipConfig?.open ?? tooltipOpen.value;
 			tooltipProps.onOpenChange = (open) => {
 				tooltipOpen.value = open;
+				tooltipConfig?.onOpenChange?.(open);
 			};
 		}
 		const childrenLength = children.length;
@@ -71,13 +78,23 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			class: clsx(`${prefixCls}-item-icon`, firstLevel ? classes?.itemIcon : classes?.subMenu?.itemIcon),
 			style: firstLevel ? styles?.itemIcon : styles?.subMenu?.itemIcon
 		}) : null, renderItemChildren(isInlineCollapsed)] });
-		if (!disableMenuItemTitleTooltip) {
+		if (!disableMenuItemTitleTooltip && tooltip !== false) {
+			const mergedTooltipPlacement = tooltipConfig && tooltipConfig.placement ? tooltipConfig.placement : direction === "rtl" ? "left" : "right";
+			const baseTooltipClassName = `${prefixCls}-inline-collapsed-tooltip`;
+			const mergeTooltipRootClassName = (classNames) => ({
+				...classNames,
+				root: clsx(baseTooltipClassName, classNames?.root)
+			});
+			const mergedTooltipClassNames = isFunction(tooltipConfig?.classes) ? (info) => {
+				const resolvedClassNames = tooltipConfig.classes(info);
+				return mergeTooltipRootClassName(resolvedClassNames);
+			} : mergeTooltipRootClassName(tooltipConfig?.classes);
 			const _returnNode = function() {
 				return returnNode;
 			}();
 			returnNode = createVNode(InternalTooltip, mergeProps(tooltipProps, {
-				"placement": direction === "rtl" ? "left" : "right",
-				"classes": { root: `${prefixCls}-inline-collapsed-tooltip` }
+				"placement": mergedTooltipPlacement,
+				"classes": mergedTooltipClassNames
 			}), _isSlot(returnNode) ? returnNode : { default: () => [_returnNode] });
 		}
 		return returnNode;

package/dist/menu/index.js

@@ -35,6 +35,11 @@ const Menu = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expos
 			type: Number,
 			required: false
 		},
+		tooltip: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		_internalDisableMenuItemTitleTooltip: {
 			type: Boolean,
 			required: false,

package/dist/menu/menu.d.ts

@@ -1,3 +1,4 @@
+import { TooltipProps } from "../tooltip/index.js";
 import { ItemType } from "./interface.js";
 import { MenuTheme } from "./MenuContext.js";
 import { CSSProperties, SlotsType } from "vue";
@@ -69,9 +70,11 @@ interface RenderItem {
 interface MenuProps extends Omit<MenuProps$1, 'items' | '_internalComponents' | 'classes' | 'styles' | 'activeKey' | 'defaultActiveFirst' | 'onClick' | 'onDeselect' | 'onSelect' | 'onOpenChange' | 'rootClass' | 'labelRender' | 'extraRender' | 'itemIcon' | 'iconRender'> {
   theme?: MenuTheme;
   inlineIndent?: number;
+  tooltip?: false | TooltipProps;
   /**
    * @private Internal Usage. Not promise crash if used in production. Connect with chenshuai2144
    *   for removing.
+   * @deprecated Will be removed in next version. Use `tooltip={false}` instead.
    */
   _internalDisableMenuItemTitleTooltip?: boolean;
   items?: ItemType[];

package/dist/menu/menu.js

@@ -22,6 +22,7 @@ const omitPropKeys = [
 	"theme",
 	"expandIcon",
 	"_internalDisableMenuItemTitleTooltip",
+	"tooltip",
 	"inlineCollapsed",
 	"siderCollapsed",
 	"rootClass",
@@ -93,6 +94,7 @@ const InternalMenu = /* @__PURE__ */ defineComponent((props, { slots, emit, attr
 		theme: props.theme,
 		mode: mergedMode.value,
 		disableMenuItemTitleTooltip: props._internalDisableMenuItemTitleTooltip,
+		tooltip: props.tooltip,
 		classes: mergedClassNames.value,
 		styles: mergedStyles.value
 	}));
@@ -174,6 +176,11 @@ const InternalMenu = /* @__PURE__ */ defineComponent((props, { slots, emit, attr
 			type: Number,
 			required: false
 		},
+		tooltip: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
 		_internalDisableMenuItemTitleTooltip: {
 			type: Boolean,
 			required: false,