@luck-design-biz/luckda 0.0.24-2 → 0.0.25-1

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

@@ -0,0 +1,161 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["source"];
+import React, { createContext, useEffect } from 'react';
+import { useRequest, useSetState, useAsyncEffect, useCookieState, usePrevious, useMemoizedFn } from 'ahooks';
+import { LuckDaContext } from "../../../components/Builder";
+import { doAction as doActionUtils } from "../../../helper/action";
+import usePromiseState from "../tools/usePromiseState";
+import { decompress } from "../tools/dataProcess";
+import { fetchPageData, fetchDesignModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials } from "../../constants/api-url";
+import { RUNTIME_COOKIE_KEY, RUNTIME, DATA_MODEL_CODE_KEY } from "../../constants";
+export var RemoteSourceContext = /*#__PURE__*/createContext(null);
+export default (function (_ref) {
+  var children = _ref.children,
+    code = _ref.code,
+    runtime = _ref.runtime;
+  var _usePromiseState = usePromiseState(null),
+    _usePromiseState2 = _slicedToArray(_usePromiseState, 2),
+    pageData = _usePromiseState2[0],
+    setPageData = _usePromiseState2[1];
+  var _useSetState = useSetState({}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    remoteSource = _useSetState2[0],
+    setRemoteSource = _useSetState2[1];
+  var _useCookieState = useCookieState(RUNTIME_COOKIE_KEY),
+    _useCookieState2 = _slicedToArray(_useCookieState, 2),
+    cookieRuntime = _useCookieState2[0],
+    setRuntime = _useCookieState2[1];
+  var prevRuntime = usePrevious(cookieRuntime);
+  useEffect(function () {
+    setRuntime(runtime);
+    return function () {
+      return setRuntime(prevRuntime);
+    };
+  }, []);
+
+  // 获取页面数据
+  var _useRequest = useRequest(fetchPageData, {
+      manual: true
+    }),
+    fetchPageDataLoading = _useRequest.loading,
+    runFetchPageData = _useRequest.runAsync;
+  // 获取模块数据
+  var _useRequest2 = useRequest(runtime === RUNTIME.DESIGN ? fetchDesignModlueData : fetchModlueData, {
+      manual: true,
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          data = _ref2.data;
+        if (code === 1) {
+          setRemoteSource({
+            module: data
+          });
+        }
+      }
+    }),
+    fetchModlueDataLoading = _useRequest2.loading,
+    runFetchModlueData = _useRequest2.runAsync,
+    refreshModlueData = _useRequest2.refreshAsync;
+  // 获取数据集数据
+  var _useRequest3 = useRequest(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 = useRequest(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;
+  useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var fetchPageDataRes, data, list, detail, _detail$list$, source, info;
+    return _regeneratorRuntime().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 = 13;
+            break;
+          }
+          data = fetchPageDataRes.data, list = fetchPageDataRes.list, detail = fetchPageDataRes.detail;
+          _detail$list$ = detail[list[0]], source = _detail$list$.source, info = _objectWithoutProperties(_detail$list$, _excluded);
+          window[DATA_MODEL_CODE_KEY] = data.dataModelKey;
+          _context.next = 9;
+          return runFetchModlueData(data.dataModelKey, {
+            moduleCode: data.moduleCode
+          });
+        case 9:
+          runFetchAllDataset({
+            dataModelKey: data.dataModelKey
+          });
+          runFetchAllSerials({
+            uid: data.moduleId
+          });
+          setRemoteSource({
+            pageinfo: _objectSpread({
+              relationship: data
+            }, info)
+          });
+          setPageData(decompress(source));
+        case 13:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [code]);
+  var doAction = useMemoizedFn(function (_action, _data, _params) {
+    doActionUtils(_action, _data, _params, {
+      actions: remoteSource.module.actions,
+      moduleCode: remoteSource.module.moduleCode
+    });
+  });
+  return /*#__PURE__*/React.createElement(RemoteSourceContext.Provider, {
+    value: _objectSpread(_objectSpread({
+      pageData: pageData
+    }, remoteSource), {}, {
+      loading: fetchPageDataLoading || fetchModlueDataLoading,
+      fetchAllDatasetLoading: fetchAllDatasetLoading,
+      fetchAllSerialsLoading: fetchAllSerialsLoading,
+      refreshModlueData: refreshModlueData,
+      refreshDataset: refreshDataset,
+      refreshSerials: refreshSerials,
+      setPageData: setPageData
+    })
+  }, /*#__PURE__*/React.createElement(LuckDaContext.Provider, {
+    value: _objectSpread(_objectSpread({}, remoteSource.module), {}, {
+      doAction: doAction
+    })
+  }, children));
+});

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

