@ibiz-template/core 0.0.1-alpha.0 → 0.0.1-alpha.3

package/src/utils/interceptor/interceptor.ts

@@ -0,0 +1,35 @@
+import axios from 'axios';
+import { getToken } from '../util/util';
+
+/**
+ * 默认请求拦截器
+ *
+ * @author chitanda
+ * @date 2022-07-20 18:07:11
+ * @export
+ * @class Interceptor
+ */
+export class Interceptor {
+  constructor() {
+    this.init();
+  }
+
+  protected init(): void {
+    axios.interceptors.request.use(config => {
+      if (!config.headers) {
+        config.headers = {};
+      }
+      config.headers.Authorization = `Bearer ${getToken()}`;
+      const { orgData } = ibiz;
+      if (orgData) {
+        if (orgData.systemid) {
+          config.headers.srfsystemid = orgData.systemid;
+        }
+        if (orgData.orgid) {
+          config.headers.srforgid = orgData.orgid;
+        }
+      }
+      return config;
+    });
+  }
+}

package/src/utils/namespace/namespace.ts

@@ -0,0 +1,244 @@
+export const defaultNamespace = 'ibiz';
+const statePrefix = 'is-';
+
+/**
+ * css bem 命名规则拼接
+ * _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
+ *
+ * @author chitanda
+ * @date 2022-09-06 11:09:42
+ * @param {string} namespace 命名空间
+ * @param {string} block 块
+ * @param {string} blockSuffix 块后缀
+ * @param {string} element 元素
+ * @param {string} modifier 修饰符
+ * @return {*}  {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;
+}
+
+/**
+ * 全局样式处理命名空间
+ *
+ * @author chitanda
+ * @date 2022-09-06 11:09:50
+ * @export
+ * @class Namespace
+ */
+export class Namespace {
+  /**
+   * 命名空间
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:01
+   * @type {string}
+   */
+  namespace: string;
+
+  /**
+   * Creates an instance of Namespace.
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:12
+   * @param {string} block 当前命名空间的根模块,例如组件的名称
+   * @param {string} [namespace] 指定命名空间，未指定使用默认值 ibiz
+   */
+  constructor(protected block: string, namespace?: string) {
+    this.namespace = namespace || defaultNamespace;
+  }
+
+  /**
+   * namespace-block
+   * namespace-block-blockSuffix
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:08
+   * @param {string} [blockSuffix='']
+   * @return {*}  {string}
+   */
+  b(blockSuffix: string = ''): string {
+    return _bem(this.namespace, this.block, blockSuffix, '', '');
+  }
+
+  /**
+   * namespace-block__element
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:48
+   * @param {string} [element]
+   * @return {*}  {string}
+   */
+  e(element?: string): string {
+    return element ? _bem(this.namespace, this.block, '', element, '') : '';
+  }
+
+  /**
+   * namespace-block--modifier
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:37
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  m(modifier?: string): string {
+    return modifier ? _bem(this.namespace, this.block, '', '', modifier) : '';
+  }
+
+  /**
+   * namespace-block-blockSuffix__element
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:52
+   * @param {string} [blockSuffix]
+   * @param {string} [element]
+   * @return {*}  {string}
+   */
+  be(blockSuffix?: string, element?: string): string {
+    return blockSuffix && element
+      ? _bem(this.namespace, this.block, blockSuffix, element, '')
+      : '';
+  }
+
+  /**
+   * namespace-block__element--modifier
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:19
+   * @param {string} [element]
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  em(element?: string, modifier?: string): string {
+    return element && modifier
+      ? _bem(this.namespace, this.block, '', element, modifier)
+      : '';
+  }
+
+  /**
+   * namespace-block-blockSuffix--modifier
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:59
+   * @param {string} [blockSuffix]
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  bm(blockSuffix?: string, modifier?: string): string {
+    return blockSuffix && modifier
+      ? _bem(this.namespace, this.block, blockSuffix, '', modifier)
+      : '';
+  }
+
+  /**
+   * namespace-block-blockSuffix__element--modifier
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:37
+   * @param {string} [blockSuffix]
+   * @param {string} [element]
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  bem(blockSuffix?: string, element?: string, modifier?: string): string {
+    return blockSuffix && element && modifier
+      ? _bem(this.namespace, this.block, blockSuffix, element, modifier)
+      : '';
+  }
+
+  /**
+   * 返回状态 class
+   *
+   * is('loading', false) => '';
+   * is('loading', true) => 'is-loading';
+   *
+   * @author chitanda
+   * @date 2022-09-06 12:09:57
+   * @param {string} name
+   * @param {boolean} [state]
+   * @return {*}  {string}
+   */
+  is(name: string, state?: boolean): string {
+    return name && state ? `${statePrefix}${name}` : '';
+  }
+
+  /**
+   * 生成使用到的 css 变量 style 对象
+   *
+   * @author chitanda
+   * @date 2022-09-06 15:09:41
+   * @param {Record<string, string>} object
+   * @return {*}  {Record<string, string>}
+   */
+  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;
+  }
+
+  /**
+   * 生成使用到的 css block 变量 style 对象
+   *
+   * @author chitanda
+   * @date 2022-09-06 15:09:03
+   * @param {Record<string, string>} object
+   * @return {*}  {Record<string, string>}
+   */
+  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;
+  }
+
+  /**
+   * 生成 css var 变量名称
+   *
+   * @author chitanda
+   * @date 2022-09-06 15:09:21
+   * @param {string} name
+   * @return {*}  {string}
+   */
+  cssVarName(name: string): string {
+    return `--${this.namespace}-${name}`;
+  }
+
+  /**
+   * 生成块 css var 变量名称
+   *
+   * @author chitanda
+   * @date 2022-09-06 15:09:35
+   * @param {string} name
+   * @return {*}  {string}
+   */
+  cssVarBlockName(name: string): string {
+    return `--${this.namespace}-${this.block}-${name}`;
+  }
+}

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

