@vnejs/uis.react.use-is-render-hook 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./isRender.hook";
+export * from "./isRender.hook.types.js";
+export * from "./isRender.hook.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./isRender.hook";
+export * from "./isRender.hook.types.js";
+export * from "./isRender.hook.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/isRender.hook.d.ts

@@ -1,6 +1,3 @@
-export declare const useIsRenderHook: (ref: any, isShow: any, isForce: any, transition: any) => {
-    isRender: boolean;
-    isRenderShow: boolean;
-    isRenderForce: any;
-};
+import { type UseIsRenderHookRef, type UseIsRenderHookReturn } from "./isRender.hook.types.js";
+export declare const useIsRenderHook: (ref: UseIsRenderHookRef, isShow: boolean, isForce: boolean, transition: number | null) => UseIsRenderHookReturn;
 //# sourceMappingURL=isRender.hook.d.ts.map

package/dist/isRender.hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isRender.hook.d.ts","sourceRoot":"","sources":["../src/isRender.hook.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,GAAI,QAAG,EAAE,WAAM,EAAE,YAAO,EAAE,eAAU;;;;CAiC/D,CAAC"}
+{"version":3,"file":"isRender.hook.d.ts","sourceRoot":"","sources":["../src/isRender.hook.ts"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAC;AAQlC,eAAO,MAAM,eAAe,GAC1B,KAAK,kBAAkB,EACvB,QAAQ,OAAO,EACf,SAAS,OAAO,EAChB,YAAY,MAAM,GAAG,IAAI,KACxB,qBAiCF,CAAC"}

package/dist/isRender.hook.js

@@ -19,16 +19,16 @@ export const useIsRenderHook = (ref, isShow, isForce, transition) => {
         const rafObj = {};
         rafObj.raf = requestAnimationFrameWithCheckAndCallback(rafObj, ref, setIsRenderShow);
         return () => cancelAnimationFrame(rafObj.raf);
-    }, [isShow, isRenderForce, isRenderShow, isRender]);
+    }, [isShow, isRenderForce, isRenderShow, isRender, ref]);
     useEffect(() => {
         if (isShow || (!isRender && !isRenderShow))
             return;
         setIsRenderShow(false);
         if (isRenderForce)
             return void setIsRender(false);
-        const tm = setTimeout(() => setIsRender(false), transition);
+        const tm = setTimeout(() => setIsRender(false), transition ?? 0);
         return () => clearTimeout(tm);
-    }, [isShow, isRenderForce, isRenderShow, isRender]);
+    }, [isShow, isRenderForce, isRenderShow, isRender, transition]);
     return { isRender, isRenderShow, isRenderForce };
 };
 //# sourceMappingURL=isRender.hook.js.map

