@luck-design-biz/luckda 0.0.24-3 → 0.0.25-10

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 (!(_key in obj)) {
+      diffs.push({
+        type: "CREATE",
+        path: [isNewObjArray ? +_key : _key],
+        value: newObj[_key]
+      });
+    }
+  }
+  return diffs;
+}

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

@@ -4,8 +4,185 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.executeCode = executeCode;
+exports.getCtx = getCtx;
+exports.getFuncBody = getFuncBody;
+exports.getLDMetaAttr = getLDMetaAttr;
+exports.isColor = isColor;
 exports.isPromise = isPromise;
+exports.listReducer = listReducer;
+exports.omitBadProps = omitBadProps;
+exports.parseCSS = parseCSS;
+exports.setLDMetaAttrs = setLDMetaAttrs;
+var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _lodash = require("lodash");
+var _postcss = _interopRequireDefault(require("postcss"));
+var _constants = require("../../constants");
 function isPromise(value) {
   return !!value && (0, _typeof2.default)(value) === 'object' && typeof value.then === 'function';
-}
+}
+function omitBadProps(props) {
+  var rubbish = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return (0, _lodash.omit)(props, ['component', 'name', 'desc', 'icon', 'group', 'groupName', 'order'].concat((0, _toConsumableArray2.default)(rubbish)));
+}
+function listReducer(state, action) {
+  switch (action.type) {
+    case 'insert':
+      {
+        var _action$callback;
+        var newState = (0, _toConsumableArray2.default)(state);
+        newState.splice(action.payload.index + 1, 0, action.payload.data);
+        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
+        return newState;
+      }
+    case 'add':
+      {
+        var _action$callback2;
+        var _newState = [].concat((0, _toConsumableArray2.default)(state), [action.payload]);
+        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, _newState);
+        return _newState;
+      }
+    case 'delete':
+      {
+        var _action$callback3;
+        var _newState2 = state.filter(function (item) {
+          return item.id !== action.payload;
+        });
+        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
+        return _newState2;
+      }
+    case 'edit':
+      {
+        var _action$callback4;
+        var _newState3 = state.map(function (item) {
+          return item.id === action.payload.id ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), action.payload.data) : item;
+        });
+        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState3);
+        return _newState3;
+      }
+    case 'batchEdit':
+      {
+        var _action$callback5;
+        var _newState4 = state.map(function (item) {
+          var newItem = action.payload.items.find(function (_id) {
+            return _id === item.id;
+          });
+          if (newItem) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), action.payload.data);
+          }
+          return item;
+        });
+        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState4);
+        return _newState4;
+      }
+    case 'active':
+      {
+        var _action$callback6;
+        var _newState5 = state.map(function (item) {
+          item.active = false;
+          return item.id === action.payload.id ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), action.payload.data) : item;
+        });
+        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
+        return _newState5;
+      }
+    case 'init':
+    case 'new':
+      {
+        var _action$callback7;
+        (_action$callback7 = action.callback) === null || _action$callback7 === void 0 || _action$callback7.call(action, action.payload);
+        return action.payload;
+      }
+    case 'sort':
+      {
+        var _action$callback8;
+        var sortItems = action.payload;
+        var newItems = state.sort(function (a, b) {
+          var indexA = sortItems.indexOf(a.id);
+          var indexB = sortItems.indexOf(b.id);
+          return indexA - indexB;
+        });
+        var _newState6 = (0, _toConsumableArray2.default)(newItems);
+        (_action$callback8 = action.callback) === null || _action$callback8 === void 0 || _action$callback8.call(action, _newState6);
+        return _newState6;
+      }
+    default:
+      throw new Error();
+  }
+}
+function getCtx(context) {
+  return context;
+  // return omitBy(context, (_, key) => startsWith(key, '_'));
+}
+function getFuncBody(funcCode) {
+  var regex = /{([\s\S]*?)}(?![\s\S]*})/;
+  var matches = funcCode.match(regex);
+  if (matches) {
+    return matches[1].replace(/\s*\n\s*/g, ' ').trim();
+  }
+  return '';
+}
+function executeCode(context, code, argsName) {
+  if (!(0, _lodash.isString)(code)) {
+    throw new Error('executeCode编码参数无效');
+  }
+  for (var _len = arguments.length, args = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
+    args[_key - 3] = arguments[_key];
+  }
+  if ((0, _lodash.isNil)(argsName) && args.length > 0 || !(0, _lodash.isNil)(argsName) && !(0, _lodash.isArray)(argsName) || (0, _lodash.isArray)(argsName) && argsName.length !== (args === null || args === void 0 ? void 0 : args.length)) {
+    throw new Error('executeCode参数不匹配');
+  }
+  var ctx = getCtx(context);
+  var func = (0, _construct2.default)(Function, (0, _toConsumableArray2.default)(argsName || []).concat(['ctx', getFuncBody(code)]));
+  return func.apply(void 0, args.concat([ctx]));
+}
+function parseCSS(cssString) {
+  // 创建一个空对象来存储解析后的样式
+  var parsedStyles = {};
+  if (cssString) {
+    try {
+      // 解析CSS字符串
+      var ast = _postcss.default.parse(cssString);
+
+      // 遍历AST中的每个规则
+      ast.walkDecls(function (decl) {
+        // 将每个声明的属性和值存储在对象中
+        parsedStyles[decl.prop] = decl.value;
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  // 返回包含所有样式的对象
+  return parsedStyles;
+}
+;
+function isColor(str) {
+  var hexRegex = /^#(?:[A-Fa-f0-9]{3,4}){1,2}$/;
+  var rgbaRegex = /^rgba?\(\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})(,\s*(0|1|0?\.\d+))?\s*\)$/;
+  return hexRegex.test(str) || rgbaRegex.test(str);
+}
+function setLDMetaAttrs(data) {
+  var meta = document.querySelector("meta[name=\"".concat(_constants.META_TAG_NAME, "\"]"));
+  if (!meta) {
+    meta = document.createElement('meta');
+  }
+  meta.name = _constants.META_TAG_NAME;
+  meta.content = new URLSearchParams(data).toString().replaceAll('&', ',');
+  document.head.appendChild(meta);
+}
+function getLDMetaAttr(name) {
+  if ((0, _lodash.isNil)(name)) return void 0;
+  var meta = document.querySelector("meta[name=\"".concat(_constants.META_TAG_NAME, "\"]"));
+  var params = new URLSearchParams(meta.content.replaceAll(',', '&'));
+  if ((0, _lodash.isArray)(name)) {
+    return name.map(function (n) {
+      return params.get(n);
+    });
+  }
+  return params.get(name);
+}
+;

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useCanvasRender;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard3(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _ContextProvider = require("../provider/ContextProvider");
+var _constants = require("../../constants");
+var _excluded = ["props", "children"],
+  _excluded2 = ["id", "component", "name", "desc", "icon", "group", "groupName", "order"];
+function useCanvasRender(data, deps) {
+  var dynamicCompMap = (0, _react.useRef)({});
+  var ctx = (0, _ContextProvider.useContext)();
+  var render = (0, _ahooks.useMemoizedFn)(function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      props = _ref.props,
+      children = _ref.children,
+      childrenMap = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    if (props && !_constants.LC_BUILDIN_UNIT_KEY_LIST.includes(props.id)) {
+      var id = props.id,
+        component = props.component,
+        name = props.name,
+        desc = props.desc,
+        icon = props.icon,
+        group = props.group,
+        groupName = props.groupName,
+        order = props.order,
+        rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
+      if (!dynamicCompMap.current[component]) {
+        dynamicCompMap.current[component] = (0, _umi.dynamic)({
+          loader: function () {
+            var _loader = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+              var _runtime, _yield$import, _Comp;
+              return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _runtime = (0, _lodash.upperFirst)(ctx.runtime);
+                    _context.next = 3;
+                    return function (specifier) {
+                      return new Promise(function (r) {
+                        return r(specifier);
+                      }).then(function (s) {
+                        return (0, _interopRequireWildcard2.default)(require(s));
+                      });
+                    }("../../view/lc-components/".concat(component, "/Function").concat(_runtime));
+                  case 3:
+                    _yield$import = _context.sent;
+                    _Comp = _yield$import.default;
+                    return _context.abrupt("return", _Comp);
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function loader() {
+              return _loader.apply(this, arguments);
+            }
+            return loader;
+          }()
+        });
+      }
+      var Comp = dynamicCompMap.current[component];
+      return /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
+        key: id,
+        id: id
+      }, rest), (children === null || children === void 0 ? void 0 : children.length) > 0 ? children.map(function (_id) {
+        return render(childrenMap[_id]);
+      }) : null);
+    }
+    return (children === null || children === void 0 ? void 0 : children.length) > 0 ? children.map(function (_id) {
+      return render(childrenMap[_id]);
+    }) : null;
+  });
+  return (0, _ahooks.useCreation)(function () {
+    return render(data);
+  }, deps || [data]);
+}

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

