You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

151 lines
4.6 KiB

import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
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
},
// 工具栏右侧内容
toolbarRightSlot:{
type: Boolean,
default: false
},
// #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
}
}
})