hy-app 0.6.4 → 0.6.6

package/components/hy-calendar/props.ts

@@ -1,169 +1,169 @@
-import type { PropType } from 'vue'
-import { useTranslate } from '../../libs'
-
-const { t } = useTranslate('calendar')
-
-const calendarProps = {
-    /** 是否显示日历弹窗 */
-    show: {
-        type: Boolean,
-        default: false,
-        required: true
-    },
-    /** 标题内容 */
-    title: {
-        type: String,
-        default: () => t('title')
-    },
-    /** 是否显示标题 */
-    showTitle: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否显示副标题 */
-    showSubtitle: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 日期类型选择
-     * @values single,range,multiple
-     * */
-    mode: {
-        type: String,
-        default: 'single'
-    },
-    /** mode=range时，第一个日期底部的提示文字 */
-    startText: {
-        type: String,
-        default: () => t('startTime')
-    },
-    /** mode=range时，最后一个日期底部的提示文字 */
-    endText: {
-        type: String,
-        default: () => t('endTime')
-    },
-    /** 自定义列表 */
-    customList: {
-        type: Array as PropType<any[]>,
-        default: []
-    },
-    /** 主题色，对底部按钮和选中日期有效 */
-    color: {
-        type: String,
-        default: ''
-    },
-    /** 最小的可选日期 */
-    minDate: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 最大可选日期 */
-    maxDate: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 默认选中的日期，mode为multiple或range是必须为数组格式 */
-    defaultDate: [Date, String, Array],
-    /** mode=multiple时，最多可选多少个日期 */
-    maxCount: {
-        type: Number,
-        default: Number.MAX_SAFE_INTEGER
-    },
-    /** 日期行高 */
-    rowHeight: {
-        type: Number,
-        default: 56
-    },
-    /** 日期格式化函数 */
-    formatter: {
-        type: Function as PropType<(date: Date) => string>
-    },
-    /** 是否显示农历 */
-    showLunar: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否显示月份背景色 */
-    showMark: {
-        type: Boolean,
-        default: true
-    },
-    /** 确定按钮的文字 */
-    confirmText: {
-        type: String,
-        default: () => t('confirm')
-    },
-    /** 确认按钮处于禁用状态时的文字 */
-    confirmDisabledText: {
-        type: String,
-        default: () => t('confirmDisabled')
-    },
-    /** 是否允许点击遮罩关闭日历 */
-    closeOnClickOverlay: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否为只读状态，只读状态下禁止选择日期 */
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否展示确认按钮 */
-    showConfirm: {
-        type: Boolean,
-        default: true
-    },
-    /** 日期区间最多可选天数，默认无限制，mode = range时有效 */
-    maxRange: {
-        type: Number,
-        default: Number.MAX_SAFE_INTEGER
-    },
-    /** 范围选择超过最多可选天数时的提示文案，mode = range时有效 */
-    rangePrompt: String,
-    /** 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 */
-    showRangePrompt: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否允许日期范围的起止时间为同一天，mode = range时有效 */
-    allowSameDay: {
-        type: Boolean,
-        default: false
-    },
-    /** 圆角值，默认无圆角 */
-    round: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 最多展示的月份数量 */
-    monthNum: {
-        type: Number,
-        default: 3
-    },
-    /** 星期文案 */
-    weekText: {
-        type: Array as PropType<string[]>,
-        default: () => [
-            t('weeks.sun'),
-            t('weeks.mon'),
-            t('weeks.tue'),
-            t('weeks.wed'),
-            t('weeks.thu'),
-            t('weeks.fri'),
-            t('weeks.sat')
-        ]
-    },
-    /** 单选与多选禁止选中的日期列表，mode!=range时有效。 */
-    forbidDays: {
-        type: Array as PropType<Date[]>,
-        default: () => []
-    },
-    /** 单选与多选禁止选中的日期选择时提示 */
-    forbidDaysToast: {
-        type: String,
-        default: '该日期已禁用'
-    }
-}
-
-export default calendarProps
+import type { PropType } from 'vue'
+import { useTranslate } from '../../libs'
+
+const { t } = useTranslate('calendar')
+
+const calendarProps = {
+    /** 是否显示日历弹窗 */
+    show: {
+        type: Boolean,
+        default: false,
+        required: true
+    },
+    /** 标题内容 */
+    title: {
+        type: String,
+        default: () => t('title')
+    },
+    /** 是否显示标题 */
+    showTitle: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否显示副标题 */
+    showSubtitle: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     * 日期类型选择
+     * @values single,range,multiple
+     * */
+    mode: {
+        type: String,
+        default: 'single'
+    },
+    /** mode=range时，第一个日期底部的提示文字 */
+    startText: {
+        type: String,
+        default: () => t('startTime')
+    },
+    /** mode=range时，最后一个日期底部的提示文字 */
+    endText: {
+        type: String,
+        default: () => t('endTime')
+    },
+    /** 自定义列表 */
+    customList: {
+        type: Array as PropType<any[]>,
+        default: []
+    },
+    /** 主题色，对底部按钮和选中日期有效 */
+    color: {
+        type: String,
+        default: ''
+    },
+    /** 最小的可选日期 */
+    minDate: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 最大可选日期 */
+    maxDate: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 默认选中的日期，mode为multiple或range是必须为数组格式 */
+    defaultDate: [Date, String, Array],
+    /** mode=multiple时，最多可选多少个日期 */
+    maxCount: {
+        type: Number,
+        default: Number.MAX_SAFE_INTEGER
+    },
+    /** 日期行高 */
+    rowHeight: {
+        type: Number,
+        default: 56
+    },
+    /** 日期格式化函数 */
+    formatter: {
+        type: Function as PropType<(date: Date) => string>
+    },
+    /** 是否显示农历 */
+    showLunar: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否显示月份背景色 */
+    showMark: {
+        type: Boolean,
+        default: true
+    },
+    /** 确定按钮的文字 */
+    confirmText: {
+        type: String,
+        default: () => t('confirm')
+    },
+    /** 确认按钮处于禁用状态时的文字 */
+    confirmDisabledText: {
+        type: String,
+        default: () => t('confirmDisabled')
+    },
+    /** 是否允许点击遮罩关闭日历 */
+    closeOnClickOverlay: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否为只读状态，只读状态下禁止选择日期 */
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否展示确认按钮 */
+    showConfirm: {
+        type: Boolean,
+        default: true
+    },
+    /** 日期区间最多可选天数，默认无限制，mode = range时有效 */
+    maxRange: {
+        type: Number,
+        default: Number.MAX_SAFE_INTEGER
+    },
+    /** 范围选择超过最多可选天数时的提示文案，mode = range时有效 */
+    rangePrompt: String,
+    /** 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 */
+    showRangePrompt: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否允许日期范围的起止时间为同一天，mode = range时有效 */
+    allowSameDay: {
+        type: Boolean,
+        default: false
+    },
+    /** 圆角值，默认无圆角 */
+    round: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 最多展示的月份数量 */
+    monthNum: {
+        type: Number,
+        default: 3
+    },
+    /** 星期文案 */
+    weekText: {
+        type: Array as PropType<string[]>,
+        default: () => [
+            t('weeks.sun'),
+            t('weeks.mon'),
+            t('weeks.tue'),
+            t('weeks.wed'),
+            t('weeks.thu'),
+            t('weeks.fri'),
+            t('weeks.sat')
+        ]
+    },
+    /** 单选与多选禁止选中的日期列表，mode!=range时有效。 */
+    forbidDays: {
+        type: Array as PropType<Date[]>,
+        default: () => []
+    },
+    /** 单选与多选禁止选中的日期选择时提示 */
+    forbidDaysToast: {
+        type: String,
+        default: '该日期已禁用'
+    }
+}
+
+export default calendarProps

