@vnejs/uis.react.use-is-render-hook 0.1.2 → 0.1.4

package/package.json

@@ -1,32 +1,26 @@
 {
   "name": "@vnejs/uis.react.use-is-render-hook",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "node ../../scripts/build-package.mjs",
-    "publish:major:plugin": "npm run publish:major",
-    "publish:minor:plugin": "npm run publish:minor",
-    "publish:patch:plugin": "npm run publish:patch",
-    "publish:major": "npm run build && npm version major && npm publish --access public",
-    "publish:minor": "npm run build && npm version minor && npm publish --access public",
-    "publish:patch": "npm run build && npm version patch && npm publish --access public"
+    "build": "npx @vnejs/monorepo package",
+    "publish:major:uis:react": "npm run publish:major",
+    "publish:minor:uis:react": "npm run publish:minor",
+    "publish:patch:uis:react": "npm run publish:patch",
+    "publish:major": "npx @vnejs/monorepo publish major --access public",
+    "publish:minor": "npx @vnejs/monorepo publish minor --access public",
+    "publish:patch": "npx @vnejs/monorepo publish patch --access public"
   },
   "peerDependencies": {
-    "@bem-react/classname": "1.5.12",
-    "@vnejs/uis.utils": "~0.1.0",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "@vnejs/uis.react": "~0.1.0"
+    "@vnejs/uis.utils": "~0.1.0"
   },
   "devDependencies": {
-    "@vnejs/uis.react": "~0.1.0",
-    "typescript": "^5.7.3",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4"
+    "@vnejs/uis.react": "~0.1.0"
   },
   "files": [
     "dist",
-    "package.json"
+    "src",
+    "tsconfig.json"
   ]
 }

package/src/index.ts

@@ -0,0 +1 @@
+export * from "./isRender.hook";

package/src/isRender.hook.ts

@@ -0,0 +1,44 @@
+import { useEffect, useState } from "react";
+
+import { useIsForceHook } from "@vnejs/uis.react";
+
+const requestAnimationFrameWithCheckAndCallback = (rafObj, ref, cb) =>
+  requestAnimationFrame(() => {
+    if (!ref.current) rafObj.raf = requestAnimationFrameWithCheckAndCallback(rafObj, ref, cb);
+    else cb(true);
+  });
+
+export const useIsRenderHook = (ref, isShow, isForce, transition) => {
+  const [isRender, setIsRender] = useState(false);
+  const [isRenderShow, setIsRenderShow] = useState(false);
+
+  const isRenderForce = useIsForceHook(isForce);
+
+  useEffect(() => {
+    if (!isShow || (isRender && isRenderShow)) return;
+
+    setIsRender(true);
+
+    if (isRenderForce) return void setIsRenderShow(true);
+
+    const rafObj: Record<string, any> = {};
+
+    rafObj.raf = requestAnimationFrameWithCheckAndCallback(rafObj, ref, setIsRenderShow);
+
+    return () => cancelAnimationFrame(rafObj.raf);
+  }, [isShow, isRenderForce, isRenderShow, isRender]);
+
+  useEffect(() => {
+    if (isShow || (!isRender && !isRenderShow)) return;
+
+    setIsRenderShow(false);
+
+    if (isRenderForce) return void setIsRender(false);
+
+    const tm = setTimeout(() => setIsRender(false), transition);
+
+    return () => clearTimeout(tm);
+  }, [isShow, isRenderForce, isRenderShow, isRender]);
+
+  return { isRender, isRenderShow, isRenderForce };
+};

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src"
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "../../../globals.d.ts",
+    "../../../peer-modules.d.ts"
+  ],
+  "exclude": [
+    "dist",
+    "node_modules",
+    "src/**/*.stories.tsx"
+  ]
+}