chore: add date control demo
This commit is contained in:
@@ -282,6 +282,7 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li data-control='text'>文本</li>
|
<li data-control='text'>文本</li>
|
||||||
<li data-control="select">列举</li>
|
<li data-control="select">列举</li>
|
||||||
|
<li data-control="date">日期</li>
|
||||||
<li data-control="checkbox">复选框</li>
|
<li data-control="checkbox">复选框</li>
|
||||||
<li data-control="radio">单选框</li>
|
<li data-control="radio">单选框</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
+65
@@ -815,6 +815,70 @@ window.onload = function () {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
|
case ControlType.DATE:
|
||||||
|
new Dialog({
|
||||||
|
title: '日期控件',
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
label: '占位符',
|
||||||
|
name: 'placeholder',
|
||||||
|
required: true,
|
||||||
|
placeholder: '请输入占位符'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
label: '默认值',
|
||||||
|
name: 'value',
|
||||||
|
placeholder: '请输入默认值'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'select',
|
||||||
|
label: '日期格式',
|
||||||
|
name: 'dateFormat',
|
||||||
|
value: 'yyyy-MM-dd hh:mm:ss',
|
||||||
|
required: true,
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
label: 'yyyy-MM-dd hh:mm:ss',
|
||||||
|
value: 'yyyy-MM-dd hh:mm:ss'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'yyyy-MM-dd',
|
||||||
|
value: 'yyyy-MM-dd'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
onConfirm: payload => {
|
||||||
|
const placeholder = payload.find(
|
||||||
|
p => p.name === 'placeholder'
|
||||||
|
)?.value
|
||||||
|
if (!placeholder) return
|
||||||
|
const value = payload.find(p => p.name === 'value')?.value || ''
|
||||||
|
const dateFormat =
|
||||||
|
payload.find(p => p.name === 'dateFormat')?.value || ''
|
||||||
|
instance.command.executeInsertElementList([
|
||||||
|
{
|
||||||
|
type: ElementType.CONTROL,
|
||||||
|
value: '',
|
||||||
|
control: {
|
||||||
|
type,
|
||||||
|
dateFormat,
|
||||||
|
value: value
|
||||||
|
? [
|
||||||
|
{
|
||||||
|
value
|
||||||
|
}
|
||||||
|
]
|
||||||
|
: null,
|
||||||
|
placeholder
|
||||||
|
}
|
||||||
|
}
|
||||||
|
])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
break
|
||||||
default:
|
default:
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
@@ -1667,6 +1731,7 @@ window.onload = function () {
|
|||||||
|
|
||||||
instance.listener.saved = function (payload) {
|
instance.listener.saved = function (payload) {
|
||||||
console.log('elementList: ', payload)
|
console.log('elementList: ', payload)
|
||||||
|
console.log(instance.command.getControlList())
|
||||||
}
|
}
|
||||||
|
|
||||||
// 9. 右键菜单注册
|
// 9. 右键菜单注册
|
||||||
|
|||||||
Reference in New Issue
Block a user