package/components/hy-calendar/typing.d.ts

@@ -1,45 +1,47 @@
-// --- 类型定义 ---
-export interface DateItem {
-    date: string | number | Date
-    day: number | string
-    week: number
-    disabled?: boolean
-    dot?: boolean
-    bottomInfo?: string
-    [key: string]: any
-}
-
-export interface MonthData {
-    year: number | string
-    month: number | string
-    date: DateItem[]
-}
-
-export interface IMonthProps {
-    showMark?: boolean
-    color?: string
-    months?: MonthData[]
-    mode?: 'single' | 'multiple' | 'range'
-    rowHeight?: string | number
-    maxCount?: number
-    startText?: string
-    endText?: string
-    defaultDate?: string | string[] | Date | null
-    minDate?: string | number
-    maxDate?: string | number
-    maxMonth?: number
-    readonly?: boolean
-    maxRange?: number
-    rangePrompt?: string
-    showRangePrompt?: boolean
-    allowSameDay?: boolean
-    forbidDays?: string[]
-    forbidDaysToast?: string
-}
-
-export interface ICalendarEmits {
-    /** 日期选择完成后触发，则点击确认按钮后触发 */
-    (e: 'confirm', selected: string[]): void
-    /** 日历关闭时触发 */
-    (e: 'close'): void
-}
+// --- 类型定义 ---
+export interface DateItem {
+    date: string | number | Date
+    day: number | string
+    week: number
+    disabled?: boolean
+    dot?: boolean
+    bottomInfo?: string
+    [key: string]: any
+}
+
+export interface MonthData {
+    year: number | string
+    month: number | string
+    date: DateItem[]
+}
+
+export interface IMonthProps {
+    showMark?: boolean
+    color?: string
+    months?: MonthData[]
+    mode?: 'single' | 'multiple' | 'range'
+    rowHeight?: string | number
+    maxCount?: number
+    startText?: string
+    endText?: string
+    defaultDate?: string | string[] | Date | null
+    minDate?: string | number
+    maxDate?: string | number
+    maxMonth?: number
+    readonly?: boolean
+    maxRange?: number
+    rangePrompt?: string
+    showRangePrompt?: boolean
+    allowSameDay?: boolean
+    forbidDays?: string[]
+    forbidDaysToast?: string
+}
+
+export interface ICalendarEmits {
+    /** 日期选择完成后触发，则点击确认按钮后触发 */
+    (e: 'confirm', selected: string[]): void
+    /** 日历关闭时触发 */
+    (e: 'close'): void
+    /** 触发关闭属性 */
+    (e: 'update:show', value: boolean): void
+}