feat: 拖拽布局-完整demo数据结构

demoHtml/flex/index.html

@@ -90,10 +90,10 @@
                             <label for="image">背景图片</label>
                             <select id="image">
                                 <option value="">请选择</option>
-                                <option value="./image/1.png">图片一</option>
+                                <option value="https://mgt.xlzzslzy.top/demoHtml/flex/image/1.png">图片一</option>
-                                <option value="./image/2.jpg">图片二</option>
+                                <option value="https://mgt.xlzzslzy.top/demoHtml/flex/image/2.jpg">图片二</option>
-                                <option value="./image/3.jpg">图片三</option>
+                                <option value="https://mgt.xlzzslzy.top/demoHtml/flex/image/3.jpg">图片三</option>
-                                <option value="./image/4.jpg">图片四</option>
+                                <option value="https://mgt.xlzzslzy.top/demoHtml/flex/image/4.jpg">图片四</option>
                             </select>
                         </div>
                         <div class="form-item">

demoHtml/flex/js/index.js

@@ -262,6 +262,7 @@
 
     // 定义映射关系：元素ID -> 事件类型 -> 组件属性
     const elementMappings = {
+        name: { event: 'blur', property: 'name' },
         childrenType: { event: 'blur', property: 'childrenType' },
         background: { event: 'blur', property: 'background' },
         image: { event: 'change', property: 'image' },