@luck-design-biz/luckda 0.0.22 → 0.0.23

package/lib/lowcode/engine/meta/layout.props.default.json

@@ -0,0 +1,5 @@
+{
+  "columnRatio": "12",
+  "columnSpacing": 16,
+  "lineSpacing": 16
+}

package/lib/lowcode/engine/meta/link.props.default.json

@@ -0,0 +1,6 @@
+{
+  "textOverflow": false,
+  "type": "page",
+  "isLayer": false,
+  "effect": "hidden"
+}

package/lib/lowcode/engine/meta/modal.props.default.json

@@ -0,0 +1,11 @@
+{
+  "title": "对话框",
+  "width": "700px",
+  "height": "60vh",
+  "fullScreen": false,
+  "fullable": true,
+  "defaultOpen": false,
+  "mask": false,
+  "keyboard": true,
+  "footer": true
+}

package/lib/lowcode/engine/meta/section.props.default.json

@@ -0,0 +1,9 @@
+{
+  "collapse": true,
+  "showHeader": true,
+  "title": "分组",
+  "showHeaderDivider": true,
+  "showBorder": false,
+  "withMargin": false,
+  "withPadding": true
+}

package/lib/lowcode/engine/meta/split.props.default.json

@@ -0,0 +1,5 @@
+{
+  "display": "normal",
+  "split": "vertical",
+  "ratio": "1:3"
+}

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

@@ -0,0 +1,10 @@
+{
+  "autoLoad": true,
+  "readOnly": false,
+  "isFlow": false,
+  "defaultPageSize": 30,
+  "actionTitle": "操作列",
+  "actionWidth": 100,
+  "actionHidden": false,
+  "maxWebShownActionCount": 2
+}

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

@@ -0,0 +1,10 @@
+{
+  "items": [],
+  "shape": "pure",
+  "size": "default",
+  "contentPadding": "20px 20px",
+  "excessMode": "slide",
+  "unmountInactiveTabs": false,
+  "lazyLoad": false,
+  "needBadge": false
+}

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

@@ -0,0 +1,4 @@
+{
+  "showTitle": false,
+  "maxLine": 0
+}

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

@@ -0,0 +1,9 @@
+{
+  "showLine": false,
+  "lazyLoad": false,
+  "editable": false,
+  "draggable": false,
+  "defaultExpandDeep": 1,
+  "doubleClick": true,
+  "multiple": false
+}

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

