@wzyjs/hooks 0.0.31 → 0.1.0

package/dist/esm/index.js

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

package/dist/esm/useEffectValue.js

@@ -0,0 +1,18 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from 'react';
+export var useEffectValue = function useEffectValue(fn) {
+  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
+    return setValue(fn());
+  }, deps);
+  return [value, setValue];
+};

package/dist/esm/useElementScrollVisible.js

@@ -0,0 +1,52 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from 'react';
+
+// 判断某元素滚动时，指定元素是否显示
+export var useElementScrollVisible = function useElementScrollVisible(scroll, target) {
+  var $scroll = document.querySelector(scroll) || {};
+  var $scrollRect = $scroll.getBoundingClientRect();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    direction = _useState4[0],
+    setDirection = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    rect = _useState6[0],
+    setRect = _useState6[1];
+  useEffect(function () {
+    var fn = function fn() {
+      var $target = document.querySelector(target) || {};
+      var 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 function () {
+      return $scroll.removeEventListener('scroll', fn);
+    };
+  }, []);
+  return {
+    visible: visible,
+    direction: direction,
+    rect: rect
+  };
+};

package/dist/esm/useHideFooter.js

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

package/dist/esm/useRequestPro.js

@@ -0,0 +1,66 @@
+import { message } from 'antd';
+import { useRequest } from 'ahooks';
+import { noop, omit } from '@wzyjs/utils';
+
+// 在 useRequest 的基础上扩展的功能
+
+// 取出 data 里的 data
+
+var defaultResult = {
+  loading: false,
+  data: undefined,
+  error: undefined,
+  params: [],
+  cancel: noop,
+  refresh: noop,
+  refreshAsync: noop,
+  run: noop,
+  runAsync: noop,
+  mutate: noop
+};
+export var useRequestPro = function useRequestPro(reqPromise, userOptions) {
+  var _state$data;
+  if (!reqPromise) {
+    return defaultResult;
+  }
+  var _ref = userOptions || {},
+    _ref$alertErrorMessag = _ref.alertErrorMessage,
+    alertErrorMessage = _ref$alertErrorMessag === void 0 ? true : _ref$alertErrorMessag,
+    _ref$alertSuccessMess = _ref.alertSuccessMessage,
+    alertSuccessMessage = _ref$alertSuccessMess === void 0 ? false : _ref$alertSuccessMess;
+  var defaultOptions = {
+    cacheKey: String(reqPromise),
+    staleTime: 5000,
+    debounceWait: 300,
+    throttleWait: 300,
+    onError: function onError(err, params) {
+      var _userOptions$onError;
+      if (alertErrorMessage) {
+        message.error(typeof alertErrorMessage === 'string' ? alertErrorMessage : err.message || '请求失败');
+      }
+      userOptions === null || userOptions === void 0 ? void 0 : (_userOptions$onError = userOptions.onError) === null || _userOptions$onError === void 0 ? void 0 : _userOptions$onError.call(userOptions, err, params);
+    },
+    onSuccess: function onSuccess(res, params) {
+      var _userOptions$onSucces;
+      // 如果失败，则还是调用 onError
+      if (!(res !== null && res !== void 0 && res.success)) {
+        defaultOptions.onError(new Error(res === null || res === void 0 ? void 0 : res.message), params);
+        return;
+      }
+
+      // 如果成功，并且需要自动弹出提示
+      if (alertSuccessMessage) {
+        message.success(typeof alertSuccessMessage === 'string' ? alertSuccessMessage : res.message || '请求成功');
+      }
+      userOptions === null || userOptions === void 0 ? void 0 : (_userOptions$onSucces = userOptions.onSuccess) === null || _userOptions$onSucces === void 0 ? void 0 : _userOptions$onSucces.call(userOptions, res, params);
+    }
+  };
+
+  // 用户配置与默认配置合并
+  var options = Object.assign(defaultOptions, omit(userOptions, ['onSuccess', 'onError']));
+
+  // 取出 data 里的 data
+  var state = useRequest(reqPromise, options);
+  state.data = (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.data;
+  return state;
+};

package/dist/esm/useVisibleInfo.js

@@ -0,0 +1,32 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState } from 'react';
+
+// visible和info的集合体
+export var useVisibleInfo = function useVisibleInfo() {
+  var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var i = arguments.length > 1 ? arguments[1] : undefined;
+  var _useState = useState(v),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(i),
+    _useState4 = _slicedToArray(_useState3, 2),
+    info = _useState4[0],
+    setInfo = _useState4[1];
+  return [visible, {
+    setTrue: function setTrue() {
+      return setVisible(true);
+    },
+    setFalse: function setFalse() {
+      return setVisible(false);
+    },
+    toggle: function toggle() {
+      return setVisible(!visible);
+    }
+  }, [info, setInfo]];
+};

package/package.json

@@ -1,28 +1,33 @@
 {
   "name": "@wzyjs/hooks",
-  "version": "0.0.31",
+  "version": "0.1.0",
   "description": "description",
   "author": "wzy",
   "license": "ISC",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
   "scripts": {
-    "dev": "tsc -w",
-    "build": "tsc"
+    "dev": "father dev",
+    "build": "father build"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@wzyjs/types": "^0.0.31",
-    "@wzyjs/utils": "^0.0.31",
+    "@wzyjs/types": "^0.1.0",
+    "@wzyjs/utils": "^0.1.0",
     "ahooks": "^3.7.3",
     "antd": "^5.6.2",
     "react-use": "^17.4.0"
   },
   "devDependencies": {
     "@types/node": "^18.11.17",
-    "@types/react": "latest"
+    "@types/react": "latest",
+    "father": "^4.2.3"
   },
   "publishConfig": {
     "access": "public"
@@ -31,5 +36,5 @@
     "type": "git",
     "url": "https://gitee.com/wang-zhenyu/work.git"
   },
-  "gitHead": "eb60e54549c1be64d94b0a4864dacd1f4ed97473"
+  "gitHead": "3efe774801f46de9c70693ace99d01eb7fb06da1"
 }

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export * from 'ahooks';
-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,7 +0,0 @@
-export * from 'ahooks';
-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

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

package/dist/useEffectValue.js

@@ -1,6 +0,0 @@
-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

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

package/dist/useElementScrollVisible.js

@@ -1,36 +0,0 @@
-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/useFormRef.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const useFormRef: <Values>() => import("react").MutableRefObject<any>;

package/dist/useFormRef.js

@@ -1,4 +0,0 @@
-import { useRef } from 'react';
-export const useFormRef = () => {
-    return useRef();
-};

package/dist/useHideFooter.d.ts

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

package/dist/useHideFooter.js

@@ -1,11 +0,0 @@
-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

@@ -1,11 +0,0 @@
-import { RequestRes } from '@wzyjs/types';
-import { Options, Result, Service } from 'ahooks/lib/useRequest/src/types';
-interface UserOptions<P extends any[], R> extends Options<R, P> {
-    alertErrorMessage?: false | string;
-    alertSuccessMessage?: true | string;
-}
-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> | undefined, userOptions?: UserOptions<P, R> | undefined) => IResult<R, P>;
-export {};

