@vtj/utils 0.0.9 → 0.0.11

package/src/jsonp.ts

@@ -1,74 +0,0 @@
-import { append } from './url';
-import { template } from './util';
-
-let __count__ = 0;
-
-function noop() {}
-
-const defaultOptions: JSONPOptions = {
-  cache: false,
-  timeout: 60 * 1000,
-  param: 'callback',
-  prefix: '__jp',
-  name: ''
-};
-
-export interface JSONPOptions {
-  cache?: boolean;
-  timeout?: number;
-  prefix?: string;
-  param?: string;
-  name?: string;
-}
-
-export function jsonp(
-  url: string,
-  params: Record<string, any> = {},
-  options?: JSONPOptions
-) {
-  const opts = Object.assign({}, defaultOptions, options || {});
-  const id: string = opts.name || `${opts.prefix}${++__count__}`;
-  const target = document.getElementsByTagName('script')[0] || document.head;
-  let script: HTMLScriptElement;
-  let timer: any;
-
-  return new Promise((resolve, reject) => {
-    const cleanup = () => {
-      if (script?.parentNode) {
-        script.parentNode.removeChild(script);
-        (window as any)[id] = noop;
-        if (timer) {
-          clearTimeout(timer);
-        }
-      }
-    };
-
-    (window as any)[id] = (data: any) => {
-      cleanup();
-      resolve(data);
-    };
-
-    const query = {
-      ...params,
-      [opts.param as string]: id
-    };
-    if (!opts.cache) {
-      query.__t__ = Date.now();
-    }
-
-    if (url.includes('${')) {
-      const compiled = template(url);
-      url = compiled(query || {});
-    }
-
-    const _url = append(url, query);
-    script = document.createElement('script');
-    script.src = _url;
-    target.parentNode?.insertBefore(script, target);
-
-    timer = setTimeout(() => {
-      cleanup();
-      reject(new Error('Timeout'));
-    }, opts.timeout);
-  });
-}

package/src/request.ts

