145 lines
4.4 KiB
JavaScript
145 lines
4.4 KiB
JavaScript
import defProps from '../../libs/config/props.js';
|
||
export default {
|
||
props: {
|
||
// 是否显示input
|
||
hasInput: {
|
||
type: Boolean,
|
||
default: () => false
|
||
},
|
||
placeholder: {
|
||
type: String,
|
||
default: () => '请选择'
|
||
},
|
||
format: {
|
||
type: String,
|
||
default: () => ''
|
||
},
|
||
// 是否打开组件
|
||
show: {
|
||
type: Boolean,
|
||
default: () => defProps.datetimePicker.show
|
||
},
|
||
// 弹出的方向，可选值为 top bottom right left center
|
||
popupMode: {
|
||
type: String,
|
||
default: () => defProps.picker.popupMode
|
||
},
|
||
// 是否展示顶部的操作栏
|
||
showToolbar: {
|
||
type: Boolean,
|
||
default: () => defProps.datetimePicker.showToolbar
|
||
},
|
||
// #ifdef VUE2
|
||
// 绑定值
|
||
value: {
|
||
type: [String, Number],
|
||
default: () => defProps.datetimePicker.value
|
||
},
|
||
// #endif
|
||
// #ifdef VUE3
|
||
// 绑定值
|
||
modelValue: {
|
||
type: [String, Number],
|
||
default: () => defProps.datetimePicker.value
|
||
},
|
||
// #endif
|
||
// 顶部标题
|
||
title: {
|
||
type: String,
|
||
default: () => defProps.datetimePicker.title
|
||
},
|
||
// 展示格式，mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择
|
||
mode: {
|
||
type: String,
|
||
default: () => defProps.datetimePicker.mode
|
||
},
|
||
// 可选的最大时间
|
||
maxDate: {
|
||
type: Number,
|
||
// 最大默认值为后10年
|
||
default: () => defProps.datetimePicker.maxDate
|
||
},
|
||
// 可选的最小时间
|
||
minDate: {
|
||
type: Number,
|
||
// 最小默认值为前10年
|
||
default: () => defProps.datetimePicker.minDate
|
||
},
|
||
// 可选的最小小时，仅mode=time有效
|
||
minHour: {
|
||
type: Number,
|
||
default: () => defProps.datetimePicker.minHour
|
||
},
|
||
// 可选的最大小时，仅mode=time有效
|
||
maxHour: {
|
||
type: Number,
|
||
default: () => defProps.datetimePicker.maxHour
|
||
},
|
||
// 可选的最小分钟，仅mode=time有效
|
||
minMinute: {
|
||
type: Number,
|
||
default: () => defProps.datetimePicker.minMinute
|
||
},
|
||
// 可选的最大分钟，仅mode=time有效
|
||
maxMinute: {
|
||
type: Number,
|
||
default: () => defProps.datetimePicker.maxMinute
|
||
},
|
||
// 选项过滤函数
|
||
filter: {
|
||
type: [Function, null],
|
||
default: () => defProps.datetimePicker.filter
|
||
},
|
||
// 选项格式化函数
|
||
formatter: {
|
||
type: [Function, null],
|
||
default: () => defProps.datetimePicker.formatter
|
||
},
|
||
// 是否显示加载中状态
|
||
loading: {
|
||
type: Boolean,
|
||
default: () => defProps.datetimePicker.loading
|
||
},
|
||
// 各列中，单个选项的高度
|
||
itemHeight: {
|
||
type: [String, Number],
|
||
default: () => defProps.datetimePicker.itemHeight
|
||
},
|
||
// 取消按钮的文字
|
||
cancelText: {
|
||
type: String,
|
||
default: () => defProps.datetimePicker.cancelText
|
||
},
|
||
// 确认按钮的文字
|
||
confirmText: {
|
||
type: String,
|
||
default: () => defProps.datetimePicker.confirmText
|
||
},
|
||
// 取消按钮的颜色
|
||
cancelColor: {
|
||
type: String,
|
||
default: () => defProps.datetimePicker.cancelColor
|
||
},
|
||
// 确认按钮的颜色
|
||
confirmColor: {
|
||
type: String,
|
||
default: () => defProps.datetimePicker.confirmColor
|
||
},
|
||
// 每列中可见选项的数量
|
||
visibleItemCount: {
|
||
type: [String, Number],
|
||
default: () => defProps.datetimePicker.visibleItemCount
|
||
},
|
||
// 是否允许点击遮罩关闭选择器
|
||
closeOnClickOverlay: {
|
||
type: Boolean,
|
||
default: () => defProps.datetimePicker.closeOnClickOverlay
|
||
},
|
||
// 各列的默认索引
|
||
defaultIndex: {
|
||
type: Array,
|
||
default: () => defProps.datetimePicker.defaultIndex
|
||
}
|
||
}
|
||
}
|