package/dist/isRender.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"isRender.hook.js","sourceRoot":"","sources":["../src/isRender.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,yCAAyC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CACpE,qBAAqB,CAAC,GAAG,EAAE;IACzB,IAAI,CAAC,GAAG,CAAC,OAAO;QAAE,MAAM,CAAC,GAAG,GAAG,yCAAyC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;;QACrF,EAAE,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;YAAE,OAAO;QAElD,WAAW,CAAC,IAAI,CAAC,CAAC;QAElB,IAAI,aAAa;YAAE,OAAO,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC;QAErD,MAAM,MAAM,GAAwB,EAAE,CAAC;QAEvC,MAAM,CAAC,GAAG,GAAG,yCAAyC,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,CAAC,CAAC;QAErF,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC;YAAE,OAAO;QAEnD,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,IAAI,aAAa;YAAE,OAAO,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;QAElD,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;QAE5D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACnD,CAAC,CAAC"}
+{"version":3,"file":"isRender.hook.js","sourceRoot":"","sources":["../src/isRender.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASlD,MAAM,yCAAyC,GAA8C,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CAC/G,qBAAqB,CAAC,GAAG,EAAE;IACzB,IAAI,CAAC,GAAG,CAAC,OAAO;QAAE,MAAM,CAAC,GAAG,GAAG,yCAAyC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;;QACrF,EAAE,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,GAAuB,EACvB,MAAe,EACf,OAAgB,EAChB,UAAyB,EACF,EAAE;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;YAAE,OAAO;QAElD,WAAW,CAAC,IAAI,CAAC,CAAC;QAElB,IAAI,aAAa;YAAE,OAAO,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC;QAErD,MAAM,MAAM,GAA+B,EAAE,CAAC;QAE9C,MAAM,CAAC,GAAG,GAAG,yCAAyC,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,CAAC,CAAC;QAErF,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,GAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC;YAAE,OAAO;QAEnD,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,IAAI,aAAa;YAAE,OAAO,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;QAElD,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,IAAI,CAAC,CAAC,CAAC;QAEjE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACnD,CAAC,CAAC"}

package/dist/isRender.hook.types.d.ts

@@ -0,0 +1,12 @@
+import type { MutableRefObject } from "react";
+export type UseIsRenderHookRef = MutableRefObject<HTMLElement | null>;
+export type UseIsRenderHookReturn = {
+    isRender: boolean;
+    isRenderShow: boolean;
+    isRenderForce: boolean;
+};
+export type RequestAnimationFrameState = {
+    raf?: number;
+};
+export type RequestAnimationFrameWithCheckAndCallback = (rafObj: RequestAnimationFrameState, ref: UseIsRenderHookRef, cb: (value: boolean) => void) => number;
+//# sourceMappingURL=isRender.hook.types.d.ts.map

package/dist/isRender.hook.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRender.hook.types.d.ts","sourceRoot":"","sources":["../src/isRender.hook.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,yCAAyC,GAAG,CACtD,MAAM,EAAE,0BAA0B,EAClC,GAAG,EAAE,kBAAkB,EACvB,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KACzB,MAAM,CAAC"}

package/dist/isRender.hook.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=isRender.hook.types.js.map

package/dist/isRender.hook.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRender.hook.types.js","sourceRoot":"","sources":["../src/isRender.hook.types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.use-is-render-hook",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/index.ts

@@ -1 +1,2 @@
-export * from "./isRender.hook";
+export * from "./isRender.hook.types.js";
+export * from "./isRender.hook.js";

package/src/isRender.hook.ts

@@ -2,13 +2,25 @@ import { useEffect, useState } from "react";
 
 import { useIsForceHook } from "@vnejs/uis.react";
 
-const requestAnimationFrameWithCheckAndCallback = (rafObj, ref, cb) =>
+import {
+  type RequestAnimationFrameState,
+  type RequestAnimationFrameWithCheckAndCallback,
+  type UseIsRenderHookRef,
+  type UseIsRenderHookReturn,
+} from "./isRender.hook.types.js";
+
+const requestAnimationFrameWithCheckAndCallback: RequestAnimationFrameWithCheckAndCallback = (rafObj, ref, cb) =>
   requestAnimationFrame(() => {
     if (!ref.current) rafObj.raf = requestAnimationFrameWithCheckAndCallback(rafObj, ref, cb);
     else cb(true);
   });
 
-export const useIsRenderHook = (ref, isShow, isForce, transition) => {
+export const useIsRenderHook = (
+  ref: UseIsRenderHookRef,
+  isShow: boolean,
+  isForce: boolean,
+  transition: number | null,
+): UseIsRenderHookReturn => {
   const [isRender, setIsRender] = useState(false);
   const [isRenderShow, setIsRenderShow] = useState(false);
 
@@ -21,12 +33,12 @@ export const useIsRenderHook = (ref, isShow, isForce, transition) => {
 
     if (isRenderForce) return void setIsRenderShow(true);
 
-    const rafObj: Record<string, any> = {};
+    const rafObj: RequestAnimationFrameState = {};
 
     rafObj.raf = requestAnimationFrameWithCheckAndCallback(rafObj, ref, setIsRenderShow);
 
-    return () => cancelAnimationFrame(rafObj.raf);
-  }, [isShow, isRenderForce, isRenderShow, isRender]);
+    return () => cancelAnimationFrame(rafObj.raf!);
+  }, [isShow, isRenderForce, isRenderShow, isRender, ref]);
 
   useEffect(() => {
     if (isShow || (!isRender && !isRenderShow)) return;
@@ -35,10 +47,10 @@ export const useIsRenderHook = (ref, isShow, isForce, transition) => {
 
     if (isRenderForce) return void setIsRender(false);
 
-    const tm = setTimeout(() => setIsRender(false), transition);
+    const tm = setTimeout(() => setIsRender(false), transition ?? 0);
 
     return () => clearTimeout(tm);
-  }, [isShow, isRenderForce, isRenderShow, isRender]);
+  }, [isShow, isRenderForce, isRenderShow, isRender, transition]);
 
   return { isRender, isRenderShow, isRenderForce };
 };

package/src/isRender.hook.types.ts

@@ -0,0 +1,19 @@
+import type { MutableRefObject } from "react";
+
+export type UseIsRenderHookRef = MutableRefObject<HTMLElement | null>;
+
+export type UseIsRenderHookReturn = {
+  isRender: boolean;
+  isRenderShow: boolean;
+  isRenderForce: boolean;
+};
+
+export type RequestAnimationFrameState = {
+  raf?: number;
+};
+
+export type RequestAnimationFrameWithCheckAndCallback = (
+  rafObj: RequestAnimationFrameState,
+  ref: UseIsRenderHookRef,
+  cb: (value: boolean) => void,
+) => number;

package/tsconfig.json

@@ -8,7 +8,6 @@
     "src/**/*.ts",
     "src/**/*.tsx",
     "../../../globals.d.ts",
-    "../../peer-modules.d.ts"
   ],
   "exclude": [
     "dist",