@ibiz-template/core 0.6.0 → 0.6.1-dev.1

package/src/utils/click-outside/click-outside.ts

@@ -1,110 +0,0 @@
-import { RuntimeError } from '../../error';
-import {
-  OnClickOutsideHandler,
-  OnClickOutsideOptions,
-  OnClickOutsideResult,
-} from '../../interface';
-import { eventPath, isEventInside, listenJSEvent } from '../event/event';
-
-const defaultWindow = typeof window !== 'undefined' ? window : undefined;
-
-/**
- * 监听目标元素之外的点击事件回调
- *
- * @author lxm
- * @date 2022-10-28 18:10:25
- * @export
- * @param {HTMLElement} target 目标元素
- * @param {OnClickOutsideHandler} handler 触发的时间回调
- * @param {OnClickOutsideOptions} [options={}] 额外配置参数
- * @returns {*}  {OnClickOutsideResult}
- */
-export function onClickOutside(
-  target: HTMLElement,
-  handler: OnClickOutsideHandler,
-  options: OnClickOutsideOptions = {},
-): OnClickOutsideResult {
-  const { window = defaultWindow, ignore = [], capture = true } = options;
-
-  if (!target) throw new RuntimeError('target元素不存在');
-  if (!window) throw new RuntimeError('找不到window');
-
-  /** 是否需要监听，为false时handler不会执行 */
-  let shouldListen = true;
-
-  /**
-   * 判断event的触发是否是在元素的外部(排除了ignore元素)
-   * @param event 事件对象
-   * @returns
-   */
-  const isOutside = (event: MouseEvent): boolean => {
-    // 有一个判断是在内部，则不算外部，返回false
-    return ![target, ...ignore].some(el => {
-      return isEventInside(event, el);
-    });
-  };
-
-  /** 暂停，所有监听的回调都不执行，用于增强某些ignore无法实现的场景 */
-  let isPaused = false;
-  const pause = (): void => {
-    isPaused = true;
-  };
-  const proceed = (): void => {
-    isPaused = false;
-  };
-
-  /** pointerup延时触发标识 */
-  let fallback: number;
-
-  /**
-   * 事件监听处理回调
-   * @param event 事件对象
-   * @returns
-   */
-  const listener = (event: MouseEvent): void => {
-    if (isPaused) return;
-    window.clearTimeout(fallback);
-
-    // 当需要监听并且最终触发在外部时才需要执行回调
-    if (!(shouldListen && isOutside(event))) return;
-
-    handler(event);
-  };
-
-  // 鼠标左键单击先后触发pointerdown,pointerup,click
-  // 鼠标右键单击先后触发pointerdown,pointerup
-  const cleanups = [
-    listenJSEvent(window, 'click', listener, { passive: true, capture }),
-    listenJSEvent(
-      window,
-      'pointerdown',
-      e => {
-        if (isPaused) return;
-        // 当pointerdown是在内部触发则不需要后续监听
-        shouldListen = isOutside(e);
-      },
-      { passive: true },
-    ),
-    listenJSEvent(
-      window,
-      'pointerup',
-      e => {
-        if (isPaused) return;
-        // 鼠标左键触发才执行
-        if (e.button === 0) {
-          // 锁死结果避免延时执行时变更
-          const path = eventPath(e);
-          e.composedPath = (): (EventTarget | null)[] => path;
-          fallback = window.setTimeout(() => listener(e), 50);
-        }
-      },
-      { passive: true },
-    ),
-  ].filter(Boolean);
-
-  /**
-   * 停止事件监听，移除监听
-   */
-  const stop = (): void => cleanups.forEach(fn => fn());
-  return { stop, pause, proceed };
-}

package/src/utils/clone/clone.ts

@@ -1,43 +0,0 @@
-import { cloneDeepWith, cloneWith, isFunction, isObject } from 'lodash-es';
-import { mergeDeepRight } from 'ramda';
-
-/**
- * 自定义克隆逻辑，有clone方法的拿clone方法，否则直接用lodash的clone
- * @author lxm
- * @date 2023-10-25 06:12:23
- * @param {unknown} value
- * @return {*}  {unknown}
- */
-function customizeFn<T>(value: T): T | undefined {
-  if (isObject(value) && isFunction((value as IData).clone)) {
-    return (value as IData).clone();
-  }
-}
-
-export type CloneOpts = {
-  deep?: boolean;
-};
-
-const DefaultCloneOpts: CloneOpts = {
-  deep: true,
-} as const;
-
-/**
- * 克隆方法（如果对象有clone方法会用clone方法调用clone）
- * @author lxm
- * @date 2023-10-25 06:24:18
- * @export
- * @template T
- * @param {readonly} value
- * @param {*} T
- * @param {*} []
- * @param {CloneOpts} [opts]
- * @return {*}  {T[]}
- */
-export function clone<T>(value: T, opts?: CloneOpts): T {
-  const options = mergeDeepRight(DefaultCloneOpts, opts || {})!;
-  if (options.deep) {
-    return cloneDeepWith(value, customizeFn);
-  }
-  return cloneWith(value, customizeFn);
-}

