From b08dba0e967485a8875db993344f7a87571ee080 Mon Sep 17 00:00:00 2001
From: Hufe921 <huangyunfeihufe@hotmail.com>
Date: Fri, 31 May 2024 21:33:14 +0800
Subject: [PATCH] chore: add date control demo

---
 index.html  |  1 +
 src/main.ts | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+)

diff --git a/index.html b/index.html
index a40ba94..1b4fbad 100644
--- a/index.html
+++ b/index.html
@@ -282,6 +282,7 @@
             <ul>
               <li data-control='text'>文本</li>
               <li data-control="select">列举</li>
+              <li data-control="date">日期</li>
               <li data-control="checkbox">复选框</li>
               <li data-control="radio">单选框</li>
             </ul>
diff --git a/src/main.ts b/src/main.ts
index 8b69998..85f9f8d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -815,6 +815,70 @@ window.onload = function () {
           }
         })
         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:
         break
     }
@@ -1667,6 +1731,7 @@ window.onload = function () {
 
   instance.listener.saved = function (payload) {
     console.log('elementList: ', payload)
+    console.log(instance.command.getControlList())
   }
 
   // 9. 右键菜单注册