@whitesev/utils 2.2.9 → 2.3.0

package/dist/types/src/Vue.d.ts

@@ -0,0 +1,43 @@
+declare class RefImpl {
+    _value: any;
+    _isRef: boolean;
+    _rawValue: any;
+    _vue: Vue;
+    constructor(vueIns: Vue, rawValue: any);
+    get value(): any;
+    set value(newValue: any);
+}
+declare class ObjectRefImpl {
+    object: any;
+    key: any;
+    constructor(object: any, key: any);
+    get value(): any;
+    set value(newValue: any);
+}
+export declare class Vue {
+    private reactMap;
+    private targetMap;
+    private activeEffect;
+    constructor();
+    /**
+     * 生成一个被代理的对象
+     * @param target 需要代理的对象
+     */
+    reactive<T extends object>(target: T): T;
+    /**
+     * 观察被reactive的对象值改变
+     * @param source 被观察的对象，这里采用函数返回对象
+     * @param changeCallBack 值改变的回调
+     */
+    watch<T>(source: () => T, changeCallBack: (newValue: T | undefined, oldValue: T | undefined) => void): void;
+    toReactive(value: any): any;
+    ref(value: any): RefImpl;
+    toRef(object: any, key: any): ObjectRefImpl;
+    toRefs(object: any): {};
+    private trigger;
+    private triggerEffect;
+    private track;
+    private trackEffect;
+    private traversal;
+}
+export {};

package/dist/types/src/VueObject.d.ts

