@lingxiteam/ebe-utils 0.0.1

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

@@ -0,0 +1,41 @@
+import isFunction from 'lodash/isFunction';
+import { useCallback, useRef, useState } from 'react';
+
+const nextTick = () => {
+  return Promise.resolve();
+};
+
+export type SetState<S extends Record<string, any>> = <K extends keyof S>(
+  state?: Pick<S, K> | null,
+) => Promise<S>;
+
+const useSetState = <S extends Record<string, any>>(
+  initialState?: S | (() => S) | undefined,
+): [S | undefined, SetState<S>] => {
+  const [, forceUpdate] = useState({});
+  const stateRef = useRef<any>(
+    typeof initialState === 'function' ? initialState() : initialState,
+  );
+
+  /**
+   * 更新数据
+   */
+  const setMergeState = useCallback((patch: any) => {
+    const prevState = stateRef.current;
+    if (!stateRef.current) {
+      stateRef.current = {};
+    }
+    const newState = isFunction(patch) ? patch(prevState) : patch;
+    if (newState) {
+      Object.keys(newState).forEach((key) => {
+        stateRef.current[key] = newState[key];
+      });
+      forceUpdate({});
+    }
+    return nextTick().then(() => stateRef.current);
+  }, []);
+
+  return [stateRef.current, setMergeState];
+};
+
+export default useSetState;

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

@@ -0,0 +1,27 @@
+import isFunction from 'lodash/isFunction';
+import { useCallback, useRef, useState } from 'react';
+
+const nextTick = () => {
+  return Promise.resolve();
+};
+
+const useSyncState = <S>(initialState: S): [S, (patch: S) => Promise<S>] => {
+  const [state, setState] = useState(initialState);
+  const stateRef = useRef<S>(initialState);
+
+  stateRef.current = state;
+
+  /**
+   * 更新数据
+   */
+  const setMergeState = useCallback((patch: any) => {
+    const prevState = stateRef.current;
+    stateRef.current = isFunction(patch) ? patch(prevState) : patch;
+    setState(stateRef.current);
+    return nextTick().then(() => stateRef.current);
+  }, []);
+
+  return [stateRef.current, setMergeState];
+};
+
+export default useSyncState;

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

@@ -0,0 +1,82 @@
+interface TransSuperObjectParams {
+  refs: Record<string, any>;
+  dataSnapshot: Record<string, any>;
+  data?: Record<string, any>;
+  sceneCode?: string;
+}
+
+const transInsts = (v: any[]) => {
+  if (Array.isArray(v)) {
+    // 表格自动生成行主键时，需剔除行主键
+    v.forEach((_v) => {
+      if (_v.__RowId__) {
+        delete _v.__RowId__;
+      }
+    });
+    // 表格绑定数据源时，添加空白行会先往数据源中添加空对象占位，故此处需删掉空白对象占位
+    return v.filter((_v) => Object.keys(_v).length);
+  }
+  if (v) {
+    return [v];
+  }
+  return [];
+};
+
+const useTransSuperObjectParams = (params: TransSuperObjectParams) => {
+  const { refs, dataSnapshot, data = {}, sceneCode = 'U' } = params;
+
+  const transSuperObjectParams = async (
+    busiObjectIdMap: Record<
+      string,
+      { formId?: string; busiObjectId?: string }
+    > = {},
+    extServices: { sceneCode: string; actionCode: string }[] = [],
+  ) => {
+    const params = {
+      busiObjectIds: Object.values(busiObjectIdMap)
+        .map((item) => item.busiObjectId)
+        .filter(Boolean),
+      sceneCode,
+      originalInsts: {},
+      insts: {},
+    } as Record<string, any>;
+
+    const dataSourceNames = Object.keys(busiObjectIdMap);
+    for (let index = 0; index < dataSourceNames.length; index++) {
+      const name = dataSourceNames[index];
+      const { formId, busiObjectId } = busiObjectIdMap[name];
+      if (busiObjectId) {
+        params.originalInsts[busiObjectId] = transInsts(dataSnapshot[name]);
+        if (formId) {
+          const formDataSoure = await refs[formId]?.validateFormAndScroll();
+          // 说明是表单形式作为提交相应的值
+          if (formDataSoure) {
+            params.insts[busiObjectId] = transInsts(
+              Object.assign({}, data[name], formDataSoure),
+            );
+          } else {
+            // 其它形式，比如数组
+            params.insts[busiObjectId] = transInsts(data[name]);
+          }
+        }
+      }
+    }
+    // 扩展服务处理, 判断当前场景是否命中扩展服务
+    if (extServices?.length) {
+      const item = extServices.find((i) => i.sceneCode === sceneCode);
+      if (item) {
+        Object.assign(params, {
+          sceneCode: item.sceneCode !== 'U' ? item.sceneCode : 'A', // 不限默认是新增
+          actionCode: item.actionCode,
+        });
+      }
+    }
+    return params;
+  };
+
+  return {
+    transSuperObjectParams,
+  };
+};
+
+export default useTransSuperObjectParams;

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

