@varlet/ui 3.20.0 → 3.20.2

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.20.0",
+  "version": "3.20.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -3362,7 +3362,7 @@
             },
             {
               "name": "allowed-dates",
-              "description": "Selectable date filter",
+              "description": "Selectable date filter. The value format follows `type`: `year` uses `YYYY`, `month` uses `YYYY-MM`, and `date` / `datetime` use `YYYY-MM-DD`",
               "default": "-",
               "value": {
                 "type": "(value: string) => boolean",

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.20.0",
+  "version": "3.20.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -3113,7 +3113,7 @@
             },
             {
               "name": "allowed-dates",
-              "description": "可选日期过滤函数",
+              "description": "可选日期过滤函数，参数格式随 `type` 变化：`year` 使用 `YYYY`，`month` 使用 `YYYY-MM`，`date` / `datetime` 使用 `YYYY-MM-DD`",
               "default": "-",
               "value": {
                 "type": "(value: string) => boolean",

package/lib/varlet.cjs.js

@@ -5626,6 +5626,7 @@ function usePopover(options) {
 	let reference = void 0;
 	let enterPopover = false;
 	let enterReference = false;
+	let hoverSequence = 0;
 	let allowClose = true;
 	useEventListener(() => window, "keydown", handleKeydown);
 	(0, vue.watch)(() => [
@@ -5695,28 +5696,32 @@ function usePopover(options) {
 	function handleReferenceMouseenter() {
 		if (options.trigger !== "hover") return;
 		enterReference = true;
+		hoverSequence++;
 		open();
 	}
 	function handleReferenceMouseleave() {
 		return __async$21(this, null, function* () {
 			if (options.trigger !== "hover") return;
 			enterReference = false;
+			const currentHoverSequence = ++hoverSequence;
 			yield doubleRaf();
-			if (enterPopover) return;
+			if (currentHoverSequence !== hoverSequence || enterReference || enterPopover) return;
 			close();
 		});
 	}
 	function handlePopoverMouseenter() {
 		if (options.trigger !== "hover") return;
 		enterPopover = true;
+		hoverSequence++;
 		if (options.cascadeOptimization) allowClose = false;
 	}
 	function handlePopoverMouseleave() {
 		return __async$21(this, null, function* () {
 			if (options.trigger !== "hover") return;
 			enterPopover = false;
+			const currentHoverSequence = ++hoverSequence;
 			yield doubleRaf();
-			if (enterReference) return;
+			if (currentHoverSequence !== hoverSequence || enterReference || enterPopover) return;
 			close();
 		});
 	}
@@ -15416,8 +15421,7 @@ var WeekHeader = [
 var DatePickerFormats = {
 	Year: "YYYY",
 	Month: "YYYY-MM",
-	Day: "YYYY-MM-D",
-	DayPadded: "YYYY-MM-DD"
+	Day: "YYYY-MM-DD"
 };
 var ShiftDirections = enumOf({
 	Prev: "prev",
@@ -16314,7 +16318,7 @@ var __sfc__$60 = (0, vue.defineComponent)({
 			var _a, _b, _c, _d;
 			const { multiple, range } = props2;
 			if (range) {
-				const formattedDays = selectionState.selectedRangeDays.map((date) => dayjs$1(date).format(DatePickerFormats.DayPadded));
+				const formattedDays = selectionState.selectedRangeDays.map((date) => dayjs$1(date).format(DatePickerFormats.Day));
 				return formattedDays.length ? formattedDays.join(" ~ ") : "";
 			}
 			if (multiple) return `${selectionState.selectedDays.length}${(pt || t)("datePickerSelected")}`;
@@ -16325,7 +16329,7 @@ var __sfc__$60 = (0, vue.defineComponent)({
 			const monthName = (_d = (_c = (pt || t)("datePickerMonthDict")) == null ? void 0 : _c[selectionState.selectedMonth].name) != null ? _d : "";
 			const showDay = padStart(selectionState.selectedDay, 2, "0");
 			if ((pt || t)("lang") === "zh-CN") return `${selectionState.selectedMonth}-${showDay} ${weekName.slice(0, 3)}`;
-			return `${weekName.slice(0, 3)}, ${monthName.slice(0, 3)} ${selectionState.selectedDay}`;
+			return `${weekName.slice(0, 3)}, ${monthName.slice(0, 3)} ${toNumber(selectionState.selectedDay)}`;
 		});
 		const dateSlotProps = (0, vue.computed)(() => {
 			var _a, _b;
@@ -16338,7 +16342,7 @@ var __sfc__$60 = (0, vue.defineComponent)({
 				date: day
 			};
 		});
-		const formattedRangeDays = (0, vue.computed)(() => selectionState.selectedRangeDays.map((date) => dayjs$1(date).format(DatePickerFormats.DayPadded)));
+		const formattedRangeDays = (0, vue.computed)(() => selectionState.selectedRangeDays.map((date) => dayjs$1(date).format(DatePickerFormats.Day)));
 		const selectedYearInPreview = (0, vue.computed)(() => selectionState.selectedYear === previewYear.value);
 		const selectedMonthInPreview = (0, vue.computed)(() => selectionState.selectedMonth === previewMonth.value);
 		let shouldKeepPreviewOnModelValueChange = false;
@@ -16447,7 +16451,7 @@ var __sfc__$60 = (0, vue.defineComponent)({
 		}
 		function updateMultiple(selectedValue, pickerType) {
 			const selectedMultipleValues = getMultipleValuesByType(pickerType);
-			const valueFormat = pickerType === DatePickerTypes.Year ? DatePickerFormats.Year : pickerType === DatePickerTypes.Month ? DatePickerFormats.Month : DatePickerFormats.DayPadded;
+			const valueFormat = pickerType === DatePickerTypes.Year ? DatePickerFormats.Year : pickerType === DatePickerTypes.Month ? DatePickerFormats.Month : DatePickerFormats.Day;
 			const nextMultipleValues = selectedMultipleValues.map((date) => dayjs$1(date).format(valueFormat));
 			const index = nextMultipleValues.findIndex((multipleValue) => multipleValue === selectedValue);
 			const alreadySelected = index !== -1;
@@ -16486,7 +16490,7 @@ var __sfc__$60 = (0, vue.defineComponent)({
 			const { readonly } = props2;
 			if (readonly) return;
 			const targetMonthDayjsObject = dayjs$1(`${previewYear.value}-${previewMonth.value}-01`).add(monthOffset, DatePickerUnits.Month);
-			const dayValue = `${targetMonthDayjsObject.format(DatePickerFormats.Month)}-${day}`;
+			const dayValue = targetMonthDayjsObject.date(day).format(DatePickerFormats.Day);
 			if (!isSelectableDate(dayValue, DatePickerUnits.Day)) return;
 			reverse.value = monthOffset !== 0 ? monthOffset < 0 : getReverse(DatePickerUnits.Day, day);
 			if (monthOffset !== 0) {
@@ -16494,7 +16498,7 @@ var __sfc__$60 = (0, vue.defineComponent)({
 				previewMonth.value = targetMonthDayjsObject.format(DatePickerFormats.Month).split("-")[1];
 				emitPreview();
 			}
-			selectValue(dayjs$1(dayValue).format(DatePickerFormats.DayPadded), DatePickerTypes.Date);
+			selectValue(dayValue, DatePickerTypes.Date);
 		}
 		function selectMonthFromPanel(month) {
 			const { type: pickerType, readonly } = props2;
@@ -32813,7 +32817,7 @@ var _WatermarkComponent = stdin_default$108;
 var stdin_default$102 = stdin_default$108;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.20.0";
+var version = "3.20.2";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);