@ibiz-template/core 0.7.41-alpha.1 → 0.7.41-alpha.106

package/src/utils/data-type/data-types.ts

@@ -0,0 +1,93 @@
+/**
+ * @description 数据类型转换识别工具类
+ * @export
+ * @class DataTypes
+ */
+export class DataTypes {
+  /**
+   * @description 数字类型映射字符串类型
+   * @static
+   * @type {{ [p: number]: string }}
+   * @memberof DataTypes
+   */
+  static readonly typeMap: { [p: number]: string } = {
+    0: 'UNKNOWN',
+    1: 'BIGINT',
+    2: 'BINARY',
+    3: 'BIT',
+    4: 'CHAR',
+    5: 'DATETIME',
+    6: 'DECIMAL',
+    7: 'FLOAT',
+    8: 'IMAGE',
+    9: 'INT',
+    10: 'MONEY',
+    11: 'NCHAR',
+    12: 'NTEXT',
+    13: 'NVARCHAR',
+    14: 'NUMERIC',
+    15: 'REAL',
+    16: 'SMALLDATETIME',
+    17: 'SMALLINT',
+    18: 'SMALLMONEY',
+    19: 'SQL_VARIANT',
+    20: 'SYSNAME',
+    21: 'TEXT',
+    22: 'TIMESTAMP',
+    23: 'TINYINT',
+    24: 'VARBINARY',
+    25: 'VARCHAR',
+    26: 'UNIQUEIDENTIFIER',
+    27: 'DATE', // 纯日期型
+    28: 'TIME', // 纯时间
+    29: 'BIGDECIMAL', // 大数值
+  };
+
+  /**
+   * @description 是否是数值类型
+   * @static
+   * @param {number} dataType
+   * @returns {*}  {boolean}
+   * @memberof DataTypes
+   */
+  public static isNumber(dataType: number): boolean {
+    const numberTypes = [
+      'BIGINT',
+      'BINARY',
+      'DECIMAL',
+      'FLOAT',
+      'INT',
+      'MONEY',
+      'NUMERIC',
+      'REAL',
+      'SMALLINT',
+      'SMALLMONEY',
+      'TINYINT',
+      'VARBINARY',
+    ];
+    return numberTypes.includes(this.toString(dataType));
+  }
+
+  /**
+   * @description 是否是日期类型数据
+   * @static
+   * @param {number} dataType
+   * @returns {*}  {boolean}
+   * @memberof DataTypes
+   */
+  public static isDate(dataType: number): boolean {
+    const dateTypes = ['DATETIME', 'SMALLDATETIME', 'DATE', 'TIME'];
+    return dateTypes.includes(this.toString(dataType));
+  }
+
+  /**
+   * @description 获取字符串数据类型
+   * @static
+   * @param {number} dataType
+   * @returns {*}  {string}
+   * @memberof DataTypes
+   */
+  public static toString(dataType: number): string {
+    return this.typeMap[dataType];
+  }
+}

package/src/utils/download-file/download-file.ts

@@ -0,0 +1,110 @@
+/**
+ * @description 根据文件名称计算Mime类型
+ * @export
+ * @param {string} fileName
+ * @returns {*}  {string}
+ */
+export function calcMimeByFileName(fileName: string): string {
+  const ext = fileName.includes('.') ? fileName.split('.').pop() : '';
+  let mime = '';
+  switch (ext) {
+    case 'wps':
+      mime = 'application/kswps';
+      break;
+    case 'doc':
+      mime = 'application/msword';
+      break;
+    case 'docx':
+      mime =
+        'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+      break;
+    case 'txt':
+      mime = 'text/plain';
+      break;
+    case 'zip':
+      mime = 'application/zip';
+      break;
+    case 'png':
+      mime = 'image/png';
+      break;
+    case 'gif':
+      mime = 'image/gif';
+      break;
+    case 'jpeg':
+      mime = 'image/jpeg';
+      break;
+    case 'jpg':
+      mime = 'image/jpeg';
+      break;
+    case 'rtf':
+      mime = 'application/rtf';
+      break;
+    case 'avi':
+      mime = 'video/x-msvideo';
+      break;
+    case 'gz':
+      mime = 'application/x-gzip';
+      break;
+    case 'tar':
+      mime = 'application/x-tar';
+      break;
+    case 'xls':
+      mime = 'application/vnd.ms-excel';
+      break;
+    case 'xlsx':
+      mime =
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+      break;
+    case 'pdf':
+      mime = 'application/pdf';
+      break;
+    case 'html':
+      mime = 'text/html';
+      break;
+    default:
+      mime = '';
+  }
+  return mime;
+}
+
+/**
+ * @description 判断是否是图片格式
+ * @export
+ * @param {string} fileName
+ * @returns {*}  {boolean}
+ */
+export function isImage(fileName: string): boolean {
+  const ext = fileName.includes('.') ? fileName.split('.').pop() : '';
+  if (!ext) {
+    return false;
+  }
+  const imageTypes = ['jpeg', 'jpg', 'gif', 'png', 'bmp', 'svg'];
+  return imageTypes.includes(ext);
+}
+
+/**
+ * @description 纯JS触发下载文件
+ * @export
+ * @param {Blob} file
+ * @param {string} fileName
+ */
+export function downloadFileFromBlob(file: Blob, fileName: string): void {
+  // 获取文件名
+  const filetype = calcMimeByFileName(fileName);
+  // 用blob对象获取文件流
+  const blob = new Blob([file], { type: filetype });
+  // 通过文件流创建下载链接
+  const href = URL.createObjectURL(blob);
+  // 创建一个a元素并设置相关属性
+  const a = document.createElement('a');
+  a.href = href;
+  a.download = fileName;
+  // 添加a元素到当前网页
+  document.body.appendChild(a);
+  // 触发a元素的点击事件，实现下载
+  a.click();
+  // 从当前网页移除a元素
+  document.body.removeChild(a);
+  // 释放blob对象
+  URL.revokeObjectURL(href);
+}

