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

package/{lib/lowcode/engine/meta/components/table.json → es/lowcode/view/lc-components/CardList/meta.json}

@@ -1,10 +1,11 @@
 {
-  "component": "Table",
-  "name": "表格",
-  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
-  "icon": "icon-table",
+  "component": "CardList",
+  "name": "卡片列表",
+  "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
+  "icon": "icon-cardlist",
   "group": "advance",
   "groupName": "高级",
+  "order": 1,
   "props": [
     {
       "key": "id",
@@ -14,7 +15,7 @@
     },
     {
       "key": "dateset",
-      "name": "数据集",
+      "name": "首次数据自动加载",
       "desc": "选择系统中的可用树形数据集",
       "type": "_DataSetSelector"
     },
@@ -91,18 +92,6 @@
       "name": "批量操作项",
       "desc": "批量操作项",
       "type": "_ActionSelector"
-    },
-    {
-      "key": "rowStyle",
-      "name": "行样式",
-      "desc": "向行添加 CSS 样式",
-      "type": "_CSSEditor"
-    },
-    {
-      "key": "cellStyle",
-      "name": "行样式",
-      "desc": "向行添加 CSS 样式",
-      "type": "_CSSEditor"
     }
   ],
   "style": {},
@@ -145,17 +134,11 @@
         "func": "(data, rowIndex, params)=>{\n\t\n}"
       },
       {
-        "key": "onRowDoubleClick",
-        "name": "行双击",
-        "desc": "双击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
-      },
-      {
-        "key": "onCellRender",
-        "name": "单元格渲染",
-        "desc": "当单元格渲染时，执行方法",
-        "func": "(data,rowIndex,column,params)=>{\n\t\n}"
+        "key": "onCardRender",
+        "name": "操作列点击",
+        "desc": "点击操作的回调函数",
+        "func": "(itemData)=>{\n\t\n}"
       }
     ]
   }
-}
+}

package/es/lowcode/view/lc-components/Dialog/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Dialog/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Dialog/index.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "children"];
 import React, { useRef, useImperativeHandle } from 'react';
-import { useMemoizedFn, useBoolean } from 'ahooks';
+import { useMemoizedFn, useBoolean, useUpdateEffect } from 'ahooks';
 import { Modal } from 'luck-design/antd';
 import classNames from 'classnames';
 import { useLDContext } from "../../../engine/provider/ContextProvider";
@@ -34,6 +34,17 @@ var LCDialog = function LCDialog(_ref) {
       toggle: toggle
     };
   });
+  useUpdateEffect(function () {
+    if (open) {
+      context.$publisher(context.topics.MODAL_OPEN, {
+        id: id
+      });
+    } else {
+      context.$publisher(context.topics.MODAL_CLOSE, {
+        id: id
+      });
+    }
+  }, [open]);
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     getTargetDom: getTargetDom,

package/es/lowcode/view/lc-components/Dialog/meta.json

@@ -0,0 +1,121 @@
+{
+  "component": "Dialog",
+  "name": "对话框",
+  "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
+  "icon": "icon-dialog",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "对话框左上角的标题",
+      "type": "string",
+      "default": "对话框"
+    },
+    {
+      "key": "width",
+      "name": "宽度",
+      "desc": "对话框的宽度",
+      "type": "string",
+      "default": "700px"
+    },
+    {
+      "key": "height",
+      "name": "高度",
+      "desc": "对话框的高度",
+      "type": "string",
+      "default": "60vh"
+    },
+    {
+      "key": "fullScreen",
+      "name": "默认全屏",
+      "desc": "对话框打开默认全屏",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "fullable",
+      "name": "支持全屏切换",
+      "desc": "可以通过右上角按钮切换全屏状态",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "defaultOpen",
+      "name": "默认显示",
+      "desc": "默认是否显示",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "mask",
+      "name": "显示遮罩",
+      "desc": "是否展示遮罩",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "keyboard",
+      "name": "ESC关闭",
+      "desc": "是否支持键盘 esc 关闭",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "footer",
+      "name": "底部按钮是否显示",
+      "desc": "是否显示底部按钮区域",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "btnGroup",
+      "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": "onOpen",
+        "name": "对话框打开时",
+        "desc": "在对话框打开时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClose",
+        "name": "对话框关闭时",
+        "desc": "在对话框打开时，执行方法，promise反馈false无法截断关闭",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onButtonClick",
+        "name": "按钮组点击",
+        "desc": "点击按钮组某个按钮时，执行方法",
+        "func": "(buttonKey,params)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/Drawer/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Drawer/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Drawer/index.js

@@ -1,15 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "children"];
+var _excluded = ["id", "children", "className"];
 import React, { useRef, useImperativeHandle } from 'react';
-import { useMemoizedFn, useBoolean } from 'ahooks';
+import { useMemoizedFn, useBoolean, useUpdateEffect } from 'ahooks';
 import { Drawer } from 'luck-design/antd';
+import classNames from 'classnames';
 import { useLDContext } from "../../../engine/provider/ContextProvider";
 import { CELL_KEY, RUNTIME } from "../../../constants";
 import Wrapper from "../Wrapper";
+import styles from "./style.less";
 var LCDrawer = function LCDrawer(_ref) {
   var id = _ref.id,
     children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var apiRef = useRef();
   var context = useLDContext();
@@ -31,6 +35,17 @@ var LCDrawer = function LCDrawer(_ref) {
       toggle: toggle
     };
   });
