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