@luck-design-biz/luckda 0.0.26 → 0.0.27-2

package/lib/lowcode/engine/meta/page.props.default.json

@@ -0,0 +1,12 @@
+{
+  "component": "Page",
+  "name": "页面",
+  "group": "build-in",
+  "css": "background-color: transparent;",
+  "enableHeader": "false",
+  "fixedHeader": "true",
+  "enableFooter": "false",
+  "advance": {
+    "events": {}
+  }
+}

package/lib/lowcode/engine/meta/page.props.json

@@ -0,0 +1,49 @@
+{
+  "component": "Page",
+  "name": "页面",
+  "group": "build-in",
+  "props": [
+    {
+      "key": "pageSlot",
+      "name": "页面插槽",
+      "type": "group",
+      "props": [
+        {
+          "key": "enableHeader",
+          "name": "启用页头",
+          "type": "switch",
+          "default": "false"
+        },
+        {
+          "key": "fixedHeader",
+          "name": "固定页头",
+          "type": "switch",
+          "default": "true"
+        },
+        {
+          "key": "enableFooter",
+          "name": "启用页尾",
+          "type": "switch",
+          "default": "false"
+        }
+      ]
+    }
+  ],
+  "css": "background-color: transparent;",
+  "advance": {
+    "events": [
+      {
+        "key": "onPageMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onPageMount()=>{\n\t\n}"
+      },
+      {
+        "key": "onPageUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onPageUnmount()=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/engine/meta/pagecontent.props.default.json

@@ -0,0 +1,6 @@
+{
+  "component": "PageContent",
+  "name": "页面内容",
+  "group": "build-in",
+  "css": "background-color: transparent"
+}

package/lib/lowcode/engine/meta/pagecontent.props.json

@@ -0,0 +1,7 @@
+{
+  "component": "PageContent",
+  "name": "页面内容",
+  "group": "build-in",
+  "props": [],
+  "css": "background-color: transparent"
+}

package/lib/lowcode/engine/meta/pagefooter.props.default.json

@@ -0,0 +1,6 @@
+{
+  "component": "PageFooter",
+  "name": "页面尾",
+  "group": "build-in",
+  "css": "width: 100%; height: 80px; background-color: transparent"
+}

package/lib/lowcode/engine/meta/pagefooter.props.json

@@ -0,0 +1,7 @@
+{
+  "component": "PageFooter",
+  "name": "页面尾",
+  "group": "build-in",
+  "props": [],
+  "css": "width: 100%; height: 80px; background-color: transparent"
+}

package/lib/lowcode/engine/meta/pageheader.props.default.json

@@ -0,0 +1,6 @@
+{
+  "component": "PageHeader",
+  "name": "页面头",
+  "group": "build-in",
+  "css": "width: 100%; height:120px; background-color: #fff; margin-bottom: 8px"
+}

package/lib/lowcode/engine/meta/pageheader.props.json

@@ -0,0 +1,7 @@
+{
+  "component": "PageHeader",
+  "name": "页面头",
+  "group": "build-in",
+  "props": [],
+  "css": "width: 100%; height:120px; background-color: #fff; margin-bottom: 8px"
+}

package/lib/lowcode/engine/meta/pagelayout.props.default.json

@@ -0,0 +1,14 @@
+{
+  "component": "PageLayout",
+  "name": "页面布局容器",
+  "icon": "icon-pagelayout",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
+  "order": 1,
+  "css": "width: 100%, height: 100%, background-color: transparent",
+  "display": "lr",
+  "advance": {
+    "events": {}
+  }
+}

package/lib/lowcode/engine/meta/pagelayout.props.json

@@ -0,0 +1,47 @@
+{
+  "component": "PageLayout",
+  "name": "页面布局容器",
+  "icon": "icon-pagelayout",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "displaySetting",
+      "name": "展现形式",
+      "type": "group",
+      "props": [
+        {
+          "key": "display",
+          "name": "#展现形式",
+          "type": "_PageLayoutDisplay",
+          "default": "lr"
+        }
+      ]
+    }
+  ],
+  "css": "width: 100%, height: 100%, background-color: transparent",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/engine/meta/section.props.json

@@ -0,0 +1,111 @@
+{
+  "component": "Section",
+  "name": "分组",
+  "icon": "icon-section",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "collapse",
+      "name": "折叠",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "simple",
+      "name": "简洁风格",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "padding",
+      "name": "内边距",
+      "type": "switch",
+      "default": true,
+      "repositioning": true
+    },
+    {
+      "key": "destroyInactivePanel",
+      "name": "隐藏销毁",
+      "desc": "面板被折叠隐藏时销毁面板中的组件",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "title",
+      "name": "分组标题",
+      "type": "_I18nInput",
+      "default": "分组"
+    },
+    {
+      "key": "iconFont",
+      "name": "图标",
+      "type": "_Icon",
+      "next": {
+        "name": "选择图标",
+        "autoClose": true,
+        "props": [
+          {
+            "key": "iconFont",
+            "name": "#图标选择器",
+            "type": "_IconSelector"
+          }
+        ]
+      }
+    },
+    {
+      "key": "tooltip",
+      "name": "用户提示",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "subtitle",
+      "name": "副标题插槽",
+      "desc": "分组副标题的插槽内容",
+      "type": "_JSEditor",
+      "defaultCode": "function Component() { \n return <span>subtitle</span>; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
+    },
+    {
+      "key": "extra",
+      "name": "扩展区域插槽",
+      "desc": "分组扩展区域的插槽内容",
+      "type": "_JSEditor",
+      "defaultCode": "function Component() { \n return <div>extra</div>; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
+    }
+  ],
+  "css": "width: 100%;",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount(){\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount()=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/engine/meta/split.props.json

@@ -0,0 +1,57 @@
+{
+  "component": "Split",
+  "name": "分割面板容器",
+  "icon": "icon-split",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "displaySetting",
+      "name": "展现形式",
+      "type": "group",
+      "props": [
+        {
+          "key": "display",
+          "name": "#展现形式",
+          "type": "_SplitDisplay",
+          "default": {
+            "type": "normal",
+            "split": "horizontal",
+            "ratio": "1:1"
+          }
+        }
+      ]
+    }
+  ],
+  "css": "width: 100%, height: 100%, background-color: transparent",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "onChange",
+        "name": "尺寸变化事件",
+        "desc": "在面板尺寸发生变化时，执行方法",
+        "func": "function onChange(value) {\n\t\n}"
+      }
+    ]
+  }
+}