82 lines
1.9 KiB
JavaScript
82 lines
1.9 KiB
JavaScript
|
|
const log = {};
|
|
|
|
/**
|
|
* @description 返回这个样式的颜色值
|
|
* @param {String} type 样式名称 [ primary | success | warning | error | text ]
|
|
*/
|
|
function typeColor (type = 'default') {
|
|
let color = '';
|
|
switch (type) {
|
|
case 'default': color = '#515a6e'; break;
|
|
case 'primary': color = '#2d8cf0'; break;
|
|
case 'success': color = '#19be6b'; break;
|
|
case 'warning': color = '#ff9900'; break;
|
|
case 'error': color = '#ed4014'; break;
|
|
default:; break
|
|
}
|
|
return color;
|
|
}
|
|
|
|
/**
|
|
* @description 打印一个 [ title | text ] 样式的信息
|
|
* @param {String} title title text
|
|
* @param {String} info info text
|
|
* @param {String} type style
|
|
*/
|
|
log.capsule = function (title, info, type = 'primary') {
|
|
console.log(
|
|
`%c ${title} %c ${info} %c`,
|
|
'background:#35495E; padding: 1px; border-radius: 3px 0 0 3px; color: #fff;',
|
|
`background:${typeColor(type)}; padding: 1px; border-radius: 0 3px 3px 0; color: #fff;`,
|
|
'background:transparent'
|
|
);
|
|
};
|
|
|
|
/**
|
|
* @description 打印彩色文字
|
|
*/
|
|
log.colorful = function (textArr) {
|
|
console.log(
|
|
`%c${textArr.map(t => t.text || '').join('%c')}`,
|
|
...textArr.map(t => `color: ${typeColor(t.type)};`)
|
|
);
|
|
};
|
|
|
|
/**
|
|
* @description 打印 default 样式的文字
|
|
*/
|
|
log.default = function (text) {
|
|
log.colorful([{ text }]);
|
|
};
|
|
|
|
/**
|
|
* @description 打印 primary 样式的文字
|
|
*/
|
|
log.primary = function (text) {
|
|
log.colorful([{ text, type: 'primary' }]);
|
|
};
|
|
|
|
/**
|
|
* @description 打印 success 样式的文字
|
|
*/
|
|
log.success = function (text) {
|
|
log.colorful([{ text, type: 'success' }]);
|
|
};
|
|
|
|
/**
|
|
* @description 打印 warning 样式的文字
|
|
*/
|
|
log.warning = function (text) {
|
|
log.colorful([{ text, type: 'warning' }]);
|
|
};
|
|
|
|
/**
|
|
* @description 打印 error 样式的文字
|
|
*/
|
|
log.error = function (text) {
|
|
log.colorful([{ text, type: 'error' }]);
|
|
};
|
|
|
|
export default log;
|