sard 1.0.24 → 1.0.26

package/components/calendar/calendar.vue.d.ts

@@ -1,10 +1,10 @@
 import { type CalendarProps } from './common';
 declare const __VLS_export: import("vue").DefineComponent<CalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string | string[] | Date | Date[]) => any;
-    "update:modelValue": (value: string | string[] | Date | Date[]) => any;
+    change: (value: string | Date | string[] | Date[]) => any;
+    "update:modelValue": (value: string | Date | string[] | Date[]) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarProps> & Readonly<{
-    onChange?: ((value: string | string[] | Date | Date[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[]) => any) | undefined;
+    onChange?: ((value: string | Date | string[] | Date[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | string[] | Date[]) => any) | undefined;
 }>, {
     min: Date;
     max: Date;

package/components/calendar-input/calendar-input.vue.d.ts

@@ -2,7 +2,7 @@ import { type CalendarType } from '../calendar/common';
 import { type CalendarInputProps, type CalendarInputSlots } from './common';
 type __VLS_Slots = CalendarInputSlots;
 declare const __VLS_base: import("vue").DefineComponent<CalendarInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string | string[] | Date | Date[] | undefined) => any;
+    change: (value: string | Date | string[] | Date[] | undefined) => any;
     "before-enter": (el: Element) => any;
     enter: (el: Element) => any;
     "after-enter": (el: Element) => any;
@@ -13,10 +13,10 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarInputProps, {},
     "leave-cancelled": (el: Element) => any;
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
-    "update:modelValue": (value: string | string[] | Date | Date[] | undefined) => any;
-    confirm: (value: string | string[] | Date | Date[] | undefined) => any;
+    "update:modelValue": (value: string | Date | string[] | Date[] | undefined) => any;
+    confirm: (value: string | Date | string[] | Date[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarInputProps> & Readonly<{
-    onChange?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    onChange?: ((value: string | Date | string[] | Date[] | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
     onEnter?: ((el: Element) => any) | undefined;
     "onAfter-enter"?: ((el: Element) => any) | undefined;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarInputProps, {},
     "onLeave-cancelled"?: ((el: Element) => any) | undefined;
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
-    onConfirm?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | string[] | Date[] | undefined) => any) | undefined;
+    onConfirm?: ((value: string | Date | string[] | Date[] | undefined) => any) | undefined;
 }>, {
     title: string;
     min: Date;

package/components/calendar-input/calendar-input.vue.js

@@ -1,5 +1,5 @@
-import { formatDate, parseDate } from "../../utils/date.js";
 import { isString } from "../../utils/is.js";
+import { formatDate, parseDate } from "../../utils/date.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import popout_input_default from "../popout-input/popout-input.vue.js";
 import calendar_popout_default from "../calendar-popout/calendar-popout.vue.js";

package/components/calendar-popout/calendar-popout.vue.d.ts

@@ -1,7 +1,7 @@
 import { type CalendarPopoutProps, type CalendarPopoutSlots } from './common';
 type __VLS_Slots = CalendarPopoutSlots;
 declare const __VLS_base: import("vue").DefineComponent<CalendarPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string | string[] | Date | Date[] | undefined) => any;
+    change: (value: string | Date | string[] | Date[] | undefined) => any;
     "before-enter": (el: Element) => any;
     enter: (el: Element) => any;
     "after-enter": (el: Element) => any;
@@ -12,10 +12,10 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarPopoutProps, {},
     "leave-cancelled": (el: Element) => any;
     "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
     "update:visible": (visible: boolean) => any;
-    "update:modelValue": (value: string | string[] | Date | Date[] | undefined) => any;
-    confirm: (value: string | string[] | Date | Date[] | undefined) => any;
+    "update:modelValue": (value: string | Date | string[] | Date[] | undefined) => any;
+    confirm: (value: string | Date | string[] | Date[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarPopoutProps> & Readonly<{
-    onChange?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    onChange?: ((value: string | Date | string[] | Date[] | undefined) => any) | undefined;
     "onBefore-enter"?: ((el: Element) => any) | undefined;
     onEnter?: ((el: Element) => any) | undefined;
     "onAfter-enter"?: ((el: Element) => any) | undefined;
@@ -26,8 +26,8 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarPopoutProps, {},
     "onLeave-cancelled"?: ((el: Element) => any) | undefined;
     "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
-    onConfirm?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | string[] | Date[] | undefined) => any) | undefined;
+    onConfirm?: ((value: string | Date | string[] | Date[] | undefined) => any) | undefined;
 }>, {
     title: string;
     min: Date;

package/components/date-strip/date-strip.vue.d.ts

@@ -1,11 +1,11 @@
 import { type DateStripProps } from './common';
 import { type CalendarDay } from '../calendar';
 declare const __VLS_export: import("vue").DefineComponent<DateStripProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string | string[] | Date | Date[]) => any;
-    "update:modelValue": (value: string | string[] | Date | Date[]) => any;
+    change: (value: string | Date | string[] | Date[]) => any;
+    "update:modelValue": (value: string | Date | string[] | Date[]) => any;
 }, string, import("vue").PublicProps, Readonly<DateStripProps> & Readonly<{
-    onChange?: ((value: string | string[] | Date | Date[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[]) => any) | undefined;
+    onChange?: ((value: string | Date | string[] | Date[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | string[] | Date[]) => any) | undefined;
 }>, {
     filter: (date: Date) => boolean;
     min: Date;

package/components/datetime-picker/common.js

@@ -1,6 +1,6 @@
+import { isDate } from "../../utils/is.js";
 import { clamp } from "../../utils/number.js";
 import { formatDate, getDaysInMonth, getLunarDayName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, solarToLunar, toDate } from "../../utils/date.js";
-import { isDate } from "../../utils/is.js";
 //#region packages/sard/components/datetime-picker/common.ts
 const defaultDatetimePickerProps = {
 	type: "yMd",

package/components/datetime-picker-input/datetime-picker-input.vue.js

@@ -1,5 +1,5 @@
-import { formatDate, parseDate } from "../../utils/date.js";
 import { isString } from "../../utils/is.js";
+import { formatDate, parseDate } from "../../utils/date.js";
 import popout_input_default from "../popout-input/popout-input.vue.js";
 import { partitionPopoutInputProps, usePopoutInput } from "../popout-input/usePopoutInput.js";
 import datetime_picker_popout_default from "../datetime-picker-popout/datetime-picker-popout.vue.js";

package/components/datetime-range-picker-input/datetime-range-picker-input.vue.js

@@ -1,5 +1,5 @@
-import { formatDate, parseDate } from "../../utils/date.js";
 import { isString } from "../../utils/is.js";
+import { formatDate, parseDate } from "../../utils/date.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import popout_input_default from "../popout-input/popout-input.vue.js";
 import { partitionPopoutInputProps, usePopoutInput } from "../popout-input/usePopoutInput.js";

package/components/input/input.vue.js

@@ -1,6 +1,6 @@
 import { createBem } from "../../utils/bem.js";
-import { clamp, formatNumber } from "../../utils/number.js";
 import { isNullish } from "../../utils/is.js";
+import { clamp, formatNumber } from "../../utils/number.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useSimulatedClick } from "../../use/useSimulatedClick.js";
 import { useComposition } from "../../use/useComposition.js";

package/components/stepper/stepper.vue.js

@@ -1,6 +1,6 @@
 import { createBem } from "../../utils/bem.js";
-import { clamp } from "../../utils/number.js";
 import { isNullish } from "../../utils/is.js";
+import { clamp } from "../../utils/number.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useSimulatedPress } from "../../use/useSimulatedPress.js";
 import { useFormContext } from "../form/common.js";

package/components/swiper/useSwiper.js

@@ -1,5 +1,5 @@
-import { clamp } from "../../utils/number.js";
 import { isNullish } from "../../utils/is.js";
+import { clamp } from "../../utils/number.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useInitialVelocity } from "../../use/useInitialVelocity.js";
 import { useResizeObserver } from "../../use/useResizeObserver.js";

package/components/upload/upload.vue.js

@@ -1,6 +1,6 @@
 import { createBem } from "../../utils/bem.js";
-import { chooseFile, isImageFile, isImageUrl } from "../../utils/file.js";
 import { isFunction } from "../../utils/is.js";
+import { chooseFile, isImageFile, isImageUrl } from "../../utils/file.js";
 import { toArray } from "../../utils/array.js";
 import { useFormContext, useFormItemContext } from "../form/common.js";
 import { previewImage } from "../preview-image/imperative.js";

package/index.js

@@ -1,9 +1,9 @@
 import { createBem, createBemStruct, cssVar, cssVarName, defaultBemConfig } from "./utils/bem.js";
+import { isBoolean, isConfigObject, isDate, isEmptyArray, isFunction, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from "./utils/is.js";
 import { clamp, compactNumber, formatNumber, formatThousands, getDecimalsLength, inRange, looseToNumber, mround, random, round, truncToFixed } from "./utils/number.js";
 import { baseLunarYear, earthlyBranches, formatDate, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getFirstDayWeekday, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getPrevMonthDate, getPrevMonthTailDays, heavenlyStems, isLeapYear, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, minmaxDate, parseDate, solarToLunar, springFestivals, toDate, toDateNumber, toDateString, toMonthNumber } from "./utils/date.js";
 import { checkRtl, getScrollTop, toTouchEvent } from "./utils/dom.js";
 import { chooseFile, getFileName, imageDataToDataURL, isFileUrl, isImageFile, isImageUrl, isVideoFile, isVideoUrl, loadImage, readFileContent } from "./utils/file.js";
-import { isBoolean, isConfigObject, isDate, isEmptyArray, isFunction, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from "./utils/is.js";
 import { addUnit, debounce, getPageRange, isEmptyBinding, isEmptyValue, isRenderVisible, isVisibleEmpty, noop, sleep, splitUnit, throttle } from "./utils/utils.js";
 import { ALPHANUMERIC_CHARS, ECLList, qrcode } from "./utils/qrcode.js";
 import { assignDeep, chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap } from "./utils/object.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sard",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "sard 是基于 Vue3 的 Web 移动端 UI 组件库",
   "keywords": [
     "UI",

package/utils/date.d.ts

@@ -49,12 +49,15 @@ export declare function getNextMonthHeadDays(year: number, month: number, weekSt
 /**
  * 根据传入的占位符返回格式化后的日期。
  */
-export declare function formatDate(date: Date, format?: string): string;
+export declare function formatDate(date: Date | number | string, format?: string): string;
 /**
  * 解析日期的字符串表示形式，并返回 Date 实例对象。
  */
 export declare function parseDate(value: string, format?: string): Date;
-export declare function toDate(date: Date | string, valueFormat?: string): Date;
+/**
+ * 确保返回一个Date对象，可以传递时间戳（10位或13位，字符串或数字），或者传递特定格式的字符串，则使用 parseDate 解析。
+ */
+export declare function toDate(date: Date | string | number, valueFormat?: string): Date;
 export declare function minmaxDate(date: Date, minDate: Date, maxDate: Date): Date;
 export declare function getPrevMonthDate(date: Date): Date;
 export declare function getNextMonthDate(date: Date): Date;

package/utils/date.js

@@ -1,3 +1,4 @@
+import { isNumber } from "./is.js";
 import { clamp } from "./number.js";
 import { escapeRegExp } from "./regexp.js";
 //#region packages/sard/utils/date.ts
@@ -121,6 +122,7 @@ const dateGetters = {
 * 根据传入的占位符返回格式化后的日期。
 */
 function formatDate(date, format = "YYYY-MM-DD HH:mm:ss") {
+	date = toDate(date);
 	return format.replace(dateTokensReg, (match) => {
 		return dateGetters[match](date);
 	});
@@ -175,8 +177,13 @@ function parseDate(value, format) {
 	});
 	return date;
 }
+/**
+* 确保返回一个Date对象，可以传递时间戳（10位或13位，字符串或数字），或者传递特定格式的字符串，则使用 parseDate 解析。
+*/
 function toDate(date, valueFormat) {
 	if (date instanceof Date) return date;
+	if (isNumber(date)) return new Date(String(date).length === 10 ? date * 1e3 : date);
+	if ((date.length === 10 || date.length === 13) && /^\d+$/.test(date)) return /* @__PURE__ */ new Date(date.length === 10 ? +date * 1e3 : +date);
 	return parseDate(date, valueFormat);
 }
 function minmaxDate(date, minDate, maxDate) {

package/utils/index.js

@@ -1,9 +1,9 @@
 import { createBem, createBemStruct, cssVar, cssVarName, defaultBemConfig } from "./bem.js";
+import { isBoolean, isConfigObject, isDate, isEmptyArray, isFunction, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from "./is.js";
 import { clamp, compactNumber, formatNumber, formatThousands, getDecimalsLength, inRange, looseToNumber, mround, random, round, truncToFixed } from "./number.js";
 import { baseLunarYear, earthlyBranches, formatDate, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getFirstDayWeekday, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getPrevMonthDate, getPrevMonthTailDays, heavenlyStems, isLeapYear, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, minmaxDate, parseDate, solarToLunar, springFestivals, toDate, toDateNumber, toDateString, toMonthNumber } from "./date.js";
 import { checkRtl, getScrollTop, toTouchEvent } from "./dom.js";
 import { chooseFile, getFileName, imageDataToDataURL, isFileUrl, isImageFile, isImageUrl, isVideoFile, isVideoUrl, loadImage, readFileContent } from "./file.js";
-import { isBoolean, isConfigObject, isDate, isEmptyArray, isFunction, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from "./is.js";
 import { addUnit, debounce, getPageRange, isEmptyBinding, isEmptyValue, isRenderVisible, isVisibleEmpty, noop, sleep, splitUnit, throttle } from "./utils.js";
 import { ALPHANUMERIC_CHARS, ECLList, qrcode } from "./qrcode.js";
 import { assignDeep, chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap } from "./object.js";