@whitesev/utils 2.9.13 → 2.11.0

package/dist/index.esm.js

@@ -232,12 +232,12 @@ const createLoadOrReturnBroker = (loadBroker, worker) => {
 const worker = `(()=>{var e={455(e,t){!function(e){"use strict";var t=function(e){return function(t){var r=e(t);return t.add(r),r}},r=function(e){return function(t,r){return e.set(t,r),r}},n=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,o=536870912,s=2*o,a=function(e,t){return function(r){var a=t.get(r),i=void 0===a?r.size:a<s?a+1:0;if(!r.has(i))return e(r,i);if(r.size<o){for(;r.has(i);)i=Math.floor(Math.random()*s);return e(r,i)}if(r.size>n)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;r.has(i);)i=Math.floor(Math.random()*n);return e(r,i)}},i=new WeakMap,u=r(i),c=a(u,i),l=t(c);e.addUniqueNumber=l,e.generateUniqueNumber=c}(t)}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n].call(s.exports,s,s.exports,r),s.exports}(()=>{"use strict";const e=-32603,t=-32602,n=-32601,o=(e,t)=>Object.assign(new Error(e),{status:t}),s=t=>o('The handler of the method called "'.concat(t,'" returned an unexpected result.'),e),a=(t,r)=>async({data:{id:a,method:i,params:u}})=>{const c=r[i];try{if(void 0===c)throw(e=>o('The requested method called "'.concat(e,'" is not supported.'),n))(i);const r=void 0===u?c():c(u);if(void 0===r)throw(t=>o('The handler of the method called "'.concat(t,'" returned no required result.'),e))(i);const l=r instanceof Promise?await r:r;if(null===a){if(void 0!==l.result)throw s(i)}else{if(void 0===l.result)throw s(i);const{result:e,transferables:r=[]}=l;t.postMessage({id:a,result:e},r)}}catch(e){const{message:r,status:n=-32603}=e;t.postMessage({error:{code:n,message:r},id:a})}};var i=r(455);const u=new Map,c=(e,r,n)=>({...r,connect:({port:t})=>{t.start();const n=e(t,r),o=(0,i.generateUniqueNumber)(u);return u.set(o,()=>{n(),t.close(),u.delete(o)}),{result:o}},disconnect:({portId:e})=>{const r=u.get(e);if(void 0===r)throw(e=>o('The specified parameter called "portId" with the given value "'.concat(e,'" does not identify a port connected to this worker.'),t))(e);return r(),{result:null}},isSupported:async()=>{if(await new Promise(e=>{const t=new ArrayBuffer(0),{port1:r,port2:n}=new MessageChannel;r.onmessage=({data:t})=>e(null!==t),n.postMessage(t,[t])})){const e=n();return{result:e instanceof Promise?await e:e}}return{result:!1}}}),l=(e,t,r=()=>!0)=>{const n=c(l,t,r),o=a(e,n);return e.addEventListener("message",o),()=>e.removeEventListener("message",o)},d=(e,t)=>r=>{const n=t.get(r);if(void 0===n)return Promise.resolve(!1);const[o,s]=n;return e(o),t.delete(r),s(!1),Promise.resolve(!0)},m=(e,t,r,n)=>(o,s,a)=>{const i=o+s-t.timeOrigin,u=i-t.now();return new Promise(t=>{e.set(a,[r(n,u,i,e,t,a),t])})},f=new Map,h=d(globalThis.clearTimeout,f),p=new Map,v=d(globalThis.clearTimeout,p),w=((e,t)=>{const r=(n,o,s,a)=>{const i=n-e.now();i>0?o.set(a,[t(r,i,n,o,s,a),s]):(o.delete(a),s(!0))};return r})(performance,globalThis.setTimeout),g=m(f,performance,globalThis.setTimeout,w),T=m(p,performance,globalThis.setTimeout,w);l(self,{clear:async({timerId:e,timerType:t})=>({result:await("interval"===t?h(e):v(e))}),set:async({delay:e,now:t,timerId:r,timerType:n})=>({result:await("interval"===n?g:T)(e,t,r)})})})()})();`; // tslint:disable-line:max-line-length
 
 const loadOrReturnBroker = createLoadOrReturnBroker(load, worker);
-const clearInterval = (timerId) => loadOrReturnBroker().clearInterval(timerId);
+const clearInterval$1 = (timerId) => loadOrReturnBroker().clearInterval(timerId);
 const clearTimeout$1 = (timerId) => loadOrReturnBroker().clearTimeout(timerId);
-const setInterval = (...args) => loadOrReturnBroker().setInterval(...args);
+const setInterval$1 = (...args) => loadOrReturnBroker().setInterval(...args);
 const setTimeout$1 = (...args) => loadOrReturnBroker().setTimeout(...args);
 
-const version = "2.9.13";
+const version = "2.11.0";
 
 /* eslint-disable */
 // ==UserScript==
@@ -5334,7 +5334,6 @@ class GMMenu {
     }
 }
 