@@ -0,0 +1,14 @@
+import { useEffect, useRef } from 'react';
+
+const useUnmountedRef = () => {
+  const unmountedRef = useRef(false);
+  useEffect(() => {
+    unmountedRef.current = false;
+    return () => {
+      unmountedRef.current = true;
+    };
+  }, []);
+  return unmountedRef;
+};
+
+export default useUnmountedRef;

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

@@ -0,0 +1,16 @@
+import { useEffect, useRef } from 'react';
+
+const useUpdateEffect: typeof useEffect = (effect, deps) => {
+  const isMounted = useRef(false);
+
+  // eslint-disable-next-line consistent-return
+  useEffect(() => {
+    if (!isMounted.current) {
+      isMounted.current = true;
+    } else {
+      return effect();
+    }
+  }, deps);
+};
+
+export default useUpdateEffect;

package/lib/public/src/pages/_preview/index.tsx

@@ -0,0 +1,23 @@
+import { useLocation } from 'alita';
+import { parse } from 'qs';
+import { useMemo } from 'react';
+
+import BannerModal from '@/components/common/BannerModal';
+
+const PreviewFile = () => {
+  // const { fileIds = '', fileIndex, appId, pageId } = getSearchObj();
+
+  const location = useLocation();
+  const { fileIds = '', fileIndex } = parse(
+    (location?.search ?? '?')?.split('?')[1],
+  );
+  const fileList = useMemo(
+    () => (fileIds.split(',') || []).map((id: string) => ({ fileId: id })),
+    [fileIds],
+  );
+  return (
+    <BannerModal fileList={fileList} fileIndex={fileIndex} viewMode="newTab" />
+  );
+};
+
+export default PreviewFile;

package/lib/public/src/services/README.md

@@ -0,0 +1,32 @@
+# 如何使用
+
+```tsx
+import { findAppConfig } from '@/services/api/appConfig';
+import { useRequest } from 'alita';
+
+export default () => {
+  const { data, error, loading } = useRequest(() =>
+    findAppConfig({}, { appId: '868681578956083200' }),
+  );
+  if (loading) {
+    return <div>loading...</div>;
+  }
+  if (error) {
+    return <div>{error.message}</div>;
+  }
+  return <div>{data.name}</div>;
+};
+```
+
+或者
+
+```tsx
+import { findAppConfig } from '@/services/api/appConfig';
+import { useRequest } from 'alita';
+
+export default () => {
+  const xx = () => {
+    findAppConfig({}, { appId: '868681578956083200' }).then();
+  };
+};
+```

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

@@ -0,0 +1,21 @@
+import service from '@/utils/service/commonFetch';
+import { RequestOptions } from '../../utils/service/baseRequest';
+import { SERVICE_SOURCE_PARAMS } from '../type';
+
+export default (
+  _source: string,
+  method: 'get' | 'post' | 'put' | 'delete',
+  url: string,
+  params: Record<string, any>,
+  extraParams?: Record<string, any>,
+  options?: RequestOptions,
+) => {
+  let param = params;
+  if (Array.isArray(param[SERVICE_SOURCE_PARAMS[_source]])) {
+    param = param[SERVICE_SOURCE_PARAMS[_source]].map((p: any) => ({
+      ...param,
+      [SERVICE_SOURCE_PARAMS[_source]]: p,
+    }));
+  }
+  return service.commonFetch(method, url, param, extraParams, options);
+};

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

