@luck-design-biz/luckda 0.0.27 → 1.0.0-alpha

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

@@ -1,122 +1,236 @@
-[
-  {
-    "group": "container",
-    "groupName": "布局",
-    "components": [
-      {
-        "component": "Layout",
-        "name": "布局容器",
-        "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
-        "icon": "icon-layout"
-      },
-      {
-        "component": "Section",
-        "name": "分组",
-        "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
-        "icon": "icon-section"
-      },
-      {
-        "component": "Split",
-        "name": "分割面板容器",
-        "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
-        "icon": "icon-split"
-      },
-      {
-        "component": "Tabs",
-        "name": "选项卡",
-        "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
-        "icon": "icon-tabs"
-      }
-    ]
-  },
-  {
-    "group": "basic",
-    "groupName": "基础",
-    "components": [
-      {
-        "component": "Button",
-        "name": "按钮",
-        "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
-        "icon": "icon-button"
-      },
-      {
-        "component": "Drawer",
-        "name": "抽屉",
-        "desc": "抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。",
-        "icon": "icon-drawer"
-      },
-      {
-        "component": "Form",
-        "name": "表单",
-        "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
-        "icon": "icon-form"
-      },
-      {
-        "component": "Iframe",
-        "name": "Iframe",
-        "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
-        "icon": "icon-iframe"
-      },
-      {
-        "component": "Image",
-        "name": "图片",
-        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
-        "icon": "icon-image"
-      },
-      {
-        "component": "ImEx",
-        "name": "导入导出",
-        "desc": "支持导入导出数据的按钮组件。",
-        "icon": "icon-imex"
-      },
-      {
-        "component": "JSX",
-        "name": "jsx代码段",
-        "desc": "通过编写JSX代码实现React组件的动态渲染。",
-        "icon": "icon-jsx"
-      },
-      {
-        "component": "Link",
-        "name": "超链",
-        "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
-        "icon": "icon-link"
-      },
-      {
-        "component": "Modal",
-        "name": "对话框",
-        "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
-        "icon": "icon-modal"
-      },
-      {
-        "component": "Text",
-        "name": "文本",
-        "desc": "文本组件用于显示文本内容。",
-        "icon": "icon-text"
-      }
-    ]
-  },
-  {
-    "group": "advance",
-    "groupName": "高级",
-    "components": [
-      {
-        "component": "CardList",
-        "name": "卡片列表",
-        "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
-        "icon": "icon-cardlist"
-      },
-      {
-        "component": "Table",
-        "name": "表格",
-        "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
-        "icon": "icon-table"
-      },
-      {
-        "component": "Tree",
-        "name": "树",
-        "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
-        "icon": "icon-tree"
-      }
-    ]
-  }
+[
+  {
+    "group": "container",
+    "groupName": "布局",
+    "components": [
+      {
+        "component": "Box",
+        "name": "盒子",
+        "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+        "icon": "icon-box"
+      },
+      {
+        "component": "Layout",
+        "name": "布局容器",
+        "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
+        "icon": "icon-layout"
+      },
+      {
+        "component": "PageLayout",
+        "name": "页面布局容器",
+        "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
+        "icon": "icon-pagelayout"
+      },
+      {
+        "component": "Section",
+        "name": "分组",
+        "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
+        "icon": "icon-section"
+      },
+      {
+        "component": "Split",
+        "name": "分割面板容器",
+        "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
+        "icon": "icon-split"
+      },
+      {
+        "component": "Tabs",
+        "name": "选项卡",
+        "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
+        "icon": "icon-tabs"
+      }
+    ]
+  },
+  {
+    "group": "basic",
+    "groupName": "基础",
+    "components": [
+      {
+        "component": "Button",
+        "name": "按钮",
+        "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+        "icon": "icon-button"
+      },
+      {
+        "component": "Dialog",
+        "name": "对话框",
+        "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
+        "icon": "icon-dialog"
+      },
+      {
+        "component": "Drawer",
+        "name": "抽屉",
+        "desc": "抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。",
+        "icon": "icon-drawer"
+      },
+      {
+        "component": "Iframe",
+        "name": "Iframe",
+        "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
+        "icon": "icon-iframe"
+      },
+      {
+        "component": "Image",
+        "name": "图片",
+        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
+        "icon": "icon-image"
+      },
+      {
+        "component": "ImEx",
+        "name": "导入导出",
+        "desc": "支持导入导出数据的按钮组件。",
+        "icon": "icon-imex"
+      },
+      {
+        "component": "JSX",
+        "name": "jsx代码段",
+        "desc": "通过编写JSX代码实现React组件的动态渲染。",
+        "icon": "icon-jsx"
+      },
+      {
+        "component": "Link",
+        "name": "超链",
+        "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
+        "icon": "icon-link"
+      },
+      {
+        "component": "Text",
+        "name": "文本",
+        "desc": "文本组件用于显示文本内容。",
+        "icon": "icon-text"
+      }
+    ]
+  },
+  {
+    "group": "field",
+    "groupName": "表单项",
+    "components": [
+      {
+        "component": "FieldColor",
+        "name": "颜色",
+        "desc": "颜色类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldComplex",
+        "name": "复合",
+        "desc": "复合类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldDate",
+        "name": "日期",
+        "desc": "日期类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldDict",
+        "name": "数据字典",
+        "desc": "数据字典类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldEditor",
+        "name": "富文本",
+        "desc": "富文本类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldGroup",
+        "name": "组维度",
+        "desc": "组维度类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldNumber",
+        "name": "数字",
+        "desc": "数字类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldRadio",
+        "name": "单选组件",
+        "desc": "圆形单选表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldRegion",
+        "name": "省市区选择",
+        "desc": "省市区级联选择表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldSelect",
+        "name": "下拉选择器",
+        "desc": "下拉选择器，支持单选、多选、tag标签选择",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldString",
+        "name": "字符串",
+        "desc": "字符串类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldSwitch",
+        "name": "开关",
+        "desc": "开关类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldTextarea",
+        "name": "文本框",
+        "desc": "文本框类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldUpload",
+        "name": "附件上传",
+        "desc": "附件上传表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldUser",
+        "name": "用户",
+        "desc": "用户类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldYear",
+        "name": "年份选择",
+        "desc": "年份选择表单项",
+        "icon": "icon-fieldstring"
+      }
+    ]
+  },
+  {
+    "group": "advance",
+    "groupName": "高级",
+    "components": [
+      {
+        "component": "CardList",
+        "name": "卡片列表",
+        "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
+        "icon": "icon-cardlist"
+      },
+      {
+        "component": "Form",
+        "name": "复杂表单",
+        "desc": "复杂表单组件是用于收集、验证和提交用户输入数据的重要组件。",
+        "icon": "icon-form"
+      },
+      {
+        "component": "Table",
+        "name": "表格",
+        "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
+        "icon": "icon-table"
+      },
+      {
+        "component": "Tree",
+        "name": "树",
+        "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+        "icon": "icon-tree"
+      }
+    ]
+  }
 ]

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

@@ -0,0 +1,27 @@
+{
+  "component": "Dialog",
+  "name": "对话框",
+  "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
+  "icon": "icon-dialog",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "title": "对话框",
+  "width": "700px",
+  "height": "50vh",
+  "defaultOpen": false,
+  "destroyOnClose": true,
+  "mask": true,
+  "okText": "确定",
+  "cancelText": "取消",
+  "footer": true,
+  "btnGroup": {
+    "display": "button",
+    "max": 2,
+    "moreText": "操作",
+    "todoList": []
+  },
+  "advance": {
+    "events": {}
+  }
+}

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

@@ -0,0 +1,157 @@
+{
+  "component": "Dialog",
+  "name": "对话框",
+  "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
+  "icon": "icon-dialog",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "对话框左上角的标题",
+      "type": "_I18nInput",
+      "default": "对话框"
+    },
+    {
+      "key": "width",
+      "name": "对话框宽度",
+      "type": "_WidthHeight",
+      "options": [
+        {
+          "label": "px",
+          "value": "px"
+        },
+        {
+          "label": "%",
+          "value": "%"
+        },
+        {
+          "label": "vw",
+          "value": "vw"
+        },
+        {
+          "label": "A",
+          "value": "auto"
+        }
+      ],
+      "default": "700px"
+    },
+    {
+      "key": "height",
+      "name": "内容区高度",
+      "type": "_WidthHeight",
+      "options": [
+        {
+          "label": "px",
+          "value": "px"
+        },
+        {
+          "label": "vh",
+          "value": "vh"
+        },
+        {
+          "label": "A",
+          "value": "auto"
+        }
+      ],
+      "default": "50vh"
+    },
+    {
+      "key": "defaultOpen",
+      "name": "默认显示",
+      "desc": "默认是否显示",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "destroyOnClose",
+      "name": "关闭销毁",
+      "desc": "关闭时销毁对话框里的子元素",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "mask",
+      "name": "显示遮罩",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "okText",
+      "name": "确认文字",
+      "type": "_I18nInput",
+      "default": "确定"
+    },
+    {
+      "key": "cancelText",
+      "name": "取消文字",
+      "type": "_I18nInput",
+      "default": "取消"
+    },
+    {
+      "key": "footer",
+      "name": "显示footer",
+      "desc": "是否显示底部按钮区域",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "btnGroup",
+      "name": "按钮组",
+      "desc": "底部按钮区域的按钮组（参考按钮配置）",
+      "type": "_ActionsEditor",
+      "default": {
+        "display": "button",
+        "max": 2,
+        "moreText": "操作",
+        "todoList": []
+      },
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "onOpen",
+        "name": "对话框打开时",
+        "desc": "在对话框打开时，执行方法",
+        "func": "function onOpen() {\n\t\n}"
+      },
+      {
+        "key": "onClose",
+        "name": "对话框关闭时",
+        "desc": "在对话框打开时，执行方法，promise反馈false无法截断关闭",
+        "func": "function onClose() {\n\t\n}"
+      },
+      {
+        "key": "onOk",
+        "name": "确定按钮点击",
+        "desc": "点击确定按钮时，执行方法,return为Promose对象时会自动追加loading状态",
+        "func": "function onOk() {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -1,10 +1,20 @@
-{
-  "title": "抽屉",
-  "width": 420,
-  "height": 360,
-  "defaultOpen": false,
-  "mask": false,
-  "keyboard": true,
-  "placement": "right",
-  "footer": true
+{
+  "component": "Drawer",
+  "name": "抽屉",
+  "desc": "抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。",
+  "icon": "icon-drawer",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "title": "抽屉",
+  "width": 420,
+  "height": 360,
+  "defaultOpen": false,
+  "mask": false,
+  "keyboard": true,
+  "placement": "right",
+  "footer": true,
+  "advance": {
+    "events": {}
+  }
 }