@@ -1,110 +1,110 @@
-import type { AnyObject } from "./Utils";
-export declare interface Vue2Object extends AnyObject {
-    $attrs: AnyObject;
-    $children: Vue2Object[];
-    $createElement: (...args: any[]) => any;
-    $el: HTMLElement;
-    $listeners: AnyObject;
-    $options: AnyObject;
-    $parent: Vue2Object;
-    $refs: AnyObject;
-    $root: Vue2Object;
-    $scopedSlots: AnyObject;
-    $slots: AnyObject;
-    $store: AnyObject;
-    $vnode: AnyObject;
-    _data: AnyObject;
-    _directInactive: boolean;
-    _events: AnyObject;
-    _hasHookEvent: boolean;
-    _isBeingDestroyed: boolean;
-    _isDestroyed: boolean;
-    _isMounted: boolean;
-    _isVue: boolean;
-    $data: AnyObject;
-    $isServer: boolean;
-    $props: AnyObject;
-    $route: AnyObject & {
-        fullPath: string;
-        hash: string;
-        matched: AnyObject[];
-        meta: AnyObject;
-        name: string;
-        params: AnyObject;
-        path: string;
-        query: AnyObject;
-    };
-    $router: AnyObject & {
-        afterHooks: Function[];
-        app: Vue2Object;
-        apps: Vue2Object[];
-        beforeHooks: Function[];
-        fallback: boolean;
-        history: AnyObject & {
-            base: string;
-            current: AnyObject;
-            listeners: AnyObject[];
-            router: Vue2Object["$router"];
-            /**
-             *
-             * @param delta 访问的距离。如果 delta < 0 则后退相应数量的记录，如果 > 0 则前进。
-             * @param triggerListeners 是否应该触发连接到该历史的监听器
-             * @returns
-             */
-            go: (delta: number, triggerListeners?: boolean) => void;
-            /**
-             *
-             * @param to 要设置的地址
-             * @param data 可选的 HistoryState 以关联该导航记录
-             * @returns
-             */
-            push: (to: string, data?: AnyObject) => void;
-            /**
-             *
-             * @param to 要设置的地址
-             * @param data 可选的 HistoryState 以关联该导航记录
-             * @returns
-             */
-            replace: (to: string, data?: AnyObject) => void;
-        };
-        matcher: AnyObject & {
-            addRoute: (...args: any[]) => any;
-            addRoutes: (...args: any[]) => any;
-            getRoutes: () => any;
-            match: (...args: any[]) => any;
-        };
-        mode: string;
-        resolveHooks: ((...args: any[]) => any)[];
-        currentRoute: AnyObject;
-        beforeEach: (callback: ((
-        /** 即将要进入的目标 路由对象 */
-        to: Vue2Object["$route"], 
-        /** 当前导航正要离开的路由 */
-        from: Vue2Object["$route"], 
-        /**
-         *
-         * + next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。
-         * + next(false): 中断当前的导航。如果浏览器的 URL 改变了 (可能是用户手动或者浏览器后退按钮)，那么 URL 地址会重置到 from 路由对应的地址。
-         * + next('/') 或者 next({ path: '/' }): 跳转到一个不同的地址。当前的导航被中断，然后进行一个新的导航。你可以向 next 传递任意位置对象，且允许设置诸如 replace: true、name: 'home' 之类的选项以及任何用在 router-link 的 to prop 或 router.push 中的选项。
-         * + next(error): (2.4.0+) 如果传入 next 的参数是一个 Error 实例，则导航会被终止且该错误会被传递给 router.onError() 注册过的回调。
-         */
-        next: Function) => void)
-        /** 移除上一个添加的监听 */
-         | (() => void)) => void;
-        afterEach: (callback: ((
-        /** 即将要进入的目标 路由对象 */
-        to: Vue2Object["$route"], 
-        /** 当前导航正要离开的路由 */
-        from: Vue2Object["$route"]) => void)
-        /** 移除上一个添加的监听 */
-         | (() => void)) => void;
-    };
-    $ssrContext: AnyObject;
-    $watch: (key: string | string[] | (() => any), handler: (this: any, newVal: any, oldVal: any) => void, options?: {
-        immediate?: boolean;
-        deep?: boolean;
-    }) => void;
-}
-export declare interface HTMLVue2DivElement extends HTMLDivElement {
-    __vue__: Vue2Object;
-}
+export declare interface Vue2Object {
+    $attrs: any;
+    $children: Vue2Object[];
+    $createElement: (...args: any[]) => any;
+    $el: HTMLElement;
+    $listeners: any;
+    $options: any;
+    $parent: Vue2Object;
+    $refs: any;
+    $root: Vue2Object;
+    $scopedSlots: any;
+    $slots: any;
+    $store: any;
+    $vnode: any;
+    _data: any;
+    _directInactive: boolean;
+    _events: any;
+    _hasHookEvent: boolean;
+    _isBeingDestroyed: boolean;
+    _isDestroyed: boolean;
+    _isMounted: boolean;
+    _isVue: boolean;
+    $data: any;
+    $isServer: boolean;
+    $props: any;
+    $route: any & {
+        fullPath: string;
+        hash: string;
+        matched: any[];
+        meta: any;
+        name: string;
+        params: any;
+        path: string;
+        query: any;
+    };
+    $router: any & {
+        afterHooks: Function[];
+        app: Vue2Object;
+        apps: Vue2Object[];
+        beforeHooks: Function[];
+        fallback: boolean;
+        history: any & {
+            base: string;
+            current: any;
+            listeners: any[];
+            router: Vue2Object["$router"];
+            /**
+             *
+             * @param delta 访问的距离。如果 delta < 0 则后退相应数量的记录，如果 > 0 则前进。
+             * @param triggerListeners 是否应该触发连接到该历史的监听器
+             * @returns
+             */
+            go: (delta: number, triggerListeners?: boolean) => void;
+            /**
+             *
+             * @param to 要设置的地址
+             * @param data 可选的 HistoryState 以关联该导航记录
+             * @returns
+             */
+            push: (to: string, data?: any) => void;
+            /**
+             *
+             * @param to 要设置的地址
+             * @param data 可选的 HistoryState 以关联该导航记录
+             * @returns
+             */
+            replace: (to: string, data?: any) => void;
+        };
+        matcher: any & {
+            addRoute: (...args: any[]) => any;
+            addRoutes: (...args: any[]) => any;
+            getRoutes: () => any;
+            match: (...args: any[]) => any;
+        };
+        mode: string;
+        resolveHooks: ((...args: any[]) => any)[];
+        currentRoute: any;
+        beforeEach: (callback: ((
+        /** 即将要进入的目标 路由对象 */
+        to: Vue2Object["$route"], 
+        /** 当前导航正要离开的路由 */
+        from: Vue2Object["$route"], 
+        /**
+         *
+         * + next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。
+         * + next(false): 中断当前的导航。如果浏览器的 URL 改变了 (可能是用户手动或者浏览器后退按钮)，那么 URL 地址会重置到 from 路由对应的地址。
+         * + next('/') 或者 next({ path: '/' }): 跳转到一个不同的地址。当前的导航被中断，然后进行一个新的导航。你可以向 next 传递任意位置对象，且允许设置诸如 replace: true、name: 'home' 之类的选项以及任何用在 router-link 的 to prop 或 router.push 中的选项。
+         * + next(error): (2.4.0+) 如果传入 next 的参数是一个 Error 实例，则导航会被终止且该错误会被传递给 router.onError() 注册过的回调。
+         */
+        next: Function) => void)
+        /** 移除上一个添加的监听 */
+         | (() => void)) => void;
+        afterEach: (callback: ((
+        /** 即将要进入的目标 路由对象 */
+        to: Vue2Object["$route"], 
+        /** 当前导航正要离开的路由 */
+        from: Vue2Object["$route"]) => void)
+        /** 移除上一个添加的监听 */
+         | (() => void)) => void;
+    };
+    $ssrContext: any;
+    $watch: (key: string | string[] | (() => any), handler: (this: any, newVal: any, oldVal: any) => void, options?: {
+        immediate?: boolean;
+        deep?: boolean;
+    }) => void;
+    [key: string]: any;
+}
+export declare interface HTMLVue2DivElement extends HTMLDivElement {
+    __vue__: Vue2Object;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/utils",
-  "version": "2.2.9",
+  "version": "2.3.0",
   "description": "一个常用的工具库",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -44,6 +44,7 @@
     "typescript": "^5.5.4"
   },
   "scripts": {
+    "dev": "rollup --config --watch",
     "build": "rollup --config",
     "build:all": "rollup --config"
   }

