@luck-design-biz/luckda 0.0.22-4 → 0.0.22-5

package/lib/lowcode/view/lc-components/Table/meta.json

@@ -0,0 +1,162 @@
+{
+  "component": "Table",
+  "name": "表格",
+  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
+  "icon": "icon-table",
+  "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"
+    },
+    {
+      "key": "rowStyle",
+      "name": "行样式",
+      "desc": "向行添加 CSS 样式",
+      "type": "_CSSEditor"
+    },
+    {
+      "key": "cellStyle",
+      "name": "行样式",
+      "desc": "向行添加 CSS 样式",
+      "type": "_CSSEditor"
+    }
+  ],
+  "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": "onRowDoubleClick",
+        "name": "行双击",
+        "desc": "双击表格行时，执行方法",
+        "func": "(data, rowIndex, params)=>{\n\t\n}"
+      },
+      {
+        "key": "onCellRender",
+        "name": "单元格渲染",
+        "desc": "当单元格渲染时，执行方法",
+        "func": "(data,rowIndex,column,params)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Tabs/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id", "children"];
+var LCTabs = function LCTabs(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCTabs", children));
+};
+var _default = exports.default = LCTabs;

package/lib/lowcode/view/lc-components/Tabs/meta.json

@@ -0,0 +1,141 @@
+{
+  "component": "Tabs",
+  "name": "选项卡",
+  "icon": "icon-tabs",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
+  "order": 1,
+  "props": [
+    {
+      "key": "fieldId",
+      "name": "唯一标识",
+      "desc": "组件的唯一标识符，不能够与其它组件重名，不能够为空，且只能够使用以字母开头的，下划线以及数字的组合",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "items",
+      "name": "标签项",
+      "desc": "表示标签项或选项卡的集合",
+      "type": "_TabsItems",
+      "default": []
+    },
+    {
+      "key": "shape",
+      "name": "形态",
+      "desc": "表示选项卡的形态或外观样式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "普通型",
+          "value": "pure"
+        },
+        {
+          "label": "包裹型",
+          "value": "wrapped"
+        },
+        {
+          "label": "文本型",
+          "value": "text"
+        },
+        {
+          "label": "胶囊型",
+          "value": "capsule"
+        }
+      ],
+      "default": "pure"
+    },
+    {
+      "key": "size",
+      "name": "大小",
+      "desc": "表示选项卡的形态或外观样式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "default"
+        }
+      ],
+      "default": "default"
+    },
+    {
+      "key": "contentPadding",
+      "name": "内容间距",
+      "desc": "设定内容区的内间距，请输入合理的CSS padding值",
+      "type": "string",
+      "default": "20px 20px"
+    },
+    {
+      "key": "excessMode",
+      "name": "选项卡过多时的滑动模式",
+      "desc": "表示选项卡过多时的滑动模式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "滑动",
+          "value": "slide"
+        },
+        {
+          "label": "下拉",
+          "value": "dropdown"
+        }
+      ],
+      "default": "slide"
+    },
+    {
+      "key": "unmountInactiveTabs",
+      "name": "切换销毁",
+      "desc": "表示选项卡切换时是否销毁非活动选项卡的内容",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "lazyLoad",
+      "name": "延迟加载",
+      "desc": "表示选项卡的延迟加载行为",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "needBadge",
+      "name": "开启徽标",
+      "desc": "表示选项卡是否开启徽标",
+      "type": "boolean",
+      "default": false
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "renderBadge",
+        "name": "徽标渲染",
+        "desc": "当needBadge为true时可配置。徽标渲染方法",
+        "func": "(tabItem)=>{\n\t\n}"
+      },
+      {
+        "key": "onExtraRender",
+        "name": "渲染导航栏附加内容",
+        "desc": "渲染导航栏附加内容方法",
+        "func": "(activeTab)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Text/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCText = function LCText(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: {
+      padding: 8
+    }
+  }, "LCText-", id));
+};
+var _default = exports.default = LCText;

package/lib/lowcode/view/lc-components/Text/meta.json

