@wzyjs/hooks 0.0.17 → 0.0.18

package/dist/index.d.ts

@@ -1,3 +1,7 @@
 export * from 'ahooks';
-export { useCopyToClipboard, useCookie } from 'react-use';
+export { useCopyToClipboard, useCookie, useUpdate } from 'react-use';
 export * from './useRequestPro';
+export * from './useEffectValue';
+export * from './useElementScrollVisible';
+export * from './useHideFooter';
+export * from './useVisibleInfo';

package/dist/index.js

@@ -1,3 +1,7 @@
 export * from 'ahooks';
-export { useCopyToClipboard, useCookie } from 'react-use';
+export { useCopyToClipboard, useCookie, useUpdate } from 'react-use';
 export * from './useRequestPro';
+export * from './useEffectValue';
+export * from './useElementScrollVisible';
+export * from './useHideFooter';
+export * from './useVisibleInfo';

package/dist/useEffectValue.d.ts

@@ -0,0 +1 @@
+export declare const useEffectValue: (fn: any, deps?: never[]) => (import("react").Dispatch<import("react").SetStateAction<undefined>> | undefined)[];

package/dist/useEffectValue.js

@@ -0,0 +1,6 @@
+import { useEffect, useState } from 'react';
+export const useEffectValue = (fn, deps = []) => {
+    const [value, setValue] = useState();
+    useEffect(() => setValue(fn()), deps);
+    return [value, setValue];
+};

package/dist/useElementScrollVisible.d.ts

@@ -0,0 +1,5 @@
+export declare const useElementScrollVisible: (scroll: any, target: any) => {
+    visible: boolean;
+    direction: string;
+    rect: string;
+};

package/dist/useElementScrollVisible.js

@@ -0,0 +1,36 @@
+import { useEffect, useState } from 'react';
+// 判断某元素滚动时，指定元素是否显示
+export const useElementScrollVisible = (scroll, target) => {
+    const $scroll = document.querySelector(scroll) || {};
+    const $scrollRect = $scroll.getBoundingClientRect();
+    const [visible, setVisible] = useState(false);
+    const [direction, setDirection] = useState('');
+    const [rect, setRect] = useState('');
+    useEffect(() => {
+        const fn = () => {
+            const $target = document.querySelector(target) || {};
+            const rect = $target.getBoundingClientRect();
+            setRect(rect);
+            if (rect.bottom < $scrollRect.top) {
+                setDirection('top');
+                setVisible(false);
+            }
+            else if (rect.top > $scrollRect.bottom) {
+                setDirection('bottom');
+                setVisible(false);
+            }
+            else {
+                setDirection('show');
+                setVisible(true);
+            }
+        };
+        fn();
+        $scroll.addEventListener('scroll', fn);
+        return () => $scroll.removeEventListener('scroll', fn);
+    }, []);
+    return {
+        visible,
+        direction,
+        rect,
+    };
+};

package/dist/useHideFooter.d.ts

@@ -0,0 +1 @@
+export declare const useHideFooter: (el?: string) => void;

package/dist/useHideFooter.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+// 进入时隐藏指定元素，销毁时恢复该元素
+export const useHideFooter = (el = '.ant-layout-footer') => {
+    useEffect(() => {
+        const e = document.querySelector(el);
+        e.style.display = 'none';
+        return () => {
+            e.style.display = 'block';
+        };
+    }, []);
+};

package/dist/useRequestPro.d.ts

@@ -7,5 +7,5 @@ interface UserOptions<P extends any[], R> extends Options<R, P> {
 interface IResult<R extends RequestRes, P extends any[]> extends Omit<Result<R, P>, 'data'> {
     data?: R['data'];
 }
-export declare const useRequestPro: <P extends any[], R extends RequestRes<any>>(reqPromise: Service<R, P>, userOptions: UserOptions<P, R>) => IResult<R, P>;
+export declare const useRequestPro: <P extends any[], R extends RequestRes<any>>(reqPromise: Service<R, P>, userOptions?: UserOptions<P, R> | undefined) => IResult<R, P>;
 export {};

package/dist/useRequestPro.js

@@ -2,7 +2,7 @@ import { message } from 'antd';
 import { omit } from '@wzyjs/utils';
 import { useRequest } from 'ahooks';
 export const useRequestPro = (reqPromise, userOptions) => {
-    const { alertErrorMessage = true, alertSuccessMessage = false } = userOptions;
+    const { alertErrorMessage = true, alertSuccessMessage = false } = userOptions || {};
     const defaultOptions = {
         debounceWait: 300,
         throttleWait: 300,
@@ -29,6 +29,6 @@ export const useRequestPro = (reqPromise, userOptions) => {
     const options = Object.assign(defaultOptions, omit(userOptions, ['onSuccess', 'onError']));
     // 取出 data 里的 data
     const state = useRequest(reqPromise, options);
-    state.data = state.data?.data;
+    state.data = state.data?.data || state.data;
     return state;
 };

package/dist/useStateCallback.d.ts

@@ -0,0 +1 @@
+export declare const useStateCallback: (od: any) => any[];

package/dist/useStateCallback.js

@@ -0,0 +1,12 @@
+import { useState, useRef, useEffect } from 'react';
+export const useStateCallback = (od) => {
+    const cbRef = useRef();
+    const [data, setData] = useState(od);
+    useEffect(() => {
+        cbRef.current && cbRef.current(data);
+    }, [data]);
+    return [data, function (d, callback) {
+            cbRef.current = callback;
+            setData(d);
+        }];
+};

package/dist/useVisibleInfo.d.ts

@@ -0,0 +1,5 @@
+export declare const useVisibleInfo: (v: boolean | undefined, i: any) => (boolean | any[] | {
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+})[];

package/dist/useVisibleInfo.js

@@ -0,0 +1,18 @@
+import { useState } from 'react';
+// visible和info的集合体
+export const useVisibleInfo = (v = false, i) => {
+    const [visible, setVisible] = useState(v);
+    const [info, setInfo] = useState(i);
+    return [
+        visible,
+        {
+            setTrue: () => setVisible(true),
+            setFalse: () => setVisible(false),
+            toggle: () => setVisible(!visible),
+        },
+        [
+            info,
+            setInfo,
+        ],
+    ];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wzyjs/hooks",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "description",
   "author": "wzy",
   "license": "ISC",
@@ -14,11 +14,16 @@
     "dist"
   ],
   "dependencies": {
-    "@wzyjs/utils": "^0.0.17",
+    "@types/react": "^18.0.28",
+    "@wzyjs/utils": "^0.0.18",
     "ahooks": "^3.7.3",
     "antd": "^5.1.0",
     "react-use": "^17.4.0"
   },
+  "peerDependencies": {
+    "@types/react": "latest",
+    "react": "latest"
+  },
   "devDependencies": {
     "@types/node": "^18.11.17"
   },
@@ -29,5 +34,5 @@
     "type": "git",
     "url": "https://gitee.com/wang-zhenyu/work.git"
   },
-  "gitHead": "f07be747da894f607f30c2be97c23abac5712bc2"
+  "gitHead": "7ebb80ef50a4df3d262a1da82d7967e628698b10"
 }