-// @ts-nocheck
 const VueUtils = {
     /** 标签 */
     ReactiveFlags: {
@@ -5374,9 +5373,11 @@ class ReactiveEffect {
     active = true;
     fn;
     scheduler;
-    constructor(fn, scheduler) {
+    options;
+    constructor(fn, scheduler, options) {
         this.fn = fn;
         this.scheduler = scheduler;
+        this.options = options; // 默认值为'same'
     }
     run(cb) {
         if (!this.active) {
@@ -5394,6 +5395,18 @@ class ReactiveEffect {
             }
         }
     }
+    stop() {
+        if (this.active) {
+            // 清除依赖关系
+            if (this.deps && this.deps.length) {
+                this.deps.forEach((dep) => {
+                    dep.delete(this);
+                });
+                this.deps.length = 0;
+            }
+            this.active = false;
+        }
+    }
 }
 class RefImpl {
     _value;
@@ -5463,9 +5476,7 @@ class Vue {
             set(target, key, value, receiver) {
                 const oldValue = target[key];
                 const result = Reflect.set(target, key, value, receiver);
-                if (oldValue !== value) {
-                    that.trigger(target, "set", key, oldValue, value);
-                }
+                that.trigger(target, "set", key, oldValue, value);
                 return result;
             },
         });
@@ -5476,8 +5487,9 @@ class Vue {
      * 观察被reactive的对象值改变
      * @param source 被观察的对象，这里采用函数返回对象
      * @param changeCallBack 值改变的回调
+     * @param options 配置项
      */
-    watch(source, changeCallBack) {
+    watch(source, changeCallBack, options) {
         let getter;
         if (VueUtils.isReactive(source)) {
             getter = () => this.traversal(source);
@@ -5489,17 +5501,35 @@ class Vue {
             return;
         }
         let oldValue;
+        const unwatch = () => {
+            effect.stop();
+        };
         const job = () => {
             const newValue = effect.run((activeEffect) => {
                 this.activeEffect = activeEffect;
             });
             changeCallBack(newValue, oldValue);
+            if (options?.once) {
+                // 仅触发一次
+                unwatch();
+            }
             oldValue = newValue;
         };
-        const effect = new ReactiveEffect(getter, job);
+        const effect = new ReactiveEffect(getter, job, {
+            triggerMethod: "not-same",
+            ...(options ?? {}),
+        });
         oldValue = effect.run((activeEffect) => {
             this.activeEffect = activeEffect;
         });
+        if (options) {
+            if (options.immediate) {
+                job();
+            }
+        }
+        return {
+            unwatch,
+        };
     }
     toReactive(value) {
         return VueUtils.isObject(value) ? this.reactive(value) : value;
@@ -5517,28 +5547,40 @@ class Vue {
         }
         return result;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     trigger(target, type, key, oldValue, value) {
         const depsMap = this.targetMap.get(target);
         if (!depsMap)
             return;
         const effects = depsMap.get(key);
-        this.triggerEffect(effects, "effects");
+        this.triggerEffect(effects, type, "effects", oldValue, value);
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    triggerEffect(effects, name) {
+    triggerEffect(effects, _type, _name, oldValue, value) {
         if (effects) {
+            const isSame = oldValue === value;
             effects.forEach((effect) => {
-                if (effect.scheduler) {
-                    effect.scheduler();
+                if (effect.options.triggerMethod === "not-same") {
+                    if (isSame) {
+                        return;
+                    }
+                    if (effect.scheduler) {
+                        effect.scheduler();
+                    }
+                    else {
+                        effect.run();
+                    }
                 }
-                else {
-                    effect.run();
+                else if (effect.options.triggerMethod === "set") {
+                    if (effect.scheduler) {
+                        effect.scheduler();
+                    }
+                    else {
+                        effect.run();
+                    }
                 }
             });
         }
     }
-    track(target, type, key) {
+    track(target, _type, key) {
         if (!this.activeEffect)
             return;
         let depsMap = this.targetMap.get(target);
@@ -5718,8 +5760,8 @@ class Utils {
         let timer = null;
         const that = this;
         return function (...args) {
-            that.workerClearTimeout(timer);
-            timer = that.workerSetTimeout(function () {
+            clearTimeout(timer);
+            timer = setTimeout(function () {
                 fn.apply(that, args);
             }, delay);
         };
@@ -5738,7 +5780,6 @@ class Utils {
      **/
     Dictionary = UtilsDictionary;
     downloadBase64(base64Data, fileName, isIFrame = false) {
-        const that = this;
         if (typeof base64Data !== "string") {
             throw new Error("Utils.downloadBase64 参数 base64Data 必须为 string 类型");
         }
@@ -5751,7 +5792,7 @@ class Utils {
             $iframe.style.display = "none";
             $iframe.src = base64Data;
             (this.windowApi.document.body || this.windowApi.document.documentElement).appendChild($iframe);
-            that.workerSetTimeout(() => {
+            setTimeout(() => {
                 $iframe.contentWindow.document.execCommand("SaveAs", true, fileName);
                 (this.windowApi.document.body || this.windowApi.document.documentElement).removeChild($iframe);
             }, 100);
@@ -7650,7 +7691,6 @@ class Utils {
         });
     }
     setTimeout(callback, delayTime = 0) {
-        const that = this;
         if (typeof callback !== "function" && typeof callback !== "string") {
             throw new TypeError("Utils.setTimeout 参数 callback 必须为 function|string 类型");
         }
@@ -7658,18 +7698,17 @@ class Utils {
             throw new TypeError("Utils.setTimeout 参数 delayTime 必须为 number 类型");
         }
         return new Promise((resolve) => {
-            that.workerSetTimeout(() => {
-                resolve(that.tryCatch().run(callback));
+            setTimeout(() => {
+                resolve(this.tryCatch().run(callback));
             }, delayTime);
         });
     }
     sleep(delayTime = 0) {
-        const that = this;
         if (typeof delayTime !== "number") {
             throw new Error("Utils.sleep 参数 delayTime 必须为 number 类型");
         }
         return new Promise((resolve) => {
-            that.workerSetTimeout(() => {
+            setTimeout(() => {
                 resolve(void 0);
             }, delayTime);
         });
@@ -7995,13 +8034,12 @@ class Utils {
         });
     }
     waitPropertyByInterval(checkFn, propertyName, intervalTimer = 250, maxTime = -1) {
-        const that = this;
         if (checkFn == null) {
             throw new TypeError("checkObj 不能为空对象 ");
         }
         let isResolve = false;
         return new Promise((resolve, reject) => {
-            const interval = that.workerSetInterval(() => {
+            const interval = setInterval(() => {
                 let inst = checkFn;
                 if (typeof checkFn === "function") {
                     inst = checkFn();
@@ -8014,14 +8052,14 @@ class Utils {
                 }
                 if ((typeof propertyName === "function" && propertyName(inst)) || Reflect.has(inst, propertyName)) {
                     isResolve = true;
-                    that.workerClearInterval(interval);
+                    clearInterval(interval);
                     resolve(inst[propertyName]);
                 }
             }, intervalTimer);
             if (maxTime !== -1) {
-                that.workerSetTimeout(() => {
+                setTimeout(() => {
                     if (!isResolve) {
-                        that.workerClearInterval(interval);
+                        clearInterval(interval);
                         reject();
                     }
                 }, maxTime);
@@ -8224,14 +8262,39 @@ class Utils {
     /**
      * 自定义的动态响应对象
      * @example
-     * let vue = new Utils.Vue();
-     * let reactive = new vue.reactive({});
-     * vue.watch(()=>reactive["name"], (newValue, oldValue)=>{
+     * const vue = new Utils.Vue();
+     * const reactive = vue.reactive({
+     *   name: "",
+     * });
+     * vue.watch(()=>reactive.name, (newValue, oldValue)=>{
      *     console.log("newValue ==> " + newValue);
      *     console.log("oldValue ==> " + oldValue);
      * })
-     * vue["name"] = "测试";
-     * > "测试"
+     * reactive.name = "测试";
+     * > newValue ==> 测试
+     * > oldValue ==>
+     * reactive.name = "null";
+     * > newValue ==> null
+     * > oldValue ==> 测试
+     * reactive.name = "null";
+     * @example
+     * const vue = new Utils.Vue();
+     * const reactive = vue.reactive({
+     *   name: "",
+     * });
+     * vue.watch(()=>reactive.name, (newValue, oldValue)=>{
+     *     console.log("newValue ==> " + newValue);
+     *     console.log("oldValue ==> " + oldValue);
+     * },{
+     *   triggerMethod: "set",
+     * })
+     * reactive.name = "测试";
+     * > newValue ==> 测试
+     * > oldValue ==>
+     * reactive.name = "测试";
+     * > newValue ==> 测试
+     * > oldValue ==> 测试
+     *
      */
     Vue = Vue;
     ModuleRaid = ModuleRaid;
@@ -8243,9 +8306,8 @@ class Utils {
     workerSetTimeout(callback, timeout = 0) {
         try {
             return setTimeout$1(callback, timeout);
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
         }
-        catch (error) {
+        catch {
             return this.windowApi.setTimeout(callback, timeout);
         }
     }
@@ -8258,12 +8320,8 @@ class Utils {
             if (timeId != null) {
                 clearTimeout$1(timeId);
             }
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        }
-        catch (error) {
-            // console.log(error);
         }
-        finally {
+        catch {
             this.windowApi.clearTimeout(timeId);
         }
     }
@@ -8274,10 +8332,9 @@ class Utils {
      */
     workerSetInterval(callback, timeout = 0) {
         try {
-            return setInterval(callback, timeout);
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            return setInterval$1(callback, timeout);
         }
-        catch (error) {
+        catch {
             return this.windowApi.setInterval(callback, timeout);
         }
     }
@@ -8288,14 +8345,10 @@ class Utils {
     workerClearInterval(timeId) {
         try {
             if (timeId != null) {
-                clearInterval(timeId);
+                clearInterval$1(timeId);
             }
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        }
-        catch (error) {
-            // console.log(error);
         }
-        finally {
+        catch {
             this.windowApi.clearInterval(timeId);
         }
     }
@@ -8316,6 +8369,66 @@ class Utils {
             return new FunctionConstructor(...args);
         }
     }
+    /**
+     * 判断页面中是否存在`worker-src`的CSP规则
+     */
+    hasWorkerCSP() {
+        return new Promise((resolve) => {
+            let flag = true;
+            let workerBlobUrl = void 0;
+            const workerJs = /*js*/ `
+(() => {
+    this.addEventListener(
+    "message",
+    function () {
+        this.postMessage({
+          success: true,
+        });
+    },
+    {
+        capture: true,
+    }
+    );
+})();`;
+            try {
+                const workerScript = new Blob([workerJs], {
+                    type: "application/javascript",
+                });
+                workerBlobUrl = window.URL.createObjectURL(workerScript);
+                // @ts-expect-error
+                if (globalThis.trustedTypes && typeof globalThis.trustedTypes.createPolicy === "function") {
+                    // 使用这个后虽然不报错，但是仍会有blob错误
+                    // violates the following Content Security Policy directive: "worker-src 'self'". The action has been blocked.
+                    // 且这个错误无法使用try/catch捕捉，导致本该提醒使用手动匹配的结果并无提醒弹窗
+                    // @ts-expect-error
+                    const workerPolicy = globalThis.trustedTypes.createPolicy("workerPolicy", {
+                        createScriptURL: (url) => url,
+                    });
+                    workerBlobUrl = workerPolicy.createScriptURL(workerBlobUrl);
+                }
+                const worker = new Worker(workerBlobUrl);
+                worker.onmessage = (data) => {
+                    if (data.data.success) {
+                        flag = false;
+                    }
+                };
+                setTimeout(() => {
+                    worker.terminate();
+                    resolve(flag);
+                }, 500);
+                worker.postMessage("test");
+            }
+            catch {
+                flag = true;
+            }
+            finally {
+                // 释放
+                if (typeof workerBlobUrl === "string") {
+                    globalThis.URL.revokeObjectURL(workerBlobUrl);
+                }
+            }
+        });
+    }
 }
 const utils = new Utils();