@luck-design-biz/luckda 0.0.25-9 → 0.0.26

package/es/lowcode/engine/meta/table.props.default.json

@@ -1,50 +1,10 @@
-{
-  "component": "Table",
-  "name": "表格",
-  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
-  "icon": "icon-table",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "autoLoad": true,
-  "readOnly": false,
-  "draggable": false,
-  "topActionGroup": {
-    "display": "button",
-    "max": 2,
-    "moreText": "操作",
-    "todoList": []
-  },
-  "suppressActions": false,
-  "actionsColumnWidth": 160,
-  "actions": {
-    "display": "text",
-    "max": 2,
-    "moreText": "更多操作",
-    "todoList": []
-  },
-  "rowSelection": false,
-  "suppressRowSelectionPagination": false,
-  "rowSelectionMode": "multiple",
-  "bantchActions": {
-    "todoList": []
-  },
-  "impexp": {
-    "export": true
-  },
-  "width": "100%",
-  "height": "100%",
-  "zebra": false,
-  "suppressPreset": false,
-  "bordered": false,
-  "renderIndex": true,
-  "pagination": true,
-  "showSizeChanger": true,
-  "showQuickJumper": true,
-  "hideOnSinglePage": false,
-  "paginationSimple": false,
-  "pageSize": 30,
-  "advance": {
-    "events": {}
-  }
+{
+  "autoLoad": true,
+  "readOnly": false,
+  "isFlow": false,
+  "defaultPageSize": 30,
+  "actionTitle": "操作列",
+  "actionWidth": 100,
+  "actionHidden": false,
+  "maxWebShownActionCount": 2
 }

package/es/lowcode/engine/meta/tabs.props.default.json

@@ -1,25 +1,10 @@
-{
-  "component": "Tabs",
-  "name": "选项卡",
-  "icon": "icon-tabs",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
-  "order": 1,
-  "css": "width: 100%; height: 100%;",
-  "items": [
-    {
-      "id": "tab_lvwdncx1",
-      "name": "标签项",
-      "active": true,
-      "destory": false,
-      "serial": null,
-      "serialEffect": "hidden"
-    }
-  ],
-  "type": "line",
-  "tabPosition": "top",
-  "advance": {
-    "events": {}
-  }
+{
+  "items": [],
+  "shape": "pure",
+  "size": "default",
+  "contentPadding": "20px 20px",
+  "excessMode": "slide",
+  "unmountInactiveTabs": false,
+  "lazyLoad": false,
+  "needBadge": false
 }

package/es/lowcode/engine/meta/text.props.default.json

@@ -1,15 +1,4 @@
-{
-  "component": "Text",
-  "name": "文本",
-  "icon": "icon-text",
-  "group": "basic",
-  "groupName": "基础",
-  "desc": "文本组件用于显示文本内容。",
-  "order": 1,
-  "css": {},
-  "showTitle": false,
-  "maxLine": 0,
-  "advance": {
-    "events": {}
-  }
+{
+  "showTitle": false,
+  "maxLine": 0
 }

package/es/lowcode/engine/meta/tree.props.default.json

@@ -1,32 +1,9 @@
-{
-  "component": "Tree",
-  "name": "树",
-  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
-  "icon": "icon-tree",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "readOnly": false,
-  "draggable": true,
-  "asyncLoad": false,
-  "parentKey": "iparentid",
-  "width": "100%",
-  "height": "100%",
-  "showLine": false,
-  "treeNodeTitle": "sname",
-  "defaultExpandDeep": "0",
-  "cancelSelect": true,
-  "showIcon": true,
-  "treeNodeIcon": [],
-  "showRootAdd": true,
-  "onlyRoot": false,
-  "rootAddSetting": {},
-  "actions": {
-    "todoList": []
-  },
-  "doubleClickExpand": true,
-  "checkable": false,
-  "advance": {
-    "events": {}
-  }
+{
+  "showLine": false,
+  "lazyLoad": false,
+  "editable": false,
+  "draggable": false,
+  "defaultExpandDeep": 1,
+  "doubleClick": true,
+  "multiple": false
 }

package/es/lowcode/engine/provider/ContextProvider.js

@@ -0,0 +1,164 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { createContext, useContext, useRef } from 'react';
+import { history } from 'umi';
+import { useMemoizedFn } from 'ahooks';
+import { useLDEventBus } from "./EventBusProvider";
+import * as topics from "../../constants/event-topics";
+export var Context = /*#__PURE__*/createContext(null);
+export var useLDContext = function useLDContext() {
+  return useContext(Context);
+};
+var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'pageData', 'componentList', 'componentMap'];
+export default (function (_ref) {
+  var children = _ref.children;
+  var eventBus = useLDEventBus();
+
+  /**
+   * 页面码
+   */
+  var _pageCode = useRef(void 0);
+
+  /**
+   * 模块码
+   */
+  var _moduleCode = useRef(void 0);
+
+  /**
+   * 页面数据
+   */
+  var _pageData = useRef(null);
+
+  /**
+   * 组件列表
+   */
+  var _componentList = useRef([]);
+
+  /**
+   * 组件id与组件的映射
+   */
+  var _componentMap = useRef(new Map());
+  var _privateGetter = useRef({
+    pageCode: function pageCode() {
+      return _pageCode.current;
+    },
+    moduleCode: function moduleCode() {
+      return _moduleCode.current;
+    },
+    pageData: function pageData() {
+      return _pageData.current;
+    },
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return _componentMap.current;
+    }
+  });
+
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
+   */
+  var register = useMemoizedFn(function (id, component) {
+    _componentMap.current.set(id, component);
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  var unregister = useMemoizedFn(function (id) {
+    _componentMap.current.delete(id);
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 获取当前模块数据
+   * return:Object
+   */
+  var getModule = useMemoizedFn(function () {});
+
+  /**
+   * 根据datasetId获取数据集
+   * datasetId:string 数据集id
+   * return:Object
+   */
+  var getDataSetById = useMemoizedFn(function (datasetId) {});
+
+  /**
+   * 执行actionKey对应的行为
+   * actionKey:string 行为key
+   * return:Promise
+   */
+  var doAction = useMemoizedFn(function (actionKey) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = useMemoizedFn(function () {});
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: new Proxy(_objectSpread({
+      _pageCode: _pageCode,
+      _moduleCode: _moduleCode,
+      _pageData: _pageData,
+      _componentList: _componentList,
+      _componentMap: _componentMap,
+      history: history,
+      topics: topics,
+      register: register,
+      unregister: unregister,
+      getElementById: getElementById,
+      getParentElement: getParentElement,
+      getElementPathById: getElementPathById,
+      getModule: getModule,
+      getDataSetById: getDataSetById,
+      doAction: doAction,
+      getUrlParams: getUrlParams
+    }, eventBus), {
+      get: function get(target, property, receiver) {
+        if (PRIVATE_KEYS.includes(property)) {
+          var _privateGetter$curren;
+          return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
+        }
+        return Reflect.get(target, property, receiver);
+      },
+      set: function set(target, property, receiver) {
+        console.log('set', target, property, receiver);
+        if (PRIVATE_KEYS.includes(property)) {
+          throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+        } else {
+          return Reflect.set(target, property, receiver);
+        }
+      }
+    })
+  }, children);
+});

package/es/lowcode/engine/provider/EventBusProvider.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["topic"];
 import React, { createContext, useContext } from 'react';
 import { useEventEmitter, useCreation, useMemoizedFn } from 'ahooks';
-import { suid } from '@luck-design-biz/base/utils';
+import lcid from "../tools/lcid";
 import { isPromise } from "../tools/helper";
 export var EventBus = /*#__PURE__*/createContext(null);
 export var useLDEventBus = function useLDEventBus() {
@@ -87,7 +87,7 @@ export default (function (_ref) {
   });
   var $subscriber = useMemoizedFn(function (topic) {
     if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
-    var id = suid();
+    var id = lcid();
     var _subscriber = Subscriber(id);
     subscriberPool.get(topic).push([id, _subscriber]);
     return _subscriber;

package/es/lowcode/engine/tools/dataProcess.js

@@ -1,9 +1,7 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import * as LZString from 'lz-string';
-import { LC_BUILDIN_UNIT_KEY } from "../../constants";
 
 /**
  * 数据压缩
@@ -14,7 +12,7 @@ export function compress(data) {
   // 将对象转换为JSON字符串
   var jsonString = JSON.stringify(data);
   // 使用LZ-String压缩JSON字符串
-  return LZString.compressToBase64(jsonString);
+  return LZString.compressToUTF16(jsonString);
 }
 
 /**
@@ -24,7 +22,7 @@ export function compress(data) {
  */
 export function decompress(compressedData) {
   // 使用LZ-String解压数据
-  var jsonString = LZString.decompressFromBase64(compressedData);
+  var jsonString = LZString.decompressFromUTF16(compressedData);
   // 将JSON字符串转换回对象
   return JSON.parse(jsonString);
 }
@@ -39,16 +37,6 @@ export function decompress(compressedData) {
  */
 export function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  if (!id) return {
-    node: null,
-    parent: null
-  };
-  if (!parent && current.props.id === id) {
-    return {
-      node: current,
-      parent: null
-    };
-  }
   if (current.hasOwnProperty('children') && current.children.includes(id)) {
     return {
       node: current[id],
@@ -56,7 +44,7 @@ export function findNodeAndParent(id, current) {
     };
   }
   for (var key in current) {
-    if (current[key] && _typeof(current[key]) === 'object' && key !== 'props' && key !== 'children') {
+    if (current[key] && _typeof(current[key]) === 'object' && key !== 'props') {
       var result = findNodeAndParent(id, current[key], current);
       if (result.node) {
         return result;
@@ -110,7 +98,7 @@ function process(json, path, id, data) {
     current[id] = {
       props: _objectSpread(_objectSpread({}, data), {}, {
         id: id,
-        parentId: current.props.id
+        parentId: current.id
       })
     };
   } else if (!path && id && data) {
@@ -145,74 +133,12 @@ function process(json, path, id, data) {
  * 对指定的JSON结构进行节点的添加操作。
  *
  * @param {Object} json - 要操作的JSON对象。
- * @param {string} parentId - 父节点的唯一标识符。
+ * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
  * @param {string} id - 操作节点的唯一标识符。
  * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
-export function add(json, parentId, id, data) {
-  process(json, getPathById(json, parentId), id, data);
-}
-
-/**
- * 移动指定的节点到另一个节点的指定位置。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string} sid - 被移动的节点id
- * @param {string} tid - 目标节点id
- * @param {string} action - 'left': 往节点前面插入，'right'：往节点后面插，'inside'：往节点子节点插
- */
-export function move(json, sid, tid, action) {
-  // 验证节点存在性
-  var _findNodeAndParent3 = findNodeAndParent(sid, json),
-    sourceNode = _findNodeAndParent3.node,
-    sourceParent = _findNodeAndParent3.parent;
-  var _findNodeAndParent4 = findNodeAndParent(tid, json),
-    targetNode = _findNodeAndParent4.node,
-    targetParent = _findNodeAndParent4.parent;
-  if (!sourceNode || !targetNode) {
-    throw new Error('Source or target node does not exist.');
-  }
-
-  // 从原父节点中移除
-  if (sourceParent) {
-    sourceParent.children = sourceParent.children.filter(function (id) {
-      return id !== sid;
-    });
-    if (sourceParent.children.length === 0) {
-      delete sourceParent.children;
-    }
-    delete sourceParent[sid];
-  }
-  switch (action) {
-    case 'inside':
-      // 插入到目标节点的children数组
-      if (!targetNode.children) {
-        targetNode.children = [];
-      }
-      targetNode.children.push(sid);
-      sourceNode.props.parentId = tid;
-      targetNode[sid] = sourceNode;
-      break;
-    case 'left':
-    case 'right':
-      if (!targetParent) {
-        throw new Error('Target node must have a parent for left or right operations.');
-      }
-      // 插入到目标节点同级的前面或后面
-      var idx = targetParent.children.indexOf(tid);
-      if (idx === -1) {
-        throw new Error("Target node is not found in its parent's children list.");
-      }
-      if (action === 'right') {
-        idx++;
-      }
-      targetParent.children.splice(idx, 0, sid);
-      sourceNode.props.parentId = targetParent.props.id;
-      targetParent[sid] = sourceNode;
-      break;
-    default:
-      throw new Error('Invalid action type.');
-  }
+export function add(json, path, id, data) {
+  process(json, path, id, data);
 }
 
 /**
@@ -227,7 +153,7 @@ export function modifyById(json, id, data) {
 }
 
 /**
- * 删除指定id的节点。
+ * 查找指定ID的节点及其父节点。
  *
  * @param {Object} json - JSON对象。
  * @param {string} id - 要删除的节点ID。
@@ -247,7 +173,6 @@ export function deleteById(json, id) {
 export function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   for (var key in json) {
-    if (id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT) return '/';
     var newPath = currentPath ? "".concat(currentPath, "/").concat(key) : key;
     if (json[key].props && json[key].props.id === id) {
       return newPath;
@@ -260,72 +185,4 @@ export function getPathById(json, id) {
     }
   }
   return null;
-}
-
-/**
- * 在给定的JSON结构中搜索具有特定id的节点，并返回包含该节点及其所有父节点的props属性的路径数组。
- *
- * @param {Object} data - 待搜索的JSON对象，它代表了一个复杂的树状结构，每个节点都可能有props和children属性。
- * @param {string} targetId - 需要找到的目标节点的id。
- * @returns {Array<Object>} 一个包含目标节点及其所有父节点的props属性的数组。如果未找到目标节点，则返回空数组。
- *
- * @example
- * const data = {
- *   props: {
- *     id: 'page_root',
- *     type: 'Page',
- *     name: '页面',
- *     hasHeder: true,
- *     hasFooter: true,
- *   },
- *   // ...其他节点
- * };
- *
- * const path = getPathNodesById(data, 'form_jknbjkun');
- * console.log(path);
- * // 输出目标节点及其所有父节点的props属性的数组
- */
-export function getPathNodesById(data, targetId) {
-  // 初始化结果数组
-  var result = [];
-
-  // 定义递归函数以搜索路径
-  function search(node) {
-    var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    // 检查当前节点是否是目标节点
-    if (node && node.props && node.props.id === targetId) {
-      // 如果是，将当前路径和节点自身添加到结果中
-      result = [].concat(_toConsumableArray(path), [node.props]);
-      return true;
-    }
-
-    // 遍历子节点
-    if (node && node.children) {
-      var _iterator2 = _createForOfIteratorHelper(node.children),
-        _step2;
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var childId = _step2.value;
-          // 对每个子节点，首先尝试从当前节点获取子节点数据
-          var childNode = node[childId];
-          if (search(childNode, [].concat(_toConsumableArray(path), [node.props]))) {
-            return true;
-          }
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-    return false;
-  }
-
-  // 从顶层"data"对象开始搜索
-  if (search(data)) {
-    return result;
-  }
-
-  // 如果未找到目标节点，返回空数组
-  return [];
 }