@luck-design-biz/luckda 1.0.2 → 1.0.3-13tl

package/es/lowcode/constants/event-topics.js

@@ -30,6 +30,8 @@ export var COMPONENT_MODAL_TOGGLE = 'component-modal-toggle';
 export var COMPONENT_DRAG_OVER = 'component-drag-over';
 // 组件拖放完成时的事件
 export var COMPONENT_DRAG_END = 'component-drag-end';
+// 保存事件
+export var DESIGN_OPERATE_SAVE = 'design-operate-save';
 
 /******************************* Design Topic结束 *******************************/
 

package/es/lowcode/engine/meta/box.props.default.json

@@ -6,7 +6,7 @@
   "group": "container",
   "groupName": "布局",
   "order": 3,
-  "css": "height:100%; width: auto; background-color: #fff;",
+  "css": "height:auto; width: auto;",
   "advance": {
     "events": {}
   }

package/es/lowcode/engine/meta/box.props.json

@@ -14,7 +14,7 @@
       "disabled": true
     }
   ],
-  "css": "height:100%; width: auto; background-color: #fff;",
+  "css": "height:auto; width: auto;",
   "advance": {
     "events": [
       {

package/es/lowcode/engine/meta/cardlist.props.json

@@ -98,7 +98,6 @@
             "name": "图标地址",
             "type": "_JSEditor",
             "defaultCode": "function avatarUrl(record) { \n return null; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -115,7 +114,7 @@
             "name": "标题内容",
             "type": "_JSEditor",
             "defaultCode": "function renderTitle(record) { \n return record.sname; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -138,7 +137,7 @@
             "name": "描述内容",
             "type": "_JSEditor",
             "defaultCode": "function renderDescribe(record) { \n return record.describe; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -149,7 +148,7 @@
             "name": "自定义",
             "type": "_JSEditor",
             "defaultCode": "function renderContent(record) { \n return null; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -232,7 +231,6 @@
             "name": "不可选卡片",
             "type": "_JSEditor",
             "defaultCode": "function disabledCheckbox(record) { \n return false; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true

package/es/lowcode/engine/meta/components-list.json

@@ -69,18 +69,18 @@
         "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
         "icon": "icon-iframe"
       },
-      {
-        "component": "Image",
-        "name": "图片",
-        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
-        "icon": "icon-image"
-      },
       {
         "component": "ImEx",
         "name": "导入导出",
         "desc": "支持导入导出数据的按钮组件。",
         "icon": "icon-imex"
       },
+      {
+        "component": "Image",
+        "name": "图片",
+        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
+        "icon": "icon-image"
+      },
       {
         "component": "JSX",
         "name": "jsx代码段",

package/es/lowcode/engine/meta/dialog.props.default.json

@@ -7,6 +7,7 @@
   "groupName": "基础",
   "order": 1,
   "title": "对话框",
+  "size": "custom",
   "width": "700px",
   "height": "50vh",
   "padding": 16,
@@ -14,7 +15,9 @@
   "mask": true,
   "closable": true,
   "destroyOnClose": true,
-  "footer": true,
+  "footer": {
+    "checked": true
+  },
   "okText": "确定",
   "cancelText": "取消",
   "btnGroup": {

package/es/lowcode/engine/meta/dialog.props.json

@@ -20,10 +20,16 @@
       "type": "_I18nInput",
       "default": "对话框"
     },
+    {
+      "key": "size",
+      "name": "#展现尺寸",
+      "type": "_DialogSize",
+      "default": "custom"
+    },
     {
       "key": "width",
       "name": "对话框宽度",
-      "type": "_WidthHeight",
+      "type": "_DialogWidthHeight",
       "options": [
         {
           "label": "px",
@@ -42,12 +48,18 @@
           "value": "auto"
         }
       ],
+      "sizeOptions": {
+        "small": "540px",
+        "default": "700px",
+        "large": "1150px",
+        "full": "100vw"
+      },
       "default": "700px"
     },
     {
       "key": "height",
       "name": "内容区高度",
-      "type": "_WidthHeight",
+      "type": "_DialogWidthHeight",
       "options": [
         {
           "label": "px",
@@ -62,6 +74,12 @@
           "value": "auto"
         }
       ],
+      "sizeOptions": {
+        "small": "40vh",
+        "default": "60vh",
+        "large": "85vh",
+        "full": "100vh"
+      },
       "default": "50vh"
     },
     {
@@ -142,8 +160,10 @@
           "key": "footer",
           "name": "显示footer",
           "desc": "是否显示底部按钮区域",
-          "type": "switch",
-          "default": true
+          "type": "_ConditionCheck",
+          "default": {
+            "checked": true
+          }
         },
         {
           "key": "okText",

package/es/lowcode/engine/meta/drawer.props.json

@@ -180,7 +180,7 @@
           "key": "footer",
           "name": "显示footer",
           "desc": "是否显示底部按钮区域",
-          "type": "switch",
+          "type": "_ConditionCheck",
           "default": true
         },
         {

package/es/lowcode/engine/meta/fielddate.props.json

@@ -34,7 +34,6 @@
       "name": "不可选日期",
       "type": "_JSEditor",
       "defaultCode": "function disabledDate(currentDate) {return true}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/es/lowcode/engine/meta/fieldeditor.props.json

@@ -23,7 +23,6 @@
       "name": "编辑类",
       "type": "_JSEditor",
       "defaultCode": "function plugins() { \n return ['autolink', 'lists', 'link', 'image', 'table', 'fullscreen']; \n}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/es/lowcode/engine/meta/fieldgroup.props.json

@@ -46,7 +46,6 @@
       "name": "禁止选择",
       "type": "_JSEditor",
       "defaultCode": "function suppressSelect(rowData) { \n return false; \n}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/es/lowcode/engine/meta/fieldyear.props.json

@@ -22,7 +22,6 @@
       "name": "不可选日期",
       "type": "_JSEditor",
       "defaultCode": "function disabledDate(currentDate) {return true}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/es/lowcode/engine/meta/form.props.json

@@ -83,7 +83,7 @@
             "name": "按钮区域左侧渲染",
             "type": "_JSEditor",
             "defaultCode": "function renderFormLeft() { \n return null; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -94,7 +94,7 @@
             "name": "按钮区域右侧渲染",
             "type": "_JSEditor",
             "defaultCode": "function renderFormRight() { \n return null; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -273,7 +273,6 @@
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
                 "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -285,7 +284,6 @@
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
                 "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData) { \n return { [dataSetKey]: submitData }; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -390,7 +388,6 @@
                     "desc": "重写操列",
                     "type": "_JSEditor",
                     "defaultCode": "function actionsColumnReset(data, index, actions, params) { \n \t \n}",
-                    "mustConfirm": true,
                     "wrapper": "collapse",
                     "wrapperProps": {
                       "suppressIcon": true
@@ -404,7 +401,6 @@
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
                 "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -416,7 +412,6 @@
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
                 "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData, behaviorKey) { \n return { [dataSetKey]: { [`${behaviorKey}List`]: submitData } }; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -428,7 +423,6 @@
                 "desc": "重置表格列",
                 "type": "_JSEditor",
                 "defaultCode": "function columnsReset(columns) { \n return columns; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -440,7 +434,6 @@
                 "desc": "加载完成回调",
                 "type": "_JSEditor",
                 "defaultCode": "function onGridFormReady(ref, params, gridForm) { \n\t\n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -516,7 +509,6 @@
                     "desc": "重写操作列",
                     "type": "_JSEditor",
                     "defaultCode": "function actionsColumnReset(data, index, actions, params) { \n \t \n}",
-                    "mustConfirm": true,
                     "wrapper": "collapse",
                     "wrapperProps": {
                       "suppressIcon": true
@@ -530,7 +522,6 @@
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
                 "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -542,7 +533,6 @@
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
                 "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData, behaviorKey) { \n return { [dataSetKey]: { [`${behaviorKey}List`]: submitData } }; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -554,7 +544,6 @@
                 "desc": "重置表格列",
                 "type": "_JSEditor",
                 "defaultCode": "function columnsReset(columns) { \n return columns; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -566,7 +555,6 @@
                 "desc": "加载完成回调",
                 "type": "_JSEditor",
                 "defaultCode": "function onGridFormReady(ref, params, gridForm) { \n\t\n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -620,7 +608,6 @@
                 "name": "自定义操作列",
                 "type": "_JSEditor",
                 "defaultCode": "function resetActions(data, index, actionList, params) { \n return actionList; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -631,7 +618,6 @@
                 "name": "禁止上传类型",
                 "type": "_JSEditor",
                 "defaultCode": "function forbiddenTypes() { \n return []; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -642,7 +628,6 @@
                 "name": "上传前置事件",
                 "type": "_JSEditor",
                 "defaultCode": "function beforeUpload(file, fileList) { \n return true; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -653,7 +638,6 @@
                 "name": "上传事件回调",
                 "type": "_JSEditor",
                 "defaultCode": "function onUploadChange(event) { \n\t\n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
                   "suppressIcon": true
@@ -677,7 +661,7 @@
         "key": "beforeSave",
         "name": "保存前置事件",
         "desc": "保存前置事件，promise，返回false取消执行",
-        "func": "function beforeSave(values, data) {\n return values; \n}"
+        "func": "function beforeSave(values, data) {\n return new Promise(resolve=>resolve(values)); \n}"
       },
       {
         "key": "onSaveCallback",

package/es/lowcode/engine/meta/grouptree.props.json

@@ -50,7 +50,6 @@
       "desc": "返回默认选中的数据主键",
       "type": "_JSEditor",
       "defaultCode": "function defaultSelect(treeData, firstNode) { \n return firstNode.id; \n}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/es/lowcode/engine/meta/js-editor/auto-complete.json

@@ -17,13 +17,13 @@
         "label": "getInstance",
         "kind": "method",
         "insertText": "getInstance",
-        "documentation": "    /**\r\n     * 获取表格实例\r\n     * @method\r\n     */\r"
+        "documentation": "    /**\n     * 获取表格实例\n     * @method\n     */"
       },
       {
         "label": "refresh",
         "kind": "method",
         "insertText": "refresh",
-        "documentation": "    /**\r\n     * 刷新表格\r\n     * @method\r\n     */\r"
+        "documentation": "    /**\n     * 刷新表格\n     * @method\n     */"
       }
     ]
   },
@@ -35,25 +35,25 @@
         "label": "open",
         "kind": "property",
         "insertText": "open",
-        "documentation": "      /**\r\n       * 弹窗打开状态\r\n       * @property\r\n       */\r"
+        "documentation": "      /**\n       * 弹窗打开状态\n       * @property\n       */"
       },
       {
         "label": "doOpen",
         "kind": "method",
         "insertText": "doOpen",
-        "documentation": "      /**\r\n       * 打开弹窗\r\n       * @method\r\n       */\r"
+        "documentation": "      /**\n       * 打开弹窗\n       * @method\n       */"
       },
       {
         "label": "doClose",
         "kind": "method",
         "insertText": "doClose",
-        "documentation": "      /**\r\n       * 关闭弹窗\r\n       * @method\r\n       */\r"
+        "documentation": "      /**\n       * 关闭弹窗\n       * @method\n       */"
       },
       {
         "label": "setTitle",
         "kind": "method",
         "insertText": "setTitle(title)",
-        "documentation": "      /**\r\n       * 设置弹窗标题\r\n       * @method\r\n       * @param {stirng} title -标题\r\n       */\r"
+        "documentation": "      /**\n       * 设置弹窗标题\n       * @method\n       * @param {stirng} title -标题\n       */"
       }
     ]
   },