+  useUpdateEffect(function () {
+    if (open) {
+      context.$publisher(context.topics.MODAL_OPEN, {
+        id: id
+      });
+    } else {
+      context.$publisher(context.topics.MODAL_CLOSE, {
+        id: id
+      });
+    }
+  }, [open]);
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     getTargetDom: getTargetDom,
@@ -40,7 +55,8 @@ var LCDrawer = function LCDrawer(_ref) {
     getContainer: context.runtime !== RUNTIME.DESIGN,
     style: {
       position: context.runtime === RUNTIME.DESIGN ? 'absolute' : 'fixed'
-    }
+    },
+    className: classNames(_defineProperty(_defineProperty({}, styles['runtime-drawer'], context.runtime === RUNTIME.DESIGN), className, !!className))
   }, /*#__PURE__*/React.createElement("div", null, "LCDrawer-", id), children));
 };
 export default LCDrawer;

package/es/lowcode/view/lc-components/Drawer/meta.json

@@ -0,0 +1,144 @@
+{
+  "component": "Drawer",
+  "name": "抽屉",
+  "desc": "抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。",
+  "icon": "icon-drawer",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "抽屉左上角的标题",
+      "type": "string",
+      "default": "抽屉"
+    },
+    {
+      "key": "width",
+      "name": "宽度",
+      "desc": "抽屉的宽度（仅左右抽屉有效）",
+      "type": "number",
+      "default": 420
+    },
+    {
+      "key": "height",
+      "name": "高度",
+      "desc": "抽屉的高度（仅上下抽屉有效）",
+      "type": "number",
+      "default": 360
+    },
+    {
+      "key": "defaultOpen",
+      "name": "默认显示",
+      "desc": "默认是否显示",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "mask",
+      "name": "显示遮罩",
+      "desc": "是否展示遮罩",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "keyboard",
+      "name": "ESC关闭",
+      "desc": "是否支持键盘 esc 关闭",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "placement",
+      "name": "弹出位置",
+      "desc": "抽屉的方向",
+      "type": "select",
+      "options": [
+        {
+          "label": "顶部",
+          "value": "top"
+        },
+        {
+          "label": "右侧",
+          "value": "right"
+        },
+        {
+          "label": "底部",
+          "value": "bottom"
+        },
+        {
+          "label": "左侧",
+          "value": "left"
+        }
+      ],
+      "default": "right"
+    },
+    {
+      "key": "footer",
+      "name": "底部按钮是否显示",
+      "desc": "是否显示底部按钮区域",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "btnGroup",
+      "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": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onOpen",
+        "name": "抽屉打开时",
+        "desc": "在抽屉打开时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClose",
+        "name": "抽屉关闭时",
+        "desc": "在抽屉打开时，执行方法，promise反馈false无法截断关闭",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onButtonClick",
+        "name": "按钮组点击",
+        "desc": "点击按钮组某个按钮时，执行方法",
+        "func": "(buttonKey,params)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/Drawer/style.less

@@ -0,0 +1,7 @@
+.runtime-drawer {
+    :global {
+        .ant-drawer-content-wrapper {
+            transition: none;
+        }
+    }
+}

package/es/lowcode/view/lc-components/Form/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Form/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Form/meta.json

@@ -0,0 +1,117 @@
+{
+  "component": "Form",
+  "name": "表单",
+  "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
+  "icon": "icon-form",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dateset",
+      "name": "首次数据自动加载",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "type",
+      "name": "表单类型",
+      "desc": "表单存储数据的形式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "表单",
+          "value": "auto"
+        },
+        {
+          "label": "表格",
+          "value": "grid"
+        },
+        {
+          "label": "单元格可写表格",
+          "value": "writer"
+        }
+      ],
+      "default": "auto"
+    },
+    {
+      "key": "header",
+      "name": "表头",
+      "desc": "单个子单表表头，不设置就没有子表头",
+      "type": "radio",
+      "options": [
+        {
+          "label": "无",
+          "value": "none"
+        },
+        {
+          "label": "收缩框",
+          "value": "collapse"
+        },
+        {
+          "label": "流式收缩框",
+          "value": "collapseFollow"
+        },
+        {
+          "label": "分隔线",
+          "value": "divider"
+        }
+      ]
+    },
+    {
+      "key": "saveBtnTitle",
+      "name": "保存按钮的名称",
+      "desc": "配置保存按钮的名称",
+      "type": "string",
+      "default": "保存"
+    },
+    {
+      "key": "defaultColumnCount",
+      "name": "默认列数",
+      "desc": "表示表格的默认列数",
+      "type": "number",
+      "default": 4
+    },
+    {
+      "key": "defaultLength",
+      "name": "默认长度",
+      "desc": "表示通用的默认长度，可背单字段设置的长度覆盖",
+      "type": "number"
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "beforeSave",
+        "name": "保存前置事件",
+        "desc": "保存前置事件，promise，返回false取消执行",
+        "func": "(data, params)=>{\n\t\n}"
+      },
+      {
+        "key": "onSaveCallback",
+        "name": "保存后回调",
+        "desc": "保存后回调事件",
+        "func": "(params)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/Iframe/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Iframe/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Iframe/meta.json

@@ -0,0 +1,32 @@
+{
+  "component": "Iframe",
+  "name": "Iframe",
+  "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
+  "icon": "icon-iframe",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "path",
+      "name": "网页路径",
+      "desc": "iframe打开的网页路径",
+      "type": "string"
+    },
+    {
+      "key": "supportFullScreen",
+      "name": "支持全屏",
+      "desc": "是否支持全屏展示",
+      "type": "boolean",
+      "default": true
+    }
+  ],
+  "style": {},
+  "advance": {}
+}

package/es/lowcode/view/lc-components/ImEx/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;