uview-pro 0.6.18 → 0.6.19

package/components/u-calendar/types.ts

@@ -1,126 +1,126 @@
-import type { ExtractPropTypes, PropType } from 'vue';
-import type { CalendarChangeDate, CalendarChangeRange, CalendarMode, ThemeType } from '../../types/global';
-import { getColor } from '../../';
-
-/**
- * calendar 日历类型定义
- * @description 供 u-calendar 组件 props 使用
- */
-export const CalendarProps = {
-    /** 自定义根节点样式 */
-    customStyle: {
-        type: [String, Object] as PropType<string | Record<string, any>>,
-        default: () => ({})
-    },
-    /** 自定义根节点样式类 */
-    customClass: {
-        type: String as unknown as PropType<string>,
-        default: ''
-    },
-    /** 是否开启底部安全区适配 */
-    safeAreaInsetBottom: { type: Boolean, default: false },
-    /** 是否允许通过点击遮罩关闭Picker */
-    maskCloseAble: { type: Boolean, default: true },
-    /** 通过双向绑定控制组件的弹出与收起 */
-    modelValue: { type: Boolean, default: false },
-    /** 弹出的z-index值 */
-    zIndex: { type: [String, Number], default: 0 },
-    /** 是否允许切换年份 */
-    changeYear: { type: Boolean, default: true },
-    /** 是否允许切换月份 */
-    changeMonth: { type: Boolean, default: true },
-    /** date-单个日期选择，range-开始日期+结束日期选择 */
-    mode: { type: String as PropType<CalendarMode>, default: 'date' },
-    /** 可切换的最大年份 */
-    maxYear: { type: [Number, String], default: 2050 },
-    /** 可切换的最小年份 */
-    minYear: { type: [Number, String], default: 1950 },
-    /** 最小可选日期(不在范围内日期禁用不可选) */
-    minDate: { type: [Number, String], default: '1950-01-01' },
-    /** 最大可选日期，默认最大值为今天，之后的日期不可选 */
-    maxDate: { type: [Number, String], default: '' },
-    /** 弹窗顶部左右两边的圆角值 */
-    borderRadius: { type: [String, Number], default: 20 },
-    /** 月份切换按钮箭头颜色 */
-    monthArrowColor: { type: String, default: 'var(--u-content-color)' },
-    /** 年份切换按钮箭头颜色 */
-    yearArrowColor: { type: String, default: 'var(--u-tips-color)' },
-    /** 默认日期字体颜色 */
-    color: { type: String, default: 'var(--u-main-color)' },
-    /** 选中|起始结束日期背景色 */
-    activeBgColor: { type: String, default: () => getColor('primary') },
-    /** 选中|起始结束日期字体颜色 */
-    activeColor: { type: String, default: 'var(--u-white-color)' },
-    /** 范围内日期背景色 */
-    rangeBgColor: { type: String, default: 'var(--u-type-primary-light)' },
-    /** 范围内日期字体颜色 */
-    rangeColor: { type: String, default: () => getColor('primary') },
-    /** mode=range时生效，起始日期自定义文案 */
-    startText: { type: String, default: '' },
-    /** mode=range时生效，结束日期自定义文案 */
-    endText: { type: String, default: '' },
-    /** 按钮样式类型 */
-    btnType: { type: String as PropType<ThemeType>, default: 'primary' },
-    /** 当前选中日期带选中效果 */
-    isActiveCurrent: { type: Boolean, default: true },
-    /** 初始化时是否默认选中今天，优先级低于 defaultDate/startDate/endDate */
-    defaultSelectToday: { type: Boolean, default: true },
-    /** 切换年月是否触发事件 mode=date时生效 */
-    isChange: { type: Boolean, default: false },
-    /** 是否显示右上角的关闭图标 */
-    closeable: { type: Boolean, default: true },
-    /** 顶部的提示文字 */
-    toolTip: { type: String, default: '' },
-    /** 是否显示农历 */
-    showLunar: { type: Boolean, default: false },
-    /** 是否在页面中显示 */
-    isPage: { type: Boolean, default: false },
-    /** 默认选中的日期，mode=date时生效，格式：2024-01-01 */
-    defaultDate: { type: String, default: '' },
-    /** 默认选中的开始日期，mode=range时生效，格式：2024-01-01 */
-    startDate: { type: String, default: '' },
-    /** 默认选中的结束日期，mode=range时生效，格式：2024-01-01 */
-    endDate: { type: String, default: '' },
-    /** 是否只读，只读模式下禁止点击选择日期 */
-    readonly: { type: Boolean, default: false },
-    /** 已打卡日期列表，格式：['2024-01-01', '2024-01-02'] */
-    checkedDates: { type: Array as PropType<string[]>, default: () => [] },
-    /** 打卡日期背景色 */
-    checkedBgColor: { type: String, default: 'var(--u-type-warning)' },
-    /** 打卡日期字体颜色 */
-    checkedColor: { type: String, default: 'var(--u-white-color)' },
-    /** 今日是否已打卡 */
-    todayChecked: { type: Boolean, default: false },
-    /** 今日已打卡背景色 */
-    todayCheckedBgColor: { type: String, default: 'var(--u-type-success)' },
-    /** 未打卡日期背景色 */
-    uncheckedBgColor: { type: String, default: 'var(--u-light-color)' },
-    /** 未打卡日期字体颜色 */
-    uncheckedColor: { type: String, default: 'var(--u-white-color)' },
-    /** 是否启用打卡签到模式（未打卡日期显示灰色） */
-    checkinMode: { type: Boolean, default: false },
-    /** 节假日列表，格式：['2024-01-01', '2024-01-02'] */
-    holidays: { type: Array as PropType<string[]>, default: () => [] },
-    /** 节假日文字颜色 */
-    holidayColor: { type: String, default: 'var(--u-type-error)' },
-    /** 加班日列表，格式：['2024-01-06', '2024-01-07'] */
-    workdays: { type: Array as PropType<string[]>, default: () => [] },
-    /** 加班日文字颜色 */
-    workdayColor: { type: String, default: 'var(--u-type-primary)' },
-    /** 节日配置，格式：{ '2024-04-04': '清明节', '2024-04-01': '愚人节' } */
-    festivals: { type: Object as PropType<Record<string, string>>, default: () => ({}) },
-    /** 节日文字颜色 */
-    festivalColor: { type: String, default: 'var(--u-type-primary)' },
-    /** 是否显示内置节日（中国传统节日） */
-    showFestival: { type: Boolean, default: false },
-    /** 是否启用自定义日期内容插槽（微信小程序需要显式声明） */
-    useDateSlot: { type: Boolean, default: false }
-};
-
-export type CalendarProps = ExtractPropTypes<typeof CalendarProps>;
-
-export type CalendarEmits = {
-    (e: 'update:modelValue', value: boolean): void;
-    (e: 'input', value: boolean): void;
-    (e: 'change', value: CalendarChangeDate | CalendarChangeRange): void;
-};
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { CalendarChangeDate, CalendarChangeRange, CalendarMode, ThemeType } from '../../types/global';
+import { getColor } from '../../';
+
+/**
+ * calendar 日历类型定义
+ * @description 供 u-calendar 组件 props 使用
+ */
+export const CalendarProps = {
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
+    /** 是否开启底部安全区适配 */
+    safeAreaInsetBottom: { type: Boolean, default: false },
+    /** 是否允许通过点击遮罩关闭Picker */
+    maskCloseAble: { type: Boolean, default: true },
+    /** 通过双向绑定控制组件的弹出与收起 */
+    modelValue: { type: Boolean, default: false },
+    /** 弹出的z-index值 */
+    zIndex: { type: [String, Number], default: 0 },
+    /** 是否允许切换年份 */
+    changeYear: { type: Boolean, default: true },
+    /** 是否允许切换月份 */
+    changeMonth: { type: Boolean, default: true },
+    /** date-单个日期选择，range-开始日期+结束日期选择 */
+    mode: { type: String as PropType<CalendarMode>, default: 'date' },
+    /** 可切换的最大年份 */
+    maxYear: { type: [Number, String], default: 2050 },
+    /** 可切换的最小年份 */
+    minYear: { type: [Number, String], default: 1950 },
+    /** 最小可选日期(不在范围内日期禁用不可选) */
+    minDate: { type: [Number, String], default: '1950-01-01' },
+    /** 最大可选日期，默认最大值为今天，之后的日期不可选 */
+    maxDate: { type: [Number, String], default: '' },
+    /** 弹窗顶部左右两边的圆角值 */
+    borderRadius: { type: [String, Number], default: 20 },
+    /** 月份切换按钮箭头颜色 */
+    monthArrowColor: { type: String, default: 'var(--u-content-color)' },
+    /** 年份切换按钮箭头颜色 */
+    yearArrowColor: { type: String, default: 'var(--u-tips-color)' },
+    /** 默认日期字体颜色 */
+    color: { type: String, default: 'var(--u-main-color)' },
+    /** 选中|起始结束日期背景色 */
+    activeBgColor: { type: String, default: () => getColor('primary') },
+    /** 选中|起始结束日期字体颜色 */
+    activeColor: { type: String, default: 'var(--u-white-color)' },
+    /** 范围内日期背景色 */
+    rangeBgColor: { type: String, default: 'var(--u-type-primary-light)' },
+    /** 范围内日期字体颜色 */
+    rangeColor: { type: String, default: () => getColor('primary') },
+    /** mode=range时生效，起始日期自定义文案 */
+    startText: { type: String, default: '' },
+    /** mode=range时生效，结束日期自定义文案 */
+    endText: { type: String, default: '' },
+    /** 按钮样式类型 */
+    btnType: { type: String as PropType<ThemeType>, default: 'primary' },
+    /** 当前选中日期带选中效果 */
+    isActiveCurrent: { type: Boolean, default: true },
+    /** 初始化时是否默认选中今天，优先级低于 defaultDate/startDate/endDate */
+    defaultSelectToday: { type: Boolean, default: true },
+    /** 切换年月是否触发事件 mode=date时生效 */
+    isChange: { type: Boolean, default: false },
+    /** 是否显示右上角的关闭图标 */
+    closeable: { type: Boolean, default: true },
+    /** 顶部的提示文字 */
+    toolTip: { type: String, default: '' },
+    /** 是否显示农历 */
+    showLunar: { type: Boolean, default: false },
+    /** 是否在页面中显示 */
+    isPage: { type: Boolean, default: false },
+    /** 默认选中的日期，mode=date时生效，格式：2024-01-01 */
+    defaultDate: { type: String, default: '' },
+    /** 默认选中的开始日期，mode=range时生效，格式：2024-01-01 */
+    startDate: { type: String, default: '' },
+    /** 默认选中的结束日期，mode=range时生效，格式：2024-01-01 */
+    endDate: { type: String, default: '' },
+    /** 是否只读，只读模式下禁止点击选择日期 */
+    readonly: { type: Boolean, default: false },
+    /** 已打卡日期列表，格式：['2024-01-01', '2024-01-02'] */
+    checkedDates: { type: Array as PropType<string[]>, default: () => [] },
+    /** 打卡日期背景色 */
+    checkedBgColor: { type: String, default: 'var(--u-type-warning)' },
+    /** 打卡日期字体颜色 */
+    checkedColor: { type: String, default: 'var(--u-white-color)' },
+    /** 今日是否已打卡 */
+    todayChecked: { type: Boolean, default: false },
+    /** 今日已打卡背景色 */
+    todayCheckedBgColor: { type: String, default: 'var(--u-type-success)' },
+    /** 未打卡日期背景色 */
+    uncheckedBgColor: { type: String, default: 'var(--u-light-color)' },
+    /** 未打卡日期字体颜色 */
+    uncheckedColor: { type: String, default: 'var(--u-white-color)' },
+    /** 是否启用打卡签到模式（未打卡日期显示灰色） */
+    checkinMode: { type: Boolean, default: false },
+    /** 节假日列表，格式：['2024-01-01', '2024-01-02'] */
+    holidays: { type: Array as PropType<string[]>, default: () => [] },
+    /** 节假日文字颜色 */
+    holidayColor: { type: String, default: 'var(--u-type-error)' },
+    /** 加班日列表，格式：['2024-01-06', '2024-01-07'] */
+    workdays: { type: Array as PropType<string[]>, default: () => [] },
+    /** 加班日文字颜色 */
+    workdayColor: { type: String, default: 'var(--u-type-primary)' },
+    /** 节日配置，格式：{ '2024-04-04': '清明节', '2024-04-01': '愚人节' } */
+    festivals: { type: Object as PropType<Record<string, string>>, default: () => ({}) },
+    /** 节日文字颜色 */
+    festivalColor: { type: String, default: 'var(--u-type-primary)' },
+    /** 是否显示内置节日（中国传统节日） */
+    showFestival: { type: Boolean, default: false },
+    /** 是否启用自定义日期内容插槽（微信小程序需要显式声明） */
+    useDateSlot: { type: Boolean, default: false }
+};
+
+export type CalendarProps = ExtractPropTypes<typeof CalendarProps>;
+
+export type CalendarEmits = {
+    (e: 'update:modelValue', value: boolean): void;
+    (e: 'input', value: boolean): void;
+    (e: 'change', value: CalendarChangeDate | CalendarChangeRange): void;
+};