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

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

@@ -0,0 +1,199 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["source"];
+import React, { createContext, useContext, useRef, useEffect } from 'react';
+import { history } from 'umi';
+import { useRequest, useMemoizedFn, useSetState } from 'ahooks';
+import { useLDEventBus } from "../EventBusProvider";
+import usePromiseState from "../../tools/usePromiseState";
+import * as topics from "../../../constants/event-topics";
+import { decompress } from "../../tools/dataProcess";
+import { executeCode } from "../../tools/helper";
+import { fetchPageData } from "../../../constants/api-url";
+export var Context = /*#__PURE__*/createContext(null);
+export var useLDContext = function useLDContext() {
+  return useContext(Context);
+};
+var PRIVATE_KEYS = ['pageinfo', 'componentList', 'componentMap'];
+export default (function (_ref) {
+  var children = _ref.children,
+    code = _ref.code;
+  var eventBus = useLDEventBus();
+
+  /**
+   * 页面数据
+   */
+  var _usePromiseState = usePromiseState(null),
+    _usePromiseState2 = _slicedToArray(_usePromiseState, 2),
+    pageData = _usePromiseState2[0],
+    _setPageData = _usePromiseState2[1];
+
+  /**
+   * 页面信息
+   */
+  var _pageinfo = useRef(null);
+
+  /**
+   * 页面公共资源
+   */
+  var _useSetState = useSetState(null),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    pagePublicResource = _useSetState2[0],
+    _setPagePublicResource = _useSetState2[1];
+
+  /**
+   * 组件列表
+   */
+  var _componentList = useRef([]);
+  var _privateGetter = useRef({
+    pageinfo: function pageinfo() {
+      return _pageinfo.current;
+    },
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return new Map(_componentList.current);
+    }
+  });
+
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
+   */
+  var _register = useMemoizedFn(function (id, component) {
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  var _unregister = useMemoizedFn(function (id) {
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 获取当前模块数据
+   * return:Object
+   */
+  var getModule = useMemoizedFn(function () {});
+
+  /**
+   * 根据datasetId获取数据集
+   * datasetId:string 数据集id
+   * return:Object
+   */
+  var getDataSetById = useMemoizedFn(function (datasetId) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = useMemoizedFn(function () {});
+  var doAction = useMemoizedFn(function (action) {
+    executeCode(ctx, action.actionCode);
+    Promise.all(action.actionPool.map(function (actionKey) {
+      return new Promise(function (resolve) {
+        setTimeout(function () {
+          console.log("doAction:".concat(actionKey));
+          resolve(actionKey);
+        }, 400);
+      });
+    })).then();
+  });
+  var _useRequest = useRequest(fetchPageData, {
+      manual: true
+    }),
+    loading = _useRequest.loading,
+    runFetchPageData = _useRequest.runAsync;
+  useEffect(function () {
+    runFetchPageData(code).then(function (_ref4) {
+      var code = _ref4.code,
+        data = _ref4.data,
+        list = _ref4.list,
+        detail = _ref4.detail;
+      if (code === 1) {
+        var _detail$list$ = detail[list[0]],
+          source = _detail$list$.source,
+          info = _objectWithoutProperties(_detail$list$, _excluded);
+        _pageinfo.current = _objectSpread({
+          relationship: data
+        }, info);
+        _setPageData(decompress(source));
+      }
+    });
+  }, [code]);
+  var ctx = new Proxy(_objectSpread({
+    _setPageData: _setPageData,
+    _register: _register,
+    _unregister: _unregister,
+    loading: loading,
+    pageData: pageData,
+    pagePublicResource: pagePublicResource,
+    history: history,
+    topics: topics,
+    getElementById: getElementById,
+    /**
+     * @method
+     * @param {string} id - 组件id
+     * @return {object}
+     */
+    getParentElement: getParentElement,
+    getElementPathById: getElementPathById,
+    getModule: getModule,
+    getDataSetById: getDataSetById,
+    doAction: doAction,
+    /**
+     * @method
+     * @return {object}
+     */
+    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);
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: ctx
+  }, children);
+});

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

@@ -3,6 +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";
 
 /**
  * 数据压缩
@@ -13,7 +14,7 @@ export function compress(data) {
   // 将对象转换为JSON字符串
   var jsonString = JSON.stringify(data);
   // 使用LZ-String压缩JSON字符串
-  return LZString.compressToUTF16(jsonString);
+  return LZString.compressToBase64(jsonString);
 }
 
 /**
@@ -23,7 +24,7 @@ export function compress(data) {
  */
 export function decompress(compressedData) {
   // 使用LZ-String解压数据
-  var jsonString = LZString.decompressFromUTF16(compressedData);
+  var jsonString = LZString.decompressFromBase64(compressedData);
   // 将JSON字符串转换回对象
   return JSON.parse(jsonString);
 }
@@ -105,7 +106,7 @@ function process(json, path, id, data) {
     current[id] = {
       props: _objectSpread(_objectSpread({}, data), {}, {
         id: id,
-        parentId: current.id
+        parentId: current.props.id
       })
     };
   } else if (!path && id && data) {
@@ -180,6 +181,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 '/';
     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,4 +1,100 @@
+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, omitBy, startsWith, isNil, isString, isArray } from 'lodash';
 export function isPromise(value) {
   return !!value && _typeof(value) === 'object' && typeof value.then === 'function';
+}
+export function omitBadProps(props) {
+  var rubbish = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return omit(props, ['component', 'name', 'desc', 'icon', 'group', 'groupName', 'order'].concat(_toConsumableArray(rubbish)));
+}
+export function listReducer(state, action) {
+  switch (action.type) {
+    case 'add':
+      {
+        var _action$callback;
+        var newState = [].concat(_toConsumableArray(state), [action.payload]);
+        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
+        return newState;
+      }
+    case 'delete':
+      {
+        var _action$callback2;
+        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);
+        return _newState;
+      }
+    case 'edit':
+      {
+        var _action$callback3;
+        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);
+        return _newState2;
+      }
+    case 'active':
+      {
+        var _action$callback4;
+        var _newState3 = 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;
+      }
+    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;
+      }
+    case 'sort':
+      {
+        var _action$callback6;
+        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;
+      }
+    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]));
 }

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

@@ -1,11 +1,12 @@
 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) {
@@ -19,6 +20,6 @@ var usePromiseState = function usePromiseState(initialState) {
       promiseRef.current = null;
     }
   }, [state]);
-  return [state, setStatePromise];
+  return [state, setStatePromise, resetState];
 };
 export default usePromiseState;

package/es/lowcode/index.js

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