From 2319df727a7e0cf92641c2e512854306f20665f1 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Mon, 13 Jun 2022 16:51:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(playground):=20=E6=B7=BB=E5=8A=A0=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E7=BB=84=E5=90=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 playground/src/pages/Editor.vue | 41 ++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/playground/src/pages/Editor.vue b/playground/src/pages/Editor.vue
index 2cbfc18c..8a72c58b 100644
--- a/playground/src/pages/Editor.vue
+++ b/playground/src/pages/Editor.vue
@@ -86,7 +86,7 @@ export default defineComponent({
           text: '预览',
           icon: Connection,
           handler: async () => {
-            if (editor.value && editor.value.editorService.get<Map<Id, Id>>('modifiedNodeIds').size > 0) {
+            if (editor.value?.editorService.get<Map<Id, Id>>('modifiedNodeIds').size > 0) {
               try {
                 await ElMessageBox.confirm('有修改未保存，是否先保存再预览', '提示', {
                   confirmButtonText: '保存并预览',
@@ -189,6 +189,45 @@ export default defineComponent({
             },
           ],
         },
+        {
+          title: '组合',
+          items: [
+            {
+              icon: Tickets,
+              text: '弹窗',
+              data: {
+                type: 'overlay',
+                style: {
+                  position: 'fixed',
+                  width: '100%',
+                  height: '100%',
+                  top: 0,
+                  left: 0,
+                  backgroundColor: 'rgba(0, 0, 0, 0.8)',
+                },
+                name: '弹窗',
+                items: [
+                  {
+                    type: 'container',
+                    style: {
+                      position: 'absolute',
+                      width: '80%',
+                      height: '400',
+                      top: '143.87',
+                      left: 37.5,
+                      backgroundColor: 'rgba(255, 255, 255, 1)',
+                      backgroundRepeat: 'no-repeat',
+                      backgroundSize: '100% 100%',
+                    },
+                    name: '组',
+                    items: [],
+                    layout: 'absolute',
+                  },
+                ],
+              },
+            },
+          ],
+        },
       ]),
 
       moveableOptions: (core?: StageCore): MoveableOptions => {