@ovine/core
Version:
Build flexible admin system with json.
201 lines (200 loc) • 6.39 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import { isArray, isObject, map, random, isFunction, trim } from 'lodash';
import { parse } from 'qs';
import { createElement } from 'react';
import serializeObject from "../assets/scripts/serialize";
import logger from "./logger";
/**
* 从数组中随机抽取一个
* @param source 参数数组
*/
export const choice = (source) => {
return source[random(source.length)];
};
// 校验是否过期
export function isExpired(expiredTime, baseTime = Date.now()) {
if (!expiredTime) {
return true;
}
const time = /^\d*$/.test(`${expiredTime}`)
? Number(expiredTime)
: new Date(expiredTime).valueOf();
return baseTime - time > 0;
}
/**
* 解析 querystring 为 json 格式数据
* @param key 需要获取的数据 json[key], 不传为整个json
* @param url 待解析的url 默认为location.href
*/
export function getUrlParams(key, url) {
const str = url || window.location.href;
const idx = str.indexOf('?');
const hashIdx = str.indexOf('#');
if (idx === -1) {
return undefined;
}
const urlParams = parse(str.substring(idx + 1, hashIdx !== -1 ? hashIdx : undefined)) || {};
if (key) {
return urlParams[key] || undefined;
}
return urlParams;
}
/**
* 重试异步操作, 主要用于网络异常，导致文件找不到报错 load chunk error
* @param promiseFn 需要异步操作部分
* @param retriesLeft 最多尝试的次数, 默认5次
* @param interval 重试间隔，默认间隔1.5秒
*/
export function retryPromise(promiseFn, retriesLeft = 5, interval = 1500) {
return new Promise((resolve, reject) => {
promiseFn()
.then(resolve)
.catch((error) => {
setTimeout(() => {
if (retriesLeft === 1) {
reject(error);
return;
}
retryPromise(promiseFn, retriesLeft - 1, interval).then(resolve, reject);
}, interval);
});
});
}
/**
* 是否是子串
* @param source 模版字符串
* @param check 待检验字符串
* @param pos 需要校验的子串位置
*/
export function isSubStr(source, check, pos) {
if (typeof source !== 'string') {
return false;
}
const index = source.indexOf(check);
return typeof pos === 'undefined' ? index > -1 : index === pos;
}
// classnames 简单版，足够用了
export function cls(...args) {
let str = '';
args.forEach((arg) => {
if (typeof arg === 'string') {
str += ` ${arg}`;
}
else if (isArray(arg)) {
arg.forEach((i) => {
if (typeof i === 'string') {
str += ` ${i}`;
}
});
}
else if (isObject(arg)) {
map(arg, (val, key) => {
if (val) {
str += ` ${key}`;
}
});
}
});
return trim(str);
}
// timeout promise 化
export function promisedTimeout(ms) {
return new Promise((resolve) => {
const timer = setTimeout(() => {
clearTimeout(timer);
resolve(true);
}, ms);
});
}
// json渲染React组件
export function json2reactFactory(mapper) {
return function j2r(entrySchema) {
const renderElement = (schema, key) => {
if (schema === null) {
return null;
}
if (typeof schema === 'string' || typeof schema === 'number') {
return schema;
}
const { type: schemaType, children } = schema, props = __rest(schema, ["type", "children"]);
const hasSchemaType = schemaType && typeof schemaType === 'string' && schemaType.trim() !== '';
if (!hasSchemaType) {
throw new Error('schema.type must be a non-empty string');
}
const componentChildren = children && [].concat(children).map(renderElement);
const componentType = isFunction(mapper) ? mapper(schemaType, props) : mapper[schemaType];
if (!props.key) {
props.key = key;
}
const createArgs = [componentType || schemaType, props].concat(componentChildren);
return createElement.apply(createElement, createArgs);
};
if (isArray(entrySchema)) {
return entrySchema.map(renderElement);
}
return renderElement;
};
}
// 异步加载脚本
export function loadScriptAsync(src, async = true) {
return new Promise(function (resolve, reject) {
const script = document.createElement('script');
if (async) {
script.async = true;
}
if (!src.startsWith('http')) {
// 相对根目录地址
script.src = window.origin + src.substr(1);
}
else {
script.src = src;
}
script.onload = () => {
resolve(true);
};
script.onerror = (e) => {
reject(e);
};
document.getElementsByTagName('head')[0].appendChild(script);
});
}
export function serialize(source, option) {
return serializeObject(source, option);
}
export function deserialize(source = '') {
if (!source) {
return source;
}
try {
// eslint-disable-next-line
return eval(`(${source})`);
}
catch (err) {
return undefined;
}
}
export function rmUrlRepeatSlant(url) {
return url.replace(/\/{2,}/g, '/').replace(/(https?):\//g, '$1://');
}
// 字符串转 Function
export function str2function(name, content, ...args) {
try {
// eslint-disable-next-line
const func = new Function(...args, content);
return func;
}
catch (error) {
logger.getLogger('lib:tool:str2function').warn(`${name} 转 Function 错误`, error);
return null;
}
}