@@ -65,25 +65,25 @@
         "label": "open",
         "kind": "property",
         "insertText": "open",
-        "documentation": "    /**\r\n     * 弹窗打开状态\r\n     * @property\r\n     */\r"
+        "documentation": "    /**\n     * 弹窗打开状态\n     * @property\n     */"
       },
       {
         "label": "doOpen",
         "kind": "method",
         "insertText": "doOpen",
-        "documentation": "    /**\r\n     * 打开弹窗\r\n     * @method\r\n     */\r"
+        "documentation": "    /**\n     * 打开弹窗\n     * @method\n     */"
       },
       {
         "label": "doClose",
         "kind": "method",
         "insertText": "doClose",
-        "documentation": "    /**\r\n     * 关闭弹窗\r\n     * @method\r\n     */\r"
+        "documentation": "    /**\n     * 关闭弹窗\n     * @method\n     */"
       },
       {
         "label": "setTitle",
         "kind": "method",
         "insertText": "setTitle(title)",
-        "documentation": "    /**\r\n     * 设置弹窗标题\r\n     * @method\r\n     * @param {stirng} title -标题\r\n     */\r"
+        "documentation": "    /**\n     * 设置弹窗标题\n     * @method\n     * @param {stirng} title -标题\n     */"
       }
     ]
   },