@@ -0,0 +1,113 @@
+import { AxiosRequestConfig, AxiosResponse, AxiosResponseHeaders } from 'axios';
+
+/**
+ * Http请求返回接口
+ *
+ * @author chitanda
+ * @date 2022-08-21 17:08:06
+ * @export
+ * @interface IHttpResponse
+ * @extends {AxiosResponse}
+ * @template T
+ */
+export interface IHttpResponse<T = IData> extends AxiosResponse {
+  /**
+   * 是否请求成功
+   *
+   * @description 当状态码为 200-299 时认为成功
+   * @author chitanda
+   * @date 2022-07-14 16:07:59
+   * @type {boolean}
+   */
+  ok: boolean;
+  /**
+   * 是否为本地仿造响应
+   *
+   * @description 只有当值为 true 时, 才认为是本地仿造响应
+   * @author chitanda
+   * @date 2022-08-18 15:08:44
+   * @type {boolean}
+   */
+  local?: boolean;
+
+  data: T;
+
+  /**
+   * 当前页
+   */
+  page?: number;
+
+  /**
+   * 分页条数
+   */
+  size?: number;
+
+  /**
+   * 总条数
+   */
+  total?: number;
+}
+
+/**
+ * 本地请求仿造响应
+ *
+ * @author chitanda
+ * @date 2022-08-21 17:08:00
+ * @export
+ * @class HttpResponse
+ * @implements {IHttpResponse<T>}
+ * @template T
+ */
+export class HttpResponse<T = IData> implements IHttpResponse<T> {
+  /**
+   * 本地仿造响应
+   *
+   * @author chitanda
+   * @date 2022-08-18 15:08:06
+   */
+  local = true;
+
+  ok = false;
+
+  data: T;
+
+  status: number;
+
+  statusText: string;
+
+  /**
+   * header 本地仿造时值为空
+   *
+   * @author chitanda
+   * @date 2022-08-18 15:08:46
+   * @type {AxiosResponseHeaders}
+   */
+  headers: AxiosResponseHeaders = {};
+
+  /**
+   * AxiosResponse 本地仿造时值为空
+   *
+   * @author chitanda
+   * @date 2022-08-18 15:08:22
+   * @type {AxiosRequestConfig<IData>}
+   */
+  config: AxiosRequestConfig<IData> = {};
+
+  /**
+   * Creates an instance of HttpResponse.
+   *
+   * @author chitanda
+   * @date 2022-08-18 15:08:11
+   * @param {unknown} [data] 返回的数据
+   * @param {number} [status] 状态码 (默认为 200)
+   * @param {string} [statusText] 状态描述 (默认为空字符)
+   */
+  constructor(data?: unknown, status?: number, statusText?: string) {
+    this.data = data as T;
+    this.status = status || 200;
+    this.statusText = statusText || '';
+    if (this.status >= 200 && this.status < 300) {
+      this.ok = true;
+    }
+  }
+}

