@whitesev/utils 2.9.13 → 2.11.0

package/dist/index.umd.js

@@ -238,12 +238,12 @@
     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==
@@ -5340,7 +5340,6 @@
         }
     }
 
-    // @ts-nocheck
     const VueUtils = {
         /** 标签 */
         ReactiveFlags: {
@@ -5380,9 +5379,11 @@
         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) {
@@ -5400,6 +5401,18 @@
                 }
             }
         }
+        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;
@@ -5469,9 +5482,7 @@
                 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;
                 },
             });
@@ -5482,8 +5493,9 @@
          * 观察被reactive的对象值改变
          * @param source 被观察的对象，这里采用函数返回对象
          * @param changeCallBack 值改变的回调
+         * @param options 配置项
          */
-        watch(source, changeCallBack) {
+        watch(source, changeCallBack, options) {
             let getter;
             if (VueUtils.isReactive(source)) {
                 getter = () => this.traversal(source);
@@ -5495,17 +5507,35 @@
                 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;
@@ -5523,28 +5553,40 @@
             }
             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);
@@ -5724,8 +5766,8 @@
             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);
             };
@@ -5744,7 +5786,6 @@
          **/
         Dictionary = UtilsDictionary;
         downloadBase64(base64Data, fileName, isIFrame = false) {
-            const that = this;
             if (typeof base64Data !== "string") {
                 throw new Error("Utils.downloadBase64 参数 base64Data 必须为 string 类型");
             }
@@ -5757,7 +5798,7 @@
                 $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);
@@ -7656,7 +7697,6 @@
             });
         }
         setTimeout(callback, delayTime = 0) {
-            const that = this;
             if (typeof callback !== "function" && typeof callback !== "string") {
                 throw new TypeError("Utils.setTimeout 参数 callback 必须为 function|string 类型");
             }
@@ -7664,18 +7704,17 @@
                 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);
             });
@@ -8001,13 +8040,12 @@
             });
         }
         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();
@@ -8020,14 +8058,14 @@
                     }
                     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);
@@ -8230,14 +8268,39 @@
         /**
          * 自定义的动态响应对象
          * @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;
@@ -8249,9 +8312,8 @@
         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);
             }
         }
@@ -8264,12 +8326,8 @@
                 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);
             }
         }
@@ -8280,10 +8338,9 @@
          */
         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);
             }
         }
@@ -8294,14 +8351,10 @@
         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);
             }
         }
@@ -8322,6 +8375,66 @@
                 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();