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
|
|||
|
}
|
|||
|
}
|
|||
|
}
|