@whitesev/utils 2.9.13 → 2.11.0

package/dist/index.system.js

@@ -237,12 +237,12 @@ System.register('Utils', [], (function (exports) {
             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==
@@ -5339,7 +5339,6 @@ System.register('Utils', [], (function (exports) {
                 }
             }
 
-            // @ts-nocheck
             const VueUtils = {
                 /** 标签 */
                 ReactiveFlags: {
@@ -5379,9 +5378,11 @@ System.register('Utils', [], (function (exports) {
                 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) {
@@ -5399,6 +5400,18 @@ System.register('Utils', [], (function (exports) {
                         }
                     }
                 }
+                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;
@@ -5468,9 +5481,7 @@ System.register('Utils', [], (function (exports) {
                         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;
                         },
                     });
@@ -5481,8 +5492,9 @@ System.register('Utils', [], (function (exports) {
                  * 观察被reactive的对象值改变
                  * @param source 被观察的对象，这里采用函数返回对象
                  * @param changeCallBack 值改变的回调
+                 * @param options 配置项
                  */
-                watch(source, changeCallBack) {
+                watch(source, changeCallBack, options) {
                     let getter;
                     if (VueUtils.isReactive(source)) {
                         getter = () => this.traversal(source);
@@ -5494,17 +5506,35 @@ System.register('Utils', [], (function (exports) {
                         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;
@@ -5522,28 +5552,40 @@ System.register('Utils', [], (function (exports) {
                     }
                     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);
@@ -5723,8 +5765,8 @@ System.register('Utils', [], (function (exports) {
                     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);
                     };
@@ -5743,7 +5785,6 @@ System.register('Utils', [], (function (exports) {
                  **/
                 Dictionary = UtilsDictionary;
                 downloadBase64(base64Data, fileName, isIFrame = false) {
-                    const that = this;
                     if (typeof base64Data !== "string") {
                         throw new Error("Utils.downloadBase64 参数 base64Data 必须为 string 类型");
                     }
@@ -5756,7 +5797,7 @@ System.register('Utils', [], (function (exports) {
                         $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);
@@ -7655,7 +7696,6 @@ System.register('Utils', [], (function (exports) {
                     });
                 }
                 setTimeout(callback, delayTime = 0) {
-                    const that = this;
                     if (typeof callback !== "function" && typeof callback !== "string") {
                         throw new TypeError("Utils.setTimeout 参数 callback 必须为 function|string 类型");
                     }
@@ -7663,18 +7703,17 @@ System.register('Utils', [], (function (exports) {
                         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);
                     });
@@ -8000,13 +8039,12 @@ System.register('Utils', [], (function (exports) {
                     });
                 }
                 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();
@@ -8019,14 +8057,14 @@ System.register('Utils', [], (function (exports) {
                             }
                             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);
@@ -8229,14 +8267,39 @@ System.register('Utils', [], (function (exports) {
                 /**
                  * 自定义的动态响应对象
                  * @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;
@@ -8248,9 +8311,8 @@ System.register('Utils', [], (function (exports) {
                 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);
                     }
                 }
@@ -8263,12 +8325,8 @@ System.register('Utils', [], (function (exports) {
                         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);
                     }
                 }
@@ -8279,10 +8337,9 @@ System.register('Utils', [], (function (exports) {
                  */
                 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);
                     }
                 }
@@ -8293,14 +8350,10 @@ System.register('Utils', [], (function (exports) {
                 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);
                     }
                 }
@@ -8321,6 +8374,66 @@ System.register('Utils', [], (function (exports) {
                         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 = exports("default", new Utils());