@@ -1,347 +0,0 @@
-import { pick, trim, uid, merge, template } from './util';
-import { axios } from './axios';
-
-const TYPES = {
-  form: 'application/x-www-form-urlencoded',
-  json: 'application/json',
-  data: 'multipart/form-data'
-};
-const DATA_METHODS = ['put', 'post', 'patch'];
-const LOCAL_REQUEST_ID = 'Local-Request-Id';
-const RequestCache: Record<string, any> = {};
-const __loadingArray__: Array<any> = [];
-let __loadingTimer__: any = null;
-let __isLoading__: boolean = false;
-let __requestId__: any, __responseId__: any;
-
-const instance = axios.create({
-  headers: {
-    'Content-Type': 'application/x-www-form-urlencoded'
-  },
-  timeout: 60 * 1000
-});
-
-export interface ISettings {
-  loading?: boolean;
-  showLoading?: () => void;
-  hideLoading?: () => void;
-  loadingTime?: number;
-  type?: 'form' | 'json' | 'data';
-  originResponse?: boolean;
-  validSuccess?: boolean;
-  validate?: (res: any) => boolean;
-  failMessage?: boolean;
-  showError?: (msg: any) => void;
-  injectHeaders?: (options: IOptions) => Record<string, string>;
-  defaults?: Record<string, any>;
-  trim?: boolean;
-  picked?: boolean;
-  pickFilter?: (v: any) => boolean;
-  skipWarnResponseCode?: number;
-  skipWarnExecutor?: () => void;
-  skipWarnCallback?: () => void;
-  skipWarnFinally?: () => void;
-  skipWarn?: boolean;
-}
-
-const __settings__: ISettings = {
-  loading: true,
-  // 在此时间内，请求还没回来的话，就显示加载中动画，单位ms
-  loadingTime: 50,
-  // 发送数据类型，支持：form、json、data
-  type: 'form',
-  // 响应原始 Response 对象
-  originResponse: false,
-  // 校验成功
-  validSuccess: true,
-  // 显示失败信息
-  failMessage: true,
-  // 覆盖 axios 实例的 defaults 属性
-  defaults: Object.create(null),
-  // 清除字段值两旁的空格
-  trim: true,
-  // 剔除null、undefined 空字符串的参数
-  picked: true,
-  // 自定义剔除函数
-  pickFilter: (v: any) => v !== null && v !== undefined && v !== '',
-  // 警告响应code编码值
-  skipWarnResponseCode: 7,
-  skipWarn: false
-  //   skipWarnExecutor: null,
-  //   skipWarnCallback: null,
-  //   skipWarnFinally: null,
-  //   skipWarn: false
-};
-
-export function setConfig(config: ISettings) {
-  merge(__settings__, config);
-  const defaults = __settings__.defaults || {};
-  Object.entries(defaults).forEach(([name, value]) => {
-    (instance.defaults as any)[name] = value;
-  });
-}
-
-export interface IOptions {
-  url: string;
-  method?:
-    | 'get'
-    | 'GET'
-    | 'delete'
-    | 'DELETE'
-    | 'head'
-    | 'HEAD'
-    | 'options'
-    | 'OPTIONS'
-    | 'post'
-    | 'POST'
-    | 'put'
-    | 'PUT'
-    | 'patch'
-    | 'PATCH';
-  baseURL?: string;
-  headers?: Record<string, string>;
-  params?: any;
-  data?: any;
-  timeout?: number;
-  settings?: ISettings;
-}
-
-export type IApiOptions = string | IOptions;
-
-function createHeaders(
-  options: IOptions,
-  settings: ISettings
-): Record<string, any> {
-  const headers = options.headers || Object.create(null);
-  const requestHeaders = Object.create(null);
-  const contentType = TYPES[settings.type || 'form'];
-  if (contentType) {
-    requestHeaders['Content-Type'] = contentType;
-  }
-  const { injectHeaders, skipWarnExecutor } = settings;
-  if (injectHeaders) {
-    Object.assign(requestHeaders, injectHeaders(options));
-  }
-  if (skipWarnExecutor) {
-    const id = uid();
-    requestHeaders[LOCAL_REQUEST_ID] = id;
-    RequestCache[id] = {
-      options,
-      settings
-    };
-  }
-  return Object.assign(requestHeaders, headers);
-}
-
-function pickData(data: any, pickFilter?: (v: any) => boolean) {
-  // 只对对象进行过滤
-  if (!data || Array.isArray(data)) return data;
-  return pick(data, pickFilter);
-}
-
-function toFormData(data: Record<string, any> = {}) {
-  if (data instanceof FormData) return data;
-  const formData = new FormData();
-  Object.entries(data).forEach(([key, value]) => {
-    formData.append(key, value);
-  });
-  return formData;
-}
-
-function openLoading(settings: ISettings) {
-  const { loading, loadingTime, showLoading } = settings;
-  if (!loading || !showLoading) return;
-  __loadingArray__.push(true);
-  clearTimeout(__loadingTimer__);
-  __loadingTimer__ = setTimeout(() => {
-    if (__isLoading__) return;
-    __isLoading__ = true;
-    showLoading();
-  }, loadingTime);
-}
-
-function closeLoading(settings: ISettings) {
-  const { loading, hideLoading } = settings;
-  if (!loading || !hideLoading) return;
-  clearTimeout(__loadingTimer__);
-  __loadingArray__.pop();
-  if (__loadingArray__.length === 0 && __isLoading__) {
-    hideLoading();
-    __isLoading__ = false;
-  }
-}
-
-function showErrorMessage(settings: ISettings, content: string) {
-  const { showError, failMessage } = settings;
-  if (!failMessage || !showError) return;
-  showError(content);
-}
-
-function processSuccess(
-  settings: ISettings,
-  res: any,
-  resolve: (val: any) => void,
-  reject: (reason: any) => void
-) {
-  const { originResponse, validSuccess, validate } = settings;
-  const { data } = res;
-  if (data.promise) {
-    return resolve(data.promise);
-  }
-  if (validSuccess && validate) {
-    const success = !!validate(data);
-    if (success) {
-      resolve(originResponse ? res : data.data);
-    } else {
-      const { message, msg } = data || {};
-      showErrorMessage(settings, message || msg || '未知错误');
-      reject(res);
-    }
-  } else {
-    resolve(originResponse ? res : data);
-  }
-}
-
-function processError(
-  settings: ISettings,
-  e: any,
-  reject: (reason: any) => void
-) {
-  reject(e);
-  if (e && e.message) {
-    showErrorMessage(settings, e.message);
-    return;
-  }
-  const data = e?.response?.data;
-  if (data) {
-    let message = (data.message || data.msg || '').replace(
-      /^\[4:ReqFailure]/,
-      ''
-    );
-    if (data && data.code === 500) {
-      message = '系统繁忙，请稍后重试！';
-    }
-    showErrorMessage(settings, message);
-  }
-}
-
-function request(options: IOptions, currentSettings?: ISettings) {
-  const { url, method = 'get' } = options;
-  const settings = {
-    ...__settings__,
-    ...(options.settings || {}),
-    ...currentSettings
-  };
-  const headers = createHeaders(options, settings);
-  let { data, params } = options;
-  if (settings.picked) {
-    const { pickFilter } = settings;
-    data = data ? pickData(data, pickFilter) : data;
-    params = params ? pickData(params, pickFilter) : params;
-  }
-  if (settings.trim) {
-    data = data ? trim(data) : data;
-    params = params ? trim(params) : params;
-  }
-
-  const { skipWarnExecutor, skipWarn } = settings;
-  if (DATA_METHODS.includes(method)) {
-    data = skipWarnExecutor ? Object.assign(data || {}, { skipWarn }) : data;
-    data = settings.type !== 'json' ? toFormData(data) : data;
-  } else {
-    params = skipWarnExecutor
-      ? Object.assign(params || {}, { skipWarn })
-      : params;
-    params = {
-      ...params,
-      ...data
-    };
-  }
-  return new Promise((resolve, reject) => {
-    openLoading(settings);
-    instance({
-      ...options,
-      url,
-      method,
-      params,
-      data,
-      headers
-    })
-      .then((res) => processSuccess(settings, res, resolve, reject))
-      .catch((e) => processError(settings, e, reject))
-      .finally(() => {
-        closeLoading(settings);
-      });
-  });
-}
-
-instance.interceptors.response.use((res) => {
-  const requestId = res?.config?.headers?.[LOCAL_REQUEST_ID] as string;
-  const requestCache = RequestCache[requestId];
-  delete RequestCache[requestId];
-  if (!requestCache) return res;
-  const { settings = {}, options } = requestCache;
-  const {
-    skipWarnExecutor,
-    skipWarnResponseCode,
-    skipWarnCallback,
-    skipWarnFinally
-  } = settings;
-  if (!skipWarnExecutor) return res;
-  if (Number.parseInt(res.data?.code, 10) === skipWarnResponseCode) {
-    skipWarnCallback && skipWarnCallback(res.data);
-    const promise = new Promise(skipWarnExecutor).then(() => {
-      settings.skipWarn = true;
-      return request(options, settings);
-    });
-    promise
-      .catch((e) => e)
-      .finally(() => {
-        skipWarnFinally && skipWarnFinally();
-      });
-    res.data.promise = promise;
-  }
-  return res;
-});
-
-export function createApi(options: IApiOptions) {
-  const dataType = typeof options;
-  const opts: IOptions =
-    dataType === 'string'
-      ? ({ url: options as string } as IOptions)
-      : (options as IOptions);
-  if (!opts.url) throw new Error('missing request url');
-  return (data: any, currentOptions = {}) => {
-    let url = opts.url;
-    if (url.includes('${')) {
-      const compiled = template(url);
-      url = compiled(data || {});
-    }
-    request({
-      ...opts,
-      url,
-      data,
-      ...currentOptions
-    });
-  };
-}
-
-export function setRequest(success: any, fail?: any) {
-  const request = instance.interceptors.request;
-  if (__requestId__) {
-    request.eject(__requestId__);
-  }
-  __requestId__ = request.use(success, fail);
-  return __requestId__;
-}
-
-export function setResponse(success: any, fail?: any) {
-  const response = instance.interceptors.response;
-  if (__responseId__) {
-    response.eject(__responseId__);
-  }
-  __responseId__ = response.use(success, fail);
-  return __responseId__;
-}
-
-export { request, instance as axiosInstance, __settings__ as RequestSettings };