@@ -0,0 +1,172 @@
+"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.useLDContext = exports.default = exports.Context = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _EventBusProvider = require("./EventBusProvider");
+var topics = _interopRequireWildcard(require("../../constants/event-topics"));
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
+var useLDContext = exports.useLDContext = function useLDContext() {
+  return (0, _react.useContext)(Context);
+};
+var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'pageData', 'componentList', 'componentMap'];
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children;
+  var eventBus = (0, _EventBusProvider.useLDEventBus)();
+
+  /**
+   * 页面码
+   */
+  var _pageCode = (0, _react.useRef)(void 0);
+
+  /**
+   * 模块码
+   */
+  var _moduleCode = (0, _react.useRef)(void 0);
+
+  /**
+   * 页面数据
+   */
+  var _pageData = (0, _react.useRef)(null);
+
+  /**
+   * 组件列表
+   */
+  var _componentList = (0, _react.useRef)([]);
+
+  /**
+   * 组件id与组件的映射
+   */
+  var _componentMap = (0, _react.useRef)(new Map());
+  var _privateGetter = (0, _react.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 = (0, _ahooks.useMemoizedFn)(function (id, component) {
+    _componentMap.current.set(id, component);
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  var unregister = (0, _ahooks.useMemoizedFn)(function (id) {
+    _componentMap.current.delete(id);
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 获取当前模块数据
+   * return:Object
+   */
+  var getModule = (0, _ahooks.useMemoizedFn)(function () {});
+
+  /**
+   * 根据datasetId获取数据集
+   * datasetId:string 数据集id
+   * return:Object
+   */
+  var getDataSetById = (0, _ahooks.useMemoizedFn)(function (datasetId) {});
+
+  /**
+   * 执行actionKey对应的行为
+   * actionKey:string 行为key
+   * return:Promise
+   */
+  var doAction = (0, _ahooks.useMemoizedFn)(function (actionKey) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = (0, _ahooks.useMemoizedFn)(function () {});
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: new Proxy((0, _objectSpread2.default)({
+      _pageCode: _pageCode,
+      _moduleCode: _moduleCode,
+      _pageData: _pageData,
+      _componentList: _componentList,
+      _componentMap: _componentMap,
+      history: _umi.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/lib/lowcode/engine/provider/EventBusProvider.js

@@ -0,0 +1,128 @@
+"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.useLDEventBus = exports.default = exports.EventBus = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _lcid = _interopRequireDefault(require("../tools/lcid"));
+var _helper = require("../tools/helper");
+var _excluded = ["topic"];
+var EventBus = exports.EventBus = /*#__PURE__*/(0, _react.createContext)(null);
+var useLDEventBus = exports.useLDEventBus = function useLDEventBus() {
+  return (0, _react.useContext)(EventBus);
+};
+function Subscriber(id) {
+  function on(hook) {
+    this._on = hook;
+    return this;
+  }
+  function once(hook) {
+    this._once = hook;
+    return this;
+  }
+  function before(hook) {
+    this._before = hook;
+    return this;
+  }
+  function after(hook) {
+    this._after = hook;
+    return this;
+  }
+  function off(hook) {
+    this._off = hook;
+    return this;
+  }
+  function watch() {
+    return id;
+  }
+  return {
+    on: on,
+    once: once,
+    before: before,
+    after: after,
+    off: off,
+    watch: watch
+  };
+}
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    runtime = _ref.runtime;
+  var event$ = (0, _ahooks.useEventEmitter)();
+  var subscriberPool = (0, _ahooks.useCreation)(function () {
+    return new Map();
+  }, []);
+  event$.useSubscription(function (_ref2) {
+    var topic = _ref2.topic,
+      payload = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    if (!subscriberPool.has(topic)) return;
+    subscriberPool.get(topic).forEach(function (_ref3) {
+      var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+        _id = _ref4[0],
+        _subscriber = _ref4[1];
+      var temp = _subscriber._before ? _subscriber._before(payload) : null;
+      if (_subscriber._before && !(0, _helper.isPromise)(temp)) {
+        console.error('before hook must return a promise');
+        return;
+      }
+      var _before = temp || Promise.resolve(true);
+      _before.then(function (flag) {
+        if (!flag) return flag;
+        var func = _subscriber._once || _subscriber._on;
+        if (!func) return;
+        return func(payload);
+      }).then(function (flag) {
+        if (flag === false || !_subscriber._after) return;
+        return _subscriber._after(payload);
+      }).finally(function () {
+        if (_subscriber._once) {
+          $unsubscriber(topic, _id);
+        }
+      });
+    });
+  });
+  var $publisher = (0, _ahooks.useMemoizedFn)(function (topic, payload) {
+    event$.emit((0, _objectSpread2.default)({
+      topic: topic,
+      runtime: runtime
+    }, payload));
+  });
+  var $subscriber = (0, _ahooks.useMemoizedFn)(function (topic) {
+    if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
+    var id = (0, _lcid.default)();
+    var _subscriber = Subscriber(id);
+    subscriberPool.get(topic).push([id, _subscriber]);
+    return _subscriber;
+  });
+  var $unsubscriber = (0, _ahooks.useMemoizedFn)(function (topic, id) {
+    if (!subscriberPool.has(topic)) return;
+    subscriberPool.get(topic).forEach(function (_ref5, index) {
+      var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+        _id = _ref6[0],
+        _subscriber = _ref6[1];
+      if (_id === id) {
+        var _subscriber$_off, _subscriber2;
+        subscriberPool.get(topic).splice(index, 1);
+        if (!subscriberPool.get(topic).length) {
+          subscriberPool.delete(topic);
+        }
+        (_subscriber$_off = (_subscriber2 = _subscriber)._off) === null || _subscriber$_off === void 0 || _subscriber$_off.call(_subscriber2);
+        _subscriber = null;
+      }
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(EventBus.Provider, {
+    value: {
+      runtime: runtime,
+      $publisher: $publisher,
+      $subscriber: $subscriber,
+      $unsubscriber: $unsubscriber
+    }
+  }, children);
+};

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

@@ -0,0 +1,201 @@
+"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.add = add;
+exports.compress = compress;
+exports.decompress = decompress;
+exports.deleteById = deleteById;
+exports.findNodeAndParent = findNodeAndParent;
+exports.getPathById = getPathById;
+exports.modifyById = modifyById;
+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"));
+/**
+ * 数据压缩
+ * @param {JSON} data
+ * @returns 加密后的字符串
+ */
+function compress(data) {
+  // 将对象转换为JSON字符串
+  var jsonString = JSON.stringify(data);
+  // 使用LZ-String压缩JSON字符串
+  return LZString.compressToUTF16(jsonString);
+}
+
+/**
+ * 数据解压
+ * @param {string} compressedData
+ * @returns {json}
+ */
+function decompress(compressedData) {
+  // 使用LZ-String解压数据
+  var jsonString = LZString.decompressFromUTF16(compressedData);
+  // 将JSON字符串转换回对象
+  return JSON.parse(jsonString);
+}
+
+/**
+ * 查找指定ID的节点及其父节点。
+ *
+ * @param {string} id - 要查找的节点ID。
+ * @param {Object} current - 当前遍历的JSON对象。
+ * @param {Object|null} parent - 当前节点的父节点。
+ * @returns {{node: Object|null, parent: Object|null}} 查找结果，包含节点和其父节点。
+ */
+function findNodeAndParent(id, current) {
+  var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  if (current.hasOwnProperty('children') && current.children.includes(id)) {
+    return {
+      node: current[id],
+      parent: current
+    };
+  }
+  for (var key in current) {
+    if (current[key] && (0, _typeof2.default)(current[key]) === 'object' && key !== 'props') {
+      var result = findNodeAndParent(id, current[key], current);
+      if (result.node) {
+        return result;
+      }
+    }
+  }
+  return {
+    node: null,
+    parent: null
+  };
+}
+
+/**
+ * 对指定的JSON结构进行节点的添加、修改或删除操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+ */
+function process(json, path, id, data) {
+  if (!json) {
+    throw new Error("json can not be null");
+  }
+  if (path && id && data) {
+    var paths = path.split('/').filter(function (p) {
+      return p;
+    });
+    var current = json;
+    var _iterator = (0, _createForOfIteratorHelper2.default)(paths),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var p = _step.value;
+        if (!current[p]) {
+          throw new Error("Path \"".concat(paths.join('/'), "\" does not exist."));
+        }
+        if (!current[p].hasOwnProperty('children')) {
+          current[p]['children'] = [];
+        }
+        current = current[p];
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (!current.children.includes(id)) {
+      current.children.push(id);
+    }
+    current[id] = {
+      props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+        id: id,
+        parentId: current.id
+      })
+    };
+  } else if (!path && id && data) {
+    var _findNodeAndParent = findNodeAndParent(id, json),
+      node = _findNodeAndParent.node;
+    if (node) {
+      node.props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+        id: id
+      });
+    } else {
+      throw new Error("Node with id \"".concat(id, "\" does not exist."));
+    }
+  } else if (!path && id && !data) {
+    var _findNodeAndParent2 = findNodeAndParent(id, json),
+      _node = _findNodeAndParent2.node,
+      parent = _findNodeAndParent2.parent;
+    if (_node && parent) {
+      parent.children = parent.children.filter(function (childId) {
+        return childId !== id;
+      });
+      if (parent.children.length === 0) {
+        delete parent['children'];
+      }
+      delete parent[id];
+    } else {
+      throw new Error("Node with id \"".concat(id, "\" does not exist."));
+    }
+  }
+}
+
+/**
+ * 对指定的JSON结构进行节点的添加操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+ */
+function add(json, path, id, data) {
+  process(json, path, id, data);
+}
+
+/**
+ * 对指定的JSON结构进行节点的修改操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+ */
+function modifyById(json, id, data) {
+  process(json, null, id, data);
+}
+
+/**
+ * 查找指定ID的节点及其父节点。
+ *
+ * @param {Object} json - JSON对象。
+ * @param {string} id - 要删除的节点ID。
+ */
+function deleteById(json, id) {
+  process(json, null, id);
+}
+
+/**
+ * 根据ID在给定的JSON结构中查找节点的路径。
+ *
+ * @param {Object} json - 要搜索的JSON对象。
+ * @param {string} id - 要查找的节点ID。
+ * @param {string} currentPath - 当前递归到的路径，用于构建返回的路径字符串。
+ * @returns {string|null} 如果找到节点，返回节点的路径；否则返回null。
+ */
+function getPathById(json, id) {
+  var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  for (var key in json) {
+    var newPath = currentPath ? "".concat(currentPath, "/").concat(key) : key;
+    if (json[key].props && json[key].props.id === id) {
+      return newPath;
+    }
+    if (json[key].hasOwnProperty('children')) {
+      var result = getPathById(json[key], id, newPath);
+      if (result) {
+        return result;
+      }
+    }
+  }
+  return null;
+}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPromise = isPromise;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+function isPromise(value) {
+  return !!value && (0, _typeof2.default)(value) === 'object' && typeof value.then === 'function';
+}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generateShortUuid;
+var _uuid = require("uuid");
+var chars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+function generateShortUuid() {
+  var toLowerCase = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var shortBuffer = '';
+  var uuid = (0, _uuid.v4)().replace(/-/g, '');
+  for (var i = 0; i < 8; i++) {
+    var str = uuid.substring(i * 4, i * 4 + 4);
+    var x = parseInt(str, 16);
+    shortBuffer += chars[x % 0x3e];
+  }
+  if (toLowerCase) {
+    return shortBuffer.toLowerCase();
+  }
+  return shortBuffer;
+}

package/lib/lowcode/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Painter", {
+  enumerable: true,
+  get: function get() {
+    return _painter.default;
+  }
+});
+Object.defineProperty(exports, "View", {
+  enumerable: true,
+  get: function get() {
+    return _view.default;
+  }
+});
+var _painter = _interopRequireDefault(require("./painter"));
+var _view = _interopRequireDefault(require("./view"));