package/src/utils/net/net.ts

@@ -0,0 +1,232 @@
+import axios, { AxiosRequestHeaders, AxiosResponse } from 'axios';
+import { stringify } from 'qs';
+import { notNilEmpty } from 'qx-util';
+import { IHttpResponse } from './http-response';
+
+/**
+ * 全局请求工具类
+ *
+ * @author chitanda
+ * @date 2022-07-14 15:07:42
+ * @export
+ * @class Net
+ */
+export class Net {
+  /**
+   * 标准请求前缀
+   *
+   * @author chitanda
+   * @date 2022-07-21 10:07:48
+   * @protected
+   * @type {string}
+   */
+  protected _prefix: string = '';
+
+  get prefix(): string {
+    return this._prefix || ibiz.env.baseUrl;
+  }
+
+  /**
+   * Creates an instance of Net.
+   *
+   * @author chitanda
+   * @date 2022-07-21 10:07:27
+   * @param {string} [prefix] 请求前缀
+   */
+  constructor(prefix?: string) {
+    if (prefix) {
+      this._prefix = prefix;
+    }
+  }
+
+  /**
+   * Post 请求
+   *
+   * @author chitanda
+   * @date 2022-07-14 15:07:01
+   * @param {string} url
+   * @param {IParams} [params={}]
+   * @return {*}  {Promise<IHttpResponse>}
+   */
+  async post(
+    url: string,
+    data: IData,
+    params: IParams = {},
+    headers: AxiosRequestHeaders = {},
+  ): Promise<IHttpResponse> {
+    url = this.handleAppPresetParam(url, params);
+    const response = await axios({
+      method: 'post',
+      url,
+      data,
+      headers: {
+        'Content-Type': 'application/json;charset=UTF-8',
+        Accept: 'application/json',
+        ...headers,
+      },
+    });
+    return this.doResponseResult(response);
+  }
+
+  /**
+   * Get 请求
+   *
+   * @author chitanda
+   * @date 2022-07-14 15:07:08
+   * @param {string} url
+   * @param {IParams} [params={}]
+   * @return {*}  {Promise<IHttpResponse>}
+   */
+  async get(
+    url: string,
+    params: IParams = {},
+    headers: AxiosRequestHeaders = {},
+    option: IParams = {},
+  ): Promise<IHttpResponse> {
+    // if (params.srfparentdata) {
+    //   Object.assign(params, params.srfparentdata);
+    //   delete params.srfparentdata;
+    // }
+    url = this.attachUrlParam(url, params);
+    const response = await axios.get(url, { headers, ...option });
+    return this.doResponseResult(response);
+  }
+
+  /**
+   * Delete 请求
+   *
+   * @author chitanda
+   * @date 2022-07-14 15:07:43
+   * @param {string} url
+   * @param {IParams} [params]
+   * @return {*}  {Promise<IHttpResponse>}
+   */
+  async delete(
+    url: string,
+    params?: IParams,
+    headers: AxiosRequestHeaders = {},
+  ): Promise<IHttpResponse> {
+    url = this.handleAppPresetParam(url, params);
+    const response = await axios.delete(url, { headers });
+    return this.doResponseResult(response);
+  }
+
+  /**
+   * Put 请求
+   *
+   * @author chitanda
+   * @date 2022-07-14 15:07:49
+   * @param {string} url
+   * @param {IData} data
+   * @return {*}  {Promise<IHttpResponse>}
+   */
+  async put(
+    url: string,
+    data: IData,
+    headers: AxiosRequestHeaders = {},
+  ): Promise<IHttpResponse> {
+    url = this.handleAppPresetParam(url, data);
+    const response = await axios.put(url, data, { headers });
+    return this.doResponseResult(response);
+  }
+
+  /**
+   * 获取模型数据
+   *
+   * @author chitanda
+   * @date 2022-07-14 15:07:15
+   * @param {string} url
+   * @param {AxiosRequestHeaders} [headers={}]
+   * @return {*}  {Promise<IHttpResponse>}
+   */
+  async getModel(
+    url: string,
+    headers: AxiosRequestHeaders = {},
+  ): Promise<IHttpResponse> {
+    const response = await axios.get(url, {
+      headers,
+    });
+    return this.doResponseResult(response);
+  }
+
+  /**
+   * 统一处理请求返回
+   *
+   * @author chitanda
+   * @date 2022-07-14 16:07:23
+   * @private
+   * @param {AxiosResponse} response
+   * @return {*}  {IHttpResponse}
+   */
+  private doResponseResult(response: AxiosResponse): IHttpResponse {
+    const res = response as IHttpResponse;
+    if (res.status >= 200 && res.status <= 299) {
+      res.ok = true;
+    }
+    return res;
+  }
+
+  /**
+   * 处理平台预定义参数
+   *
+   * @author chitanda
+   * @date 2022-07-14 15:07:12
+   * @private
+   * @param {string} url
+   * @param {IParams} [params]
+   * @return {*}  {string}
+   */
+  private handleAppPresetParam(url: string, params?: IParams): string {
+    if (params) {
+      const keys = Object.keys(params);
+      const tempParam: IParams = {};
+      keys.forEach((item: string) => {
+        if (item.startsWith('srf') && notNilEmpty(params[item])) {
+          tempParam[item] = params[item];
+        }
+      });
+      return this.attachUrlParam(url, params);
+    }
+    return url;
+  }
+
+  /**
+   * url 附加请求参数
+   *
+   * @author chitanda
+   * @date 2022-07-14 15:07:34
+   * @private
+   * @param {string} url
+   * @param {IParams} params
+   * @return {*}  {string}
+   */
+  private attachUrlParam(url: string, params: IParams): string {
+    url = this.attachUrl(url);
+    const strParams: string = stringify(params);
+    if (notNilEmpty(strParams)) {
+      if (url.endsWith('?')) {
+        url = `${url}${strParams}`;
+      } else if (url.indexOf('?') !== -1 && url.endsWith('&')) {
+        url = `${url}${strParams}`;
+      } else if (url.indexOf('?') !== -1 && !url.endsWith('&')) {
+        url = `${url}&${strParams}`;
+      } else {
+        url = `${url}?${strParams}`;
+      }
+    }
+    return url;
+  }
+
+  /**
+   * 处理 url 参数
+   *
+   * @author chitanda
+   * @date 2022-07-20 20:07:17
+   * @private
+   * @param {string} url
+   * @return {*}  {string}
+   */
+  private attachUrl(url: string): string {
+    return `${this.prefix}${url}`;
+  }
+}