package/src/storage.ts

@@ -1,143 +0,0 @@
-/**
- * 缓存操作模块，提供sessionStorage和localStorage操作
- * @module storage
- * @author 陈华春
- */
-
-/**
- * sessionStorage
- * @const
- * @type {Storage}
- */
-const SESSION = window.sessionStorage || {};
-
-/**
- * localStorage
- * @type {Storage}
- */
-const LOCAL = window.localStorage || {};
-
-/**
- * 内存缓存
- * @type {{}}
- */
-let CACHES: Record<string, any> = {};
-
-/**
- * 存储方式映射
- */
-const TYPES: Record<string, any> = {
-  local: LOCAL,
-  session: SESSION,
-  cache: CACHES
-};
-
-const defaultOptions = {
-  type: 'cache',
-  expired: 0,
-  prefix: '__NewPearl__'
-};
-
-/**
- * 保存缓存
- * @param {string} key 缓存key
- * @param {String|Object|Array} value 缓存值，对象、数组类型自动JSON.stringify成字符串
- * @param {object} [opts] 选项
- * @param {Object} [opts.type=cache] 存储方式 local、 session、cache
- * @param {number} [opts.expired=0] 过期时间，单位毫秒
- * @param {string} [opts.prefix=__NewPearl__] key 前缀
- */
-export function save(key: string, value: any = '', opts = {}) {
-  if (!key) return;
-  const { type, expired, prefix } = { ...defaultOptions, ...opts };
-  const timestamp = Date.now();
-  const realKey = prefix + key;
-  const storage = TYPES[type] || CACHES;
-  const info = {
-    value,
-    timestamp,
-    expired
-  };
-  if (storage === CACHES) {
-    storage[realKey] = info;
-  } else {
-    storage.setItem(realKey, JSON.stringify(info));
-  }
-}
-
-/**
- * 获取缓存
- * @param {string} key 缓存key
- * @param {object} [opts] 选项
- * @param {Object} [opts.type=cache] 存储方式 local、 session、cache
- * @param {number} [opts.expired=0] 过期时间，单位毫秒
- * @param {string} [opts.prefix=__NewPearl__] key 前缀
- * @returns {String|Object|Array}
- */
-export function get(key: string, opts = {}) {
-  if (!key) return;
-  const { type, prefix } = { ...defaultOptions, ...opts };
-  const realKey = prefix + key;
-  const storage = TYPES[type] || CACHES;
-  let info;
-  if (storage === CACHES) {
-    info = storage[realKey];
-  } else {
-    const content = storage.getItem(realKey);
-    if (content) {
-      info = JSON.parse(content);
-    }
-  }
-  // 不存在缓存
-  if (!info) return null;
-  const { value, timestamp, expired } = info;
-  // 缓存是否过期
-  const isExpired = expired > 0 && timestamp + expired < Date.now();
-  // 过期清空缓存，返回null
-  if (isExpired) {
-    remove(key, opts);
-    return null;
-  }
-  return value;
-}
-
-/**
- * 删除缓存
- * @param {string} key 缓存key
- * @param {object} [opts] 选项
- * @param {Object} [opts.type=cache] 存储方式 local、 session、cache
- * @param {string} [opts.prefix=__NewPearl__] key 前缀
- */
-export function remove(key: string, opts = {}) {
-  if (!key) return;
-  const { type, prefix } = { ...defaultOptions, ...opts };
-  const storage = TYPES[type] || CACHES;
-  const realKey = prefix + key;
-  if (storage === CACHES) {
-    delete storage[realKey];
-  } else {
-    storage.removeItem(realKey);
-  }
-}
-
-/**
- * 删除全部缓存
- * @param {object} [opts] 选项
- * @param {Object} [opts.type=cache] 存储方式 local、 session、cache
- */
-export function clear(opts = {}) {
-  const { type } = { ...defaultOptions, ...opts };
-  const storage = TYPES[type] || CACHES;
-  if (storage === CACHES) {
-    CACHES = {};
-  } else {
-    storage.clear();
-  }
-}
-
-export default {
-  save,
-  get,
-  remove,
-  clear
-};

