@ibiz-template/core 0.7.41-alpha.12 → 0.7.41-alpha.138

package/src/utils/color/color.ts

@@ -0,0 +1,84 @@
+/* eslint-disable no-bitwise */
+/* eslint-disable no-nested-ternary */
+const r = Math.round;
+/**
+ * @description 把颜色字符串转成RGBA数组
+ * @param {string} color 颜色字符串
+ * @returns {*}  {number[]}
+ */
+function toRGBA(color: string): number[] {
+  const l = color.length;
+  const rgba = [];
+  if (color.slice(0, 3).toLowerCase() === 'rgb') {
+    const d = color.match(/([\d|.%]{1,3})/g)!;
+    rgba[0] = parseInt(d[0], 10);
+    rgba[1] = parseInt(d[1], 10);
+    rgba[2] = parseInt(d[2], 10);
+    rgba[3] = d[3]
+      ? d[3].indexOf('%') !== -1
+        ? parseInt(d[3], 10) / 100
+        : parseFloat(d[3])
+      : 1;
+  } else {
+    let d: number;
+    if (l < 6)
+      d = parseInt(
+        String(color[1]) +
+          color[1] +
+          color[2] +
+          color[2] +
+          color[3] +
+          color[3] +
+          (l > 4 ? String(color[4]) + color[4] : ''),
+        16,
+      );
+    else d = parseInt(color.slice(1), 16);
+    rgba[0] = (d >> 16) & 255;
+    rgba[1] = (d >> 8) & 255;
+    rgba[2] = d & 255;
+    rgba[3] =
+      l === 9 || l === 5 ? r((((d >> 24) & 255) / 255) * 10000) / 10000 : 1;
+  }
+  return rgba;
+}
+
+/**
+ * @description 混合两种颜色，颜色格式支持hex和rgb，如：#46b5d555，#fff，转化结果为rgb(245 245 245 / 80%)
+ * @export
+ * @param {string} color1 颜色1
+ * @param {string} color2 颜色2
+ * @param {number} [p=0.5] 颜色1占多少百分比，小数格式
+ * @param {('hex' | 'rgb')} [format='hex'] 输出的格式，hex或rgb
+ * @returns {*}  {string}
+ */
+export function colorBlend(
+  color1: string,
+  color2: string,
+  p = 0.5,
+  format: 'hex' | 'rgb' = 'hex',
+): string {
+  color1 = color1.trim();
+  color2 = color2.trim();
+  const c1 = toRGBA(color1);
+  const c2 = toRGBA(color2);
+  const result = [
+    r((1 - p) * c1[0] + p * c2[0]),
+    r((1 - p) * c1[1] + p * c2[1]),
+    r((1 - p) * c1[2] + p * c2[2]),
+    (1 - p) * c1[3] + p * c2[3],
+  ];
+  if (format === 'hex') {
+    const hex = [
+      result[0].toString(16).padStart(2, '0'),
+      result[1].toString(16).padStart(2, '0'),
+      result[2].toString(16).padStart(2, '0'),
+      result[3] === 0
+        ? '00'
+        : r(result[3] * 255)
+            .toString(16)
+            .padStart(2, '0'),
+    ];
+    return `#${hex[0]}${hex[1]}${hex[2]}${hex[3]}`;
+  }
+  return `rgb(${result[0]} ${result[1]} ${result[2]} / ${result[3]})`;
+}

package/src/utils/cookie-util/cookie-util.ts

