@varlet/ui 3.20.1 → 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.1",
+  "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.1",
+  "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

@@ -15421,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",
@@ -16319,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")}`;
@@ -16330,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;
@@ -16343,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;
@@ -16452,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;
@@ -16491,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) {
@@ -16499,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;
@@ -32818,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.1";
+var version = "3.20.2";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.20.1",
+  "version": "3.20.2",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -44,9 +44,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.20.1",
-    "@varlet/shared": "3.20.1",
-    "@varlet/use": "3.20.1"
+    "@varlet/icons": "3.20.2",
+    "@varlet/use": "3.20.2",
+    "@varlet/shared": "3.20.2"
   },
   "devDependencies": {
     "@types/node": "^20.19.0",
@@ -62,9 +62,9 @@
     "vue": "3.5.21",
     "vue-router": "4.5.1",
     "zod": "^3.23.8",
-    "@varlet/touch-emulator": "3.20.1",
-    "@varlet/ui": "3.20.1",
-    "@varlet/cli": "3.20.1"
+    "@varlet/cli": "3.20.2",
+    "@varlet/ui": "3.20.2",
+    "@varlet/touch-emulator": "3.20.2"
   },
   "peerDependencies": {
     "vue": "^3.2.0"