@luck-design-biz/luckda 0.0.23 → 0.0.24-2

package/es/lowcode/engine/meta/{components/card-list.json → cardlist.props.json}

@@ -1,143 +1,144 @@
-{
-  "component": "CardList",
-  "name": "卡片列表",
-  "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
-  "icon": "icon-cardlist",
-  "group": "advance",
-  "groupName": "高级",
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "dateset",
-      "name": "首次数据自动加载",
-      "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
-    },
-    {
-      "key": "autoLoad",
-      "name": "首次数据自动加载",
-      "desc": "首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "readOnly",
-      "name": "是否只读",
-      "desc": "卡片列表是否只读",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "isFlow",
-      "name": "是否流式",
-      "desc": "是否流式（不分页）",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "defaultPageSize",
-      "name": "默认分页数",
-      "desc": "isFlow为false时设置，默认单页分页数",
-      "type": "number",
-      "default": 30
-    },
-    {
-      "key": "batchOperations",
-      "name": "批量操作",
-      "desc": "批量操作配置",
-      "type": "_CardListActionSelector"
-    },
-    {
-      "key": "actionTitle",
-      "name": "操作列标题",
-      "desc": "操作列的标题",
-      "type": "string",
-      "default": "操作列"
-    },
-    {
-      "key": "actionWidth",
-      "name": "操作列宽度",
-      "desc": "操作列宽度设置",
-      "type": "number",
-      "default": 100
-    },
-    {
-      "key": "actionHidden",
-      "name": "操作列是否隐藏",
-      "desc": "操作列是否隐藏",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "maxWebShownActionCount",
-      "name": "操作列最大展示数",
-      "desc": "操作列最大展示数,超出最大数变为最大展示数-1+更多",
-      "type": "number",
-      "default": 2
-    },
-    {
-      "key": "actions",
-      "name": "操作项",
-      "desc": "单行操作项",
-      "type": "_ActionSelector"
-    },
-    {
-      "key": "batchActions",
-      "name": "批量操作项",
-      "desc": "批量操作项",
-      "type": "_ActionSelector"
-    }
-  ],
-  "style": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onBatchOperationsClick",
-        "name": "批量操作点击",
-        "desc": "点击操作的回调函数",
-        "func": "(key, selectedRows)=>{\n\t\n}"
-      },
-      {
-        "key": "onActionClick",
-        "name": "操作列点击",
-        "desc": "点击操作的回调函数",
-        "func": "(itemData)=>{\n\t\n}"
-      },
-      {
-        "key": "actionRender",
-        "name": "操作列定制渲染",
-        "desc": "返回为false时，该操作不可见",
-        "func": "(title, rowData)=>{\n\t\n}"
-      },
-      {
-        "key": "onRowClick",
-        "name": "行单击",
-        "desc": "单击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
-      },
-      {
-        "key": "onCardRender",
-        "name": "操作列点击",
-        "desc": "点击操作的回调函数",
-        "func": "(itemData)=>{\n\t\n}"
-      }
-    ]
-  }
+{
+  "component": "CardList",
+  "name": "卡片列表",
+  "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
+  "icon": "icon-cardlist",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dateset",
+      "name": "首次数据自动加载",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "autoLoad",
+      "name": "首次数据自动加载",
+      "desc": "首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "readOnly",
+      "name": "是否只读",
+      "desc": "卡片列表是否只读",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "isFlow",
+      "name": "是否流式",
+      "desc": "是否流式（不分页）",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "defaultPageSize",
+      "name": "默认分页数",
+      "desc": "isFlow为false时设置，默认单页分页数",
+      "type": "number",
+      "default": 30
+    },
+    {
+      "key": "batchOperations",
+      "name": "批量操作",
+      "desc": "批量操作配置",
+      "type": "_CardListActionSelector"
+    },
+    {
+      "key": "actionTitle",
+      "name": "操作列标题",
+      "desc": "操作列的标题",
+      "type": "string",
+      "default": "操作列"
+    },
+    {
+      "key": "actionWidth",
+      "name": "操作列宽度",
+      "desc": "操作列宽度设置",
+      "type": "number",
+      "default": 100
+    },
+    {
+      "key": "actionHidden",
+      "name": "操作列是否隐藏",
+      "desc": "操作列是否隐藏",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "maxWebShownActionCount",
+      "name": "操作列最大展示数",
+      "desc": "操作列最大展示数,超出最大数变为最大展示数-1+更多",
+      "type": "number",
+      "default": 2
+    },
+    {
+      "key": "actions",
+      "name": "操作项",
+      "desc": "单行操作项",
+      "type": "_ActionSelector"
+    },
+    {
+      "key": "batchActions",
+      "name": "批量操作项",
+      "desc": "批量操作项",
+      "type": "_ActionSelector"
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onBatchOperationsClick",
+        "name": "批量操作点击",
+        "desc": "点击操作的回调函数",
+        "func": "(key, selectedRows)=>{\n\t\n}"
+      },
+      {
+        "key": "onActionClick",
+        "name": "操作列点击",
+        "desc": "点击操作的回调函数",
+        "func": "(itemData)=>{\n\t\n}"
+      },
+      {
+        "key": "actionRender",
+        "name": "操作列定制渲染",
+        "desc": "返回为false时，该操作不可见",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "onRowClick",
+        "name": "行单击",
+        "desc": "单击表格行时，执行方法",
+        "func": "(data, rowIndex, params)=>{\n\t\n}"
+      },
+      {
+        "key": "onCardRender",
+        "name": "操作列点击",
+        "desc": "点击操作的回调函数",
+        "func": "(itemData)=>{\n\t\n}"
+      }
+    ]
+  }
 }

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

@@ -1,122 +1,128 @@
-[
-  {
-    "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": "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": "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/es/lowcode/engine/meta/dialog.props.default.json

@@ -0,0 +1,19 @@
+{
+  "component": "Dialog",
+  "name": "对话框",
+  "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
+  "icon": "icon-dialog",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "style": {},
+  "title": "对话框",
+  "width": "700px",
+  "height": "60vh",
+  "fullScreen": false,
+  "fullable": true,
+  "defaultOpen": false,
+  "mask": false,
+  "keyboard": true,
+  "footer": true
+}