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

package/lib/lowcode/engine/provider/RemoteSourceProvider.js

@@ -0,0 +1,240 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RemoteSourceContext = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _umi = require("umi");
+var _launcher = _interopRequireDefault(require("../launcher"));
+var _Builder = require("../../../components/Builder");
+var _action2 = require("../../../helper/action");
+var _usePageDataStore2 = _interopRequireDefault(require("../tools/usePageDataStore"));
+var _ContextProvider = require("../provider/ContextProvider");
+var _dataProcess = require("../tools/dataProcess");
+var _apiUrl = require("../../constants/api-url");
+var _constants = require("../../constants");
+var _eventTopics = require("../../constants/event-topics");
+var _helper = require("../tools/helper");
+var RemoteSourceContext = exports.RemoteSourceContext = /*#__PURE__*/(0, _react.createContext)(null);
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    code = _ref.code,
+    eventBus = _ref.eventBus;
+  var _usePageDataStore = (0, _usePageDataStore2.default)(function (state) {
+      return {
+        initialize: state.initialize,
+        initializeModule: state.initializeModule,
+        reset: state.reset
+      };
+    }),
+    initialize = _usePageDataStore.initialize,
+    initializeModule = _usePageDataStore.initializeModule,
+    reset = _usePageDataStore.reset;
+  var _useTemporalStore = (0, _ContextProvider.useTemporalStore)(function (state) {
+      return {
+        pause: state.pause,
+        resume: state.resume,
+        clear: state.clear
+      };
+    }),
+    pause = _useTemporalStore.pause,
+    resume = _useTemporalStore.resume,
+    clear = _useTemporalStore.clear;
+  var _useSetState = (0, _ahooks.useSetState)({}),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    remoteSource = _useSetState2[0],
+    setRemoteSource = _useSetState2[1];
+  (0, _ahooks.useCreation)(function () {
+    (0, _launcher.default)();
+    pause();
+    (0, _helper.setMetaAttrs)(_constants.LC_RUNTIME_KEY, eventBus.runtime);
+  }, []);
+  (0, _ahooks.useUnmount)(function () {
+    reset();
+    clear();
+  });
+
+  // 获取页面数据
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchPageData, {
+      manual: true
+    }),
+    fetchPageDataLoading = _useRequest.loading,
+    runFetchPageData = _useRequest.runAsync;
+  // 获取模块数据
+  var _useRequest2 = (0, _ahooks.useRequest)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.RUNTIME.DESIGN, _apiUrl.fetchDesignModlueData), _constants.RUNTIME.PREVIEW, _apiUrl.fetchPreviewModlueData), _constants.RUNTIME.LIVE, _apiUrl.fetchModlueData)[eventBus.runtime], {
+      manual: true,
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          data = _ref2.data;
+        if (code === 1) {
+          setRemoteSource({
+            module: data
+          });
+          initializeModule(data);
+        }
+      }
+    }),
+    fetchModlueDataLoading = _useRequest2.loading,
+    runFetchModlueData = _useRequest2.runAsync,
+    refreshModlueData = _useRequest2.refreshAsync;
+  // 获取数据集数据
+  var _useRequest3 = (0, _ahooks.useRequest)(_apiUrl.fetchAllDataset, {
+      manual: true,
+      onSuccess: function onSuccess(_ref3) {
+        var code = _ref3.code,
+          data = _ref3.data;
+        if (code === 1) {
+          setRemoteSource({
+            dataset: data
+          });
+        }
+      }
+    }),
+    fetchAllDatasetLoading = _useRequest3.loading,
+    runFetchAllDataset = _useRequest3.run,
+    refreshDataset = _useRequest3.refreshAsync;
+  // 获取资源串数据
+  var _useRequest4 = (0, _ahooks.useRequest)(_apiUrl.fetchAllSerials, {
+      manual: true,
+      onSuccess: function onSuccess(_ref4) {
+        var code = _ref4.code,
+          list = _ref4.list,
+          detail = _ref4.detail;
+        if (code === 1) {
+          setRemoteSource({
+            serials: list.map(function (id) {
+              return detail[id];
+            })
+          });
+        }
+      }
+    }),
+    fetchAllSerialsLoading = _useRequest4.loading,
+    runFetchAllSerials = _useRequest4.run,
+    refreshSerials = _useRequest4.refreshAsync;
+
+  // 获取导入导出行为下拉数据
+  var _useRequest5 = (0, _ahooks.useRequest)(_apiUrl.fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code,
+          data = _ref5.data;
+        if (code === 1) {
+          setRemoteSource({
+            impTypeList: data.map(function (item) {
+              return {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorImport = _useRequest5.run;
+  var _useRequest6 = (0, _ahooks.useRequest)(_apiUrl.fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref6) {
+        var code = _ref6.code,
+          data = _ref6.data;
+        if (code === 1) {
+          setRemoteSource({
+            expTypeList: data.map(function (item) {
+              return {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorExport = _useRequest6.run;
+  (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var fetchPageDataRes, data, list, detail, source;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return runFetchPageData({
+            code: code
+          });
+        case 2:
+          fetchPageDataRes = _context.sent;
+          if (!(fetchPageDataRes.code === 1)) {
+            _context.next = 21;
+            break;
+          }
+          data = fetchPageDataRes.data, list = fetchPageDataRes.list, detail = fetchPageDataRes.detail;
+          if (detail[list[0]]) {
+            _context.next = 9;
+            break;
+          }
+          _umi.history.replace('/404');
+          _context.next = 20;
+          break;
+        case 9:
+          source = detail[list[0]].source;
+          (0, _helper.setMetaAttrs)(_constants.META_TAG_NAME, data);
+          _context.next = 13;
+          return runFetchModlueData(data.dataModelKey, {
+            moduleCode: data.moduleCode
+          });
+        case 13:
+          runFetchAllBehaviorImport({
+            behaviorMode: 'IMPORT',
+            moduleCode: data.moduleCode
+          });
+          runFetchAllBehaviorExport({
+            behaviorMode: 'EXPORT',
+            moduleCode: data.moduleCode
+          });
+          runFetchAllDataset({
+            dataModelKey: data.dataModelKey
+          });
+          runFetchAllSerials({
+            uid: data.moduleId
+          });
+          initialize((0, _dataProcess.decompress)(source));
+          resume();
+          eventBus.$publisher(_eventTopics.PAGE_LOAD_MOUNT);
+        case 20:
+          ;
+        case 21:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [code]);
+  var doAction = (0, _ahooks.useMemoizedFn)(function (_action, _data, _params) {
+    (0, _action2.doAction)(_action, _data, _params, {
+      actions: remoteSource.module.actions,
+      moduleCode: remoteSource.module.moduleCode
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(RemoteSourceContext.Provider, {
+    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, remoteSource), {}, {
+      loading: fetchPageDataLoading || fetchModlueDataLoading,
+      fetchAllDatasetLoading: fetchAllDatasetLoading,
+      fetchAllSerialsLoading: fetchAllSerialsLoading,
+      refreshModlueData: refreshModlueData,
+      refreshDataset: refreshDataset,
+      refreshSerials: refreshSerials
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Builder.LuckDaContext.Provider, {
+    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, remoteSource.module), {}, {
+      doAction: doAction
+    })
+  }, children));
+};

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

@@ -11,11 +11,15 @@ exports.decompress = decompress;
 exports.deleteById = deleteById;
 exports.findNodeAndParent = findNodeAndParent;
 exports.getPathById = getPathById;
+exports.getPathNodesById = getPathNodesById;
 exports.modifyById = modifyById;
+exports.move = move;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var LZString = _interopRequireWildcard(require("lz-string"));
+var _constants = require("../../constants");
 /**
  * 数据压缩
  * @param {JSON} data
@@ -25,7 +29,7 @@ function compress(data) {
   // 将对象转换为JSON字符串
   var jsonString = JSON.stringify(data);
   // 使用LZ-String压缩JSON字符串
-  return LZString.compressToUTF16(jsonString);
+  return LZString.compressToBase64(jsonString);
 }
 
 /**
@@ -35,7 +39,7 @@ function compress(data) {
  */
 function decompress(compressedData) {
   // 使用LZ-String解压数据
-  var jsonString = LZString.decompressFromUTF16(compressedData);
+  var jsonString = LZString.decompressFromBase64(compressedData);
   // 将JSON字符串转换回对象
   return JSON.parse(jsonString);
 }
@@ -50,6 +54,16 @@ function decompress(compressedData) {
  */
 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],
@@ -57,7 +71,7 @@ function findNodeAndParent(id, current) {
     };
   }
   for (var key in current) {
-    if (current[key] && (0, _typeof2.default)(current[key]) === 'object' && key !== 'props') {
+    if (current[key] && (0, _typeof2.default)(current[key]) === 'object' && key !== 'props' && key !== 'children') {
       var result = findNodeAndParent(id, current[key], current);
       if (result.node) {
         return result;
@@ -111,7 +125,7 @@ function process(json, path, id, data) {
     current[id] = {
       props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
         id: id,
-        parentId: current.id
+        parentId: current.props.id
       })
     };
   } else if (!path && id && data) {
@@ -146,12 +160,74 @@ function process(json, path, id, data) {
  * 对指定的JSON结构进行节点的添加操作。
  *
  * @param {Object} json - 要操作的JSON对象。
- * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
+ * @param {string} parentId - 父节点的唯一标识符。
  * @param {string} id - 操作节点的唯一标识符。
  * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
-function add(json, path, id, data) {
-  process(json, path, id, data);
+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'：往节点子节点插
+ */
+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.');
+  }
 }
 
 /**
@@ -166,7 +242,7 @@ function modifyById(json, id, data) {
 }
 
 /**
- * 查找指定ID的节点及其父节点。
+ * 删除指定id的节点。
  *
  * @param {Object} json - JSON对象。
  * @param {string} id - 要删除的节点ID。
@@ -186,6 +262,7 @@ function deleteById(json, id) {
 function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   for (var key in json) {
+    if (id === _constants.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;
@@ -198,4 +275,72 @@ 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属性的数组
+ */
+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((0, _toConsumableArray2.default)(path), [node.props]);
+      return true;
+    }
+
+    // 遍历子节点
+    if (node && node.children) {
+      var _iterator2 = (0, _createForOfIteratorHelper2.default)(node.children),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var childId = _step2.value;
+          // 对每个子节点，首先尝试从当前节点获取子节点数据
+          var childNode = node[childId];
+          if (search(childNode, [].concat((0, _toConsumableArray2.default)(path), [node.props]))) {
+            return true;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+    return false;
+  }
+
+  // 从顶层"data"对象开始搜索
+  if (search(data)) {
+    return result;
+  }
+
+  // 如果未找到目标节点，返回空数组
+  return [];
 }

package/lib/lowcode/engine/tools/diff.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = diff;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var richTypes = {
+  Date: true,
+  RegExp: true,
+  String: true,
+  Number: true
+};
+function diff(obj, newObj) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    cyclesFix: true
+  };
+  var _stack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  var diffs = [];
+  var isObjArray = Array.isArray(obj);
+  var _loop = function _loop() {
+    var _Object$getPrototypeO;
+    var objKey = obj[key];
+    var path = isObjArray ? +key : key;
+    if (!(key in newObj)) {
+      diffs.push({
+        type: 'REMOVE',
+        path: [path],
+        oldValue: obj[key]
+      });
+      return 1; // continue
+    }
+    var newObjKey = newObj[key];
+    var areCompatibleObjects = (0, _typeof2.default)(objKey) === 'object' && (0, _typeof2.default)(newObjKey) === 'object' && Array.isArray(objKey) === Array.isArray(newObjKey);
+    if (objKey && newObjKey && areCompatibleObjects && !richTypes[(_Object$getPrototypeO = Object.getPrototypeOf(objKey)) === null || _Object$getPrototypeO === void 0 || (_Object$getPrototypeO = _Object$getPrototypeO.constructor) === null || _Object$getPrototypeO === void 0 ? void 0 : _Object$getPrototypeO.name] && (!options.cyclesFix || !_stack.includes(objKey))) {
+      var nestedDiffs = diff(objKey, newObjKey, options, options.cyclesFix ? _stack.concat([objKey]) : []);
+      diffs.push.apply(diffs, nestedDiffs.map(function (difference) {
+        difference.path.unshift(path);
+        return difference;
+      }));
+    } else if (objKey !== newObjKey &&
+    // treat NaN values as equivalent
+    !(Number.isNaN(objKey) && Number.isNaN(newObjKey)) && !(areCompatibleObjects && (isNaN(objKey) ? objKey + '' === newObjKey + '' : +objKey === +newObjKey))) {
+      diffs.push({
+        path: [path],
+        type: 'CHANGE',
+        value: newObjKey,
+        oldValue: objKey
+      });
+    }
+  };
+  for (var key in obj) {
+    if (_loop()) continue;
+  }
+  var isNewObjArray = Array.isArray(newObj);
+  for (var _key in newObj) {
+    if (!obj || !(_key in obj)) {
+      diffs.push({
+        type: 'CREATE',
+        path: [isNewObjArray ? +_key : _key],
+        value: newObj[_key]
+      });
+    }
+  }
+  return diffs;
+}