@@ -0,0 +1,59 @@
+import http from '@/utils/service/baseRequest';
+import resolveApiPath from '@/utils/service/resolveApiPath';
+import urlHelper from '@/utils/service/urlHelper';
+import { HTTPMehodFn, ReturnStringFn } from '../type';
+
+interface ApiType {
+  exportSqlDatasApiPath: ReturnStringFn;
+  exportInstsApiPath: ReturnStringFn;
+  exportMultiServiceResultPath: ReturnStringFn;
+  // 导出sql（异步）
+  exportSqlDatasByAsync: HTTPMehodFn;
+  // 自定义导出（异步）
+  exportMultiServiceResultByAsync: HTTPMehodFn;
+  // 导出业务对象（异步）
+  exportInstsByAsync: HTTPMehodFn;
+  // 根据 busiObjectId 获取业务对象字段
+  queryBusiObjectRowColumns: HTTPMehodFn;
+  // 导出失败数据文件
+  getFailedWorkBook: HTTPMehodFn;
+  // 获取业务对象导入模板
+  getWorkBookTemplate: HTTPMehodFn;
+  // 导入业务对象属性
+  importInsts: string;
+  // 获取导出进度
+  getImportExportApply: HTTPMehodFn;
+}
+
+const api: ApiType = {
+  exportSqlDatasApiPath: () => resolveApiPath('app/sql/exportSqlDatas'),
+  exportInstsApiPath: () => resolveApiPath('app/object/exportInsts'),
+  exportMultiServiceResultPath: () =>
+    resolveApiPath('app/object/exportMultiServiceResult'),
+  // 导出sql（异步）
+  exportSqlDatasByAsync: (params, appCtx) =>
+    http.post('app/sql/exportSqlDatasByAsync', appCtx, params),
+  // 自定义导出（异步）
+  exportMultiServiceResultByAsync: (params, appCtx) =>
+    http.post('app/object/exportMultiServiceResultByAsync', appCtx, params),
+  // 导出业务对象（异步）
+  exportInstsByAsync: (params, appCtx) =>
+    http.post('app/object/exportInstsByAsync', appCtx, params),
+  // 根据 busiObjectId 获取业务对象字段
+  queryBusiObjectRowColumns: (params, appCtx) =>
+    urlHelper.get('app/object/queryBusiObjectRowColumns', params, appCtx),
+  // 导出失败数据文件
+  getFailedWorkBook: (params, appCtx) =>
+    http.post('app/object/getFailedWorkBook', appCtx, params),
+  // 获取业务对象导入模板
+  getWorkBookTemplate: (params, appCtx) =>
+    http.post('app/object/getWorkBookTemplate', appCtx, params, {
+      responseType: 'blob',
+    }), // 导入业务对象属性
+  importInsts: resolveApiPath('app/object/importInsts'),
+  // 获取导出进度
+  getImportExportApply: (params, appCtx) =>
+    urlHelper.get('app/object/getImportExportApply', params, appCtx),
+};
+
+export default api;

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

