Greasy Fork is available in English.
自动填充填写过的产品密码(不是蓝湖账户)；查看打开过的项目；查看产品页面窗口改变后帮助侧边栏更新高度
当前为
// ==UserScript== // @name 蓝湖 lanhu // @version 1.8.0 // @description 自动填充填写过的产品密码(不是蓝湖账户)；查看打开过的项目；查看产品页面窗口改变后帮助侧边栏更新高度 // @author sakura-flutter // @namespace https://github.com/sakura-flutter/tampermonkey-scripts/commits/master/src/scripts/lanhu // @license GPL-3.0 // @compatible chrome >= Latest // @compatible firefox >= Latest // @noframes // @match https://lanhuapp.com/web/ // @grant GM_setValue // @grant GM_getValue // @grant GM_addValueChangeListener // @grant GM_addStyle // @grant GM_setClipboard // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.runtime.global.js // @require http://greasyfork.icu/scripts/411093-toast/code/Toast.js?version=862073 // ==/UserScript== /******/ (() => { // webpackBootstrap /******/ "use strict"; /******/ var __webpack_modules__ = ({ /***/ 5482: /***/ ((module, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => __WEBPACK_DEFAULT_EXPORT__ /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3645); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__); // Imports ; var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); // Module ___CSS_LOADER_EXPORT___.push([module.id, ".skr-button{line-height:1.5715;border:1px solid;border-radius:2px;cursor:pointer;box-shadow:var(--skr-button-box-shadow);transition:var(--skr-button-transition)}.skr-button:focus:not(:focus-visible){outline:0}.skr-button:hover{filter:brightness(1.15)}.skr-button--primary{color:var(--skr-text-inverse-color);background-color:var(--skr-primary-color);border-color:var(--skr-primary-color)}.skr-button--default{color:var(--skr-text-primary-color);background-color:var(--skr-white-color);border-color:var(--skr-border-color)}.skr-button--default:hover{filter:brightness(1);color:var(--skr-primary-color);border-color:currentColor}.skr-button--round{border-radius:50%}.skr-button--shadow{box-shadow:var(--skr-box-shadow-normal)}.skr-button--mini{padding:2px 7px;font-size:12px}.skr-button--small{padding:4px 8px;font-size:12px}.skr-button--normal{padding:4px 15px;font-size:14px}.skr-button--large{padding:10px 20px;font-size:15px}", ""]); // Exports /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }), /***/ 9261: /***/ ((module, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => __WEBPACK_DEFAULT_EXPORT__ /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3645); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__); // Imports ; var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); // Module ___CSS_LOADER_EXPORT___.push([module.id, ".skr-input{margin-top:5px;width:100%;padding-left:8px;padding-right:8px;border:1px solid #d9d9d9;transition:all .3s}.skr-input:hover{border-color:var(--skr-primary-color)}.skr-input:focus{box-shadow:0 0 0 2px var(--skr-primary-lighten-color)}.skr-input--small{padding-top:2px;padding-bottom:2px}.skr-input--normal{padding-top:6px;padding-bottom:6px}.skr-input--large{padding-top:10px;padding-bottom:10px}.skr-input--small.skr-input--scale:focus{padding-top:6px;padding-bottom:6px;font-size:14px}", ""]); // Exports /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }), /***/ 8443: /***/ ((module, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => __WEBPACK_DEFAULT_EXPORT__ /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3645); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__); // Imports ; var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); // Module ___CSS_LOADER_EXPORT___.push([module.id, ".skr-ripple-container{contain:strict;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:0 !important;margin:0 !important;pointer-events:none !important;border-radius:inherit !important}.skr-ripple{contain:layout;position:absolute;padding:0 !important;margin:0 !important;border-radius:100%;transform:scale(0);pointer-events:none;background:var(--skr-ripple-color);transition:opacity 2s cubic-bezier(0.23, 1, 0.32, 1);animation:skr-ripple forwards cubic-bezier(0.23, 1, 0.32, 1)}@keyframes skr-ripple{to{transform:scale(3)}}", ""]); // Exports /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }), /***/ 1342: /***/ ((module, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => __WEBPACK_DEFAULT_EXPORT__ /* harmony export */ }); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3645); /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__); // Imports ; var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); // Module ___CSS_LOADER_EXPORT___.push([module.id, ":root{--skr-primary-color: #2878ff;--skr-primary-lighten-color: rgba(24, 144, 255, 0.2);--skr-white-color: #fff;--skr-transition-duration-fast: 0.1s;--skr-transition-duration-normal: 0.3s;--skr-box-shadow-lighten: 0 1px 6px rgba(0, 0, 0, 0.15);--skr-box-shadow-normal: 0 1px 6px rgba(0, 0, 0, 0.2);--skr-border-color: #d9d9d9;--skr-text-primary-color: #303133;--skr-text-regular-color: #666;--skr-text-secondary-color: #909399;--skr-text-inverse-color: var(--skr-white-color);--skr-button-transition: all var(--skr-transition-duration-normal);--skr-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);--skr-ripple-color: rgb(138 218 255 / 20%)}#inject-recorder-ui{contain:content;position:fixed;right:1.5vw;bottom:8vh;z-index:1000;width:240px;padding:30px 30px 10px;opacity:.5;transition:opacity .1s}#inject-recorder-ui:hover{opacity:1}#inject-recorder-ui ul::-webkit-scrollbar{width:4px;height:4px;background:#f2f2f2;padding-right:2px}#inject-recorder-ui ul::-webkit-scrollbar-thumb{border-radius:3px;border:0;background:#b4bbc5}#inject-recorder-ui ul.more-actions{width:204px}#inject-recorder-ui ul{width:180px;padding:5px;max-height:40vh;overflow-x:hidden;background:#fbfbfb;box-shadow:var(--skr-box-shadow-lighten);transition:width .1s}#inject-recorder-ui li{display:flex;align-items:center;padding:0 5px;transition:all var(--skr-transition-duration-normal),background var(--skr-transition-duration-fast) ease-out}#inject-recorder-ui li:hover{background:rgba(220,237,251,.64)}#inject-recorder-ui li a{width:132px;flex:none;padding-right:4px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#inject-recorder-ui li .actions{flex:1 0 auto}#inject-recorder-ui li button{padding:0;width:20px;height:20px;line-height:20px;border:none}#inject-recorder-ui li button:not(:hover){color:var(--skr-text-secondary-color)}#inject-recorder-ui li button:nth-of-type(n + 2){margin-left:4px}#inject-recorder-ui .control{display:flex;justify-content:center;align-items:center;padding-top:8px}#inject-recorder-ui .control input{margin-left:6px}#inject-recorder-ui .view-btn:not(:focus-visible){outline:none}#inject-recorder-ui svg{fill:currentColor}#inject-recorder-ui .inject-slide-fade-enter-active,#inject-recorder-ui .inject-slide-fade-leave-active{transition:all .1s}#inject-recorder-ui .inject-slide-fade-enter-from,#inject-recorder-ui .inject-slide-fade-leave-to{transform:translateY(5px);opacity:0}#inject-recorder-ui .inject-slide-hor-fade-move{transition:all .8s}#inject-recorder-ui .inject-slide-hor-fade-active{position:absolute}#inject-recorder-ui .inject-slide-hor-fade-enter-from,#inject-recorder-ui .inject-slide-hor-fade-leave-to{opacity:0;transform:translateX(30px)}", ""]); // Exports /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }), /***/ 3645: /***/ ((module) => { /* MIT License http://www.opensource.org/licenses/mit-license.php Author Tobias Koppers @sokra */ // css base code, injected by the css-loader // eslint-disable-next-line func-names module.exports = function (cssWithMappingToString) { var list = []; // return the list of modules as css string list.toString = function toString() { return this.map(function (item) { var content = cssWithMappingToString(item); if (item[2]) { return "@media ".concat(item[2], " {").concat(content, "}"); } return content; }).join(''); }; // import a list of modules into the list // eslint-disable-next-line func-names list.i = function (modules, mediaQuery, dedupe) { if (typeof modules === 'string') { // eslint-disable-next-line no-param-reassign modules = [[null, modules, '']]; } var alreadyImportedModules = {}; if (dedupe) { for (var i = 0; i < this.length; i++) { // eslint-disable-next-line prefer-destructuring var id = this[i][0]; if (id != null) { alreadyImportedModules[id] = true; } } } for (var _i = 0; _i < modules.length; _i++) { var item = [].concat(modules[_i]); if (dedupe && alreadyImportedModules[item[0]]) { // eslint-disable-next-line no-continue continue; } if (mediaQuery) { if (!item[2]) { item[2] = mediaQuery; } else { item[2] = "".concat(mediaQuery, " and ").concat(item[2]); } } list.push(item); } }; return list; }; /***/ }), /***/ 3379: /***/ ((module, __unused_webpack_exports, __webpack_require__) => { var isOldIE = function isOldIE() { var memo; return function memorize() { if (typeof memo === 'undefined') { // Test for IE <= 9 as proposed by Browserhacks // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805 // Tests for existence of standard globals is to allow style-loader // to operate correctly into non-standard environments // @see https://github.com/webpack-contrib/style-loader/issues/177 memo = Boolean(window && document && document.all && !window.atob); } return memo; }; }(); var getTarget = function getTarget() { var memo = {}; return function memorize(target) { if (typeof memo[target] === 'undefined') { var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) { try { // This will throw an exception if access to iframe is blocked // due to cross-origin restrictions styleTarget = styleTarget.contentDocument.head; } catch (e) { // istanbul ignore next styleTarget = null; } } memo[target] = styleTarget; } return memo[target]; }; }(); var stylesInDom = []; function getIndexByIdentifier(identifier) { var result = -1; for (var i = 0; i < stylesInDom.length; i++) { if (stylesInDom[i].identifier === identifier) { result = i; break; } } return result; } function modulesToDom(list, options) { var idCountMap = {}; var identifiers = []; for (var i = 0; i < list.length; i++) { var item = list[i]; var id = options.base ? item[0] + options.base : item[0]; var count = idCountMap[id] || 0; var identifier = "".concat(id, " ").concat(count); idCountMap[id] = count + 1; var index = getIndexByIdentifier(identifier); var obj = { css: item[1], media: item[2], sourceMap: item[3] }; if (index !== -1) { stylesInDom[index].references++; stylesInDom[index].updater(obj); } else { stylesInDom.push({ identifier: identifier, updater: addStyle(obj, options), references: 1 }); } identifiers.push(identifier); } return identifiers; } function insertStyleElement(options) { var style = document.createElement('style'); var attributes = options.attributes || {}; if (typeof attributes.nonce === 'undefined') { var nonce = true ? __webpack_require__.nc : 0; if (nonce) { attributes.nonce = nonce; } } Object.keys(attributes).forEach(function (key) { style.setAttribute(key, attributes[key]); }); if (typeof options.insert === 'function') { options.insert(style); } else { var target = getTarget(options.insert || 'head'); if (!target) { throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."); } target.appendChild(style); } return style; } function removeStyleElement(style) { // istanbul ignore if if (style.parentNode === null) { return false; } style.parentNode.removeChild(style); } /* istanbul ignore next */ var replaceText = function replaceText() { var textStore = []; return function replace(index, replacement) { textStore[index] = replacement; return textStore.filter(Boolean).join('\n'); }; }(); function applyToSingletonTag(style, index, remove, obj) { var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE /* istanbul ignore if */ if (style.styleSheet) { style.styleSheet.cssText = replaceText(index, css); } else { var cssNode = document.createTextNode(css); var childNodes = style.childNodes; if (childNodes[index]) { style.removeChild(childNodes[index]); } if (childNodes.length) { style.insertBefore(cssNode, childNodes[index]); } else { style.appendChild(cssNode); } } } function applyToTag(style, options, obj) { var css = obj.css; var media = obj.media; var sourceMap = obj.sourceMap; if (media) { style.setAttribute('media', media); } else { style.removeAttribute('media'); } if (sourceMap && typeof btoa !== 'undefined') { css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */"); } // For old IE /* istanbul ignore if */ if (style.styleSheet) { style.styleSheet.cssText = css; } else { while (style.firstChild) { style.removeChild(style.firstChild); } style.appendChild(document.createTextNode(css)); } } var singleton = null; var singletonCounter = 0; function addStyle(obj, options) { var style; var update; var remove; if (options.singleton) { var styleIndex = singletonCounter++; style = singleton || (singleton = insertStyleElement(options)); update = applyToSingletonTag.bind(null, style, styleIndex, false); remove = applyToSingletonTag.bind(null, style, styleIndex, true); } else { style = insertStyleElement(options); update = applyToTag.bind(null, style, options); remove = function remove() { removeStyleElement(style); }; } update(obj); return function updateStyle(newObj) { if (newObj) { if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) { return; } update(obj = newObj); } else { remove(); } }; } module.exports = function (list, options) { options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style> // tags it will allow on a page if (!options.singleton && typeof options.singleton !== 'boolean') { options.singleton = isOldIE(); } list = list || []; var lastIdentifiers = modulesToDom(list, options); return function update(newList) { newList = newList || []; if (Object.prototype.toString.call(newList) !== '[object Array]') { return; } for (var i = 0; i < lastIdentifiers.length; i++) { var identifier = lastIdentifiers[i]; var index = getIndexByIdentifier(identifier); stylesInDom[index].references--; } var newLastIdentifiers = modulesToDom(newList, options); for (var _i = 0; _i < lastIdentifiers.length; _i++) { var _identifier = lastIdentifiers[_i]; var _index = getIndexByIdentifier(_identifier); if (stylesInDom[_index].references === 0) { stylesInDom[_index].updater(); stylesInDom.splice(_index, 1); } } lastIdentifiers = newLastIdentifiers; }; }; /***/ }) /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ if(__webpack_module_cache__[moduleId]) { /******/ return __webpack_module_cache__[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ id: moduleId, /******/ // no module.loaded needed /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /************************************************************************/ /******/ /* webpack/runtime/compat get default export */ /******/ (() => { /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = (module) => { /******/ var getter = module && module.__esModule ? /******/ () => module['default'] : /******/ () => module; /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/define property getters */ /******/ (() => { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ (() => { /******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop) /******/ })(); /******/ /************************************************************************/ (() => { // CONCATENATED MODULE: external "Vue" const external_Vue_namespaceObject = Vue; // CONCATENATED MODULE: ./src/utils/index.js /** * 解析url上的参数 * @param {string} href 或 带有参数格式的string；有search则不再hash * @return {object} */ function parseURL(href = location.href) { if (!href) return {}; let search; try { // 链接 const url = new URL(href); ({ search } = url); // 主要处理对hash的search if (!search && url.hash.includes('?')) { search = url.hash.split('?')[1]; } } catch { // 非链接,如：a=1&b=2、?a=1、/foo?a=1、/foo#bar?a=1 if (href.includes('?')) { search = href.split('?')[1]; } else { search = href; } } const searchParams = new URLSearchParams(search); return [...searchParams.entries()].reduce((acc, [key, value]) => (acc[key] = value, acc), {}); } function stringifyURL(obj) { return Object.entries(obj).map(([key, value]) => `${key}=${value}`).join('&'); } function throttle(fn, delay) { let t = null; let begin = Date.now(); return function (...args) { const self = this; const cur = Date.now(); clearTimeout(t); if (cur - begin >= delay) { fn.apply(self, args); begin = cur; } else { t = setTimeout(function () { fn.apply(self, args); }, delay); } }; } function once(fn) { let called = false; return function (...args) { if (called === false) { called = true; return fn.apply(this, args); } }; } /** * 有些脚本是在document-start执行的，安全地获得document * @param {fn} cb */ function documentLoaded(cb) { document.body ? cb() : window.addEventListener('DOMContentLoaded', cb); } /** * 延时 * @param {number} ms 毫秒数 */ const sleep = ms => new Promise(resolve => setTimeout(resolve, ms)); function toFormData(params = {}) { const formData = new FormData(); for (const [key, value] of Object.entries(params)) { formData.append(key, value); } return formData; } // CONCATENATED MODULE: ./src/utils/compatibility.js /** * 兼容性检查 * @param {object} param0 & param1 版本, notify * @return {boolean} 是否通过 */ function checker({ chrome = 80, firefox = 75, notify = true } = {}) { const { userAgent } = window.navigator; const chromeVersion = userAgent.match(/Chrome\/(\d+)/)?.[1]; const firefoxVersion = userAgent.match(/Firefox\/(\d+)/)?.[1]; let pass = false; if (chromeVersion && chromeVersion >= chrome) { pass = true; } else if (firefoxVersion && firefoxVersion >= firefox) { pass = true; } if (!pass) { notify && Toast.error(`哎呀！遇到错误：不支持的浏览器版本(需要Chrome${chrome}或Firefox${firefox}以上~)，请更新浏览器版本 o(╥﹏╥)o`, 0); } return pass; } // CONCATENATED MODULE: ./src/composition/use-gm-value.js ; /** * 同GM_getValue且在生命周期内自动GM_addValueChangeListener与GM_removeValueChangeListener，亦提供GM_setValue * 暂不提供GM_deleteValue * @param {string} name * @param {any} defaultValue */ function useGMvalue(name, defaultValue) { const state = (0,external_Vue_namespaceObject.reactive)({ value: GM_getValue(name, defaultValue), old: undefined, name }); (0,external_Vue_namespaceObject.onUnmounted)(() => { GM_removeValueChangeListener(id); }); const id = GM_addValueChangeListener(name, (name, oldVal, newVal) => { state.value = newVal; state.old = oldVal; }); function setValue(val) { GM_setValue(name, val); } return { ...(0,external_Vue_namespaceObject.toRefs)(state), setValue }; } // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js var injectStylesIntoStyleTag = __webpack_require__(3379); var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag); // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/input/index.scss var input = __webpack_require__(9261); // CONCATENATED MODULE: ./src/components/input/index.scss ; var options = {}; options.insert = "head"; options.singleton = false; var update = injectStylesIntoStyleTag_default()(input/* default */.Z, options); /* harmony default export */ const components_input = (input/* default.locals */.Z.locals || {}); // CONCATENATED MODULE: ./src/components/input/index.js ; const prefixCls = 'skr-input'; const Input = (0,external_Vue_namespaceObject.defineComponent)({ name: 'skr-input', props: { modelValue: { type: [String, Number], default: '' }, size: { type: String, validator: value => ['small', 'normal', 'large'].includes(value), default: 'normal' }, scale: { type: Boolean, default: false } }, emit: ['update:modelValue'], setup(props, { emit }) { return () => (0,external_Vue_namespaceObject.createVNode)("input", { "class": [prefixCls, `${prefixCls}--${props.size}`, { [`${prefixCls}--scale`]: props.scale }], "value": props.modelValue, "type": "text", "onInput": event => emit('update:modelValue', event.target.value) }, null); } }); /* harmony default export */ const src_components_input = ((/* unused pure expression or super */ null && (Input))); // CONCATENATED MODULE: ./src/directives/v-ripple/utils.js /** * 计算一个点离矩形中心点的距离 * @param {number} width 矩形宽 * @param {number} height 矩形高 * @return {function} function(left top 在矩形内点的坐标) @return {number} 距离 */ function calcDiagInRect(width, height) { const halfWidth = width / 2; const halfHeight = height / 2; return function (left, top) { const a = left <= halfWidth ? halfWidth - left : left - halfWidth; const b = top <= halfHeight ? halfHeight - top : top - halfHeight; const c = Math.sqrt(a * a + b * b); return c; }; } /** * 计算当前值离总值中心的位置 越靠近中心值为1，远离中心值为0 * 例如：value:50 extent:100 则计算50在0-100中的位置返回1 * value:0或100 extent:100 返回0 * @param {number} value 当前值 * @param {number} extent 总值 * @return {number} 取值0-1 */ function closeness(value, extent) { if (!value || !extent) return 0; const half = extent / 2; return value <= half ? value / half : 1 - value / extent; } // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/directives/v-ripple/index.scss var v_ripple = __webpack_require__(8443); // CONCATENATED MODULE: ./src/directives/v-ripple/index.scss ; var v_ripple_options = {}; v_ripple_options.insert = "head"; v_ripple_options.singleton = false; var v_ripple_update = injectStylesIntoStyleTag_default()(v_ripple/* default */.Z, v_ripple_options); /* harmony default export */ const directives_v_ripple = (v_ripple/* default.locals */.Z.locals || {}); // CONCATENATED MODULE: ./src/directives/v-ripple/index.js ; const containerClassname = 'skr-ripple-container'; const rippleClassname = 'skr-ripple'; const vmap = new WeakMap(); /** * 创建容器元素 */ function createRippleContainer() { const div = document.createElement('div'); div.classList.add(containerClassname); return div; } /** * 创建涟漪元素 */ function createRippleEl() { const span = document.createElement('div'); span.classList.add(rippleClassname); return span; } function checkOptions(options = {}) { if (typeof options === 'boolean') { return { disabled: !options }; } return options; } /** * 添加涟漪效果 * @param {object} options color颜色 disabled禁用 布尔值时false为禁用 */ const addRippleEffect = function (options = {}) { options = checkOptions(options); // 涟漪个数 let count = 0; function listener(event) { if (options.disabled) return; const { currentTarget } = event; // 优化: 处理过后不再调用getComputedStyle if (vmap.get(currentTarget).position === false) { vmap.get(currentTarget).position = true; // 注意：会改变当前元素定位方式 if (getComputedStyle(currentTarget).position === 'static') { currentTarget.style.position = 'relative'; } } const rect = currentTarget.getBoundingClientRect(); const rippleEl = createRippleEl(); // 取元素长的一边作为涟漪的周长 const side = Math.max(rect.width, rect.height); const radius = side / 2; // 鼠标在元素中的坐标 const left = event.pageX - rect.left - window.scrollX; const top = event.pageY - rect.top - window.scrollY; // 选项加入到元素中 rippleEl.style.background = options.color; rippleEl.style.width = side + 'px'; rippleEl.style.height = side + 'px'; // 元素定位再各减自身的宽高一半 rippleEl.style.top = top - radius + 'px'; rippleEl.style.left = left - radius + 'px'; // 动画在元素中间扩散时基础时长1.5s，当点击范围处于元素边缘时，动画扩散比在元素中间位置要长，所以要加快动画进行 const base = 1.5; const diagonal = calcDiagInRect(rect.width, rect.height)(left, top); rippleEl.style.animationDuration = base - base * diagonal / side + 's'; let container = currentTarget.querySelector(`.${containerClassname}`); if (!container) { container = createRippleContainer(); currentTarget.appendChild(container); } container.appendChild(rippleEl); count++; const unlisten = (() => { const leaveEvents = ['mouseup', 'mouseleave']; const listener = () => { // 为了尽量能看清动画效果，延时一下再进行透明 setTimeout(() => { rippleEl.style.opacity = 0; }, 100); }; leaveEvents.forEach(eventname => currentTarget.addEventListener(eventname, listener)); return () => { leaveEvents.forEach(eventname => currentTarget.removeEventListener(eventname, listener)); }; })(); // 移除涟漪元素 rippleEl.addEventListener('transitionend', transEvent => { if (transEvent.propertyName === 'opacity') { unlisten(); rippleEl.remove(); // 没有涟漪元素时移除容器 if (--count <= 0) { container.remove(); } } }); } // 更新配置项 function update(newOpts) { options = Object.assign({}, options, checkOptions(newOpts)); } return { listener, update }; }; const vRipple = { mounted(el, binding) { const { listener, update } = addRippleEffect(binding.value); vmap.set(el, { listener, update, // 更新配置项函数 position: false // 是否已经改变了el的定位方式 }); el.addEventListener('mousedown', listener, false); }, updated(el, binding) { const val = vmap.get(el); val.update(binding.value); } }; /* harmony default export */ const src_directives_v_ripple = (vRipple); // CONCATENATED MODULE: ./src/directives/index.js // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/button/index.scss var components_button = __webpack_require__(5482); // CONCATENATED MODULE: ./src/components/button/index.scss ; var button_options = {}; button_options.insert = "head"; button_options.singleton = false; var button_update = injectStylesIntoStyleTag_default()(components_button/* default */.Z, button_options); /* harmony default export */ const src_components_button = (components_button/* default.locals */.Z.locals || {}); // CONCATENATED MODULE: ./src/components/button/index.js ; const button_prefixCls = 'skr-button'; // button type非default时覆盖一层白色 const rippleColor = 'rgb(255 255 255 / 15%)'; const Button = (0,external_Vue_namespaceObject.defineComponent)({ name: 'skr-button', props: { type: { type: String, validator: value => ['primary', 'info', 'warning', 'danger', 'default'].includes(value), default: 'default' }, plain: { type: Boolean, default: false }, round: { type: Boolean, default: false }, shadow: { type: Boolean, default: false }, size: { type: String, validator: value => ['mini', 'small', 'normal', 'large'].includes(value), default: 'normal' }, // 涟漪效果 object时参数会透传给ripple ripple: { type: [Boolean, Object], default: true } }, directives: { ripple: src_directives_v_ripple }, setup(props, { slots }) { const rippleOptions = (0,external_Vue_namespaceObject.computed)(() => { return Object.assign({}, { color: props.type === 'default' ? undefined : rippleColor }, typeof props.ripple === 'boolean' ? { disabled: !props.ripple } : props.ripple); }); return () => (0,external_Vue_namespaceObject.withDirectives)((0,external_Vue_namespaceObject.createVNode)("button", { "class": [button_prefixCls, `${button_prefixCls}--${props.type}`, { [`${button_prefixCls}--round`]: props.round, [`${button_prefixCls}--shadow`]: props.shadow }, `${button_prefixCls}--${props.size}`] }, [slots.default()]), [[(0,external_Vue_namespaceObject.resolveDirective)("ripple"), rippleOptions.value]]); } }); /* harmony default export */ const src_components_button_0 = (Button); // CONCATENATED MODULE: ./src/components/index.js // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scripts/lanhu/index.scss var lanhu = __webpack_require__(1342); // CONCATENATED MODULE: ./src/scripts/lanhu/index.scss ; var lanhu_options = {}; lanhu_options.insert = "head"; lanhu_options.singleton = false; var lanhu_update = injectStylesIntoStyleTag_default()(lanhu/* default */.Z, lanhu_options); /* harmony default export */ const scripts_lanhu = (lanhu/* default.locals */.Z.locals || {}); // CONCATENATED MODULE: ./src/scripts/lanhu/index.js ; // eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars const $ = document.querySelector.bind(document); const marks = new WeakSet(); function main() { if (!checker()) return; updateStorage(); fixBarHeight(); const app = $('.whole').__vue__; if (!app) { console.warn('蓝湖脚本：获取vue失败'); return; } const recorder = createRecorder(); app.$watch('$route', function (to, from) { autofillPassword(); // 蓝湖title是动态获取的，可能有延时，延时处理 setTimeout(recorder.record, 500); }, { immediate: true }); } /* 填充密码 */ function autofillPassword() { // 停止上次观察 autofillPassword.observer?.disconnect(); if (!location.hash.startsWith('#/item/project/door')) return; const { pid } = parseURL(); if (!pid) return; // 确认登录按钮 let confirmEl = null; // 密码框 let passwordEl = null; function savePassword() { const savedPassword = GM_getValue('passwords', {}); const password = passwordEl.value; GM_setValue('passwords', { ...savedPassword, [pid]: password }); } const observer = autofillPassword.observer = new MutationObserver((mutationsList, observer) => { let filled = false; // eslint-disable-next-line no-unused-vars for (const _ of mutationsList) { const [hasConfirmEl, hasPasswordEl] = [$('#project-door .mu-raised-button-wrapper'), $('#project-door .pass input')]; if (!hasConfirmEl || !hasPasswordEl) continue; observer.disconnect(); confirmEl = hasConfirmEl; passwordEl = hasPasswordEl; const pidPassword = GM_getValue('passwords', {})[pid]; // 确保本次内只进行一次操作 if (filled === false && pidPassword) { filled = true; passwordEl.value = pidPassword; Toast('密码已填写'); confirmEl.click(); } // 标记已添加事件的元素 if (marks.has(confirmEl)) break; marks.add(confirmEl); // 点击后保存密码 confirmEl.addEventListener('mousedown', savePassword); // 回车键保存密码 passwordEl.addEventListener('keydown', event => { if (event.keyCode !== 13) return; savePassword(); }); } }); observer.observe(document.body, { childList: true, subtree: true }); } /* 更新侧边栏高度 */ function fixBarHeight() { window.addEventListener('resize', throttle(function () { if (!location.hash.startsWith('#/item/project/product')) return; const barEl = $('.flexible-bar'); const modalEl = $('.flexible-modal'); if (!barEl || !modalEl) return; barEl.dispatchEvent(new MouseEvent('mousedown')); modalEl.dispatchEvent(new MouseEvent('mouseup')); }, 150)); } /* 记录看过的产品 */ function createRecorder() { const app = (0,external_Vue_namespaceObject.createApp)({ render() { const { reversed, recordsVisible, unhidden, moreActionsVisible, toggle, toggleMoreActions, deleteItem, copy, onUnhiddenChange } = this; return (0,external_Vue_namespaceObject.createVNode)("article", { "id": "inject-recorder-ui", "onMouseenter": () => { toggle(true); }, "onMouseleave": () => { toggle(false); toggleMoreActions(false); } }, [(0,external_Vue_namespaceObject.createVNode)(external_Vue_namespaceObject.Transition, { "name": "inject-slide-fade" }, { default: () => [(0,external_Vue_namespaceObject.withDirectives)((0,external_Vue_namespaceObject.createVNode)("div", null, [(0,external_Vue_namespaceObject.createVNode)(external_Vue_namespaceObject.TransitionGroup, { "class": { 'more-actions': moreActionsVisible }, "tag": "ul", "name": "inject-slide-hor-fade", "appear": true }, { default: () => [reversed.map(item => (0,external_Vue_namespaceObject.createVNode)("li", { "key": item.pid }, [(0,external_Vue_namespaceObject.createVNode)("a", { "href": item.href, "title": item.title, "target": "_blank" }, [item.title]), (0,external_Vue_namespaceObject.createVNode)("div", { "class": "actions", "onMouseenter": () => { toggleMoreActions(true); } }, [(0,external_Vue_namespaceObject.createVNode)(src_components_button_0, { "title": "移除", "round": true, "onClick": () => { deleteItem(item); } }, { default: () => [(0,external_Vue_namespaceObject.createTextVNode)("\xD7")] }), (0,external_Vue_namespaceObject.withDirectives)((0,external_Vue_namespaceObject.createVNode)(src_components_button_0, { "title": "左击复制链接和密码；右击复制密码", "round": true, "onClick": () => { copy('all', item); }, "onContextmenu": event => { event.preventDefault(); copy('pwd', item); } }, { default: () => [(0,external_Vue_namespaceObject.createVNode)("svg", { "t": "1602929080634", "viewBox": "0 0 1024 1024", "version": "1.1", "xmlns": "http://www.w3.org/2000/svg", "p-id": "4117", "width": "10", "height": "10" }, [(0,external_Vue_namespaceObject.createVNode)("path", { "d": "M877.714286 0H265.142857c-5.028571 0-9.142857 4.114286-9.142857 9.142857v64c0 5.028571 4.114286 9.142857 9.142857 9.142857h566.857143v786.285715c0 5.028571 4.114286 9.142857 9.142857 9.142857h64c5.028571 0 9.142857-4.114286 9.142857-9.142857V36.571429c0-20.228571-16.342857-36.571429-36.571428-36.571429zM731.428571 146.285714H146.285714c-20.228571 0-36.571429 16.342857-36.571428 36.571429v606.514286c0 9.714286 3.885714 18.971429 10.742857 25.828571l198.057143 198.057143c2.514286 2.514286 5.371429 4.571429 8.457143 6.285714v2.171429h4.8c4 1.485714 8.228571 2.285714 12.571428 2.285714H731.428571c20.228571 0 36.571429-16.342857 36.571429-36.571429V182.857143c0-20.228571-16.342857-36.571429-36.571429-36.571429zM326.857143 905.371429L228.457143 806.857143H326.857143v98.514286zM685.714286 941.714286H400V779.428571c0-25.257143-20.457143-45.714286-45.714286-45.714285H192V228.571429h493.714286v713.142857z", "p-id": "4118" }, null)])] }), [[external_Vue_namespaceObject.vShow, moreActionsVisible]])])]))] })]), [[external_Vue_namespaceObject.vShow, reversed.length && (unhidden || recordsVisible)]])] }), (0,external_Vue_namespaceObject.createVNode)("div", { "class": "control" }, [(0,external_Vue_namespaceObject.createVNode)(src_components_button_0, { "class": "view-btn", "type": "primary", "shadow": true }, { default: () => [(0,external_Vue_namespaceObject.createTextVNode)("\u6253\u5F00\u6700\u8FD1\u9879\u76EE")] }), (0,external_Vue_namespaceObject.createVNode)("input", { "checked": this.unhidden, "type": "checkbox", "title": "固定显示", "onChange": onUnhiddenChange }, null)])]); }, setup() { const state = (0,external_Vue_namespaceObject.reactive)({ recordsVisible: false, moreActionsVisible: false }); const { value: records, setValue: setRecords } = useGMvalue('records', []); const { value: unhidden, setValue: setUnhidden } = useGMvalue('unhidden', false); const reversed = (0,external_Vue_namespaceObject.computed)(() => [...records.value].reverse()); function deleteItem(item) { const newRecords = [...records.value]; newRecords.find((record, index) => { if (record.pid === item.pid) { newRecords.splice(index, 1); return true; } return false; }); setRecords(newRecords); } function copy(action, item) { let copyString = ''; const password = GM_getValue('passwords', {})[item.pid]; if (action === 'all') { copyString += `${item.title}`; password && (copyString += ` (密码：${password})`); copyString += `\n${item.href}`; } else if (action === 'pwd') { if (password) { copyString += password; } else { Toast.warning('没有密码！'); } } if (!copyString) return; GM_setClipboard(copyString, 'text'); Toast.success('复制成功'); } function toggle(visible) { state.recordsVisible = visible; } function toggleMoreActions(visible) { state.moreActionsVisible = visible; } function onUnhiddenChange(event) { setUnhidden(event.target.checked); } return { ...(0,external_Vue_namespaceObject.toRefs)(state), records, unhidden, reversed, deleteItem, copy, toggle, toggleMoreActions, onUnhiddenChange }; } }); const rootContainer = document.createElement('div'); app.mount(rootContainer); document.body.appendChild(rootContainer); /* 记录函数 */ function record() { const { pid } = parseURL(); if (!pid) return; const records = GM_getValue('records', []); let oldTitle = null; records.find((item, index) => { if (item.pid === pid) { oldTitle = item.title; records.splice(index, 1); return true; } return false; }); // 优化标题显示：当前是无意义标题且有旧标题时优先使用旧标题 const title = ['蓝湖', '...'].includes(document.title) && oldTitle ? oldTitle : document.title; records.push({ pid, title, href: location.href }); GM_setValue('records', records); } return { record }; } // 将已保存的旧格式替换为新数据格式 function updateStorage() { const records = GM_getValue('records'); if (!records) return; let hasDiff = false; const newRecords = records.map(record => { if (record.href) return record; hasDiff = true; const PATH = 'https://lanhuapp.com/web/'; const { hash, queryString, ...rest } = record; return { href: PATH + hash + '?' + queryString, ...rest }; }); if (hasDiff) { GM_setValue('records', newRecords); } } main(); })(); /******/ })() ;