From 5bfb69b36dad2704be0c1c88b8332ddf3a282853 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 27 May 2022 19:02:41 +0800
Subject: [PATCH] =?UTF-8?q?feat(playground):=20=E6=9B=B4=E6=96=B0=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E9=A1=B5=E9=9D=A2=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 playground/src/config.ts | 227 +++++++++++++++++++++++++++++++++++----
 1 file changed, 209 insertions(+), 18 deletions(-)

diff --git a/playground/src/config.ts b/playground/src/config.ts
index 8507810a..f10d30a0 100644
--- a/playground/src/config.ts
+++ b/playground/src/config.ts
@@ -39,37 +39,228 @@ export default {
         backgroundColor: 'rgba(248, 218, 218, 1)',
         backgroundRepeat: 'no-repeat',
         backgroundSize: '100% 100%',
+        color: '',
+        fontSize: '',
+        fontWeight: '',
       },
       events: [],
       created: '',
       items: [
         {
-          id: 'container_3001',
+          type: 'text',
+          id: 'text_9027',
           style: {
-            left: 0,
-            top: 175,
-            width: 375,
-            height: 100,
+            width: '280.75',
+            height: '38.97',
             position: 'absolute',
+            top: '107.90',
+            left: '46.96',
+            right: '',
+            bottom: '',
+            backgroundImage: '',
+            backgroundColor: '',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '100% 100%',
+            color: '',
+            fontSize: '20',
+            fontWeight: '',
           },
-          type: 'container',
-          name: '组',
+          name: '文本',
+          text: 'Tmagic editor 营销活动编辑器',
+          multiple: true,
+          events: [],
+          created: '',
+        },
+        {
+          type: 'qrcode',
+          id: 'qrcode_4738',
+          style: {
+            position: 'absolute',
+            left: '91.92',
+            width: '176',
+            height: '176',
+            top: '565.50',
+            right: '',
+            bottom: '',
+            backgroundImage: '',
+            backgroundColor: '',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '100% 100%',
+            color: '',
+            fontSize: '',
+            fontWeight: '',
+          },
+          name: '二维码',
+          url: 'https://github.com/Tencent/tmagic-editor',
+          events: [],
+          created: '',
+        },
+        {
+          type: 'img',
+          id: 'img_3877',
+          style: {
+            position: 'absolute',
+            left: '95.91',
+            width: '176',
+            height: '176',
+            top: '325.71',
+            right: '',
+            bottom: '',
+            backgroundImage: '',
+            backgroundColor: '',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '100% 100%',
+            color: '',
+            fontSize: '',
+            fontWeight: '',
+          },
+          name: '图片',
+          src: 'https://vfiles.gtimg.cn/vupload/20210811/388ed01628667545737.png',
+          url: '',
+          events: [],
+          created: '',
+        },
+        {
+          type: 'button',
+          id: 'button_430',
+          style: {
+            position: 'absolute',
+            width: '270',
+            height: '37.5',
+            border: 0,
+            backgroundColor: '#fb6f00',
+            top: '206.82',
+            left: '55.95',
+            right: '',
+            bottom: '',
+            backgroundImage: '',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '100% 100%',
+            color: '',
+            fontSize: '',
+            fontWeight: '',
+          },
+          name: '按钮',
+          text: '打开弹窗',
+          multiple: true,
+          events: [
+            {
+              name: 'magic:common:events:click',
+              to: 'overlay_2159',
+              method: 'openOverlay',
+            },
+          ],
+          created: '',
+        },
+        {
+          type: 'overlay',
+          id: 'overlay_2159',
+          style: {
+            position: 'fixed',
+            width: '100%',
+            height: '100%',
+            top: 0,
+            left: 0,
+            backgroundColor: 'rgba(0, 0, 0, 0.8)',
+          },
+          name: '蒙层',
           items: [
             {
-              id: 'button_5137',
+              type: 'container',
+              id: 'container_607',
               style: {
-                left: 57,
-                top: 31,
-                width: 270,
-                height: 38,
                 position: 'absolute',
-                border: 0,
-                backgroundColor: '#fb6f00',
+                width: '80%',
+                height: '400',
+                top: '143.87',
+                left: 37.5,
+                right: '',
+                bottom: '',
+                backgroundImage: '',
+                backgroundColor: 'rgba(255, 255, 255, 1)',
+                backgroundRepeat: 'no-repeat',
+                backgroundSize: '100% 100%',
+                color: '',
+                fontSize: '',
+                fontWeight: '',
               },
-              type: 'button',
-              name: '按钮',
-              text: '请输入文本内容',
-              multiple: true,
+              name: '组',
+              items: [
+                {
+                  type: 'button',
+                  id: 'button_7265',
+                  style: {
+                    position: 'absolute',
+                    width: '270',
+                    height: '37.5',
+                    border: 0,
+                    backgroundColor: '#fb6f00',
+                    top: '322.71',
+                    left: '15.99',
+                    right: '',
+                    bottom: '',
+                    backgroundImage: '',
+                    backgroundRepeat: 'no-repeat',
+                    backgroundSize: '100% 100%',
+                    color: '',
+                    fontSize: '',
+                    fontWeight: '',
+                  },
+                  name: '按钮',
+                  text: '关闭弹窗',
+                  multiple: true,
+                  events: [
+                    {
+                      name: 'magic:common:events:click',
+                      to: 'overlay_2159',
+                      method: 'closeOverlay',
+                    },
+                  ],
+                  created: '',
+                },
+                {
+                  type: 'img',
+                  id: 'img_3291',
+                  style: {
+                    position: 'absolute',
+                    left: '63.94',
+                    width: '176',
+                    height: '176',
+                    top: '105.91',
+                  },
+                  name: '图片',
+                  src: 'https://puui.qpic.cn/vupload/0/1573555382625_bhp0wud8l6w.png/0',
+                  url: '',
+                },
+                {
+                  type: 'text',
+                  id: 'text_8598',
+                  style: {
+                    position: 'absolute',
+                    width: '86.92',
+                    height: '37.97',
+                    left: '106.90',
+                    top: '35.97',
+                    right: '',
+                    bottom: '',
+                    backgroundImage: '',
+                    backgroundColor: '',
+                    backgroundRepeat: 'no-repeat',
+                    backgroundSize: '100% 100%',
+                    color: '',
+                    fontSize: '24',
+                    fontWeight: '',
+                  },
+                  name: '文本',
+                  text: 'Tmagic',
+                  multiple: false,
+                  events: [],
+                  created: '',
+                },
+              ],
+              layout: 'absolute',
+              events: [],
+              created: '',
             },
           ],
         },