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

package/src/utils/message-center/message-center.ts

@@ -0,0 +1,77 @@
+import { IMessageCenter, IPortalMessage } from '../../interface';
+import { MessageAll } from './base/message-all';
+import { MessageCommand } from './command/message-command';
+import { MessageConsole } from './console/message-console';
+import { MessageError } from './error/message-error';
+
+/**
+ * @description 界面消息中心
+ * @export
+ * @class MessageCenter
+ * @implements {IMessageCenter}
+ */
+export class MessageCenter implements IMessageCenter {
+  /**
+   * @description 所有消息
+   * @protected
+   * @type {MessageAll}
+   * @memberof MessageCenter
+   */
+  protected all: MessageAll = new MessageAll();
+
+  /**
+   * @description 指令消息
+   * @type {MessageCommand}
+   * @memberof MessageCenter
+   */
+  readonly command: MessageCommand = new MessageCommand(this.all);
+
+  /**
+   * @description 日志消息
+   * @type {MessageConsole}
+   * @memberof MessageCenter
+   */
+  readonly console: MessageConsole = new MessageConsole(this.all);
+
+  /**
+   * @description 错误消息
+   * @type {MessageError}
+   * @memberof MessageCenter
+   */
+  readonly error: MessageError = new MessageError(this.all);
+
+  /**
+   * @description 发送消息
+   * @param {IPortalMessage} msg 消息
+   * @memberof MessageCenter
+   */
+  next(msg: IPortalMessage): void {
+    // 消息分子类型，子类型发完消息后，会让父发消息
+    // 所以子类型有父时，会一级一级的往上发消息。不需要在此处发全局消息
+    if (msg.type === 'COMMAND') {
+      this.command.next(msg);
+    } else if (msg.type === 'CONSOLE') {
+      this.console.next(msg);
+    } else {
+      this.all.next(msg);
+    }
+  }
+
+  /**
+   * @description 订阅消息
+   * @param {(msg: IPortalMessage) => void} callback
+   * @memberof MessageCenter
+   */
+  on(callback: (msg: IPortalMessage) => void): void {
+    this.all.on(callback);
+  }
+
+  /**
+   * @description 取消订阅
+   * @param {(msg: IPortalMessage) => void} callback
+   * @memberof MessageCenter
+   */
+  off(callback: (msg: IPortalMessage) => void): void {
+    this.all.off(callback);
+  }
+}

package/src/utils/namespace/namespace.ts