package/src/utils/event/event.ts

@@ -0,0 +1,69 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { NOOP } from '../../constant';
+
+/**
+ * @description 计算event的composedPath返回事件路径(兼容了IE)
+ * @export
+ * @param {MouseEvent} event
+ * @returns {*}  {((EventTarget | null)[])}
+ */
+export function eventPath(event: MouseEvent): (EventTarget | null)[] {
+  const path = ((event.composedPath && event.composedPath()) ||
+    (event as any).path) as HTMLElement[] | undefined;
+
+  if (path != null) return path;
+
+  // 浏览器没有提供的，自己递归计算
+  function getParents(
+    node: HTMLElement,
+    memo: HTMLElement[] = [],
+  ): HTMLElement[] {
+    const parentNode = node.parentNode as HTMLElement | null;
+
+    return parentNode
+      ? getParents(parentNode, memo.concat([parentNode]))
+      : memo;
+  }
+
+  return [event.target].concat(getParents(event.target as HTMLElement));
+}
+
+/**
+ * @description 监听JS原生事件，返回cleanup回调，调用后删除该监听
+ * @export
+ * @param {EventTarget} target 监听对象
+ * @param {string} eventName 监听事件名称
+ * @param {(..._args: any[]) => any} listener 监听回调
+ * @param {AddEventListenerOptions} [options={}] 额外参数
+ * @returns {*}  {() => void}
+ */
+export function listenJSEvent(
+  target: EventTarget,
+  eventName: string,
+  listener: (..._args: any[]) => any,
+  options: AddEventListenerOptions = {},
+): () => void {
+  target.addEventListener(eventName, listener, options);
+
+  let cleanup = (): void => {
+    target.removeEventListener(eventName, listener, options);
+    // cleanup方法只能调用一次
+    cleanup = NOOP;
+  };
+
+  return () => {
+    cleanup();
+  };
+}
+
+/**
+ * @description event是否是在目标元素内部触发的
+ * @export
+ * @param {MouseEvent} event 原生事件
+ * @param {HTMLElement} el 目标元素
+ * @returns {*}  {boolean}
+ */
+export function isEventInside(event: MouseEvent, el: HTMLElement): boolean {
+  return el && (event.target === el || eventPath(event).includes(el));
+}

package/src/utils/history-list/history-item.ts

@@ -0,0 +1,41 @@
+import { RuntimeError } from '../../error';
+
+/**
+ * @description 历史项
+ * @export
+ * @class HistoryItem
+ * @template E
+ */
+export class HistoryItem<E> {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  static readonly Undefined = new HistoryItem<any>(undefined);
+
+  _prev: HistoryItem<E>;
+
+  _next: HistoryItem<E>;
+
+  data: E;
+
+  constructor(data: unknown = {}) {
+    this.data = data as E;
+    this._prev = HistoryItem.Undefined;
+    this._next = HistoryItem.Undefined;
+  }
+
+  /**
+   * @description 克隆整个历史链
+   * @returns {*}  {HistoryItem<E>}
+   * @memberof HistoryItem
+   */
+  clone(): HistoryItem<E> {
+    // const history = new HistoryItem<E>(clone(this.data));
+    // if (history._prev && history._prev !== HistoryItem.Undefined) {
+    //   history._prev = clone(this._prev);
+    // }
+    // if (history._next && history._next !== HistoryItem.Undefined) {
+    //   history._next = clone(this._next);
+    // }
+    // return history;
+    throw new RuntimeError(ibiz.i18n.t('core.utils.unrealized'));
+  }
+}