package/src/url.ts

@@ -1,102 +0,0 @@
-export const UrlRegex = /^(http|https):\/\/[\w.:\-@]*/;
-
-export function isUrl(txt: string) {
-  return UrlRegex.test(txt);
-}
-
-/**
- * 获取当前页面的 host
- * @param {boolean} includePath 带上 pathname
- * @return {string}
- */
-export function getCurrentHost(includePath: boolean) {
-  const { protocol, host, pathname } = location;
-  return `${protocol}//${host}${includePath ? pathname : ''}`;
-}
-
-/**
- * 获取指定url的host
- * @param {string} url
- * @return {string} host
- */
-export function getHost(url: string = '') {
-  const matches = url.match(UrlRegex);
-  if (matches) {
-    return matches[0];
-  }
-  return '';
-}
-
-/**
- * 键值对转换成查询字符串
- * @param {object} query 键值对，对象
- * @returns {string} 查询参数字符串
- */
-export function stringify(query: Record<string, any>) {
-  const array = [];
-  for (const key in query) {
-    if (Object.prototype.hasOwnProperty.call(query, key)) {
-      array.push([key, encodeURIComponent(query[key])].join('='));
-    }
-  }
-  return array.join('&');
-}
-
-/**
- * 参数字符串转换成对象形式，如：a=1&b=2 转换成 {a:1, b:2}
- * @param {String} str 需要转换的字符串
- * @param {String} [sep=&] 连接符，可选，默认 &
- * @param {String} [eq==] 键值间隔符，可选，默认 =
- * @returns {Object}
- */
-export function parse(str: string, sep?: string, eq?: string) {
-  const obj: Record<string, any> = {};
-  str = (str || location.search).replace(/^[^]*\?/, '');
-  sep = sep || '&';
-  eq = eq || '=';
-  let arr;
-  const reg = new RegExp(
-    '(?:^|\\' +
-      sep +
-      ')([^\\' +
-      eq +
-      '\\' +
-      sep +
-      ']+)(?:\\' +
-      eq +
-      '([^\\' +
-      sep +
-      ']*))?',
-    'g'
-  );
-  while ((arr = reg.exec(str)) !== null) {
-    if (arr[1] !== str) {
-      obj[decodeURIComponent(arr[1])] = decodeURIComponent(arr[2] || '');
-    }
-  }
-  return obj;
-}
-
-/**
- * 在url追加参数
- * @param {string} url 原本的url
- * @param {string|object} query 需要追加的参数，Object|String
- * @returns {string} 追加参数后的url
- */
-export function append(url: string, query: string | Record<string, any>) {
-  query = typeof query === 'string' ? parse(query) : query;
-  const path = url.split('?')[0];
-  const originalQuery = parse(url);
-  const joinQuery = Object.assign({}, originalQuery, query);
-  const queryStr = stringify(joinQuery);
-  return queryStr ? [path, queryStr].join('?') : url;
-}
-
-export default {
-  isUrl,
-  getCurrentHost,
-  getHost,
-  stringify,
-  parse,
-  append
-};