feat: 优化编辑器组件，简化模板结构，增强可读性和维护性，更新样式和事件处理逻辑

Author: Little-LittleProgrammer

apps/playground/src/views/editor/index.vue

@@ -77,6 +77,7 @@ const init = async(changeNode = false) => {
             customStyleSwitch: curStyleSwitch.value,
             customStyle: node.value?.style
         };
+        console.log('formModel', formModel.value);
     });
 };
 

packages/editor/src/components/layouts/props-editor.vue

@@ -53,8 +53,8 @@ export const defaultEditorProps = {
         children: [{
             'text': '容器',
             'component': 'container',
-            icon: 'FolderOpenOutlined',
-        },{
+            icon: 'FolderOpenOutlined'
+        }, {
             'text': '蒙层',
             'component': 'OverlayContainer',
             icon: 'FolderOpenOutlined',
@@ -65,35 +65,35 @@ export const defaultEditorProps = {
                     height: '100%',
                     top: 0,
                     left: 0,
-                    backgroundColor: 'rgba(0, 0, 0, 0.8)',
-                }, 
+                    backgroundColor: 'rgba(0, 0, 0, 0.8)'
+                }
             }
-        }],
-		},{
+        }]
+    }, {
         /** 显示文案 */
         text: '基本组件',
         /** 组内列表 */
         children: [{
             'text': '按钮',
             'component': 'Button',
-            icon: 'SelectOutlined',
+            icon: 'SelectOutlined'
         }, {
             'text': '图片',
             'component': 'Img',
-            icon: 'LinkOutlined',
+            icon: 'LinkOutlined'
         }, {
             'text': '视频',
             'component': 'Video',
-            icon: 'PlayCircleOutlined',
+            icon: 'PlayCircleOutlined'
         }, {
             'text': '文本',
             'component': 'Text',
-            icon: 'LineOutlined',
+            icon: 'LineOutlined'
         }, {
             'text': '二维码',
             'component': 'Button',
-            icon: 'SelectOutlined',
-        }],
+            icon: 'SelectOutlined'
+        }]
     }],
     containerHighlightClassName: CONTAINER_HIGHLIGHT_CLASS_NAME,
     containerHighlightDuration: CONTAINER_HIGHLIGHT_DELAY_TIME,
@@ -104,15 +104,15 @@ export const defaultEditorProps = {
             style: {
                 height: '100%',
                 margin: '0 auto'
-            },
+            }
         },
         'container': {
             style: {
-                height: '100',
-            },
-        },
+                height: '100'
+            }
+        }
     }),
     propsConfigs: () => {},
     methodsList: () => {},
-    datasourceList: () => [],
+    datasourceList: () => []
 };