@@ -0,0 +1,50 @@
+// eslint-disable-next-line import/no-named-as-default, import/no-named-as-default-member
+
+import security from '@/utils/Security';
+import http from '@/utils/service/baseRequest';
+import resolveApiPath from '@/utils/service/resolveApiPath';
+import urlHelper from '@/utils/service/urlHelper';
+import { batchDownloadFileByIdsFn, HTTPMehodFn, ReturnStringFn } from '../type';
+interface ApiType {
+  // 批量下载文件
+  batchDownloadFileByIds: batchDownloadFileByIdsFn;
+  routePreviewFileById: ReturnStringFn<1>;
+  // 预览文件
+  previewFileById: ReturnStringFn<2>;
+  // 解压预览
+  getZipFileNode: HTTPMehodFn;
+  // 预览压缩包的文件
+  viewZipFile: HTTPMehodFn;
+  // 预览文件接口
+  viewFile: HTTPMehodFn;
+}
+// TODO：记得删appID，测试时放着
+const api: ApiType = {
+  // 预览文件接口
+  viewFile: (params, appCtx) =>
+    urlHelper.get('app/filePreview/viewFile', params, appCtx),
+  // 预览文件
+  previewFileById: (fileId) =>
+    resolveApiPath(
+      security.createHttpSignWithUrl(`app/file/file/id/${fileId}`),
+    ),
+  // 获取压缩包解压后的文件结构
+  getZipFileNode: (params, appCtx) =>
+    urlHelper.get('app/filePreview/getZipFileNode', params, appCtx),
+  // 预览压缩包的文件
+  viewZipFile: (params, appCtx) =>
+    http.post('app/filePreview/viewZipFile', appCtx, params),
+  routePreviewFileById: (params = {}) => {
+    const { fileId } = params;
+    return `#/_preview?fileId=${fileId}`;
+  },
+  // 批量下载文件
+  batchDownloadFileByIds: (fileIds, config) =>
+    resolveApiPath(
+      `/app/file/batchDownload?fileIds=${fileIds}${
+        config?.zip ? '&zip=true' : ''
+      }`,
+    ),
+};
+
+export default api;

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

@@ -0,0 +1,14 @@
+import http, { AppCtxType } from '@/utils/service/baseRequest';
+import urlHelper from '@/utils/service/urlHelper';
+
+// 根据appId查询应用实例
+// findAppConfig: (params, appCtx) => http.get(urlHelper.url('app/app/findAppConfig', params, appCtx), appCtx),
+export async function findAppConfig(
+  params: { [key: string]: any },
+  appCtx: AppCtxType,
+) {
+  return http.get(
+    urlHelper.url('app/appPage/findAppPolymerizationInfo', params, appCtx),
+    appCtx,
+  );
+}

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

@@ -0,0 +1,14 @@
+import { APPID } from '@/constants';
+import security from '@/utils/Security';
+import resolveApiPath from '@/utils/service/resolveApiPath';
+// 根据文件编码获取地址
+// getAppFileUrlByFileCode: (fileCode, appCtx) => resolveApiPath(security.httpEncryption.buildXSignUrl(
+//   `app/file/appFileResource/downloadFileByFileCode?ZSMART-LOCALE=${appCtx.language}&appId=${appCtx.appId}&fileCode=${fileCode}&X-B-AUTH=1&X-B-TARGET-ID=${appCtx.pageId}`
+// )),
+export function getAppFileUrlByFileCode(fileCode: string) {
+  return resolveApiPath(
+    security.createHttpSignWithUrl(
+      `app/file/appFileResource/downloadFileByFileCode?ZSMART-LOCALE=zh-cn&appId=${APPID}&fileCode=${fileCode}&X-B-AUTH=1&X-B-TARGET-ID=`,
+    ),
+  );
+}

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

@@ -0,0 +1,38 @@
+import security from '@/utils/Security';
+import serviceApi from '@/utils/service/commonFetch';
+import resolveApiPath from '@/utils/service/resolveApiPath';
+import urlHelper from '../../utils/service/urlHelper';
+import batchInsert from './batchInsert';
+import { getAppFileUrlByFileCode } from './getAppFileUrlByFileCode';
+
+export const api = {
+  batchInsert,
+  resolveApiPath,
+  getAppFileUrlByFileCode,
+  commonFetch: serviceApi.commonFetch,
+  getSqlQueryColumns: (params) =>
+    urlHelper.get('app/sql/getSqlQueryColumns', params),
+  batchGetAppStaticAttr: (params: any) =>
+    urlHelper.get('app/appAttr/batchGetAppStaticAttr', params),
+  uploadSingleFile: () => resolveApiPath('app/file/uploadSingleFile'),
+  getAppFileUrlById: (params: any, appCtx = {} as any) => {
+    const { pageId, appId, language } = appCtx;
+
+    let url = `app/file/download?ZSMART-LOCALE=${language}&appId=${appId}`;
+
+    if (pageId) {
+      url = `${url}&X-B-AUTH=1&X-B-TARGET-ID=${pageId}`;
+    }
+
+    let urlParam = '';
+    if (Object.prototype.toString.call(params) === '[object Object]') {
+      Object.keys(params).forEach((key) => {
+        urlParam += `&${key}=${params[key]}`;
+      });
+    } else {
+      urlParam = `&fileId=${params}`;
+    }
+
+    return resolveApiPath(security.createHttpSignWithUrl(`${url}${urlParam}`));
+  },
+};