package/dist/useRequestPro.js

@@ -1,51 +0,0 @@
-import { message } from 'antd';
-import { useRequest } from 'ahooks';
-import { noop, omit } from '@wzyjs/utils';
-const defaultResult = {
-    loading: false,
-    data: undefined,
-    error: undefined,
-    params: [],
-    cancel: noop,
-    refresh: noop,
-    refreshAsync: noop,
-    run: noop,
-    runAsync: noop,
-    mutate: noop,
-};
-export const useRequestPro = (reqPromise, userOptions) => {
-    if (!reqPromise) {
-        return defaultResult;
-    }
-    const { alertErrorMessage = true, alertSuccessMessage = false } = userOptions || {};
-    const defaultOptions = {
-        cacheKey: String(reqPromise),
-        staleTime: 5000,
-        debounceWait: 300,
-        throttleWait: 300,
-        onError: (err, params) => {
-            if (alertErrorMessage) {
-                message.error(typeof alertErrorMessage === 'string' ? alertErrorMessage : err.message || '请求失败');
-            }
-            userOptions?.onError?.(err, params);
-        },
-        onSuccess: (res, params) => {
-            // 如果失败，则还是调用 onError
-            if (!res?.success) {
-                defaultOptions.onError(new Error(res?.message), params);
-                return;
-            }
-            // 如果成功，并且需要自动弹出提示
-            if (alertSuccessMessage) {
-                message.success(typeof alertSuccessMessage === 'string' ? alertSuccessMessage : res.message || '请求成功');
-            }
-            userOptions?.onSuccess?.(res, params);
-        },
-    };
-    // 用户配置与默认配置合并
-    const options = Object.assign(defaultOptions, omit(userOptions, ['onSuccess', 'onError']));
-    // 取出 data 里的 data
-    const state = useRequest(reqPromise, options);
-    state.data = state.data?.data;
-    return state;
-};

package/dist/useStateCallback.d.ts

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

package/dist/useStateCallback.js

@@ -1,12 +0,0 @@
-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

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

package/dist/useVisibleInfo.js

@@ -1,18 +0,0 @@
-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,
-        ],
-    ];
-};