package/src/utils/history-list/history-list.ts

@@ -0,0 +1,137 @@
+import { clone } from 'ramda';
+import { HistoryItem } from './history-item';
+
+/**
+ * @description 数据对象历史记录，只支持纯对象形式的数据。并未支持数组
+ * @export
+ * @class HistoryList
+ * @template E
+ */
+export class HistoryList<E = IData> {
+  /**
+   * @description 当前步骤的历史记录
+   * @private
+   * @type {HistoryItem<E>}
+   * @memberof HistoryList
+   */
+  private _cur: HistoryItem<E>;
+
+  /**
+   * @description 当前的数据
+   * @readonly
+   * @type {E}
+   * @memberof HistoryList
+   */
+  get data(): E {
+    return this._cur.data;
+  }
+
+  /**
+   * Creates an instance of HistoryList.
+   * @param {E} data
+   * @memberof HistoryList
+   */
+  constructor(data: E) {
+    this._cur = new HistoryItem<E>(data);
+  }
+
+  /**
+   * @description 先创建一次历史记录，再赋值
+   * @param {IData} data
+   * @memberof HistoryList
+   */
+  assign(data: IData): void {
+    if (data) {
+      this.save();
+      Object.assign(this._cur.data!, data);
+    }
+  }
+
+  /**
+   * @description 创建一次历史记录
+   * @memberof HistoryList
+   */
+  save(): void {
+    const oldCur = this._cur;
+    // 克隆当前数据对象
+    const data = clone(oldCur.data);
+    // 新的历史对象
+    const history = new HistoryItem<E>(data);
+    // 设置新历史的上一次历史为当前历史
+    history._prev = oldCur;
+    // 将下一步的前一步置空，断开引用
+    oldCur._next._prev = HistoryItem.Undefined;
+    // 清空下一步的所有引用
+    this._clear(oldCur._next);
+    // 设置当前历史的下一次历史为新历史，如果有旧的前进步骤就干掉了
+    oldCur._next = history;
+    // 设置新历史为新历史对象
+    this._cur = history;
+  }
+
+  /**
+   * @description 上一步
+   * @returns {*}  {boolean}
+   * @memberof HistoryList
+   */
+  prev(): boolean {
+    if (this._cur._prev && this._cur._prev !== HistoryItem.Undefined) {
+      this._cur = this._cur._prev;
+      return true;
+    }
+    return false;
+  }
+
+  /**
+   * @description 下一步
+   * @returns {*}  {boolean}
+   * @memberof HistoryList
+   */
+  next(): boolean {
+    if (this._cur._next && this._cur._next !== HistoryItem.Undefined) {
+      this._cur = this._cur._next;
+      return true;
+    }
+    return false;
+  }
+
+  /**
+   * @description 清空引用，避免内存泄漏
+   * @protected
+   * @param {HistoryItem<E>} h
+   * @memberof HistoryList
+   */
+  protected _clear(h: HistoryItem<E>): void {
+    if (h._prev && h._prev !== HistoryItem.Undefined) {
+      h._prev._next = HistoryItem.Undefined;
+      this._clear(h._prev);
+      h._prev = HistoryItem.Undefined;
+    }
+    if (h._next && h._next !== HistoryItem.Undefined) {
+      h._next._prev = HistoryItem.Undefined;
+      this._clear(h._next);
+      h._next = HistoryItem.Undefined;
+    }
+    h.data = {} as E;
+  }
+
+  /**
+   * @description 禁止克隆，直接返回当前实例
+   * @protected
+   * @returns {*}  {HistoryList<E>}
+   * @memberof HistoryList
+   */
+  protected clone(): HistoryList<E> {
+    const history = new HistoryList<E>({} as E);
+    history._cur = clone(this._cur);
+    return this;
+  }
+
+  /**
+   * @description 销毁
+   * @memberof HistoryList
+   */
+  destroy(): void {
+    this._clear(this._cur);
+  }
+}

package/src/utils/index.ts

@@ -0,0 +1,24 @@
+export * from './interceptor';
+export { MessageCenter } from './message-center';
+export { Namespace } from './namespace/namespace';
+export { HttpResponse } from './net/http-response';
+export { Net } from './net/net';
+export { StringUtil } from './string-util/string-util';
+export * from './util/util';
+export * from './types/types';
+export * from './url-helper/url-helper';
+export * from './event/event';
+export { HistoryItem } from './history-list/history-item';
+export { HistoryList } from './history-list/history-list';
+export * from './click-outside/click-outside';
+export * from './color/color';
+export * from './download-file/download-file';
+export * from './upload/select-file';
+export * from './upload/upload-file';
+export * from './sync';
+export * from './style/remote-style';
+export * from './recursive/find-recursive-child';
+export { DataTypes } from './data-type/data-types';
+export * from './clone/clone';
+export { BitMask } from './bit-mask/bit-mask';
+export * from './cookie-util/cookie-util';