package/lib/public/src/services/type.ts

@@ -0,0 +1,51 @@
+import { AppCtxType } from '@/utils/service/baseRequest';
+
+export type batchDownloadFileByIdsFn = (
+  fileIds: string,
+  config: { zip?: boolean },
+) => string;
+export type ReturnStringFn<N = 0> = N extends 0
+  ? () => string
+  : N extends 1
+  ? (params: any) => string
+  : N extends 2
+  ? (params: any, ctx: AppCtxType) => string
+  : N extends 3
+  ? (params: any, ctx: AppCtxType, e: any) => string
+  : never;
+export type HTTPMehodFn = (
+  params: any,
+  ctx?: AppCtxType,
+  ...e: any[]
+) => Promise<any> | string;
+
+export const SERVICE_SOURCE = {
+  // 服务来源
+  APP: 'app',
+  // 应用内部 & 模型生成
+  QUERY: 'query',
+  // 解析服务
+  STD: 'std',
+  // 编排服务
+  INNER: 'inner',
+  // 高代码服务
+  PLATFORM: 'platform',
+  // 平台服务
+  ATOM: 'atom',
+  // 外部服务(低代码运营平台的原子服务)
+  RHIN: 'rhin',
+  // 业务运营服务
+  SCENE: 'scene',
+  // 业务运营场景服务
+  OBJECT: 'object', // 业务对象生成服务
+  SUPER: 'super', // 动态查询通用服务
+};
+
+export const SERVICE_SOURCE_PARAMS = {
+  [SERVICE_SOURCE.ATOM]: 'serviceProviderRequest',
+  [SERVICE_SOURCE.QUERY]: 'params',
+  [SERVICE_SOURCE.STD]: 'parameters',
+  [SERVICE_SOURCE.RHIN]: 'serviceRequest',
+  [SERVICE_SOURCE.SCENE]: 'serviceRequest',
+  [SERVICE_SOURCE.OBJECT]: 'attrs',
+};

package/lib/public/src/styles/common.less

