npm_UI布局优化
// ==UserScript==
// @name NpmjsUISetting
// @namespace http://tampermonkey.net/
// @version 0.1.6
// @description npm_UI布局优化
// @author Enjoy
// @icon https://foruda.gitee.com/avatar/1698283059572409586/4867929_enjoy_li_1698283059.png!avatar200
// @match *://www.npmjs.com/package/*
// @exclude *localhost*
// @grant GM_addElement
// @grant GM_addStyle
// @grant GM_setClipboard
// @license GPL License
// ==/UserScript==
/******/ (() => { // webpackBootstrap
/******/ "use strict";
var __webpack_exports__ = {};
;// CONCATENATED MODULE: ./tools/GM.js
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
/** @描述 函数文档 https://www.tampermonkey.net/documentation.php#api:GM_addElement */
/**
* @description 创建element
* @export
* @param {*} tag
* @param {*} [options={}]
* @param {*} [win=window]
* @returns {*}
*/
function createElement(tag) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var win = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window;
if (!win.GM_createElement) {
win.GM_createElement = GM_createElement;
}
return GM_createElement(tag, options);
/**
* @param {*} tag
* @param {*} options {
* idPrefix = `enjoy_${ENV_CRX}_${tag}`,
* el = 'html',
* autoInsert = true,
* randomType = 'single',
* id = '',
* addPrefix = true,
* insertType = tag === 'style' ? 'appendChild' : 'prepend',
* }
* @returns {*} dom
*/
function GM_createElement(tag, options) {
var _options$idPrefix = options.idPrefix,
idPrefix = _options$idPrefix === void 0 ? "enjoy_".concat("NpmjsUISetting", "_").concat(tag, "_") : _options$idPrefix,
_options$el = options.el,
el = _options$el === void 0 ? 'html' : _options$el,
_options$autoInsert = options.autoInsert,
autoInsert = _options$autoInsert === void 0 ? true : _options$autoInsert,
_options$randomType = options.randomType,
randomType = _options$randomType === void 0 ? 'single' : _options$randomType,
_options$id = options.id,
id = _options$id === void 0 ? '' : _options$id,
_options$addPrefix = options.addPrefix,
addPrefix = _options$addPrefix === void 0 ? true : _options$addPrefix,
_options$insertType = options.insertType,
insertType = _options$insertType === void 0 ? tag === 'style' ? 'appendChild' : 'prepend' : _options$insertType;
if (addPrefix) {
id = "".concat(idPrefix).concat(id);
}
if (randomType !== 'single') {
id = "".concat(id, "_").concat(Math.floor(Math.random() * 1000));
}
options.id = id;
var dom = document.querySelector("#".concat(id));
if (!dom) {
dom = document.createElement(tag);
}
for (var key in options) {
if (Object.hasOwnProperty.call(options, key) && key !== 'el') {
dom[key] = options[key];
}
}
if (autoInsert) {
if (typeof el === 'string') {
el = document.querySelector(el);
}
//insertType prepend | appendChild
el[insertType](dom);
}
return dom;
}
}
/** @描述 是否匹配到目标url */
function isMatched() {
var urls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var currentUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : location.href;
if (typeof urls === 'string') {
urls = [urls];
}
return !!urls.find(function (regUrl) {
return new RegExp(regUrl).test(currentUrl);
});
}
function prependMetaUF8() {
return document.querySelector('meta[charset="UTF-8"]') || createElement('meta', {
charset: 'utf-8'
});
}
/**
* @description doCopy 复制文本到剪贴板
* @export
* @param {*} text
*/
function doCopy(text) {
var _navigator;
if (document.hasFocus() && (_navigator = navigator) !== null && _navigator !== void 0 && (_navigator = _navigator.clipboard) !== null && _navigator !== void 0 && _navigator.writeText) {
// 读取剪贴板
// navigator.clipboard.readText().then((clipText) => {console.log('clipText=',clipText)})
// 写入剪贴板
navigator.clipboard.writeText(text)["catch"](function (err) {
return console.error("clipboard.writeText\uFF1A".concat(err));
});
return;
}
var textarea = document.createElement('textarea');
textarea.value = text;
textarea.select();
document.execCommand('Copy');
}
/**
* 检测element元素的可见性，即 非display:none
* @param {*} element
* @returns {*} {Boolean}
*/
function checkVisibility(element) {
if (element.checkVisibility) {
return element.checkVisibility();
}
return !!element.offsetParent;
}
/**
* @description 创建element的提示
* @export
* @param {*} [options={}]
* @returns {*}
*/
function createElementTipFn() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var _options$setTimeoutSt = options.setTimeoutStep,
setTimeoutStep = _options$setTimeoutSt === void 0 ? 1000 : _options$setTimeoutSt,
_options$backgroundCo = options.backgroundColors,
backgroundColors = _options$backgroundCo === void 0 ? {
warn: 'rgb(181 156 51 / 60%)',
success: 'rgb(3 113 3 / 60%)',
error: 'rgb(165 2 2 / 60%)',
info: 'rgb(67 62 62 / 60%)'
} : _options$backgroundCo,
_options$color = options.color,
color = _options$color === void 0 ? '#ffffff' : _options$color,
_options$opacity = options.opacity,
opacity = _options$opacity === void 0 ? 1 : _options$opacity;
var setTimeoutStamp = 0;
return function createElementTip() {
var configs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var content = configs.content,
e = configs.e,
_configs$type = configs.type,
type = _configs$type === void 0 ? 'info' : _configs$type,
_configs$tagType = configs.tagType,
tagType = _configs$tagType === void 0 ? 'span' : _configs$tagType;
if (!content) return;
console.log("content => %O ", content);
clearTimeout(setTimeoutStamp);
var contentDom = createElement(tagType, {
id: 'createElementTip',
innerText: content,
style: "\n font-size:14px;\n font-weight:600;\n color:".concat(color, ";\n position: fixed;\n left: ").concat(numbericalInterval(e.clientX - 46), "px;\n top: ").concat(numbericalInterval(e.clientY - 30, [5, window.innerHeight - 35]), "px;\n background-color:").concat(backgroundColors[type], ";\n opacity: ").concat(opacity, ";\n border-radius: 4px;\n padding: 4px 8px;\n box-shadow:0 0 5px 0 rgb(255 255 255 / 60%) inset;\n pointer-event:none;\n z-index:").concat((Math.floor(Date.now() / 1000) + '').slice(-5), ";\n ")
});
setTimeoutStamp = setTimeout(function () {
contentDom.remove();
}, setTimeoutStep);
};
}
/**
* @description dom是否可编辑
* @param {*} [dom=document.activeElement]
* @returns {*} {boolean}
*/
function isContentEditableOfDOM() {
var dom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.activeElement;
if (dom.tagName === 'INPUT' || dom.tagName === 'TEXTAREA') {
return !dom.disabled;
} else {
return !!findParentElement(dom, function (dom) {
return dom.contentEditable === 'true';
}, null);
}
}
/**
* @description 数字区间
* @param {*} val
* @param {*} [interval=[10, window.innerWidth]]
* @returns {*}
*/
function numbericalInterval(val) {
var interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [5, window.innerWidth - 130];
var indexStart = interval[0];
var indexEnd = interval[1];
if (val < indexStart) return indexStart;
if (val > indexEnd) return indexEnd;
return val;
}
/**
* @description 可滚动的dom
* @param {*} dom
* @returns {*}
*/
function findHasScrollbarDom(dom) {
if (!(dom instanceof HTMLElement)) {
console.warn("\u53EF\u6EDA\u52A8\u7684dom\u51FD\u6570 findHasScrollbarDom:\u53C2\u6570dom\u5FC5\u987B\u4E3Aelement\u5143\u7D20 ");
return void 0;
}
while (dom) {
if (dom.offsetHeight < dom.scrollHeight && window.getComputedStyle(dom).overflowY !== 'visible') {
break;
}
dom = dom.parentElement;
}
if (!dom || dom === document.body) {
// 始终是 documentElement等同于window
dom = document.documentElement;
}
console.warn("\u9875\u9762\u6EDA\u52A8\u5143\u7D20\u7684tagName: ", dom.tagName.toLocaleLowerCase());
return dom;
}
/**
* @description 获取方法配置
* @param {string} [key='']
* @param {*} [defaultOpt={ includedUrls: [] }]
* @returns {*} {Object}
**/
function getSettingFromLocalStorage() {
var _localStorage, _localStorage2;
var fileName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var defaultOpt = arguments.length > 1 ? arguments[1] : undefined;
var mergedSettingOpt = _objectSpread({
runType: '0',
includedUrls: [],
excludeUrls: []
}, defaultOpt);
var fullSettingKey = "enjoy_setting";
var fullSettings = (_localStorage = localStorage) !== null && _localStorage !== void 0 && _localStorage[fullSettingKey] ? JSON.parse((_localStorage2 = localStorage) === null || _localStorage2 === void 0 ? void 0 : _localStorage2[fullSettingKey]) : {};
var SETTING = _objectSpread(_objectSpread({}, mergedSettingOpt), fullSettings === null || fullSettings === void 0 ? void 0 : fullSettings[fileName]);
fullSettings[fileName] = SETTING;
fullSettings.runTypeDest = undefined;
fullSettings.instructions = "\n\u4E00\u3001\u5339\u914D\u89C4\u5219\u4F18\u5148\u7EA7\uFF1Aruntype > * > excludedUrls > includedUrls\n\u4E8C\u3001runType\u662F\u9488\u5BF9\u5728\u5F53\u524D\u57DF\u540D\u89C4\u5219\uFF1A0(\u9ED8\u8BA4\u6267\u884C\u5339\u914D\u89C4\u5219)\uFF1B1(\u5F3A\u5236\u6267\u884C,\u5373\u8DF3\u8FC7\u5339\u914D\u89C4\u5219)\uFF1B2(\u4E0D\u6267\u884C)\n";
localStorage[fullSettingKey] = JSON.stringify(fullSettings || {});
return SETTING;
}
/**
* @description 是否执行该方法
* @param {*} [settingOpt={}]
* @returns {*} {Boolean}
*/
function isExcutableBySetting() {
var settingOpt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var runType = settingOpt.runType,
_settingOpt$excludeUr = settingOpt.excludeUrls,
excludeUrls = _settingOpt$excludeUr === void 0 ? [] : _settingOpt$excludeUr,
_settingOpt$includedU = settingOpt.includedUrls,
includedUrls = _settingOpt$includedU === void 0 ? [] : _settingOpt$includedU;
if (runType == '1') return true;
if (runType == '2') return false;
var HREF = location.href;
if (excludeUrls !== null && excludeUrls !== void 0 && excludeUrls.length && isMatched(excludeUrls, HREF)) {
return false;
}
if ((includedUrls === null || includedUrls === void 0 ? void 0 : includedUrls.length) === 0) return true;
var findOne = isMatched(includedUrls, HREF);
return !!findOne;
}
/**
* @description 是否不执行
* @param {String} fileName
* @param {Object} settingOpt
* @returns {Boolean}
*/
function codeIsNotExcutable(fileName, settingOpt) {
// logSettingOptWithColor()
var setting = getSettingFromLocalStorage(fileName, settingOpt);
return _objectSpread({
notExcutable: !isExcutableBySetting(setting)
}, setting);
}
/**
* @description 彩色打印
* @param {string} [key='enjoy_setting']
*/
function logSettingOptWithColor(key) {
var dataKey = 'is-log-of-enjoy';
if (true) return;
// if (document.body.getAttribute(dataKey)) return
document.body.setAttribute(dataKey, '1');
// clearTimeout(window.EnjoyColorLogTimer || 0)
window.EnjoyColorLogTimer = setTimeout(function () {
var _key;
(_key = key) !== null && _key !== void 0 ? _key : key = 'enjoy_setting';
var SETTINGS = JSON.parse(localStorage[key] || '{}');
console.log("%c\uD83D\uDC47 ".concat(key, " \u8BBE\u7F6E\u53C2\u6570\uFF1A"), 'background:#4e0ab780;color:#fff;', '\n', SETTINGS, "\n\nkeyNameList:", Object.keys(SETTINGS));
console.log("%c\uD83D\uDC47\u81EA\u5B9A\u4E49\u914D\u7F6E\uFF0C\u4EE3\u7801\u5982\u4E0B\uFF1A", 'background:#4e0ab747;color:#fff;', "\n\u5F53\u524D\u57DF\u540D\u4E0B\u662F\u5426\u8FD0\u884C\u76F8\u5E94\u51FD\u6570,", "\n\u8BBE\u7F6ErunType(1\u3001\u5F3A\u5236\u8FD0\u884C\uFF1B2\u3001\u4E0D\u8FD0\u884C)\u3002", '\n\n', modifyRuntype.toString(), "\nmodifyRuntype('keyName',2)");
}, 3 * 1000);
}
/**
* @description 修改运行机制
* @export
* @param {string} keyName
* @param {0|1|2} runType
*/
function modifyRuntype(keyName, runType) {
var keyOfSETTINGS = 'enjoy_setting';
var SETTINGS = JSON.parse(localStorage[keyOfSETTINGS] || '{}');
if (!SETTINGS[keyName]) return;
SETTINGS[keyName].runType = runType || 2;
localStorage[keyOfSETTINGS] = JSON.stringify(SETTINGS);
}
/**
* @description 查找特定条件的父级元素
* @export
* @param {Element} dom
* @param {Function} callback
* @param {Element} [defaultVal=document.documentElement]
* @returns {Element}
*/
function findParentElement(dom, callback) {
var defaultVal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.documentElement;
if (!(dom instanceof HTMLElement)) {
console.warn("\u67E5\u627E\u7279\u5B9A\u6761\u4EF6\u7684\u7236\u7EA7\u5143\u7D20\u51FD\u6570 findParentElement:\u53C2\u6570dom\u5FC5\u987B\u4E3Aelement\u5143\u7D20 ");
return void 0;
}
while (dom) {
if (callback(dom)) {
break;
}
dom = dom.parentElement;
}
if (!dom || dom === document.body) {
// 始终是 documentElement等同于window
dom = defaultVal;
}
return dom;
}
/** 原生横向滚动条 吸附 页面底部 */
var StickyHorizontalNativeScrollBar = /*#__PURE__*/(/* unused pure expression or super */ null && (_createClass(function StickyHorizontalNativeScrollBar() {
var _this = this;
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, StickyHorizontalNativeScrollBar);
/** 创建滚轴组件元素 */
_defineProperty(this, "createScrollbar", function () {
var style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
if (_this.scrollbar) return _this.scrollbar;
var timer = Date.now();
_this.thumbId = "thumb".concat(timer);
_this.scrollbarId = "scrollbar".concat(timer);
_this.scrollbar = document.createElement('div');
_this.scrollbar.setAttribute('id', _this.scrollbarId);
_this.scrollbar.innerHTML = "\n\t\t\t<style>\n\t\t\t\t#".concat(_this.scrollbarId, " {\n\t\t\t\t\tposition: sticky;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tbox-shadow: 0 15px 0 0 #fff;\n\t\t\t\t\tbottom: 8px;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\theight: 17px;\n\t\t\t\t\toverflow-x: auto;\n\t\t\t\t\toverflow-y: hidden;\n\t\t\t\t\tmargin-top: -17px;\n\t\t\t\t\tz-index: 3;\n\t\t\t\t\t").concat(style, "\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div id=\"").concat(_this.thumbId, "\" style=\"height: 1px;\"></div>\n\t\t");
});
/** 把滚轴组件元素插入目标元素的后面 */
_defineProperty(this, "insertScrollbar", function (el) {
_this.target = el;
if (typeof el === 'string') {
_this.target = document.querySelector(el);
}
if (!_this.target) throw Error('el Dom do not exit');
_this.targetParentElement = document.querySelector(el).parentElement;
if (!_this.targetParentElement.querySelector("#".concat(_this.scrollbarId))) {
_this.targetParentElement.insertBefore(_this.scrollbar, _this.target.nextSibling);
}
return _this.target;
});
/** 设置 滚轴组件元素尺寸 */
_defineProperty(this, "setScrollbarSize", throttle(function () {
_this.scrollbar.style.width = _this.target.clientWidth + 'px';
_this.scrollbar.querySelector("#".concat(_this.thumbId)).style.width = _this.target.scrollWidth + 'px';
}, 100));
/** 监听目标元素和滚轴元素的scroll和页面resize事件 */
_defineProperty(this, "onEvent", function () {
_this.target.addEventListener('scroll', _this.onScrollTarget);
_this.scrollbar.addEventListener('scroll', _this.onScrollScrollbar);
window.addEventListener('resize', _this.setScrollbarSize);
});
/** 移除事件 */
_defineProperty(this, "removeEvent", function () {
_this.target.removeEventListener('scroll', _this.onScrollTarget);
_this.scrollbar.removeEventListener('scroll', _this.onScrollScrollbar);
window.removeEventListener('resize', _this.setScrollbarSize);
});
_defineProperty(this, "onScrollTarget", throttle(function (e) {
_this.scrollbar.scrollLeft = e.target.scrollLeft;
}, 100));
_defineProperty(this, "onScrollScrollbar", throttle(function (e) {
_this.target.scrollLeft = e.target.scrollLeft;
}, 100));
var _el = options.el,
_options$style = options.style,
_style = _options$style === void 0 ? '' : _options$style;
this.createScrollbar(_style);
this.insertScrollbar(_el);
this.setScrollbarSize();
this.onEvent();
})));
/** 插入横向滚动条 */
var HorizontalScrollBar = /*#__PURE__*/(/* unused pure expression or super */ null && (function () {
function HorizontalScrollBar() {
var _this2 = this;
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, HorizontalScrollBar);
/** 创建滚轴组件元素 */
_defineProperty(this, "createScrollbar", function (setStyle) {
if (_this2.scrollbar) return _this2.scrollbar;
var timer = Date.now();
_this2.scrollbarId = "scrollbar".concat(timer);
_this2.scrollbar = document.createElement('div');
_this2.scrollbar.setAttribute('data-part', 'scrollbar');
_this2.scrollbar.setAttribute('id', _this2.scrollbarId);
_this2.scrollbar.innerHTML = "\n\t\t".concat(setStyle(_this2.scrollbarId) || _this2.setDefaultStyle(_this2.scrollbarId), "\n\t\t<div data-part=\"thumb\"></div>\n\t\t");
});
/** 把滚轴组件元素插入目标元素的后面 */
_defineProperty(this, "insertScrollbar", function (el) {
_this2.target = el;
if (typeof el === 'string') {
_this2.target = document.querySelector(el);
}
if (!_this2.target) throw Error('el Dom do not exit');
_this2.targetParentElement = document.querySelector(el).parentElement;
if (!_this2.targetParentElement.querySelector("#".concat(_this2.scrollbarId))) {
_this2.targetParentElement.insertBefore(_this2.scrollbar, _this2.target.nextSibling);
}
return _this2.target;
});
/** 根据目标元素 设置 滚轴组件元素尺寸 */
_defineProperty(this, "setScrollbarSize", function () {
_this2.scrollbar.style.width = _this2.target.clientWidth + 'px';
_this2.thumb = _this2.scrollbar.querySelector('[data-part="thumb"]');
_this2.thumb.style.width = _this2.scrollbar.clientWidth * _this2.target.clientWidth / _this2.target.scrollWidth + 'px';
_this2.offsetMax = _this2.scrollbar.clientWidth - _this2.thumb.clientWidth;
_this2.rate = (_this2.target.scrollWidth - _this2.target.clientWidth) / _this2.offsetMax;
});
/** */
_defineProperty(this, "onMouseDownOfThumb", function (e) {
console.log("mousedown => %O ");
_this2.prePageX = e.pageX;
_this2.isMousedown = true;
});
/** */
_defineProperty(this, "onMouseUpOfWindow", function (e) {
_this2.isMousedown = false;
});
/** */
_defineProperty(this, "requestAnimationFrameCallback", function (offsetLeft) {
_this2.thumb.style.left = offsetLeft + 'px';
_this2.target.scrollLeft = offsetLeft * _this2.rate;
});
/** */
_defineProperty(this, "onMousemoveOfWindow", function (e) {
if (_this2.isMousedown) {
var offsetLeft = Number(_this2.thumb.style.left.replace('px', '')) + Number(e.pageX - _this2.prePageX);
offsetLeft = Math.max(0, offsetLeft);
offsetLeft = Math.min(offsetLeft, _this2.offsetMax);
_this2.requestAnimationFrameCallback(offsetLeft);
_this2.prePageX = e.pageX;
}
});
/** 监听目标元素和滚轴元素的scroll和页面resize事件 */
_defineProperty(this, "onEvent", function () {
_this2.thumb.addEventListener('mousedown', _this2.onMouseDownOfThumb);
window.addEventListener('mouseup', _this2.onMouseUpOfWindow);
window.addEventListener('mousemove', _this2.onMousemoveOfWindow);
window.addEventListener('resize', _this2.setScrollbarSize);
});
/** 移除事件 */
_defineProperty(this, "removeEvent", function () {
_this2.thumb.removeEventListener('mousedown', _this2.onMouseDownOfThumb);
window.removeEventListener('mouseup', _this2.onMouseUpOfWindow);
window.removeEventListener('mousemove', _this2.onMousemoveOfWindow);
window.removeEventListener('resize', _this2.setScrollbarSize);
});
var _el2 = options.el,
_options$setStyle = options.setStyle,
_setStyle = _options$setStyle === void 0 ? function () {
return null;
} : _options$setStyle;
this.createScrollbar(_setStyle);
this.insertScrollbar(_el2);
this.setScrollbarSize();
this.onEvent();
}
_createClass(HorizontalScrollBar, [{
key: "setDefaultStyle",
value: function setDefaultStyle(scrollbarId) {
return "\n\t\t<style>\n\t\t\t#".concat(scrollbarId, " {\n\t\t\t\theight: 17px;\n\t\t\t\tbackground-color: #f1f1f1;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t#").concat(scrollbarId, ">[data-part=\"thumb\"] {\n\t\t\t\theight: 100%;\n\t\t\t\tbackground-color: #c1c1c1;\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t\t#").concat(scrollbarId, ">[data-part=\"thumb\"]:active {\n\t\t\t\tbackground-color: #787878;\n\t\t\t}\n\t\t</style>\n\t");
}
}]);
return HorizontalScrollBar;
}()));
/** 持久化数据状态 */
var PersistentStorage = /*#__PURE__*/(/* unused pure expression or super */ null && (function () {
function PersistentStorage() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, PersistentStorage);
var _options$valKey = options.valKey,
valKey = _options$valKey === void 0 ? 'valKey' : _options$valKey,
_options$storageType = options.storageType,
storageType = _options$storageType === void 0 ? 'sessionStorage' : _options$storageType;
this.valKey = valKey;
this.storageType = storageType;
}
_createClass(PersistentStorage, [{
key: "write",
value: function write(val) {
val = _typeof(val) === 'object' ? JSON.stringify(val) : val;
val && window[this.storageType].setItem(this.valKey, val);
}
}, {
key: "read",
value: function read() {
var val = window[this.storageType].getItem(this.valKey);
return val ? JSON.parse(val) : val;
}
}, {
key: "remove",
value: function remove() {
window[this.storageType].removeItem(this.valKey);
}
}]);
return PersistentStorage;
}()));
/**
* @description 节流函数
* @export
* @param {Function} func
* @param {Number} [wait=100]
* @returns {Function}
*/
function throttle(func) {
var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
var isDoing = false;
return function () {
if (isDoing) return;
isDoing = true;
func.apply(void 0, arguments);
setTimeout(function () {
isDoing = false;
}, wait);
};
}
/**
* @description 防抖函数
* @export
* @param {Function} func
* @param {Number} [wait=100]
* @param {'end'|'front'} type
* @returns {Function}
*/
function debounce(func) {
var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'end';
var timer = 0;
return function () {
clearTimeout(timer);
for (var _len = arguments.length, rest = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
rest[_key2] = arguments[_key2];
}
timer = setTimeout.apply(void 0, [func, wait].concat(rest));
};
}
/**
* @description 等候
* @export
* @param {number} [interval=17]
* @returns {Promise}
*/
function awaitTime() {
var interval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 17;
return new Promise(function (resolve) {
setTimeout(resolve, interval);
});
}
/**
* @description 打开已在窗口仅激活，不刷新
* @export
* @class OpenPlus
*/
var OpenPlus = /*#__PURE__*/(/* unused pure expression or super */ null && (_createClass(function OpenPlus() {
var _this3 = this;
var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, OpenPlus);
_defineProperty(this, "openPre", function () {
var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {
return null;
};
for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key3 = 1; _key3 < _len2; _key3++) {
rest[_key3 - 1] = arguments[_key3];
}
var win = _this3.open.apply(_this3, rest);
callback === null || callback === void 0 || callback();
return win;
});
_defineProperty(this, "open", function (href) {
var willOpenTab = _this3.win.tabsCacheOfOpenPlus[href];
for (var _len3 = arguments.length, rest = new Array(_len3 > 1 ? _len3 - 1 : 0), _key4 = 1; _key4 < _len3; _key4++) {
rest[_key4 - 1] = arguments[_key4];
}
if (willOpenTab === undefined) {
var _this3$win;
willOpenTab = (_this3$win = _this3.win).open.apply(_this3$win, [href].concat(rest));
_this3.win.nextOfOpenPlus.forEach(function (item) {
return item === null || item === void 0 ? void 0 : item();
});
return _this3.win.tabsCacheOfOpenPlus[href] = willOpenTab;
} else if (willOpenTab.closed === true) {
var _this3$win2;
return (_this3$win2 = _this3.win).open.apply(_this3$win2, [href].concat(rest));
} else if (willOpenTab.closed === false) {
willOpenTab.focus();
return willOpenTab;
}
});
var _opt$win = opt.win,
_win = _opt$win === void 0 ? window : _opt$win,
_opt$next = opt.next,
next = _opt$next === void 0 ? function () {
return null;
} : _opt$next;
this.win = _win;
this.win.tabsCacheOfOpenPlus = this.win.tabsCacheOfOpenPlus || {};
this.win.nextOfOpenPlus = this.win.nextOfOpenPlus || [];
this.win.nextOfOpenPlus.push(next);
})));
function modifyStorage() {
var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var _opt$storageName = opt.storageName,
storageName = _opt$storageName === void 0 ? 'localStorage' : _opt$storageName,
chainKeys = opt.chainKeys,
_opt$doType = opt.doType,
doType = _opt$doType === void 0 ? 'get' : _opt$doType,
val = opt.val,
_opt$prefix = opt.prefix,
prefix = _opt$prefix === void 0 ? 'enjoy_setting' : _opt$prefix;
if (prefix) {
chainKeys = "".concat(prefix, ".").concat(chainKeys);
}
chainKeys = chainKeys.split('.');
var keyOfLevel1 = chainKeys.shift();
var keyOfEnd = chainKeys.pop();
var isObject = true;
var storage = null;
try {
storage = JSON.parse(window[storageName][keyOfLevel1]);
} catch (error) {
isObject = false;
storage = window[storageName][keyOfLevel1];
console.error("".concat(storageName, " ").concat(chainKeys, " \u4E00\u7EA7\u5C5E\u6027\u503C\u4E3A\u57FA\u672C\u7C7B\u578B"));
return;
}
var obj = storage;
chainKeys.forEach(function (key) {
obj = obj[key];
});
if (doType === 'set') {
obj[keyOfEnd] = val;
window[storageName][keyOfLevel1] = JSON.stringify(storage);
} else {
return obj[keyOfEnd];
}
}
/**
* @description 简便的Storage SimpleStorage({ prefix: 'prefix' })
* @param {*} opt
*/
function storagex(opt) {
var Storage = /*#__PURE__*/_createClass(function Storage() {
var _this4 = this;
var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, Storage);
_defineProperty(this, "storage", null);
_defineProperty(this, "setItem", function (keys, val) {
_this4.formatChainKeys(keys);
_this4.getFirstLevelVal();
_this4.chainVal('set', val);
return void 0;
});
_defineProperty(this, "getItem", function (keys) {
_this4.formatChainKeys(keys);
_this4.getFirstLevelVal();
return _this4.chainVal('get');
});
_defineProperty(this, "removeItem", function (keys) {
_this4.formatChainKeys(keys);
_this4.getFirstLevelVal();
return _this4.chainVal('remove');
});
_defineProperty(this, "clear", function () {
var keysWithPrefix = Object.keys(_this4.storage).filter(function (item) {
return item.startsWith(_this4.prefix);
});
keysWithPrefix.forEach(function (key) {
return _this4.storage.removeItem(key);
});
return void 0;
});
_defineProperty(this, "getFirstLevelVal", function () {
var state = _this4.storage[_this4.prefix + _this4.startKey];
try {
state = JSON.parse(state);
} catch (error) {}
_this4.cache = state;
return state;
});
_defineProperty(this, "formatChainKeys", function (keys) {
keys = keys.split('.');
_this4.startKey = keys.shift();
_this4.endKey = keys.pop();
_this4.middlekeys = keys;
return keys;
});
_defineProperty(this, "chainVal", function (doType, val) {
var obj = _this4.cache;
_this4.middlekeys.forEach(function (key) {
obj = obj[key];
});
if (doType === 'set') {
if (_this4.endKey) {
obj[_this4.endKey] = val;
} else {
_this4.cache = val;
}
_this4.storage.setItem(_this4.prefix + _this4.startKey, _this4.isObject(_this4.cache) ? JSON.stringify(_this4.cache) : _this4.cache);
} else if (doType === 'get') {
if (_this4.endKey) {
return obj[_this4.endKey];
}
return _this4.cache;
} else if (doType === 'remove') {
if (_this4.endKey) {
var isDeleted = delete obj[_this4.endKey];
isDeleted && _this4.setItem(_this4.startKey, _this4.cache);
return isDeleted;
}
_this4.storage.removeItem(_this4.prefix + _this4.startKey);
}
});
_defineProperty(this, "isObject", function (value) {
var type = _typeof(value);
return value != null && (type === 'object' || type === 'function');
});
var prefix = opt.prefix,
storage = opt.storage;
this.prefix = prefix ? "".concat(prefix, "_") : '';
this.storage = storage;
});
if (opt.storage && sessionStorage.__proto__.setItemX) return opt.storage;
var storage = new Storage(opt);
if (opt.storage) return storage;
if (sessionStorage.__proto__.setItemX) return;
sessionStorage.__proto__.setItemX = function (key, val) {
storage.storage = this;
storage.setItem(key, val);
};
sessionStorage.__proto__.getItemX = function (key) {
storage.storage = this;
return storage.getItem(key);
};
sessionStorage.__proto__.removeItemX = function (key) {
storage.storage = this;
return storage.removeItem(key);
};
sessionStorage.__proto__.clearX = function () {
storage.storage = this;
return storage.clear();
};
}
/**
* @description 处理标记内容
* @param {*} opt
* @returns {*}
*/
function operateComment(opt) {
var _opt$text = opt.text,
text = _opt$text === void 0 ? '' : _opt$text,
_opt$S = opt.S,
S = _opt$S === void 0 ? '/*' : _opt$S,
_opt$E = opt.E,
E = _opt$E === void 0 ? '*/' : _opt$E,
_opt$modify = opt.modify,
modify = _opt$modify === void 0 ? function (val) {
return val;
} : _opt$modify;
var stack = [];
var index = text.indexOf(S);
if (index === -1) return text;
while (index <= text.length - 1) {
if (text[index] + text[index + 1] == S) {
stack.push(index);
} else if (text[index] + text[index + 1] == E) {
var latestIndex = stack.pop();
if (latestIndex !== undefined) {
var middle = modify(text.slice(latestIndex + S.length, index));
text = text.slice(0, latestIndex) + middle + text.slice(index + S.length);
index = latestIndex + middle.length;
}
}
index++;
}
return text;
}
;// CONCATENATED MODULE: ./src/NpmjsUISetting.js
run();
function run() {
createElement('style', {
textContent: "\n #top {\n max-width: none !important;\n width: calc(100vw - 40px);\n }\n\n #top>:nth-child(3) {\n width: calc(100% - 320px) !important;\n max-width: none !important;\n }\n\n #top>:nth-child(4) {\n width: 320px !important;\n overflow-y: auto;\n max-height: 100vh;\n position: sticky;\n top: 0;\n }\n/*\n [aria-labelledby*=link] {\n white-space: pre-line;\n display: flex;\n word-break: break-all;\n\n }\n\n [aria-labelledby*=link]>:nth-child(2) {\n text-decoration: underline;\n }\n\n #top> :nth-child(4)> :nth-child(2) {\n position: sticky;\n top: 0px;\n background: #FFF;\n box-shadow: 0px 0px 0px 7px #fff\n }\n\n #top> :nth-child(4)> :nth-child(3) {\n position: sticky;\n top: 33px;\n background: #FFF;\n }\n\n #top> :nth-child(4)> :nth-child(4) {\n position: sticky;\n top: 79px;\n background: #FFF;\n }\n #top> :nth-child(4)> :nth-child(5) {\n position: sticky;\n top: 204px;\n background: #FFF;\n }\n */\n "
});
}
/******/ })()
;