@lingxiteam/ebe-utils 0.0.7 → 0.0.9

package/es/index.d.ts

@@ -24,10 +24,13 @@ interface CodeServices {
     findApplication: (params: {
         appId: string;
     }) => Promise<any>;
-    getWaterMarkByAppId: (params: {
+    translateToEnglish: (params: {
         appId: string;
+        chinese: string;
+        rule: string;
     }) => Promise<any>;
 }
+export declare const getSafeTypeName: (name: any) => any;
 interface CodeOptions {
     appId: string;
     baseUrl: string;
@@ -37,10 +40,11 @@ interface CodeOptions {
         log: string;
         progress: number;
     }) => void;
+    needTranslatePagePathToEnglish?: boolean;
 }
 export declare const setWorkerJsUrl: (url: string) => void;
 export declare const init: () => Promise<void>;
-export declare const fetchData: ({ appId, services, platform, baseUrl, onProgress, }: CodeOptions) => Promise<{
+export declare const fetchData: ({ appId, services, platform, baseUrl, onProgress, needTranslatePagePathToEnglish, }: CodeOptions) => Promise<{
     options: {
         platform: string;
         appId: string;
@@ -55,11 +59,11 @@ export declare const fetchData: ({ appId, services, platform, baseUrl, onProgres
         themeCss: any;
         models: Record<string, any>;
         appInfo: Record<string, any>;
-        waterMark: any;
+        pagePathEnglishMapping: any;
     };
     cleanedTree: any;
 }>;
-export declare const codeCreate: ({ appId, services, platform, baseUrl, onProgress, }: CodeOptions) => Promise<{
+export declare const codeCreate: ({ appId, services, platform, baseUrl, onProgress, needTranslatePagePathToEnglish, }: CodeOptions) => Promise<{
     success: boolean;
     msg?: undefined;
 } | {

package/es/index.js

@@ -241,6 +241,9 @@ export var clearLXPagesDSL = function clearLXPagesDSL(pages) {
     return removeObjectByRules(page, lingxiDslRules);
   });
 };
+export var getSafeTypeName = function getSafeTypeName(name) {
+  return name.replaceAll(' ', '').replaceAll('/', '').replaceAll('-', '').replaceAll('(', '').replaceAll(')', '');
+};
 var workerJsUrl = '';
 export var setWorkerJsUrl = function setWorkerJsUrl(url) {
   workerJsUrl = url;
@@ -265,52 +268,52 @@ export var init = /*#__PURE__*/function () {
   };
 }();
 export var fetchData = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref4) {
-    var appId, services, platform, baseUrl, onProgress, appInfo, attrSpecPage, resultObject, frontendHookList, themeCss, temCompAssetList, compAssetList, globalDataInfo, dataSourceList, globalDataMap, pageIdMapping, appPageList, lastPageId, data, pages, itemHash, itemLists, busiData, busiCompMapping, busiPages, pageDSLS, waterMark, options, cleanedTree;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4) {
+    var appId, services, platform, baseUrl, onProgress, needTranslatePagePathToEnglish, appInfo, attrSpecPage, resultObject, frontendHookList, themeCss, temCompAssetList, compAssetList, globalDataInfo, dataSourceList, globalDataMap, pageIdMapping, appPageList, lastPageId, data, pages, itemHash, itemLists, busiData, busiCompMapping, busiPages, getTranslateName, key, translateName, pagePathEnglishMapping, pagePathEnglishSet, getName, _key, _translateName, _pages$_key$pageConta, _pagePathEnglishMappi, safeTranslateName, pageDSLS, options, cleanedTree;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          appId = _ref4.appId, services = _ref4.services, platform = _ref4.platform, baseUrl = _ref4.baseUrl, onProgress = _ref4.onProgress;
-          _context2.next = 3;
+          appId = _ref4.appId, services = _ref4.services, platform = _ref4.platform, baseUrl = _ref4.baseUrl, onProgress = _ref4.onProgress, needTranslatePagePathToEnglish = _ref4.needTranslatePagePathToEnglish;
+          _context3.next = 3;
           return services.findApplication({
             appId: appId
           });
         case 3:
-          appInfo = _context2.sent;
+          appInfo = _context3.sent;
           onProgress({
             log: '获取应用信息',
             progress: 1
           });
           // 根据 appId 获取当前应用的全部页面
-          _context2.next = 7;
+          _context3.next = 7;
           return services.qryAttrSpecPage({
             appId: appId,
             pageNum: 1,
             pageSize: 999999
           });
         case 7:
-          attrSpecPage = _context2.sent;
+          attrSpecPage = _context3.sent;
           onProgress({
             log: '获取当前应用的全部页面',
             progress: 2
           });
           // 根据 appId 获取当前应用的全部页面
-          _context2.next = 11;
+          _context3.next = 11;
           return services.qryPageInstListByAppId({
             appId: appId,
             terminalType: platform
           });
         case 11:
-          resultObject = _context2.sent;
-          _context2.next = 14;
+          resultObject = _context3.sent;
+          _context3.next = 14;
           return services.queryFrontendHookList({
             appId: appId
           });
         case 14:
-          frontendHookList = _context2.sent;
+          frontendHookList = _context3.sent;
           themeCss = '';
-          _context2.prev = 16;
-          _context2.next = 19;
+          _context3.prev = 16;
+          _context3.next = 19;
           return Promise.race([new Promise(function (resolve, reject) {
             services.getThemeCss({
               appId: appId,
@@ -324,26 +327,26 @@ export var fetchData = /*#__PURE__*/function () {
             }, 5000);
           })]);
         case 19:
-          themeCss = _context2.sent;
+          themeCss = _context3.sent;
           console.log('====获取主题成功', themeCss);
-          _context2.next = 26;
+          _context3.next = 26;
           break;
         case 23:
-          _context2.prev = 23;
-          _context2.t0 = _context2["catch"](16);
-          console.error('====获取主题失败', _context2.t0);
+          _context3.prev = 23;
+          _context3.t0 = _context3["catch"](16);
+          console.error('====获取主题失败', _context3.t0);
         case 26:
           // 根据 appId 获取当前应用的使用的自定义组件
           onProgress({
             log: '获取当前应用的使用的自定义组件',
             progress: 3
           });
-          _context2.next = 29;
+          _context3.next = 29;
           return services.qryPageCompAssetList({
             appId: appId
           });
         case 29:
-          temCompAssetList = _context2.sent;
+          temCompAssetList = _context3.sent;
           // 兼容下割接数据，数组前面的自定义组件是新的
           compAssetList = temCompAssetList.reduce(function (acc, current) {
             var codes = acc.map(function (item) {
@@ -358,13 +361,13 @@ export var fetchData = /*#__PURE__*/function () {
             log: '获取全局数据源',
             progress: 4
           });
-          _context2.next = 34;
+          _context3.next = 34;
           return services.queryFrontendDatasourcePage({
             appId: appId,
             pageSize: 10000
           });
         case 34:
-          globalDataInfo = _context2.sent;
+          globalDataInfo = _context3.sent;
           dataSourceList = (globalDataInfo === null || globalDataInfo === void 0 ? void 0 : globalDataInfo.list) || [];
           globalDataMap = {};
           dataSourceList.forEach(function (item) {
@@ -388,7 +391,7 @@ export var fetchData = /*#__PURE__*/function () {
             log: '获取所有页面dsl',
             progress: 5
           });
-          _context2.next = 45;
+          _context3.next = 45;
           return Promise.all(appPageList.map(function (i) {
             lastPageId = i.pageId;
             return services.findPageInstByVersionId({
@@ -397,7 +400,7 @@ export var fetchData = /*#__PURE__*/function () {
             });
           }));
         case 45:
-          data = _context2.sent;
+          data = _context3.sent;
           pages = getPageDsls(data); // busiCompId 过滤重复
           itemHash = {}; // 找到所有页面使用到的 业务组件
           findAllItem(pages, function (item) {
@@ -408,7 +411,7 @@ export var fetchData = /*#__PURE__*/function () {
             log: '获取所有业务组件dsl',
             progress: 6
           });
-          _context2.next = 53;
+          _context3.next = 53;
           return Promise.all(itemLists.map(function (i) {
             return services.findBusiCompById({
               busiCompId: i,
@@ -417,27 +420,144 @@ export var fetchData = /*#__PURE__*/function () {
             });
           }));
         case 53:
-          busiData = _context2.sent;
+          busiData = _context3.sent;
           busiCompMapping = {}; // 过滤为空
           busiPages = busiData.filter(Boolean).map(function (i, index) {
             var _i$busiCompVersion;
-            var busiData = JSON.parse(i === null || i === void 0 || (_i$busiCompVersion = i.busiCompVersion) === null || _i$busiCompVersion === void 0 ? void 0 : _i$busiCompVersion.sourceCodeJson);
+            // 业务组件为空，返回一个 fallback
+            var busiData = JSON.parse((i === null || i === void 0 || (_i$busiCompVersion = i.busiCompVersion) === null || _i$busiCompVersion === void 0 ? void 0 : _i$busiCompVersion.sourceCodeJson) || '{"id":"100101","pageContainerType":"BusiComp","pageName":"错误组件","pagePath":"","objType":"app","busiCompCode":"Custom","callbacks":["onChange"],"compState":"","events":[],"actions":[],"pageDynamicFlag":true,"setEvents":[{"dataName":"event","dataId":"798407","path":[],"value":"useEffect","params":[],"children":[]}],"layout":"BaseLayout","searchParams":[{"name":"业务主键","code":"bizId"},{"name":"业务场景","code":"sceneCode"},{"name":"业务数据","code":"bizData"}],"catalogItemId":"-1","platformType":"LowCode","editorVersion":"3.6.1.04251034","createdEditorVersion":"0.2.1130.05051011","busiCompObjectRelDTOList":[],"platform":"pc","appId":"1064722784465846272","components":[{"id":"Icon_2609852","label":"图标","compName":"Icon","type":"Icon","compType":1,"compLib":"@/components","props":{"name":"图标","mode":"normal","rotate":0,"basicStatus":1,"icon":{"theme":"outlined","type":"smile","isIconFont":false},"popoverSetting":{"page":{"pagePath":"/ceshiqipao2781","pageId":"1049616591121936384","pageName":"测试气泡1206","options":[{"name":"业务主键","code":"bizId"},{"name":"业务场景","code":"sceneCode"},{"name":"业务数据","code":"bizData"}],"tipType":"1","trigger":"click"}}},"style":{},"isContainer":false,"isBusiObjContainer":false,"cmdgroup":["basic"],"platform":"pc","icon":"Icon","description":"","image":"","groupsName":"通用","isInlineBlock":true,"setEvents":[],"isLabelDropBoxChild":false,"components":[],"path":["965041"]}],"path":[]}');
             busiData.busiCompId = i === null || i === void 0 ? void 0 : i.busiCompId;
             busiCompMapping[itemLists[index]] = busiData.id;
             return busiData;
-          }); // 合并页面，生成器那边支持页面类型和业务组件类型
-          pageDSLS = [].concat(_toConsumableArray(pages), _toConsumableArray(busiPages));
+          });
+          /**
+           * 新增中文转英文功能
+          ● API：translateToEnglish  GET 请求，参数：chinese 
+           rule
+          ● 支持多种生成规则
+          ○ UPPER_CAMEL 驼峰首字母大写
+          ○ LOWER_CAMEL 驼峰首字母小写
+          ○ UPPER_UNDERSCORE 下划线大写
+          ○ LOWER_UNDERSCORE 下划线小写
+           */
+          // 获取翻译，尝试三次
+          getTranslateName = /*#__PURE__*/function () {
+            var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(appId, chinese, rule) {
+              var _services$translateTo;
+              var count,
+                translateName,
+                _args2 = arguments;
+              return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    count = _args2.length > 3 && _args2[3] !== undefined ? _args2[3] : 0;
+                    _context2.next = 3;
+                    return services === null || services === void 0 || (_services$translateTo = services.translateToEnglish) === null || _services$translateTo === void 0 ? void 0 : _services$translateTo.call(services, {
+                      appId: appId,
+                      chinese: chinese,
+                      rule: rule
+                    });
+                  case 3:
+                    translateName = _context2.sent;
+                    if (!(translateName && typeof translateName === 'string')) {
+                      _context2.next = 8;
+                      break;
+                    }
+                    return _context2.abrupt("return", translateName);
+                  case 8:
+                    if (!(count < 3)) {
+                      _context2.next = 15;
+                      break;
+                    }
+                    console.error("\u7FFB\u8BD1\u9519\u8BEF\uFF1A".concat(chinese, "\uFF0C\u7B2C").concat(count + 1, "\u91CD\u65B0\u5C1D\u8BD5"));
+                    _context2.next = 12;
+                    return getTranslateName(appId, chinese, rule, count + 1);
+                  case 12:
+                    return _context2.abrupt("return", _context2.sent);
+                  case 15:
+                    console.error("\u7FFB\u8BD1\u9519\u8BEF\uFF1A\u5C1D\u8BD5\u65E0\u6548");
+                    return _context2.abrupt("return", 'TranslateError');
+                  case 17:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function getTranslateName(_x2, _x3, _x4) {
+              return _ref6.apply(this, arguments);
+            };
+          }(); // 翻译业务组件的名字
+          key = 0;
+        case 58:
+          if (!(key < busiPages.length)) {
+            _context3.next = 68;
+            break;
+          }
+          _context3.next = 61;
+          return getTranslateName(appId, getSafeTypeName(busiPages[key].pageName), 'UPPER_CAMEL');
+        case 61:
+          translateName = _context3.sent;
           onProgress({
-            log: '查询水印配置信息',
-            progress: 7
+            log: '翻译业务组件名称',
+            progress: 6 + key / busiPages.length
           });
-          // 获取水印
-          _context2.next = 60;
-          return services.getWaterMarkByAppId({
-            appId: appId
+          busiPages[key]._pageName = busiPages[key].pageName;
+          busiPages[key].pageName = translateName;
+        case 65:
+          key++;
+          _context3.next = 58;
+          break;
+        case 68:
+          pagePathEnglishMapping = {};
+          if (!needTranslatePagePathToEnglish) {
+            _context3.next = 83;
+            break;
+          }
+          pagePathEnglishSet = {};
+          getName = function getName(name, type) {
+            var _pagePathEnglishSet$t;
+            var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+            var compName = "".concat(name).concat(index === 0 ? '' : index);
+            (_pagePathEnglishSet$t = pagePathEnglishSet[type]) !== null && _pagePathEnglishSet$t !== void 0 ? _pagePathEnglishSet$t : pagePathEnglishSet[type] = new Set();
+            // 名称重复，不同页面类型，名称允许重复
+            if (!pagePathEnglishSet[type].has(compName)) {
+              var saleName = "/".concat(getSafeTypeName(compName));
+              pagePathEnglishSet[type].add(saleName);
+              return saleName;
+            }
+            return getName("".concat(compName), type, index + 1);
+          }; // 翻译页面的名字
+          _key = 0;
+        case 73:
+          if (!(_key < pages.length)) {
+            _context3.next = 83;
+            break;
+          }
+          _context3.next = 76;
+          return getTranslateName(appId, getSafeTypeName(pages[_key].pageName), 'LOWER_CAMEL');
+        case 76:
+          _translateName = _context3.sent;
+          onProgress({
+            log: '翻译页面路径',
+            progress: 7 + _key / pages.length
           });
-        case 60:
-          waterMark = _context2.sent;
+          console.log(_translateName);
+          // 如果页面路径翻译失败，就不处理路径
+          // index 保留不处理
+          if (_translateName !== 'TranslateError' && pages[_key].pagePath !== '/index') {
+            (_pagePathEnglishMappi = pagePathEnglishMapping[_pages$_key$pageConta = pages[_key].pageContainerType]) !== null && _pagePathEnglishMappi !== void 0 ? _pagePathEnglishMappi : pagePathEnglishMapping[_pages$_key$pageConta] = {};
+            safeTranslateName = getName(_translateName, pages[_key].pageContainerType);
+            pagePathEnglishMapping[pages[_key].pageContainerType][pages[_key].pagePath] = safeTranslateName;
+            pages[_key]._pagePath = pages[_key].pagePath;
+            pages[_key].pagePath = safeTranslateName;
+          }
+        case 80:
+          _key++;
+          _context3.next = 73;
+          break;
+        case 83:
+          // 合并页面，生成器那边支持页面类型和业务组件类型
+          pageDSLS = [].concat(_toConsumableArray(pages), _toConsumableArray(busiPages));
           options = {
             platform: platform,
             appId: appId,
@@ -454,7 +574,8 @@ export var fetchData = /*#__PURE__*/function () {
             themeCss: themeCss,
             models: globalDataMap,
             appInfo: clearAppInfo(appInfo),
-            waterMark: waterMark
+            // 英文路径的对应关系
+            pagePathEnglishMapping: pagePathEnglishMapping
           };
           onProgress({
             log: '清理无用数据',
@@ -462,43 +583,44 @@ export var fetchData = /*#__PURE__*/function () {
           });
           cleanedTree = cleanTree(pageDSLS, ['path']); // 清理字段'b'和字段'e'
           cleanedTree = clearLXPagesDSL(cleanedTree);
-          return _context2.abrupt("return", {
+          return _context3.abrupt("return", {
             options: options,
             cleanedTree: cleanedTree
           });
-        case 66:
+        case 89:
         case "end":
-          return _context2.stop();
+          return _context3.stop();
       }
-    }, _callee2, null, [[16, 23]]);
+    }, _callee3, null, [[16, 23]]);
   }));
   return function fetchData(_x) {
     return _ref5.apply(this, arguments);
   };
 }();
 export var codeCreate = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref6) {
-    var appId, services, platform, baseUrl, _onProgress, _yield$fetchData, cleanedTree, options, result;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+  var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref7) {
+    var appId, services, platform, baseUrl, _onProgress, _ref7$needTranslatePa, needTranslatePagePathToEnglish, _yield$fetchData, cleanedTree, options, result;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          appId = _ref6.appId, services = _ref6.services, platform = _ref6.platform, baseUrl = _ref6.baseUrl, _onProgress = _ref6.onProgress;
-          _context3.prev = 1;
-          _context3.next = 4;
+          appId = _ref7.appId, services = _ref7.services, platform = _ref7.platform, baseUrl = _ref7.baseUrl, _onProgress = _ref7.onProgress, _ref7$needTranslatePa = _ref7.needTranslatePagePathToEnglish, needTranslatePagePathToEnglish = _ref7$needTranslatePa === void 0 ? false : _ref7$needTranslatePa;
+          _context4.prev = 1;
+          _context4.next = 4;
           return fetchData({
             appId: appId,
             services: services,
             platform: platform,
             baseUrl: baseUrl,
-            onProgress: _onProgress
+            onProgress: _onProgress,
+            needTranslatePagePathToEnglish: needTranslatePagePathToEnglish
           });
         case 4:
-          _yield$fetchData = _context3.sent;
+          _yield$fetchData = _context4.sent;
           cleanedTree = _yield$fetchData.cleanedTree;
           options = _yield$fetchData.options;
           console.log(cleanedTree);
           console.log(options);
-          _context3.next = 11;
+          _context4.next = 11;
           return generateCode({
             solution: 'alita',
             // 出码方案
@@ -529,7 +651,7 @@ export var codeCreate = /*#__PURE__*/function () {
             workerJsUrl: workerJsUrl
           });
         case 11:
-          result = _context3.sent;
+          result = _context4.sent;
           console.log(result);
           // 出码结果(默认是递归结构描述的，可以传 flattenResult: true 以生成扁平结构的结果)
           publishers.zip().publish({
@@ -537,23 +659,23 @@ export var codeCreate = /*#__PURE__*/function () {
             // 上一步生成的 project
             projectSlug: appId // 项目标识
           });
-          return _context3.abrupt("return", {
+          return _context4.abrupt("return", {
             success: true
           });
         case 17:
-          _context3.prev = 17;
-          _context3.t0 = _context3["catch"](1);
-          return _context3.abrupt("return", {
-            msg: _context3.t0,
+          _context4.prev = 17;
+          _context4.t0 = _context4["catch"](1);
+          return _context4.abrupt("return", {
+            msg: _context4.t0,
             success: false
           });
         case 20:
         case "end":
-          return _context3.stop();
+          return _context4.stop();
       }
-    }, _callee3, null, [[1, 17]]);
+    }, _callee4, null, [[1, 17]]);
   }));
-  return function codeCreate(_x2) {
-    return _ref7.apply(this, arguments);
+  return function codeCreate(_x5) {
+    return _ref8.apply(this, arguments);
   };
 }();

package/lib/public/src/components/common/ErrorBoundary/catchErrorBoundary.tsx

@@ -0,0 +1,217 @@
+import * as React from 'react';
+
+export function isAtLeastReact17(version: string): boolean {
+  const major = version.match(/^([^.]+)/);
+  return major !== null && parseInt(major[0], 10) >= 17;
+}
+let eventId = 0;
+// 简单实现
+function captureException() {
+  return `${(eventId += 1)}`;
+}
+export const UNKNOWN_COMPONENT = 'unknown';
+
+export type FallbackRenderProps = {
+  error: Error;
+  componentStack: string | null;
+  eventId: string | null;
+  resetError(): void;
+  id: string;
+  compName: string;
+  getLocale: (
+    key: string,
+    placeholder?: string,
+    kv?: Record<string, string>,
+  ) => string;
+};
+
+export type FallbackRender = (
+  errorData: FallbackRenderProps,
+) => React.ReactElement;
+
+export type ErrorBoundaryProps = {
+  /**
+   * A fallback component that gets rendered when the error boundary encounters an error.
+   *
+   * Can either provide a React Component, or a function that returns React Component as
+   * a valid fallback prop. If a function is provided, the function will be called with
+   * the error, the component stack, and an function that resets the error boundary on error.
+   *
+   */
+  fallback?: React.ReactElement | FallbackRender;
+
+  /** Called when the error boundary encounters an error */
+  onError?(error: Error, componentStack: string, eventId: string): void;
+
+  /** Called on componentDidMount() */
+  onMount?(): void;
+
+  /** Called if resetError() is called from the fallback render props function  */
+  onReset?(
+    error: Error | null,
+    componentStack: string | null,
+    eventId: string | null,
+  ): void;
+
+  /** Called on componentWillUnmount() */
+  onUnmount?(
+    error: Error | null,
+    componentStack: string | null,
+    eventId: string | null,
+  ): void;
+
+  /** Called before the error is captured by Sentry, allows for you to add tags or context using the scope */
+  beforeCapture?(
+    scope: any,
+    error: Error | null,
+    componentStack: string | null,
+  ): void;
+  children?: React.ReactNode | (() => React.ReactNode);
+
+  otherProps?: Record<string, any>;
+};
+
+type ErrorBoundaryState = {
+  componentStack: Required<React.ErrorInfo>['componentStack'] | null;
+  error: Error | null;
+  eventId: string | null;
+};
+
+const INITIAL_STATE = {
+  componentStack: null,
+  error: null,
+  eventId: null,
+};
+
+/**
+ * A ErrorBoundary component that logs errors to Sentry. Requires React >= 16.
+ * NOTE: If you are a Sentry user, and you are seeing this stack frame, it means the
+ * Sentry React SDK ErrorBoundary caught an error invoking your application code. This
+ * is expected behavior and NOT indicative of a bug with the Sentry React SDK.
+ */
+export class ErrorBoundary extends React.Component<
+  ErrorBoundaryProps,
+  ErrorBoundaryState
+> {
+  public state: ErrorBoundaryState = INITIAL_STATE;
+
+  static defaultProps = {
+    otherProps: {},
+  };
+
+  public componentDidMount(): void {
+    const { onMount } = this.props;
+    if (onMount) {
+      onMount();
+    }
+  }
+
+  public componentWillUnmount(): void {
+    const { error, componentStack, eventId } = this.state;
+    const { onUnmount } = this.props;
+    if (onUnmount) {
+      onUnmount(error, componentStack, eventId);
+    }
+  }
+
+  public resetErrorBoundary: () => void = () => {
+    const { onReset } = this.props;
+    const { error, componentStack, eventId } = this.state;
+    if (onReset) {
+      onReset(error, componentStack, eventId);
+    }
+    this.setState(INITIAL_STATE);
+  };
+
+  public componentDidCatch(
+    error: Error & { cause?: Error },
+    { componentStack }: React.ErrorInfo,
+  ): void {
+    const { beforeCapture, onError } = this.props;
+
+    // If on React version >= 17, create stack trace from componentStack param and links
+    // to to the original error using `error.cause` otherwise relies on error param for stacktrace.
+    // Linking errors requires the `LinkedErrors` integration be enabled.
+    if (isAtLeastReact17(React.version)) {
+      const errorBoundaryError = new Error(error.message);
+      errorBoundaryError.name = `React ErrorBoundary ${errorBoundaryError.name}`;
+      // @ts-ignore
+      errorBoundaryError.stack = componentStack;
+
+      // Using the `LinkedErrors` integration to link the errors together.
+      error.cause = errorBoundaryError;
+    }
+
+    if (beforeCapture) {
+      // @ts-ignore
+      beforeCapture(null, error, componentStack);
+    }
+    const eventId = captureException();
+    if (onError) {
+      // @ts-ignore
+      onError(error, componentStack, eventId);
+    }
+
+    // componentDidCatch is used over getDerivedStateFromError
+    // so that componentStack is accessible through state.
+    // @ts-ignore
+    this.setState({ error, componentStack, eventId });
+  }
+
+  public render(): React.ReactNode {
+    // @ts-ignore
+    const { fallback, children, otherProps } = this.props;
+    const { error, componentStack, eventId } = this.state;
+
+    if (error) {
+      let element: React.ReactElement | undefined;
+      if (typeof fallback === 'function') {
+        // @ts-ignore
+        element = fallback({
+          error,
+          componentStack,
+          resetError: this.resetErrorBoundary,
+          eventId,
+          ...otherProps,
+        });
+      } else {
+        element = fallback;
+      }
+
+      if (React.isValidElement(element)) {
+        return element;
+      }
+
+      if (fallback) {
+        console.warn('fallback did not produce a valid ReactElement');
+      }
+
+      // Fail gracefully if no fallback provided or is not valid
+      return null;
+    }
+
+    if (typeof children === 'function') {
+      return children();
+    }
+    return children;
+  }
+}
+
+/**
+ * 渲染错误边界处理
+ * @param WrappedComponent 组件监听
+ * @returns
+ */
+export function catchErrorBoundary<T>(
+  WrappedComponent: React.ComponentClass<T> | React.FunctionComponent<T>,
+  fallback?: ErrorBoundaryProps['fallback'],
+  schema?: Record<string, any>,
+) {
+  return React.forwardRef<any, any>((props, ref) => {
+    return (
+      <ErrorBoundary fallback={fallback} otherProps={{ schema }}>
+        <WrappedComponent {...props} ref={ref} />
+      </ErrorBoundary>
+    );
+  });
+}

package/lib/public/src/hooks/useBaseDataSource.ts

@@ -0,0 +1,246 @@
+import { ARRAY_OPERATE_TYPE } from '@/constants';
+import useSetState from '@/hooks/useSetState';
+import ArrayUtil from '@/utils/array';
+import { fetchQueryObject, fetchQueryService } from '@/utils/dataSource';
+import { cloneDeep, isPlainObject } from 'lodash';
+import { useEffect, useRef, useState } from 'react';
+
+export interface UpdateDataSourceOptions {
+  /**
+   * 数据源名称
+   */
+  name: string;
+
+  /**
+   * 更新数据源的路径
+   */
+  path: string;
+
+  /**
+   * 目标值
+   */
+  value?: any;
+
+  /**
+   * 需要过滤的变量
+   */
+  predicate?: (item: any, index: number) => boolean;
+
+  /**
+   * 操作类型 数组时需要
+   */
+  operateType?: 0 | 1 | 2 | 3;
+
+  /**
+   * 数组或者对象类型
+   */
+  type: 'object' | 'array';
+
+  /**
+   * 是否局部赋值
+   */
+  onlySetPatch: boolean;
+}
+
+export interface DataSourceOptions {
+  urlParam?: Record<string, any>;
+  routerData?: Record<string, any>;
+  state?: Record<string, any>;
+  lcdpApi?: any;
+}
+
+export interface BaseDataSourceType {
+  _others_: {
+    /**
+     * 用户信息
+     */
+    personInfo: Record<string, any>;
+  };
+  [key: string]: any;
+}
+
+const useBaseDataSource = <T extends BaseDataSourceType>(
+  options: DataSourceOptions,
+) => {
+  const { lcdpApi } = options;
+
+  // 是否正在加载数据，发起请求时会切换loading
+  const [loading, setLoading] = useState(false);
+  // 数据源是否准备完成
+  const [dataReadyComplete, setDataReadyComplete] = useState(false);
+  // 数据源
+  const [data, setData] = useSetState<T>();
+  // 保存数据源快照，只有服务和对象发起成功后才会保存，用来缓存服务数据
+  const dataSnapshotRef = useRef<Record<string, any>>({});
+
+  /**
+   * 保存快照
+   */
+  const setDataSnapshot = (snapshot: Record<string, any>) => {
+    Object.assign(dataSnapshotRef.current, snapshot);
+  };
+
+  /**
+   * 设置用户信息
+   */
+  useEffect(() => {
+    setData({
+      _others_: {
+        personInfo: lcdpApi.data?.user || {},
+      },
+    });
+  }, [lcdpApi.data?.user]);
+
+  /**
+   * 更新数据源
+   */
+  const updateData = async ({
+    name,
+    path,
+    value,
+    type,
+    operateType,
+    predicate = () => false,
+    onlySetPatch = true,
+  }: UpdateDataSourceOptions) => {
+    try {
+      // 对象类型 直接赋值
+      if (type === 'object') {
+        ArrayUtil.updateObject({
+          data,
+          path,
+          value,
+          isPatch: onlySetPatch,
+        });
+      } else if (type === 'array') {
+        if (operateType === ARRAY_OPERATE_TYPE.ADD) {
+          ArrayUtil.push(data, path, value);
+        } else if (operateType === ARRAY_OPERATE_TYPE.DELETE) {
+          ArrayUtil.remove(data, path, predicate);
+        } else if (operateType === ARRAY_OPERATE_TYPE.REPLACE) {
+          ArrayUtil.replace(data, path, value);
+        } else if (operateType === ARRAY_OPERATE_TYPE.UPDATE) {
+          ArrayUtil.update(
+            {
+              data,
+              path,
+              value,
+              isPatch: onlySetPatch,
+            },
+            predicate,
+          );
+        }
+      }
+      return setData({
+        [name]: cloneDeep(data![name]),
+      });
+    } catch (error) {
+      return Promise.reject(error as Error);
+    }
+  };
+
+  // 清空数据源
+  const cleanDataSource = (name: string, initialData: Record<string, any>) => {
+    const newData = initialData[name];
+    if (Array.isArray(newData)) {
+      return [];
+    }
+    if (isPlainObject(newData)) {
+      return {};
+    }
+    return undefined;
+  };
+
+  /**
+   * 重置数据源
+   */
+  const clearDataSource = (name: string, initialData: Record<string, any>) => {
+    /**
+     * 数据源名字不存在，无需重置数据源
+     */
+    if (!name) return Promise.resolve(null);
+    return setData({
+      [name]: cleanDataSource(name, initialData) as any,
+    });
+  };
+
+  /**
+   * 刷新自定义数据源
+   */
+  const reloadCustomDataSource = (name: string, params?: any) =>
+    setData({
+      [name]: params,
+    });
+
+  /**
+   * 刷新对象数据源
+   */
+  const reloadObjectDataSource = (
+    name: string,
+    url: string,
+    options: any,
+    params: any,
+  ) => {
+    setLoading(true);
+    return fetchQueryObject(url, {
+      ...options,
+      attrs: params,
+    })
+      .then((res) => {
+        setData({
+          [name]: res,
+        });
+        const snapShot = cloneDeep(res);
+        setDataSnapshot({
+          [name]: snapShot,
+          [`${name}Filter`]: params,
+        });
+        return res;
+      })
+      .catch(console.log)
+      .finally(() => {
+        setLoading(false);
+      });
+  };
+
+  /**
+   * 刷新服务数据源
+   */
+  const reloadServiceDataSource = (name: string, service: any, params: any) => {
+    setLoading(true);
+    return fetchQueryService(service, params)
+      .then((res) => {
+        setData({
+          [name]: res,
+        });
+        const snapShot = cloneDeep(res);
+        setDataSnapshot({
+          [name]: snapShot,
+          [`${name}Filter`]: params,
+        });
+        return res;
+      })
+      .catch(console.log)
+      .finally(() => {
+        setLoading(false);
+      });
+  };
+
+  return {
+    data,
+    updateData,
+    clearDataSource,
+    reloadCustomDataSource,
+    loading,
+    dataSnapshot: dataSnapshotRef.current,
+    reloadServiceDataSource,
+    reloadObjectDataSource,
+    dataReadyComplete,
+    setLoading,
+    setDataSnapshot,
+    setDataReadyComplete,
+    setData,
+  };
+};
+
+export default useBaseDataSource;

package/lib/public/src/hooks/useGenerateContext.ts

@@ -0,0 +1,73 @@
+import { parse } from 'qs';
+import { useMemo, useRef } from 'react';
+
+/**
+ * 生成基础上下文
+ * @param baseContext
+ */
+const useGenerateContext = (
+  props: Record<string, any>,
+  baseContext: Record<string, any> = {},
+  options: Record<string, any> = {},
+) => {
+  // 指令定时器存储
+  const actionTimerRef = useRef<Record<string, any>>({
+    timeout: {},
+    interval: {},
+  });
+
+  // 清除定时器
+  const clearActionTimer = (timerName: string) => {
+    const actionTimer = actionTimerRef.current;
+    if (actionTimer.interval?.[timerName]) {
+      clearInterval(actionTimer.interval[timerName]);
+      actionTimer.interval[timerName] = null;
+    }
+    if (actionTimer.timeout?.[timerName]) {
+      clearTimeout(actionTimer.timeout[timerName]);
+      actionTimer.timeout[timerName] = null;
+    }
+  };
+
+  // 增加指令定时器
+  const addActionTimer = (
+    type: 'interval' | 'timeout' = 'timeout',
+    timerName: string,
+    callback: () => void,
+    time: number = 0,
+  ) => {
+    const actionTimer = actionTimerRef.current;
+    clearActionTimer(type);
+    const delay = time > 0 ? +time : 0;
+    if (type === 'interval') {
+      actionTimer.interval[timerName] = setInterval(() => {
+        callback?.();
+      }, delay);
+    }
+    if (type === 'timeout') {
+      actionTimer.interval[timerName] = setTimeout(() => {
+        callback?.();
+      }, delay);
+    }
+  };
+
+  /**
+   * url参数
+   */
+  const urlParam = useMemo(() => {
+    const queryParams = parse((location?.search ?? '?')?.split('?')[1]);
+    return {
+      ...queryParams,
+      ...props.urlParam,
+    };
+  }, [props.urlParam]);
+
+  return {
+    ...baseContext,
+    urlParam,
+    clearActionTimer,
+    addActionTimer,
+  };
+};
+
+export default useGenerateContext;

package/lib/public/src/services/api/getWaterMarkByAppId.ts

@@ -0,0 +1,9 @@
+import http from '@/utils/service/baseRequest';
+import urlHelper from '@/utils/service/urlHelper';
+
+export async function getWaterMarkByAppId(appId: string) {
+  return http.get(
+    urlHelper.url('app/appPage/getWaterMarkByAppId', { appId }, { appId }),
+    { appId },
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/ebe-utils",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "",
   "keywords": [],
   "author": "",
@@ -17,7 +17,7 @@
     "@babel/parser": "^7.12.12",
     "@babel/traverse": "^7.12.12",
     "@babel/types": "^7.12.12",
-    "@lingxiteam/ebe": "0.0.7",
+    "@lingxiteam/ebe": "0.0.9",
     "cac": "^6.7.14",
     "fs-extra": "9.x"
   },