explorer-log
Version:
A 'DIY' log to help print beautiful charaters on your explorer.
323 lines (286 loc) • 10.2 kB
JavaScript
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./src/index.js");
/******/ })
/************************************************************************/
/******/ ({
/***/ "./src/conf.js":
/*!*********************!*\
!*** ./src/conf.js ***!
\*********************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var colors = {
white: "#fff",
dark: "#34495e",
green: "#2ecc71",
blue: "#3498db",
orange: "#F79F1F",
red: "#e55039",
grey: "#596275"
};
var defaultTheme = "blue";
var defaultTitle = "Console";
var defaultBorderRadius = "5px";
var defaultLightenFactor = 0.37;
var defaultDarkenFactor = 0.1;
exports.colors = colors;
exports.defaultTheme = defaultTheme;
exports.defaultTitle = defaultTitle;
exports.defaultBorderRadius = defaultBorderRadius;
exports.defaultLightenFactor = defaultLightenFactor;
exports.defaultDarkenFactor = defaultDarkenFactor;
/***/ }),
/***/ "./src/index.js":
/*!**********************!*\
!*** ./src/index.js ***!
\**********************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _conf = __webpack_require__(/*! ./conf */ "./src/conf.js");
var _util = __webpack_require__(/*! ./util */ "./src/util.js");
var log = function log(text) {
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
_ref$theme = _ref.theme,
theme = _ref$theme === undefined ? _conf.defaultTheme : _ref$theme,
_ref$title = _ref.title,
title = _ref$title === undefined ? _conf.defaultTitle : _ref$title,
_ref$borderRadius = _ref.borderRadius,
borderRadius = _ref$borderRadius === undefined ? _conf.defaultBorderRadius : _ref$borderRadius,
_ref$prefixColor = _ref.prefixColor,
prefixColor = _ref$prefixColor === undefined ? null : _ref$prefixColor,
_ref$prefixBg = _ref.prefixBg,
prefixBg = _ref$prefixBg === undefined ? null : _ref$prefixBg,
_ref$suffixColor = _ref.suffixColor,
suffixColor = _ref$suffixColor === undefined ? null : _ref$suffixColor,
_ref$suffixBg = _ref.suffixBg,
suffixBg = _ref$suffixBg === undefined ? null : _ref$suffixBg;
var white = prefixColor ? prefixColor : _conf.colors.white;
var color = prefixBg ? prefixBg : _conf.colors[theme] ? _conf.colors[theme] : theme;
var lightColor = suffixBg ? suffixBg : (0, _util.lighten)(color, _conf.defaultLightenFactor);
var darkColor = suffixColor ? suffixColor : (0, _util.darken)(color, _conf.defaultDarkenFactor);
console.log("%c" + title + "%c" + text, "\n\t\tpadding: 2px 5px;\n\t\tborder-radius: " + borderRadius + " 0 0 " + borderRadius + ";\n\t\tcolor: " + white + ";\n\t\tbackground:" + color + "\n\t", "\n\t\tpadding: 2px 5px;\n\t\tborder-radius: 0 " + borderRadius + " " + borderRadius + " 0;\n\t\tcolor: " + darkColor + ";\n\t\tbackground: " + lightColor + ";\n\t");
return text;
};
exports.default = log;
/***/ }),
/***/ "./src/util.js":
/*!*********************!*\
!*** ./src/util.js ***!
\*********************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
String.prototype.colorHex = function () {
var that = this;
//十六进制颜色值的正则表达式
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
// 如果是rgb颜色表示
if (/^(rgb|RGB)/.test(that)) {
var aColor = that.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(",");
var strHex = "#";
for (var i = 0; i < aColor.length; i++) {
var hex = Number(aColor[i]).toString(16);
if (hex.length < 2) {
hex = "0" + hex;
}
strHex += hex;
}
if (strHex.length !== 7) {
strHex = that;
}
return strHex;
} else if (reg.test(that)) {
var aNum = that.replace(/#/, "").split("");
if (aNum.length === 6) {
return that;
} else if (aNum.length === 3) {
var numHex = "#";
for (var i = 0; i < aNum.length; i += 1) {
numHex += aNum[i] + aNum[i];
}
return numHex;
}
}
return that;
};
String.prototype.colorRgb = function () {
var sColor = this.toLowerCase();
//十六进制颜色值的正则表达式
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
// 如果是16进制颜色
if (sColor && reg.test(sColor)) {
if (sColor.length === 4) {
var sColorNew = "#";
for (var i = 1; i < 4; i += 1) {
sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
}
sColor = sColorNew;
}
//处理六位的颜色值
var sColorChange = [];
for (var i = 1; i < 7; i += 2) {
sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
}
return sColorChange;
}
return sColor;
};
function rgbToHsl(r, g, b) {
;r /= 255, g /= 255, b /= 255;
var max = Math.max(r, g, b),
min = Math.min(r, g, b);
var h,
s,
l = (max + min) / 2;
if (max == min) {
h = s = 0; // achromatic
} else {
var d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
switch (max) {
case r:
h = (g - b) / d + (g < b ? 6 : 0);
break;
case g:
h = (b - r) / d + 2;
break;
case b:
h = (r - g) / d + 4;
break;
}
h /= 6;
}
return [h, s, l];
}
function hslToRgb(h, s, l) {
var r, g, b;
if (s == 0) {
r = g = b = l; // achromatic
} else {
var hue2rgb = function hue2rgb(p, q, t) {
if (t < 0) t += 1;
if (t > 1) t -= 1;
if (t < 1 / 6) return p + (q - p) * 6 * t;
if (t < 1 / 2) return q;
if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
return p;
};
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 1 / 3);
g = hue2rgb(p, q, h);
b = hue2rgb(p, q, h - 1 / 3);
}
return "RGB(" + [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)].join(",") + ")";
}
var lighten = function lighten(color, factor) {
var rgbColor = color.colorRgb();
var hsl = rgbToHsl.apply(undefined, _toConsumableArray(rgbColor));
hsl[2] = Math.min(1.0, hsl[2] + factor);
return hslToRgb.apply(undefined, _toConsumableArray(hsl));
};
var darken = function darken(color, factor) {
var rgbColor = color.colorRgb();
var hsl = rgbToHsl.apply(undefined, _toConsumableArray(rgbColor));
hsl[2] = Math.max(0.0, hsl[2] - factor);
return hslToRgb.apply(undefined, _toConsumableArray(hsl));
};
exports.lighten = lighten;
exports.darken = darken;
/***/ })
/******/ });
//# sourceMappingURL=index.min.js.map