@@ -95,13 +95,13 @@
         "label": "getInstance",
         "kind": "method",
         "insertText": "getInstance",
-        "documentation": "      /**\r\n       * 获取表格实例\r\n       * @method\r\n       */\r"
+        "documentation": "      /**\n       * 获取表格实例\n       * @method\n       */"
       },
       {
         "label": "submit",
         "kind": "method",
         "insertText": "submit",
-        "documentation": "      /**\r\n       * 提交表格数据\r\n       * @method\r\n       */\r"
+        "documentation": "      /**\n       * 提交表格数据\n       * @method\n       */"
       }
     ]
   },
@@ -116,13 +116,13 @@
     "completions": []
   },
   {
-    "name": "Image",
-    "triggerWord": "image",
+    "name": "ImEx",
+    "triggerWord": "imex",
     "completions": []
   },
   {
-    "name": "ImEx",
-    "triggerWord": "imex",
+    "name": "Image",
+    "triggerWord": "image",
     "completions": []
   },
   {
@@ -183,13 +183,13 @@
         "label": "getInstance",
         "kind": "method",
         "insertText": "getInstance",
-        "documentation": "      /**\r\n       * 获取表格实例\r\n       * @method\r\n       */\r"
+        "documentation": "      /**\n       * 获取表格实例\n       * @method\n       */"
       },
       {
         "label": "refresh",
         "kind": "method",
         "insertText": "refresh",
-        "documentation": "      /**\r\n       * 刷新表格\r\n       * @method\r\n       */\r"
+        "documentation": "      /**\n       * 刷新表格\n       * @method\n       */"
       }
     ]
   },