package/src/Httpx.ts

@@ -1,4 +1,4 @@
-import { AnyObject, Utils } from "./Utils";
+import { Utils } from "./Utils";
 import { GenerateUUID } from "./UtilsCommon";
 
 /**
@@ -98,7 +98,7 @@ export type HttpxResponseCallBackType =
 export type HttpxResponseMap = {
 	arraybuffer: ArrayBuffer;
 	blob: Blob;
-	json: AnyObject;
+	json: any;
 	stream: ReadableStream<string>;
 	document: Document;
 	undefined: string;
@@ -1062,7 +1062,7 @@ export declare interface HttpxDetails {
 	/**
 	 * 将该对象添加到响应的属性中，可为空
 	 */
-	context?: AnyObject;
+	context?: any;
 	/**
 	 * 重写mimeType，可为空
 	 */

package/src/Log.ts

@@ -1,4 +1,3 @@
-import type { AnyObject } from "./Utils";
 
 /** Utils.Log的初始化配置 */
 declare interface UtilsLogOptions {
@@ -245,7 +244,7 @@ class Log {
 	 * @example
 	 * log.table([{"名字":"example","值":"123"},{"名字":"example2","值":"345"}])
 	 */
-	table(msg: AnyObject[], color = this.#details.infoColor, otherStyle = "") {
+	table(msg: any[], color = this.#details.infoColor, otherStyle = "") {
 		if (this.#disable) return;
 		this.checkClearConsole();
 		let stack = new Error()!.stack!.split("\n");

package/src/Utils.ts

@@ -16,6 +16,7 @@ import type { Vue2Object } from "./VueObject";
 import type { UtilsAjaxHookResult } from "./AjaxHookerType";
 import { GenerateUUID } from "./UtilsCommon";
 import { WindowApi, type UtilsWindowApiOption } from "./WindowApi";
+import { Vue } from "./Vue";
 
 export declare var unsafeWindow: Window & typeof globalThis;
 
@@ -1515,12 +1516,12 @@ class Utils {
 	 * Utils.getReactObj(document.querySelector("input"))?.reactProps?.onChange({target:{value:"123"}});
 	 */
 	getReactObj(element: HTMLElement | Element): {
-		reactFiber?: AnyObject;
-		reactProps?: AnyObject;
-		reactEvents?: AnyObject;
-		reactEventHandlers?: AnyObject;
-		reactInternalInstance?: AnyObject;
-		reactContainer?: AnyObject;
+		reactFiber?: any;
+		reactProps?: any;
+		reactEvents?: any;
+		reactEventHandlers?: any;
+		reactInternalInstance?: any;
+		reactContainer?: any;
 	} {
 		let result = {};
 		Object.keys(element).forEach((domPropsName) => {
@@ -2343,8 +2344,8 @@ class Utils {
 	 * Utils.parseObjectToArray({"工具类":"jsonToArray","return","Array"});
 	 * > ['jsonToArray', 'Array']
 	 **/
-	parseObjectToArray(target: AnyObject): any;
-	parseObjectToArray(target: AnyObject): any {
+	parseObjectToArray(target: any): any;
+	parseObjectToArray(target: any): any {
 		if (typeof target !== "object") {
 			throw new Error(
 				"Utils.parseObjectToArray 参数 target 必须为 object 类型"
@@ -3322,7 +3323,6 @@ class Utils {
 			}
 			/**
 			 * 申请剪贴板权限
-			 * @returns {Promise<boolean>}
 			 */
 			requestClipboardPermission() {
 				return new Promise((resolve, reject) => {
@@ -3335,16 +3335,13 @@ class Utils {
 							.then((permissionStatus) => {
 								resolve(true);
 							})
-							.catch(
-								/** @param {TypeError} error */
-								(error) => {
-									console.error([
-										"申请剪贴板权限失败，尝试直接写入👉",
-										error.message ?? error.name ?? error.stack,
-									]);
-									resolve(false);
-								}
-							);
+							.catch((error: TypeError) => {
+								console.error([
+									"申请剪贴板权限失败，尝试直接写入👉",
+									error.message ?? error.name ?? error.stack,
+								]);
+								resolve(false);
+							});
 					} else {
 						resolve(false);
 					}
@@ -4665,11 +4662,11 @@ class Utils {
 	 *
 	 */
 	waitProperty<T extends any>(
-		checkObj: AnyObject | (() => AnyObject),
+		checkObj: any | (() => any),
 		checkPropertyName: string
 	): Promise<T>;
 	waitProperty<T extends any>(
-		checkObj: AnyObject | (() => AnyObject),
+		checkObj: any | (() => any),
 		checkPropertyName: string
 	): Promise<T> {
 		return new Promise((resolve) => {
@@ -4703,13 +4700,13 @@ class Utils {
 	 * console.log("test success set");
 	 */
 	waitPropertyByInterval<T extends any>(
-		checkObj: AnyObject | (() => AnyObject),
+		checkObj: any | (() => any),
 		checkPropertyName: string | ((obj: any) => boolean),
 		intervalTimer?: number,
 		maxTime?: number
 	): Promise<T>;
 	waitPropertyByInterval<T extends any>(
-		checkObj: AnyObject | (() => AnyObject),
+		checkObj: any | (() => any),
 		checkPropertyName: string | ((obj: any) => boolean),
 		intervalTimer: number = 250,
 		maxTime: number = -1
@@ -4839,13 +4836,13 @@ class Utils {
 	 * > 111;
 	 */
 	watchObject(
-		target: AnyObject,
+		target: any,
 		propertyName: string,
 		getCallBack: (value: any) => void,
 		setCallBack: (value: any) => void
 	): void;
 	watchObject(
-		target: AnyObject,
+		target: any,
 		propertyName: string,
 		getCallBack: (value: any) => void,
 		setCallBack: (value: any) => void
@@ -4970,6 +4967,10 @@ class Utils {
 	 * Utils.generateUUID()
 	 */
 	generateUUID = GenerateUUID;
+	/**
+	 * 自定义的动态响应对象
+	 */
+	Vue = Vue;
 }
 
 let utils = new Utils();