@@ -3,7 +3,7 @@ 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 { CELL_KEY } from "../../constants";
+import { LC_BUILDIN_UNIT_KEY } from "../../constants";
 
 /**
  * 数据压缩
@@ -149,6 +149,68 @@ 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.');
+  }
+}
+
 /**
  * 对指定的JSON结构进行节点的修改操作。
  *
@@ -181,7 +243,7 @@ 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 === CELL_KEY.PAGE_ROOT) return '/';
+    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;

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

@@ -1,7 +1,9 @@
+import _construct from "@babel/runtime/helpers/esm/construct";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { omit } from 'lodash';
+import { omit, omitBy, startsWith, isNil, isString, isArray } from 'lodash';
+import postcss from 'postcss';
 export function isPromise(value) {
   return !!value && _typeof(value) === 'object' && typeof value.then === 'function';
 }
@@ -11,62 +13,137 @@ export function omitBadProps(props) {
 }
 export function listReducer(state, action) {
   switch (action.type) {
-    case 'add':
+    case 'init':
       {
         var _action$callback;
+        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, action.payload);
+        return action.payload;
+      }
+    case 'add':
+      {
+        var _action$callback2;
         var newState = [].concat(_toConsumableArray(state), [action.payload]);
-        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
+        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, newState);
         return newState;
       }
     case 'delete':
       {
-        var _action$callback2;
+        var _action$callback3;
         var _newState = state.filter(function (item) {
           return item.id !== action.payload;
         });
-        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, _newState);
+        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState);
         return _newState;
       }
     case 'edit':
       {
-        var _action$callback3;
+        var _action$callback4;
         var _newState2 = state.map(function (item) {
           return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
         });
-        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
+        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState2);
         return _newState2;
       }
-    case 'active':
+    case 'batchEdit':
       {
-        var _action$callback4;
+        var _action$callback5;
         var _newState3 = state.map(function (item) {
+          var newItem = action.payload.items.find(function (_id) {
+            return _id === item.id;
+          });
+          if (newItem) {
+            return _objectSpread(_objectSpread({}, item), action.payload.data);
+          }
+          return item;
+        });
+        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState3);
+        return _newState3;
+      }
+    case 'active':
+      {
+        var _action$callback6;
+        var _newState4 = state.map(function (item) {
           item.active = false;
           return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
         });
-        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState3);
-        return _newState3;
+        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState4);
+        return _newState4;
       }
     case 'new':
       {
-        var _action$callback5;
-        var _newState4 = _toConsumableArray(action.payload);
-        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState4);
-        return _newState4;
+        var _action$callback7;
+        var _newState5 = _toConsumableArray(action.payload);
+        (_action$callback7 = action.callback) === null || _action$callback7 === void 0 || _action$callback7.call(action, _newState5);
+        return _newState5;
       }
     case 'sort':
       {
-        var _action$callback6;
+        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;
         });
-        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
-        var _newState5 = _toConsumableArray(newItems);
-        return _newState5;
+        var _newState6 = _toConsumableArray(newItems);
+        (_action$callback8 = action.callback) === null || _action$callback8 === void 0 || _action$callback8.call(action, _newState6);
+        return _newState6;
       }
     default:
       throw new Error();
   }
+}
+export function getCtx(context) {
+  return omitBy(context, function (_, key) {
+    return startsWith(key, '_');
+  });
+}
+export 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 '';
+}
+export function executeCode(context, code, argsName) {
+  if (!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 (isNil(argsName) && args.length > 0 || !isNil(argsName) && !isArray(argsName) || isArray(argsName) && argsName.length !== (args === null || args === void 0 ? void 0 : args.length)) {
+    throw new Error('executeCode参数不匹配');
+  }
+  var ctx = getCtx(context);
+  var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', getFuncBody(code)]));
+  return func.apply(void 0, args.concat([ctx]));
+}
+export function parseCSS(cssString) {
+  // 创建一个空对象来存储解析后的样式
+  var parsedStyles = {};
+  if (cssString) {
+    try {
+      // 解析CSS字符串
+      var ast = postcss.parse(cssString);
+
+      // 遍历AST中的每个规则
+      ast.walkDecls(function (decl) {
+        // 将每个声明的属性和值存储在对象中
+        parsedStyles[decl.prop] = decl.value;
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  // 返回包含所有样式的对象
+  return parsedStyles;
+}
+;
+export 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);
 }

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

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["props", "children"],
+  _excluded2 = ["id", "component", "name", "desc", "icon", "group", "groupName", "order"];
+import React, { useRef } from 'react';
+import { dynamic } from 'umi';
+import { useMemoizedFn, useCookieState, useCreation } from 'ahooks';
+import { upperFirst } from 'lodash';
+import { LC_BUILDIN_UNIT_KEY_LIST, RUNTIME_COOKIE_KEY } from "../../constants";
+export default function useCanvasRender(data, deps) {
+  var dynamicCompMap = useRef({});
+  var _useCookieState = useCookieState(RUNTIME_COOKIE_KEY),
+    _useCookieState2 = _slicedToArray(_useCookieState, 1),
+    runtime = _useCookieState2[0];
+  var render = useMemoizedFn(function (_ref) {
+    var props = _ref.props,
+      children = _ref.children,
+      childrenMap = _objectWithoutProperties(_ref, _excluded);
+    if (props && !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 = _objectWithoutProperties(props, _excluded2);
+      if (!dynamicCompMap.current[component]) {
+        dynamicCompMap.current[component] = dynamic({
+          loader: function () {
+            var _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+              var _runtime, _yield$import, _Comp;
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _runtime = upperFirst(runtime);
+                    _context.next = 3;
+                    return import("../../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.createElement(Comp, _extends({
+        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 useCreation(function () {
+    return render(data);
+  }, deps || [data]);
+}

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

@@ -1,15 +1,17 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useRef, useCallback } from 'react';
-import { useSafeState, useDeepCompareEffect } from 'ahooks';
+import { useResetState, useDeepCompareEffect } from 'ahooks';
 var usePromiseState = function usePromiseState(initialState) {
-  var _useSafeState = useSafeState(initialState),
-    _useSafeState2 = _slicedToArray(_useSafeState, 2),
-    state = _useSafeState2[0],
-    setState = _useSafeState2[1];
+  var _useResetState = useResetState(initialState),
+    _useResetState2 = _slicedToArray(_useResetState, 3),
+    state = _useResetState2[0],
+    setState = _useResetState2[1],
+    resetState = _useResetState2[2];
   var promiseRef = useRef(null);
   var setStatePromise = useCallback(function (_state) {
     return new Promise(function (resolve) {
       promiseRef.current = resolve;
+      console.log('_state', _state);
       setState(_state);
     });
   }, []);
@@ -19,6 +21,6 @@ var usePromiseState = function usePromiseState(initialState) {
       promiseRef.current = null;
     }
   }, [state]);
-  return [state, setStatePromise];
+  return [state, setStatePromise, resetState];
 };
 export default usePromiseState;

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

@@ -0,0 +1,78 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["datasetCode"];
+import { useBoolean, useMemoizedFn } from 'ahooks';
+import { message } from 'luck-design/antd';
+import { keys, isNil } from 'lodash';
+import { executeCode } from "./helper";
+import { fetchCallBehavior } from "../../constants/api-url";
+var useTodo = function useTodo() {
+  var _useBoolean = useBoolean(),
+    _useBoolean2 = _slicedToArray(_useBoolean, 2),
+    loading = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse;
+  var callBehavior = useMemoizedFn(function (_ref, params, data) {
+    var moduleCode = _ref.moduleCode,
+      datasetCode = _ref.datasetCode,
+      behaviorKey = _ref.behaviorKey;
+    return fetchCallBehavior(_objectSpread({
+      moduleCode: moduleCode,
+      datasetCode: datasetCode,
+      behaviorKey: behaviorKey
+    }, params), data);
+  });
+  var todo = useMemoizedFn(function (ctx, actionPool) {
+    var argsMap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    if (isNil(actionPool)) {
+      return;
+    }
+    var dsCode = argsMap.datasetCode,
+      args = _objectWithoutProperties(argsMap, _excluded);
+    var argsName = keys(args);
+    var _args = argsName.map(function (n) {
+      return args[n];
+    });
+    if (actionPool.length > 0) {
+      setTrue();
+      var tasks = actionPool.map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          actionKey = _ref3[0],
+          info = _ref3[1];
+        switch (info.category) {
+          case 'custom':
+            return Promise.resolve(executeCode.apply(void 0, [ctx, info.code, argsName].concat(_toConsumableArray(_args))));
+          case 'page-action':
+            {
+              var _JSON$parse = JSON.parse(info.code || '{}'),
+                moduleCode = _JSON$parse.moduleCode,
+                datasetCode = _JSON$parse.datasetCode,
+                params = _JSON$parse.params,
+                data = _JSON$parse.data;
+              var _dscode = datasetCode || dsCode;
+              if (!moduleCode || !_dscode) {
+                message.warning('接口重要参数（模块编码或数据集编码）丢失');
+                return;
+              }
+              return callBehavior({
+                datasetCode: _dscode,
+                moduleCode: moduleCode,
+                behaviorKey: actionKey
+              }, params, data);
+            }
+          case 'trigger':
+            return Promise.resolve();
+          default:
+            break;
+        }
+      });
+      return Promise.all(tasks).finally(setFalse);
+    }
+    return Promise.resolve();
+  });
+  return [todo, callBehavior, loading];
+};
+export default useTodo;

package/es/lowcode/index.js

@@ -1,5 +1,6 @@
 export { default as Painter } from "./painter";
 export { default as View } from "./view";
+export { default as Preview } from "./preview";
 // export * as dataProcess  from './engine/tools/dataProcess';
 
 export default function launcher() {}