@@ -0,0 +1,41 @@
+// 容器内容为空占位box
+.ued-empty-box {
+  width: 100%;
+  min-height: 60px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1 1 auto;
+  font-size: 16px;
+  color: rgba(28, 36, 46, 0.45);
+  background: #f2f3f5;
+  border: 1px dotted rgba(0, 0, 0, 0.15);
+}
+
+.ued-m-empty-box {
+  position: absolute;
+  left: 12px;
+  right: 12px;
+  top: 12px;
+  bottom: 12px;
+  min-height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  font-size: 16px;
+  color: rgba(28, 36, 46, 0.45);
+  background: #f2f3f5;
+  border: 1px dotted rgba(0, 0, 0, 0.15);
+}
+
+.TEXT_ELLIPSIS {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.@{ant-prefix}-spin-nested-loading > div > .@{ant-prefix}-spin {
+  min-height: 50px;
+}

package/lib/public/src/styles/index.less

@@ -0,0 +1,4 @@
+@prefix: engine;
+@import (reference) '~antd/es/style/themes/default.less';
+@import url('./theme/variables.less');
+@import url('./common.less');

package/lib/public/src/styles/index.ts

@@ -0,0 +1 @@
+export const prefix = 'engine';

package/lib/public/src/styles/theme/variables.less

@@ -0,0 +1,130 @@
+// 基准灰色
+@gray-base: #000;
+@gray-1: mix(@gray-base, #fff, 100%);
+@gray-2: mix(@gray-base, #fff, 85%);
+@gray-3: mix(@gray-base, #fff, 65%);
+@gray-4: mix(@gray-base, #fff, 45%);
+@gray-5: mix(@gray-base, #fff, 25%);
+@gray-6: mix(@gray-base, #fff, 15%);
+@gray-7: mix(@gray-base, #fff, 10%);
+@gray-8: mix(@gray-base, #fff, 5%);
+@gray-9: mix(@gray-base, #fff, 2%);
+@gray-10: mix(@gray-base, #fff, 0%);
+
+// 主题色
+@primary-color: #2a71eb;
+@success-color: #2cb82c;
+@danger-color: #f52230;
+@warning-color: #f47a1d;
+
+// 背景
+@bg-default: #fff;
+@bg-gray: #f5f7f9;
+@bg-hover: rgba(65, 105, 225, 0.08);
+@box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
+@box-hover-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.08);
+@bg-sider: #0f121f;
+
+// 间距
+@padding: 4px;
+@padding-xs: 6px; // 6px
+@padding-s: @padding*2; // 8px
+@padding-m: @padding*3; // 12px
+@padding-l: @padding*4; // 16px
+@padding-xl: @padding*10; // 40px
+@padding-xxl: @padding-xl*2; // 72px
+
+// 文字大小
+@font-size-sm: 12px;
+@font-size-base: 14px;
+@font-size-md: 16px;
+@font-size-lg: 18px;
+@font-size-xl: 20px;
+@font-size-heading: 24px;
+@font-size-strong: 32px;
+@font-weight: 500;
+
+// 文字颜色
+@base-color: #fff;
+@color-text-title: #1c242e; // 标题
+@color-text-base: rgba(28, 36, 46, 0.85); // 基本
+@color-text-paragraph: rgba(28, 36, 46, 0.65); // 段落
+@color-text-secondary: rgba(28, 36, 46, 0.45); // 辅助色
+@color-text-sub: rgba(28, 36, 46, 0.45); // 副标题色
+@color-text-base-inverse: #fff; // 基本 - 反色
+@color-text-strong: @danger-color; //价格、强调的数值，包含单位
+@color-link: @primary-color; // 链接
+@color-link-inverse: #f3af61; // 链接
+
+// 线条
+@border-color: rgba(28, 36, 46, 0.15);
+@dividing-color: rgba(28, 36, 46, 0.1);
+
+// 圆角
+@border-radius-base: 4px;
+@border-radius-sm: 2px;
+
+// 侧边栏
+@sidebar-selected-color: @color-text-title;
+@sidebar-selected-bg: rgba(68, 119, 238, 0.1);
+
+// 事件树
+@event-head-panel: #fff;
+@event-body-panel: #fff;
+@event-foot-panel: #fff;
+@event-btn-color: @color-text-base-inverse;
+@event-color: #47e;
+@action-color: #11c9ac;
+@cycle-color: #e8b339;
+@condition-color: #f759ab;
+@elseIf-color: #45d7ef;
+@callback-color: #a25fff;
+@shielding-color: rgba(28, 36, 46, 0.25);
+@event-line-color: #e5e5e5;
+@action-line-height: 28px;
+@action-table-line-height: 24px;
+
+@input-border-color: @gray-7;
+
+// 清除浮动
+.clearfix {
+  &::before,
+  &::after {
+    content: ' ';
+    display: table;
+  }
+
+  &::after {
+    clear: both;
+  }
+}
+
+.textEllipsis {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.HeightOverflowY {
+  flex: 1 1 auto;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.flexModal {
+  top: 40px;
+  padding-bottom: @padding-l;
+
+  .@{ant-prefix}-modal-content {
+    min-height: 320px;
+    max-height: calc(100vh - 80px);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .@{ant-prefix}-modal-body {
+    flex: 1 1 auto;
+    overflow-y: auto;
+  }
+}