@@ -0,0 +1,338 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTemporalStore = exports.useTask = exports.useGet = exports.resetPageData = exports.modifyNode = exports.getSelfAndParent = exports.getLevelNodes = exports.getCanUndoAndRedo = exports.deleteNode = exports.default = exports.addNode = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = require("react");
+var _zustand = require("zustand");
+var _immer = require("zustand/middleware/immer");
+var _middleware = require("zustand/middleware");
+var _shallow = require("zustand/react/shallow");
+var _lodash = require("lodash");
+var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
+var _dataProcess = require("./dataProcess");
+var _constants = require("../../constants");
+var temporalStateCreator = function temporalStateCreator(userSet, userGet, options) {
+  var stateCreator = function stateCreator(set, get) {
+    return {
+      pastStates: (options === null || options === void 0 ? void 0 : options.pastStates) || [],
+      futureStates: (options === null || options === void 0 ? void 0 : options.futureStates) || [],
+      undo: function undo() {
+        var steps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        if (get().pastStates.length) {
+          var _options$partialize, _options$diff;
+          var currentState = (options === null || options === void 0 || (_options$partialize = options.partialize) === null || _options$partialize === void 0 ? void 0 : _options$partialize.call(options, userGet())) || userGet();
+          var statesToApply = get().pastStates.splice(-steps, steps);
+          var nextState = statesToApply.shift();
+          userSet(nextState);
+          set({
+            pastStates: get().pastStates,
+            futureStates: get().futureStates.concat((options === null || options === void 0 || (_options$diff = options.diff) === null || _options$diff === void 0 ? void 0 : _options$diff.call(options, currentState, nextState)) || currentState, statesToApply.reverse())
+          });
+        }
+      },
+      redo: function redo() {
+        var steps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        if (get().futureStates.length) {
+          var _options$partialize2, _options$diff2;
+          var currentState = (options === null || options === void 0 || (_options$partialize2 = options.partialize) === null || _options$partialize2 === void 0 ? void 0 : _options$partialize2.call(options, userGet())) || userGet();
+          var statesToApply = get().futureStates.splice(-steps, steps);
+          var nextState = statesToApply.shift();
+          userSet(nextState);
+          set({
+            pastStates: get().pastStates.concat((options === null || options === void 0 || (_options$diff2 = options.diff) === null || _options$diff2 === void 0 ? void 0 : _options$diff2.call(options, currentState, nextState)) || currentState, statesToApply.reverse()),
+            futureStates: get().futureStates
+          });
+        }
+      },
+      clear: function clear() {
+        return set({
+          pastStates: [],
+          futureStates: []
+        });
+      },
+      isTracking: true,
+      pause: function pause() {
+        return set({
+          isTracking: false
+        });
+      },
+      resume: function resume() {
+        return set({
+          isTracking: true
+        });
+      },
+      setOnSave: function setOnSave(_onSave) {
+        return set({
+          _onSave: _onSave
+        });
+      },
+      // Internal properties
+      _onSave: options === null || options === void 0 ? void 0 : options.onSave,
+      _handleSet: function _handleSet(pastState, replace, currentState, deltaState) {
+        var _get$_onSave, _get;
+        if (options !== null && options !== void 0 && options.limit && get().pastStates.length >= (options === null || options === void 0 ? void 0 : options.limit)) {
+          get().pastStates.shift();
+        }
+        (_get$_onSave = (_get = get())._onSave) === null || _get$_onSave === void 0 || _get$_onSave.call(_get, pastState, currentState);
+        set({
+          pastStates: get().pastStates.concat(deltaState || pastState),
+          futureStates: []
+        });
+      }
+    };
+  };
+  return stateCreator;
+};
+var temporal = function temporal(config, options) {
+  var configWithTemporal = function configWithTemporal(set, get, store) {
+    var _options$wrapTemporal, _options$handleSet;
+    store.temporal = (0, _zustand.createStore)((options === null || options === void 0 || (_options$wrapTemporal = options.wrapTemporal) === null || _options$wrapTemporal === void 0 ? void 0 : _options$wrapTemporal.call(options, temporalStateCreator(set, get, options))) || temporalStateCreator(set, get, options));
+    var curriedHandleSet = (options === null || options === void 0 || (_options$handleSet = options.handleSet) === null || _options$handleSet === void 0 ? void 0 : _options$handleSet.call(options, store.temporal.getState()._handleSet)) || store.temporal.getState()._handleSet;
+    var temporalHandleSet = function temporalHandleSet(pastState) {
+      var _options$partialize3, _options$diff3, _options$equality;
+      if (!store.temporal.getState().isTracking) return;
+      var currentState = (options === null || options === void 0 || (_options$partialize3 = options.partialize) === null || _options$partialize3 === void 0 ? void 0 : _options$partialize3.call(options, get())) || get();
+      var deltaState = options === null || options === void 0 || (_options$diff3 = options.diff) === null || _options$diff3 === void 0 ? void 0 : _options$diff3.call(options, pastState, currentState);
+      if (
+      // Don't call handleSet if state hasn't changed, as determined by diff fn or equality fn
+      !(
+      // If the user has provided a diff function but nothing has been changed, deltaState will be null
+
+      deltaState === null || // If the user has provided an equality function, use it
+      options !== null && options !== void 0 && (_options$equality = options.equality) !== null && _options$equality !== void 0 && _options$equality.call(options, pastState, currentState))) {
+        curriedHandleSet(pastState, void 0, currentState, deltaState);
+      }
+    };
+    var setState = store.setState;
+    store.setState = function () {
+      var _options$partialize4;
+      var pastState = (options === null || options === void 0 || (_options$partialize4 = options.partialize) === null || _options$partialize4 === void 0 ? void 0 : _options$partialize4.call(options, get())) || get();
+      setState.apply(void 0, arguments);
+      temporalHandleSet(pastState);
+    };
+    return config(
+    // Modify the set function to call the userlandSet function
+    function () {
+      var _options$partialize5;
+      var pastState = (options === null || options === void 0 || (_options$partialize5 = options.partialize) === null || _options$partialize5 === void 0 ? void 0 : _options$partialize5.call(options, get())) || get();
+      set.apply(void 0, arguments);
+      temporalHandleSet(pastState);
+    }, get, store);
+  };
+  return configWithTemporal;
+};
+var findNode = function findNode(obj, id) {
+  for (var key in obj) {
+    if (!['props', 'children'].includes(key)) {
+      if (key === id) {
+        return {
+          target: obj[key],
+          parent: obj
+        };
+      }
+      if ((0, _typeof2.default)(obj[key]) === 'object' && !Array.isArray(obj[key])) {
+        var result = findNode(obj[key], id);
+        if (result) {
+          return result;
+        }
+      }
+    }
+  }
+  return null;
+};
+var usePageDataStore = (0, _zustand.create)()((0, _immer.immer)((0, _middleware.subscribeWithSelector)(temporal(function (set) {
+  return {
+    pageData: null,
+    moduleData: null,
+    initialize: function initialize(data) {
+      return set(function (state) {
+        state.pageData = data;
+      });
+    },
+    initializeModule: function initializeModule(data) {
+      return set(function (state) {
+        state.moduleData = data;
+      });
+    },
+    reset: function reset(data) {
+      return set(function (state) {
+        state.pageData = data || null;
+      });
+    }
+  };
+}, {
+  partialize: function partialize(state) {
+    return {
+      pageData: state.pageData
+    };
+  },
+  equality: function equality(pastState, newState) {
+    return !pastState.pageData || (0, _fastDeepEqual.default)(pastState, newState);
+  },
+  handleSet: function handleSet(_handleSet2) {
+    return (0, _lodash.debounce)(function (state) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key2 = 1; _key2 < _len; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      return _handleSet2.apply(void 0, [state].concat(args));
+    }, 400, {
+      leading: true,
+      trailing: false
+    });
+  }
+}))));
+var _default = exports.default = usePageDataStore;
+var resetPageData = exports.resetPageData = function resetPageData(data) {
+  usePageDataStore.setState(function (state) {
+    state.pageData = data || null;
+  });
+};
+var addNode = exports.addNode = function addNode(parentId, id, data) {
+  usePageDataStore.setState(function (state) {
+    if (parentId === _constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
+      state.pageData.children.push(id);
+      state.pageData[id] = {
+        props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+          id: id,
+          parentId: parentId
+        })
+      };
+      return;
+    }
+    var _ref = findNode(state.pageData, parentId) || {},
+      target = _ref.target;
+    if (!target) return;
+    if (!target.hasOwnProperty('children')) {
+      target.children = [];
+    }
+    if (!target.children.includes(id)) {
+      target.children.push(id);
+      target[id] = {
+        props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+          id: id,
+          parentId: parentId
+        })
+      };
+    }
+  });
+};
+var deleteNode = exports.deleteNode = function deleteNode(id) {
+  usePageDataStore.setState(function (state) {
+    var _parent$children;
+    var _ref2 = findNode(state.pageData, id) || {},
+      parent = _ref2.parent;
+    if (!parent || !((_parent$children = parent.children) !== null && _parent$children !== void 0 && _parent$children.length)) return;
+    parent.children.splice(parent.children.indexOf(id), 1);
+    if (parent.children.length === 0) {
+      delete parent['children'];
+    }
+    delete parent[id];
+  });
+};
+var modifyNode = exports.modifyNode = function modifyNode(id, data) {
+  usePageDataStore.setState(function (state) {
+    if (id === _constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
+      (0, _lodash.assign)(state.pageData.props, (0, _lodash.omit)(data, ['id', 'parentId', 'component', 'buildIn']));
+      return;
+    }
+    var _ref3 = findNode(state.pageData, id) || {},
+      target = _ref3.target;
+    if (!target) return;
+    (0, _lodash.forOwn)((0, _lodash.omit)(data, ['id', 'parentId', 'component', 'buildIn']), function (_val, _key) {
+      (0, _lodash.set)(target.props, _key, _val);
+    });
+  });
+};
+var useTask = exports.useTask = function useTask(type) {
+  var promiseRef = (0, _react.useRef)(null);
+  var task = (0, _react.useCallback)(function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    return new Promise(function (resolve) {
+      promiseRef.current = resolve;
+      switch (type) {
+        case 'add':
+          addNode.apply(void 0, args);
+          break;
+        case 'update':
+        case 'modify':
+          modifyNode.apply(void 0, args);
+          break;
+        case 'delete':
+          deleteNode.apply(void 0, args);
+          break;
+        default:
+          break;
+      }
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    var unsub = usePageDataStore.subscribe(function (state, prevState) {
+      if (!promiseRef.current) {
+        return;
+      }
+      promiseRef.current(state.pageData, prevState.pageData);
+      promiseRef.current = null;
+    });
+    return unsub;
+  }, []);
+  return task;
+};
+var useGet = exports.useGet = function useGet(_) {
+  var result = usePageDataStore((0, _shallow.useShallow)(function (state) {
+    if ((0, _lodash.isNil)(_)) {
+      return state.pageData;
+    } else if ((0, _lodash.isFunction)(_)) {
+      return _(state.pageData);
+    } else if ((0, _lodash.isArray)(_)) {
+      return _.map(function (k) {
+        var _findNode;
+        return k.includes('.') ? (0, _lodash.get)(state.pageData, k) : (_findNode = findNode(state.pageData, k)) === null || _findNode === void 0 ? void 0 : _findNode.target;
+      });
+    } else if ((0, _lodash.isObject)(_) && _.id) {
+      var _findNode2;
+      var path = _.path;
+      var _target = _.id === _constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? state.pageData : (_findNode2 = findNode(state.pageData, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
+      return (0, _lodash.isNil)(path) ? _target : (0, _lodash.get)(_target, path);
+    } else if ((0, _lodash.isString)(_)) {
+      return (0, _lodash.get)(state.pageData, _);
+    }
+  }));
+  return result;
+};
+var getCanUndoAndRedo = exports.getCanUndoAndRedo = function getCanUndoAndRedo() {
+  var _usePageDataStore$tem = usePageDataStore.temporal.getState(),
+    pastStates = _usePageDataStore$tem.pastStates,
+    futureStates = _usePageDataStore$tem.futureStates;
+  var canUndo = !!pastStates.length;
+  var canRedo = !!futureStates.length;
+  return {
+    canUndo: canUndo,
+    canRedo: canRedo
+  };
+};
+var useTemporalStore = exports.useTemporalStore = function useTemporalStore(selector) {
+  var temp = (0, _zustand.useStore)(usePageDataStore.temporal, selector);
+  if (!temp) return {
+    canUndo: false,
+    canRedo: false
+  };
+  var canUndo = !!temp.pastStates.length;
+  var canRedo = !!temp.futureStates.length;
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, temp), {}, {
+    canUndo: canUndo,
+    canRedo: canRedo
+  });
+};
+var getLevelNodes = exports.getLevelNodes = function getLevelNodes(id) {
+  return (0, _dataProcess.getPathNodesById)(usePageDataStore.getState().pageData, id);
+};
+var getSelfAndParent = exports.getSelfAndParent = function getSelfAndParent(id) {
+  return (0, _dataProcess.findNodeAndParent)(id, usePageDataStore.getState().pageData);
+};