@@ -0,0 +1,192 @@
+import { CoreConst } from '../../constant';
+
+/**
+ * @description 获取所有的访问数据键名称
+ * @returns {string[]} 包含所有访问数据键名称的数组，如果出现错误则返回空数组
+ */
+function getAccessStoreAreakeys(): string[] {
+  try {
+    const key = CoreConst.ACCESS_STORE_AREA_KEYS;
+    let cookieAlls;
+    switch (ibiz.env.accessStoreArea) {
+      case 'LOCALSTORAGE':
+        cookieAlls = localStorage.getItem(key);
+        break;
+      case 'SESSIONSTORAGE':
+        cookieAlls = sessionStorage.getItem(key);
+        break;
+      default:
+        break;
+    }
+    return JSON.parse(cookieAlls || '[]');
+  } catch (error) {
+    ibiz.log.error(error);
+    return [];
+  }
+}
+
+/**
+ * @description 将新的访问数据键名称添加到已有的名称列表中
+ * @param {string} name 要添加的访问数据键名称
+ */
+function setAccessStoreAreakeys(name: string): void {
+  try {
+    const cookieAlls: string[] = [
+      ...new Set(getAccessStoreAreakeys().concat([name])),
+    ];
+    const key = CoreConst.ACCESS_STORE_AREA_KEYS;
+    switch (ibiz.env.accessStoreArea) {
+      case 'LOCALSTORAGE':
+        return localStorage.setItem(key, JSON.stringify(cookieAlls));
+      case 'SESSIONSTORAGE':
+        return sessionStorage.setItem(key, JSON.stringify(cookieAlls));
+      default:
+        break;
+    }
+  } catch (error) {
+    ibiz.log.error(error);
+  }
+}
+
+/**
+ * @description 设置cookie
+ * @export
+ * @param {string} name    cookie名称
+ * @param {string} value   cookie值
+ * @param {number} [day=0] 过期天数
+ * @param {boolean} [isDomain=false] 是否设置在主域下
+ * @param {string} [path='/'] 默认归属路径
+ * @param {string} [childDoMain=''] 子域,如果外部有传递，则需把cookie数据设置到传入子域上
+ */
+export function setCookie(
+  name: string,
+  value: string,
+  day = 0,
+  isDomain = false,
+  path = '/',
+  childDoMain: string = '',
+): void {
+  let domain = '';
+  setAccessStoreAreakeys(name);
+  switch (ibiz.env.accessStoreArea) {
+    case 'LOCALSTORAGE':
+      return localStorage.setItem(name, value);
+    case 'SESSIONSTORAGE':
+      return sessionStorage.setItem(name, value);
+    default:
+      // 设置cookie到主域下
+      if (isDomain) {
+        // 是否为ip正则
+        const regExpr =
+          /^(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)$/;
+        // 为ip时忽略
+        if (!regExpr.test(window.location.hostname)) {
+          const host = window.location.hostname;
+          if (host.indexOf('.') !== host.lastIndexOf('.')) {
+            domain = `;domain=${host.substring(host.indexOf('.'), host.length)}`;
+          }
+        }
+      } else if (childDoMain) {
+        domain = `;domain=${childDoMain}`;
+      }
+      // 当设置的时间等于0时，不设置expires属性，cookie在浏览器关闭后删除
+      if (day !== 0) {
+        const expires = day * 24 * 60 * 60 * 1000;
+        const date = new Date(new Date().getTime() + expires);
+        document.cookie = `${name}=${escape(
+          value,
+        )};path=${path};expires=${date.toUTCString()}${domain}`;
+      } else {
+        document.cookie = `${name}=${escape(value)};path=${path}${domain}`;
+      }
+      break;
+  }
+}
+
+/**
+ * @description 设置应用cookie
+ * @export
+ * @param {string} name 名称
+ * @param {string} value 值
+ * @param {number} [day=0] 过期天数
+ */
+export function setAppCookie(
+  name: string,
+  value: string,
+  day: number = 0,
+): void {
+  if (
+    ibiz.env.cookieDomain &&
+    window.location.href.indexOf(ibiz.env.cookieDomain) !== -1
+  ) {
+    setCookie(name, value, day, false, '/', ibiz.env.cookieDomain);
+  } else {
+    setCookie(name, value, day, true);
+  }
+}
+
+/**
+ * @description 清除应用cookie
+ * @export
+ * @param {string} cookieName
+ */
+export function clearAppCookie(cookieName: string): void {
+  if (
+    ibiz.env.cookieDomain &&
+    window.location.href.indexOf(ibiz.env.cookieDomain) !== -1
+  ) {
+    setCookie(cookieName, '', -1, false, '/', ibiz.env.cookieDomain);
+  } else {
+    setCookie(cookieName, '', -1, true);
+  }
+}
+/**
+ * @description 获取cookie
+ * @export
+ * @param {string} name
+ * @returns {*}  {(string | null)}
+ */
+export function getAppCookie(name: string): string | null {
+  const reg = new RegExp(`(^| )${name}=([^;]*)(;|$)`);
+  const arr = document.cookie.match(reg);
+  switch (ibiz.env.accessStoreArea) {
+    case 'LOCALSTORAGE':
+      return localStorage.getItem(name);
+    case 'SESSIONSTORAGE':
+      return sessionStorage.getItem(name);
+    default:
+      if (arr && arr.length > 1) {
+        return unescape(arr[2]);
+      }
+      return null;
+  }
+}
+
+/**
+ * @description 重置应用cookie
+ * @export
+ */
+export function resetAppCookie(): void {
+  const cookies = document.cookie.split(';');
+  const cookieAlls = getAccessStoreAreakeys().concat([
+    CoreConst.ACCESS_STORE_AREA_KEYS,
+  ]);
+  switch (ibiz.env.accessStoreArea) {
+    case 'LOCALSTORAGE':
+      for (const name of cookieAlls) {
+        localStorage.removeItem(name);
+      }
+      break;
+    case 'SESSIONSTORAGE':
+      for (const name of cookieAlls) {
+        sessionStorage.removeItem(name);
+      }
+      break;
+    default:
+      for (const cookie of cookies) {
+        const [cookieName, cookieValue] = cookie.split('=');
+        document.cookie = `${cookieName}=${cookieValue};expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;domain=${window.location.host}`;
+      }
+      break;
+  }
+}

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'));
+  }
+}