@@ -0,0 +1,66 @@
+{
+  "component": "Text",
+  "name": "文本",
+  "icon": "icon-text",
+  "group": "basic",
+  "groupName": "基础",
+  "desc": "文本组件用于显示文本内容。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "content",
+      "name": "内容",
+      "desc": "文本内容设置",
+      "type": "string"
+    },
+    {
+      "key": "showTitle",
+      "name": "显示标题",
+      "desc": "是否显示标题",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "title",
+      "name": "自定义标题",
+      "desc": "显示标题时配置。自定义标题内容",
+      "type": "string"
+    },
+    {
+      "key": "maxLine",
+      "name": "最大行数",
+      "desc": "超出时自动省略号展示",
+      "type": "number",
+      "default": 0
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Tree/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCTree = function LCTree(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCTree"));
+};
+var _default = exports.default = LCTree;

package/lib/lowcode/view/lc-components/Tree/meta.json

@@ -0,0 +1,157 @@
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dateset",
+      "name": "数据集",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "showLine",
+      "name": "显示线",
+      "desc": "是否显示树组件的连接线",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "lazyLoad",
+      "name": "懒加载",
+      "desc": "是否树形组件懒加载",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "editable",
+      "name": "支持编辑",
+      "desc": "是否支持编辑树",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "draggable",
+      "name": "支持拖拽",
+      "desc": "是否支持拖拽",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "defaultExpandDeep",
+      "name": "默认展开层级",
+      "desc": "默认展开多少层级",
+      "type": "select",
+      "options": [
+        {
+          "label": "1",
+          "value": "1"
+        },
+        {
+          "label": "2",
+          "value": "2"
+        },
+        {
+          "label": "3",
+          "value": "3"
+        },
+        {
+          "label": "4",
+          "value": "4"
+        },
+        {
+          "label": "5",
+          "value": "5"
+        },
+        {
+          "label": "全部",
+          "value": "all"
+        }
+      ],
+      "default": 1
+    },
+    {
+      "key": "rowKey",
+      "name": "数据主键key",
+      "desc": "数据主键",
+      "type": "string"
+    },
+    {
+      "key": "actions",
+      "name": "操作项",
+      "desc": "单行操作项",
+      "type": "_ActionSelector"
+    },
+    {
+      "key": "doubleClick",
+      "name": "开启双击事件",
+      "desc": "是否开启双击事件（默认双击收缩节点）",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "multiple",
+      "name": "多选",
+      "desc": "是否支持多选",
+      "type": "boolean",
+      "default": false
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "processDataSource",
+        "name": "数据预处理",
+        "desc": "数据渲染前预处理",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onTreeNodeRender",
+        "name": "定制渲染",
+        "desc": "单行树节点渲染",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "unSelectableNodes",
+        "name": "失活节点",
+        "desc": "不可选择的节点",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onRightMenus",
+        "name": "定制渲染",
+        "desc": "返回为false时，该操作不可见",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "onDoubleClick",
+        "name": "自定义双击事件",
+        "desc": "自定义双击事件，默认为收缩节点",
+        "func": "(rowData)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Wrapper.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = require("react");
+var _ahooks = require("ahooks");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _dataProcess = require("../../engine/tools/dataProcess");
+var _constants = require("../../constants");
+var LCWrapper = function LCWrapper(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    getTargetDom = _ref.getTargetDom,
+    api = _ref.api;
+  var context = (0, _ContextProvider.useLDContext)();
+  var _pageData = (0, _ahooks.useLatest)(context.pageData);
+  var _api = (0, _ahooks.useCreation)(function () {
+    return {
+      getSelfAndParentLCData: function getSelfAndParentLCData() {
+        return (0, _dataProcess.findNodeAndParent)(id, _pageData.current);
+      },
+      getLevelNodes: function getLevelNodes() {
+        return (0, _dataProcess.getPathNodesById)(_pageData.current, id);
+      }
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    var dom = getTargetDom();
+    if (dom) {
+      dom.setAttribute('id', id);
+      dom.classList.add(_constants.CELL_CLASS_NAME);
+    }
+    context.register(id, new Proxy({
+      dom: dom
+    }, {
+      get: function get(target, property, receiver) {
+        if (property === 'api') {
+          return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _api), api.current) : _api;
+        }
+        return Reflect.get(target, property, receiver);
+      }
+    }));
+    context.$publisher(context.topics.COMPONENT_MOUNT, {
+      id: id
+    });
+    return function () {
+      context.unregister(id);
+      context.$publisher(context.topics.COMPONENT_UNMOUNT, {
+        id: id
+      });
+    };
+  }, []);
+  return children;
+};
+var _default = exports.default = LCWrapper;

package/lib/lowcode/view/style/canvas.less

@@ -0,0 +1,5 @@
+.lc-view-canvas {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}