package/src/utils/plural/plural.ts

@@ -0,0 +1,27 @@
+import pluralize from 'pluralize';
+
+/**
+ * 英文转复数写法
+ *
+ * @author chitanda
+ * @date 2022-08-25 18:08:41
+ * @export
+ * @param {string} key
+ * @return {*}  {string}
+ */
+export function plural(key: string): string {
+  return pluralize(key);
+}
+
+/**
+ * 英文转复数写法并转全小写
+ *
+ * @author chitanda
+ * @date 2022-08-25 18:08:23
+ * @export
+ * @param {string} key
+ * @return {*}  {string}
+ */
+export function pluralLower(key: string): string {
+  return plural(key).toLowerCase();
+}

package/src/utils/util/util.ts

@@ -0,0 +1,14 @@
+import { getCookie } from 'qx-util';
+import { CoreConst } from '../../constant';
+
+/**
+ * 获取认证令牌
+ *
+ * @author chitanda
+ * @date 2022-07-20 18:07:39
+ * @export
+ * @return {*}  {(string | null)}
+ */
+export function getToken(): string | null {
+  return getCookie(CoreConst.TOKEN);
+}

package/out/interface/i-context/i-context.d.ts

@@ -1,12 +0,0 @@
-/**
- * 上下文接口
- *
- * @author chitanda
- * @date 2022-07-14 10:07:32
- * @export
- * @interface IContext
- */
-export interface IContext {
-    [key: string | symbol]: any;
-}
-//# sourceMappingURL=i-context.d.ts.map

package/out/interface/i-context/i-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"i-context.d.ts","sourceRoot":"","sources":["../../../src/interface/i-context/i-context.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;CAC7B"}