front/uni_modules/uview-next/components/u-calendar/props.js

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';

export default defineProps('calendar', {
    // 日历顶部标题
    title: {
        type: String,
        default: () => uni.$u.$t('uCalendar.title')
    },
    // 是否显示标题
    showTitle: {
        type: Boolean,
        default: true
    },
    // 是否显示副标题
    showSubtitle: {
        type: Boolean,
        default: true
    },
    // 选中的日期的形状，circle（圆形），square（带圆角） （默认 'square' ）
    shape: {
        type: String,
        default: 'square'
    },
    // 日期类型选择，single-选择单个日期，multiple-可以选择多个日期，range-选择日期范围
    mode: {
        type: String,
        default: 'single'
    },
    // mode=range时，第一个日期底部的提示文字
    startText: {
        type: String,
        default: () => uni.$u.$t('uCalendar.startText')
    },
    // mode=range时，最后一个日期底部的提示文字
    endText: {
        type: String,
        default: () => uni.$u.$t('uCalendar.endText')
    },
    // 自定义列表
    customList: {
        type: Array,
        default: []
    },
    // 主题色，对底部按钮和选中日期有效
    color: {
        type: String,
        default: theme.primary
    },
    // 最小的可选日期
    minDate: {
        type: [String, Number],
        default: 0
    },
    // 最大可选日期
    maxDate: {
        type: [String, Number],
        default: 0
    },
    // 默认选中的日期，mode为multiple或range是必须为数组格式
    defaultDate: {
        type: [Array, String, Date, null],
        default: null
    },
    // mode=multiple时，最多可选多少个日期
    maxCount: {
        type: [String, Number],
        default: Number.MAX_SAFE_INTEGER
    },
    // 日期行高
    rowHeight: {
        type: [String, Number],
        default: 56
    },
    // 日期格式化函数
    formatter: {
        type: [Function, null],
        default: null
    },
    // 是否显示农历
    showLunar: {
        type: Boolean,
        default: false
    },
    // 是否显示月份背景色
    showMark: {
        type: Boolean,
        default: true
    },
    // 确定按钮的文字
    confirmText: {
        type: String,
        default: () => uni.$u.$t('uCalendar.confirmText')
    },
    // 确认按钮处于禁用状态时的文字
    confirmDisabledText: {
        type: String,
        default: () => uni.$u.$t('uCalendar.confirmDisabledText')
    },
    // 星期几
    weekdays: {
        type: String,
        default: () => uni.$u.$t('uCalendar.weekdays')
    },
    // 是否显示日历弹窗
    show: {
        type: Boolean,
        default: false
    },
    // 是否允许点击遮罩关闭日历
    closeOnClickOverlay: {
        type: Boolean,
        default: true
    },
    // 是否为只读状态，只读状态下禁止选择日期
    readonly: {
        type: Boolean,
        default: false
    },
    // 是否展示确认按钮
    showConfirm: {
        type: Boolean,
        default: true
    },
    // 日期区间最多可选天数，默认无限制，mode = range时有效
    maxRange: {
        type: [Number, String],
        default: Number.MAX_SAFE_INTEGER
    },
    // 范围选择超过最多可选天数时的提示文案，mode = range时有效
    rangePrompt: {
        type: String,
        default: () => uni.$u.$t('uCalendar.rangePrompt')
    },
    // 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效
    showRangePrompt: {
        type: Boolean,
        default: true
    },
    // 是否允许日期范围的起止时间为同一天，mode = range时有效
    allowSameDay: {
        type: Boolean,
        default: false
    },
    // 圆角值
    round: {
        type: [Boolean, String, Number],
        default: 0
    },
    // 最多展示月份数量
    monthNum: {
        type: [Number, String],
        default: 3
    },
    // 禁止选择的日期
    disabledDate: {
        type: [Array, String, null],
        default: null
    },
    // 禁止选择的日期函数
    disabledFun: {
        type: [Function, null],
        default: null
    },
    // 是否插入模式
    insert: {
        type: Boolean,
        default: false
    }
});