@@ -0,0 +1,217 @@
+export const defaultNamespace = 'ibiz';
+const statePrefix = 'is-';
+
+/**
+ * @description 拼接css bem命名
+ * @param {string} namespace 命名空间
+ * @param {string} block 块
+ * @param {string} [blockSuffix] 块后缀
+ * @param {string} [element] 元素
+ * @param {string} [modifier] 修饰符
+ * @example
+ * ```typescript
+ * _bem('ibiz', 'layout') => ibiz-layout
+ * _bem('ibiz', 'layout', '', 'title') => ibiz-layout__title
+ * _bem('ibiz', 'layout', '', '', 'right') => ibiz-layout--right
+ * _bem('ibiz', 'layout', '', 'title', 'right') => ibiz-layout__title--right
+ * _bem('ibiz', 'layout', 'header', 'title', 'right') => ibiz-layout-header__title--right
+ * ```
+ * @returns {*}  {string}
+ */
+function _bem(
+  namespace: string,
+  block: string,
+  blockSuffix?: string,
+  element?: string,
+  modifier?: string,
+): string {
+  let cls = `${namespace}-${block}`;
+  if (blockSuffix) {
+    cls += `-${blockSuffix}`;
+  }
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+
+/**
+ * @description 全局样式处理命名空间
+ * @export
+ * @class Namespace
+ */
+export class Namespace {
+  /**
+   * @description 命名空间
+   * @type {string}
+   * @memberof Namespace
+   */
+  namespace: string;
+
+  /**
+   * Creates an instance of Namespace.
+   * @param {string} block 当前命名空间的根模块,例如组件的名称
+   * @param {string} [namespace] 指定命名空间，未指定使用默认值 ibiz
+   * @memberof Namespace
+   */
+  constructor(
+    protected block: string,
+    namespace?: string,
+  ) {
+    this.namespace = namespace || defaultNamespace;
+  }
+
+  /**
+   * @description namespace-block、namespace-block-blockSuffix
+   * @param {string} [blockSuffix='']
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  b(blockSuffix: string = ''): string {
+    return _bem(this.namespace, this.block, blockSuffix, '', '');
+  }
+
+  /**
+   * @description namespace-block__element
+   * @param {string} [element]
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  e(element?: string): string {
+    return element ? _bem(this.namespace, this.block, '', element, '') : '';
+  }
+
+  /**
+   * @description namespace-block--modifier
+   * @param {string} [modifier]
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  m(modifier?: string): string {
+    return modifier ? _bem(this.namespace, this.block, '', '', modifier) : '';
+  }
+
+  /**
+   * @description namespace-block-blockSuffix__element
+   * @param {string} [blockSuffix]
+   * @param {string} [element]
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  be(blockSuffix?: string, element?: string): string {
+    return blockSuffix && element
+      ? _bem(this.namespace, this.block, blockSuffix, element, '')
+      : '';
+  }
+
+  /**
+   * @description namespace-block__element--modifier
+   * @param {string} [element]
+   * @param {string} [modifier]
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  em(element?: string, modifier?: string): string {
+    return element && modifier
+      ? _bem(this.namespace, this.block, '', element, modifier)
+      : '';
+  }
+
+  /**
+   * @description namespace-block-blockSuffix--modifier
+   * @param {string} [blockSuffix]
+   * @param {string} [modifier]
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  bm(blockSuffix?: string, modifier?: string): string {
+    return blockSuffix && modifier
+      ? _bem(this.namespace, this.block, blockSuffix, '', modifier)
+      : '';
+  }
+
+  /**
+   * @description namespace-block-blockSuffix__element--modifier
+   * @param {string} [blockSuffix]
+   * @param {string} [element]
+   * @param {string} [modifier]
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  bem(blockSuffix?: string, element?: string, modifier?: string): string {
+    return blockSuffix && element && modifier
+      ? _bem(this.namespace, this.block, blockSuffix, element, modifier)
+      : '';
+  }
+
+  /**
+   * @description 返回状态类
+   * @param {string} name
+   * @param {boolean} [state]
+   * @example
+   * ```typescript
+   * is('loading', false) => '';
+   * is('loading', true) => 'is-loading';
+   * ```
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  is(name: string, state?: boolean): string {
+    return name && state ? `${statePrefix}${name}` : '';
+  }
+
+  /**
+   * @description 生成使用到的 css 变量 style 对象
+   * @param {Record<string, string>} object
+   * @returns {*}  {Record<string, string>}
+   * @memberof Namespace
+   */
+  cssVar(object: Record<string, string>): Record<string, string> {
+    const styles: Record<string, string> = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[this.cssVarName(key)] = object[key];
+      }
+    }
+    return styles;
+  }
+
+  /**
+   * @description 生成使用到的 css block 变量 style 对象
+   * @param {Record<string, string>} object
+   * @returns {*}  {Record<string, string>}
+   * @memberof Namespace
+   */
+  cssVarBlock(object: Record<string, string>): Record<string, string> {
+    const styles: Record<string, string> = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[this.cssVarBlockName(key)] = object[key];
+      }
+    }
+    return styles;
+  }
+
+  /**
+   * @description 生成 css var 变量名称
+   * @param {string} name
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  cssVarName(name: string): string {
+    return `--${this.namespace}-${name}`;
+  }
+
+  /**
+   * @description 生成块 css var 变量名称
+   * @param {string} name
+   * @returns {*}  {string}
+   * @memberof Namespace
+   */
+  cssVarBlockName(name: string): string {
+    return `--${this.namespace}-${this.block}-${name}`;
+  }
+}

package/src/utils/net/http-response.ts

@@ -0,0 +1,60 @@
+import axios, {
+  AxiosResponseHeaders,
+  InternalAxiosRequestConfig,
+  RawAxiosResponseHeaders,
+} from 'axios';
+import { IHttpResponse } from '../../interface';
+
+/**
+ * @description 本地请求仿造响应
+ * @export
+ * @class HttpResponse
+ * @implements {IHttpResponse<T>}
+ * @template T
+ */
+export class HttpResponse<T = IData> implements IHttpResponse<T> {
+  /**
+   * @description 本地仿造响应
+   * @memberof HttpResponse
+   */
+  local = true;
+
+  ok = false;
+
+  data: T;
+
+  status: number;
+
+  statusText: string;
+
+  headers: RawAxiosResponseHeaders | AxiosResponseHeaders = {};
+
+  config: InternalAxiosRequestConfig<IData> = {
+    headers: new axios.AxiosHeaders(),
+  };
+
+  /**
+   * Creates an instance of HttpResponse.
+   * @param {unknown} [data] 返回的数据
+   * @param {number} [status] 状态码 (默认为 200)
+   * @param {string} [statusText] 状态描述 (默认为空字符)
+   * @param {RawAxiosResponseHeaders | AxiosResponseHeaders} [headers] 响应头
+   * @memberof HttpResponse
+   */
+  constructor(
+    data?: unknown,
+    status?: number,
+    statusText?: string,
+    headers?: RawAxiosResponseHeaders | AxiosResponseHeaders,
+  ) {
+    this.data = data as T;
+    this.status = status || 200;
+    this.statusText = statusText || '';
+    if (this.status >= 200 && this.status < 300) {
+      this.ok = true;
+    }
+    if (headers) {
+      this.headers = headers;
+    }
+  }
+}