123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- import { defineMixin } from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- props: {
- // 日历顶部标题
- title: {
- type: String,
- default: () => defProps.calendar.title
- },
- // 是否显示标题
- showTitle: {
- type: Boolean,
- default: () => defProps.calendar.showTitle
- },
- // 是否显示副标题
- showSubtitle: {
- type: Boolean,
- default: () => defProps.calendar.showSubtitle
- },
- // 日期类型选择,single-选择单个日期,multiple-可以选择多个日期,range-选择日期范围
- mode: {
- type: String,
- default: () => defProps.calendar.mode
- },
- // mode=range时,第一个日期底部的提示文字
- startText: {
- type: String,
- default: () => defProps.calendar.startText
- },
- // mode=range时,最后一个日期底部的提示文字
- endText: {
- type: String,
- default: () => defProps.calendar.endText
- },
- // 自定义列表
- customList: {
- type: Array,
- default: () => defProps.calendar.customList
- },
- // 主题色,对底部按钮和选中日期有效
- color: {
- type: String,
- default: () => defProps.calendar.color
- },
- // 最小的可选日期
- minDate: {
- type: [String, Number],
- default: () => defProps.calendar.minDate
- },
- // 最大可选日期
- maxDate: {
- type: [String, Number],
- default: () => defProps.calendar.maxDate
- },
- // 默认选中的日期,mode为multiple或range是必须为数组格式
- defaultDate: {
- type: [Array, String, Date, null],
- default: () => defProps.calendar.defaultDate
- },
- // mode=multiple时,最多可选多少个日期
- maxCount: {
- type: [String, Number],
- default: () => defProps.calendar.maxCount
- },
- // 日期行高
- rowHeight: {
- type: [String, Number],
- default: () => defProps.calendar.rowHeight
- },
- // 日期格式化函数
- formatter: {
- type: [Function, null],
- default: () => defProps.calendar.formatter
- },
- // 是否显示农历
- showLunar: {
- type: Boolean,
- default: () => defProps.calendar.showLunar
- },
- // 是否显示月份背景色
- showMark: {
- type: Boolean,
- default: () => defProps.calendar.showMark
- },
- // 确定按钮的文字
- confirmText: {
- type: String,
- default: () => defProps.calendar.confirmText
- },
- // 确认按钮处于禁用状态时的文字
- confirmDisabledText: {
- type: String,
- default: () => defProps.calendar.confirmDisabledText
- },
- // 是否显示日历弹窗
- show: {
- type: Boolean,
- default: () => defProps.calendar.show
- },
- // 是否允许点击遮罩关闭日历
- closeOnClickOverlay: {
- type: Boolean,
- default: () => defProps.calendar.closeOnClickOverlay
- },
- // 是否为只读状态,只读状态下禁止选择日期
- readonly: {
- type: Boolean,
- default: () => defProps.calendar.readonly
- },
- // 是否展示确认按钮
- showConfirm: {
- type: Boolean,
- default: () => defProps.calendar.showConfirm
- },
- // 日期区间最多可选天数,默认无限制,mode = range时有效
- maxRange: {
- type: [Number, String],
- default: () => defProps.calendar.maxRange
- },
- // 范围选择超过最多可选天数时的提示文案,mode = range时有效
- rangePrompt: {
- type: String,
- default: () => defProps.calendar.rangePrompt
- },
- // 范围选择超过最多可选天数时,是否展示提示文案,mode = range时有效
- showRangePrompt: {
- type: Boolean,
- default: () => defProps.calendar.showRangePrompt
- },
- // 是否允许日期范围的起止时间为同一天,mode = range时有效
- allowSameDay: {
- type: Boolean,
- default: () => defProps.calendar.allowSameDay
- },
- // 圆角值
- round: {
- type: [Boolean, String, Number],
- default: () => defProps.calendar.round
- },
- // 最多展示月份数量
- monthNum: {
- type: [Number, String],
- default: 3
- }
- }
- })
|