@@ -216,73 +216,73 @@
         "label": "loading",
         "kind": "property",
         "insertText": "loading",
-        "documentation": "      /**\r\n       * @property {boolean} loading - loading状态\r\n       */\r"
+        "documentation": "      /**\n       * @property {boolean} loading - loading状态\n       */"
       },
       {
         "label": "topics",
         "kind": "property",
         "insertText": "topics",
-        "documentation": "      /**\r\n       * @property {object} topics - 内置的事件话题\r\n       */\r"
+        "documentation": "      /**\n       * @property {object} topics - 内置的事件话题\n       */"
       },
       {
         "label": "API_PREFIX",
         "kind": "property",
         "insertText": "API_PREFIX",
-        "documentation": "      /**\r\n       * @property {object} topics - service api前缀\r\n       */\r"
+        "documentation": "      /**\n       * @property {object} topics - service api前缀\n       */"
       },
       {
         "label": "PRIMARY_KEY",
         "kind": "property",
         "insertText": "PRIMARY_KEY",
-        "documentation": "      /**\r\n       * @property {string} PRIMARY_KEY - 主键key\r\n       */\r"
+        "documentation": "      /**\n       * @property {string} PRIMARY_KEY - 主键key\n       */"
       },
       {
         "label": "PARENT_KEY",
         "kind": "property",
         "insertText": "PARENT_KEY",
-        "documentation": "      /**\r\n       * @property {string} PARENT_KEY - 树组件主键key\r\n       */\r"
+        "documentation": "      /**\n       * @property {string} PARENT_KEY - 树组件主键key\n       */"
       },
       {
         "label": "getElementById",
         "kind": "method",
         "insertText": "getElementById(compId)",
-        "documentation": "      /**\r\n       * @method - 根据组件ID获取实例\r\n       * @param {string} compId - 组件ID\r\n       * @return {object} target - 组件实例\r\n       */\r"
+        "documentation": "      /**\n       * @method - 根据组件ID获取实例\n       * @param {string} compId - 组件ID\n       * @return {object} target - 组件实例\n       */"
       },
       {
         "label": "getParentElementById",
         "kind": "method",
         "insertText": "getParentElementById(compId)",
-        "documentation": "      /**\r\n       * @method - 根据组件ID获取父组件实例\r\n       * @param {string} compId - 组件ID\r\n       * @return {object} target - 父组件实例\r\n       */\r"
+        "documentation": "      /**\n       * @method - 根据组件ID获取父组件实例\n       * @param {string} compId - 组件ID\n       * @return {object} target - 父组件实例\n       */"
       },
       {
         "label": "doAction",
         "kind": "method",
         "insertText": "doAction(actionPool, args)",
-        "documentation": "      /**\r\n       * @method - 执行行为池\r\n       * @param {object} actionPool - 行为池\r\n       * @param {object} args - 参数\r\n       */\r"
+        "documentation": "      /**\n       * @method - 执行行为池\n       * @param {object} actionPool - 行为池\n       * @param {object} args - 参数\n       */"
       },
       {
         "label": "want",
         "kind": "method",
         "insertText": "want",
-        "documentation": "      /**\r\n       * @method - 是否有权限\r\n       * @return {string} wanted - 期望的资源串\r\n       */\r"
+        "documentation": "      /**\n       * @method - 是否有权限\n       * @return {string} wanted - 期望的资源串\n       */"
       },
       {
         "label": "getBehaviorUrl",
         "kind": "method",
         "insertText": "getBehaviorUrl",
-        "documentation": "      /**\r\n       * @method - 获取执行行为请求的接口URL\r\n       * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL\r\n       */\r"
+        "documentation": "      /**\n       * @method - 获取执行行为请求的接口URL\n       * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL\n       */"
       },
       {
         "label": "utils",
         "kind": "property",
         "insertText": "utils",
-        "documentation": "      /**\r\n       * @property {Utils} 工具类\r\n       */\r"
+        "documentation": "      /**\n       * @property {Utils} 工具类\n       */"
       },
       {
         "label": "router",
         "kind": "property",
         "insertText": "router",
-        "documentation": "      /**\r\n       * @property {Router} router - 路由\r\n       */\r"
+        "documentation": "      /**\n       * @property {Router} router - 路由\n       */"
       }
     ]
   }