package/src/utils/interceptor/core-interceptor.ts

@@ -0,0 +1,127 @@
+import { InternalAxiosRequestConfig } from 'axios';
+import { getToken } from '../util/util';
+import { Interceptor } from './interceptor';
+import { getAppCookie } from '../cookie-util/cookie-util';
+import { CoreConst } from '../../constant';
+
+/**
+ * @description 核心包拦截器
+ * @export
+ * @class CoreInterceptor
+ * @extends {Interceptor}
+ */
+export class CoreInterceptor extends Interceptor {
+  /**
+   * @description 请求之前处理
+   * @protected
+   * @param {InternalAxiosRequestConfig} config
+   * @returns {*}  {Promise<InternalAxiosRequestConfig>}
+   * @memberof CoreInterceptor
+   */
+  protected async onBeforeRequest(
+    config: InternalAxiosRequestConfig,
+  ): Promise<InternalAxiosRequestConfig> {
+    config = await super.onBeforeRequest(config);
+
+    const { headers } = config;
+
+    // Set the access token.
+    const token = getToken();
+    if (token) {
+      headers.set(
+        `${ibiz.env.tokenHeader}Authorization`,
+        `${ibiz.env.tokenPrefix}Bearer ${token}`,
+      );
+    }
+
+    // Set the system ID.
+    let systemId = ibiz.env.dcSystem;
+    const { orgData } = ibiz;
+    if (orgData) {
+      if (orgData.systemid) {
+        systemId = orgData.systemid;
+      }
+      if (orgData.orgid) {
+        headers.set('srforgid', orgData.orgid);
+      }
+    }
+    headers.set('srfsystemid', systemId);
+
+    return config;
+  }
+
+  /**
+   * @description 响应失败之后处理
+   * @protected
+   * @param {Error} error
+   * @returns {*}  {Promise<never>}
+   * @memberof CoreInterceptor
+   */
+  protected async onResponseError(error: Error): Promise<never> {
+    const { config, response } = error as IData;
+    if (
+      this.instance &&
+      response?.status === 401 &&
+      config &&
+      !config._retry &&
+      config.url &&
+      // 排除获取系统信息、应用数据、刷新 token 预定义接口
+      (config.url.indexOf('/uaa/getbydcsystem/') === -1 ||
+        config.url.indexOf('/appdata') !== -1 ||
+        config.url.indexOf('/uaa/refresh_token/') !== -1)
+    ) {
+      try {
+        // 标记为已重试
+        config._retry = true;
+        // 刷新 token(匿名登录通过登录换算token，非匿名登录通过refreshToken换算新的token)
+        if (ibiz.env.enableAnonymous) {
+          const authInfo = (ibiz as IData).auth.getAuthInfo();
+          const refreshToken = getAppCookie(CoreConst.REFRESH_TOKEN);
+          // 匿名登录、匿名登录无refreshToken情况通过登录换算token
+          if (authInfo.isAnonymous || !refreshToken) {
+            const tempOrgData = ibiz.orgData;
+            await (ibiz as IData).auth.anonymousLogin();
+            ibiz.orgData = tempOrgData;
+          } else {
+            await (ibiz as IData).auth.refreshToken();
+          }
+        } else {
+          await (ibiz as IData).auth.refreshToken();
+        }
+        // 重新加载应用数据
+        const res = await ibiz.net.get(
+          '/appdata',
+          (ibiz as IData).appUtil?.getAppContext(),
+        );
+        if (res && res.ok) {
+          ibiz.appData = res.data;
+        }
+        // 重新发起原始请求
+        const { headers } = config;
+        const token = getToken();
+        if (token) {
+          headers.set(
+            `${ibiz.env.tokenHeader}Authorization`,
+            `${ibiz.env.tokenPrefix}Bearer ${token}`,
+          );
+        }
+        let systemId = ibiz.env.dcSystem;
+        const { orgData } = ibiz;
+        if (orgData) {
+          if (orgData.systemid) {
+            systemId = orgData.systemid;
+          }
+          if (orgData.orgid) {
+            headers.set('srforgid', orgData.orgid);
+          }
+        }
+        headers.set('srfsystemid', systemId);
+        return this.instance(config);
+      } catch (err) {
+        return Promise.reject(error);
+      }
+    }
+    // 处理响应错误
+    return Promise.reject(error);
+  }
+}

package/src/utils/interceptor/index.ts

@@ -0,0 +1,2 @@
+export * from './core-interceptor';
+export * from './interceptor';