package/src/utils/color/color.ts

@@ -1,84 +0,0 @@
-/* eslint-disable no-bitwise */
-/* eslint-disable no-nested-ternary */
-const r = Math.round;
-
-/**
- * 把颜色字符串转成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;
-}
-
-/**
- * 混合两种颜色，颜色格式支持hex和rgb
- * 如：#46b5d555，#fff
- * rgb(245 245 245 / 80%)
- *
- * @param {string} color1 颜色1
- * @param {string} color2 颜色2
- * @param {number} [p=0.5] 颜色1占多少百分比，小数格式
- * @param {("hex" | "rgb")} [format="hex"] 输出的格式，hex或rgb
- * @returns {*}
- */
-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),
-      result[1].toString(16),
-      result[2].toString(16),
-      result[3] === 0 ? '00' : r(result[3] * 255).toString(16),
-    ];
-    return `#${hex[0]}${hex[1]}${hex[2]}${hex[3]}`;
-  }
-  return `rgb(${result[0]} ${result[1]} ${result[2]} / ${result[3]})`;
-}

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

@@ -1,99 +0,0 @@
-/**
- * 数据类型转换识别工具类
- * @author lxm
- * @date 2023-08-25 04:33:49
- * @export
- * @class DataTypes
- */
-export class DataTypes {
-  /**
-   * 数字类型映射字符串类型
-   * @author lxm
-   * @date 2023-08-25 04:49:52
-   * @static
-   * @type {{ [p: number]: string }}
-   */
-  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', // 大数值
-  };
-
-  /**
-   * 是否是数值类型
-   * @author lxm
-   * @date 2023-08-25 04:53:30
-   * @static
-   * @param {number} dataType 数据类型（数值）
-   * @return {*}  {boolean}
-   */
-  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));
-  }
-
-  /**
-   * 是否是日期类型数据
-   *
-   * @static
-   * @param {number} dataType
-   * @return {*}
-   * @memberof DataTypes
-   */
-  public static isDate(dataType: number): boolean {
-    const dateTypes = ['DATETIME', 'SMALLDATETIME', 'DATE', 'TIME'];
-    return dateTypes.includes(this.toString(dataType));
-  }
-
-  /**
-   * 获取字符串数据类型
-   * @author lxm
-   * @date 2023-08-25 04:53:58
-   * @static
-   * @param {number} dataType 数据类型（数值）
-   * @return {*}  {string}
-   */
-  public static toString(dataType: number): string {
-    return this.typeMap[dataType];
-  }
-}

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

@@ -1,109 +0,0 @@
-/**
- * 根据文件名称计算Mime类型
- *
- * @author lxm
- * @date 2022-11-16 22:11:02
- * @export
- * @param {string} fileName
- * @returns {*}
- */
-export function calcMimeByFileName(fileName: string): string {
-  const ext = 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 '.xlsx':
-      mime = 'application/vnd.ms-excel';
-      break;
-    default:
-      mime = '';
-  }
-  return mime;
-}
-
-/**
- * 判断是否是图片格式
- *
- * @author lxm
- * @date 2022-11-21 13:11:23
- * @export
- * @param {string} fileName
- * @returns {*}  {boolean}
- */
-export function isImage(fileName: string): boolean {
-  const ext = fileName.split('.').pop();
-  if (!ext) {
-    return false;
-  }
-  const imageTypes = ['.jpeg', 'jpg', 'gif', 'png', 'bmp', 'svg'];
-  return imageTypes.includes(ext);
-}
-
-/**
- * 纯JS触发下载文件
- *
- * @author lxm
- * @date 2022-11-16 22:11:24
- * @export
- * @param {Blob} file 文件流Blob
- * @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

@@ -1,77 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import { NOOP } from '../../constant';
-
-/**
- * 计算event的composedPath返回事件路径(兼容了IE)
- *
- * @author lxm
- * @date 2022-10-28 17:10:14
- * @param {MouseEvent} event
- * @returns {*}
- */
-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));
-}
-
-/**
- * 监听JS原生事件，返回cleanup回调，调用后删除该监听
- *
- * @author lxm
- * @date 2022-10-28 18:10:36
- * @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();
-  };
-}
-
-/**
- * event是否是在目标元素内部触发的
- *
- * @author lxm
- * @date 2022-10-31 11:10:49
- * @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

@@ -1,45 +0,0 @@
-import { clone } from 'ramda';
-
-/**
- * 历史项
- *
- * @author chitanda
- * @date 2023-12-28 21:12:38
- * @export
- * @class History
- * @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;
-  }
-
-  /**
-   * 克隆整个历史链
-   *
-   * @author chitanda
-   * @date 2023-12-28 23:12:56
-   * @return {*}  {HistoryItem<E>}
-   */
-  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;
-  }
-}