package/es/lowcode/engine/meta/jsx.props.default.json

@@ -6,6 +6,5 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "css": "",
-  "render": "function Component() {\n\treturn(\n\t\t<div>\n\t\t\t此为自定义代码组件，请使用 JSX 语法\n\t\t</div>\n\t)\n}"
+  "css": ""
 }

package/es/lowcode/engine/meta/jsx.props.json

@@ -18,12 +18,13 @@
       "name": "编辑jsx代码",
       "desc": "编写可执行的完整jsx组件代码",
       "type": "_JSEditor",
-      "default": "function Component() {\n\treturn(\n\t\t<div>\n\t\t\t此为自定义代码组件，请使用 JSX 语法\n\t\t</div>\n\t)\n}",
-      "mustConfirm": true,
+      "defaultCode": "function Component() {\n\treturn(\n\t\t<div>\n\t\t\t此为自定义代码组件，请使用 JSX 语法\n\t\t</div>\n\t)\n}",
+      "isjsx": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true
-      }
+      },
+      "repositioning": true
     }
   ],
   "css": ""

package/es/lowcode/engine/meta/layout.props.default.json

@@ -6,7 +6,7 @@
   "groupName": "布局",
   "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
   "order": 1,
-  "css": "background-color: transparent;",
+  "css": "height:auto; background-color: transparent;",
   "columnRatio": "12:3:9",
   "columnSpacing": 16,
   "lineSpacing": 16,

package/es/lowcode/engine/meta/layout.props.json

@@ -87,7 +87,7 @@
       "default": 16
     }
   ],
-  "css": "background-color: transparent;",
+  "css": "height:auto; background-color: transparent;",
   "advance": {
     "events": [
       {