@wzyjs/hooks 0.2.36 → 0.2.38

package/dist/antd/useDateRange.js

@@ -0,0 +1,122 @@
+// import { useState } from 'react'
+// import { dayjs, Dayjs } from '@wzyjs/utils'
+//
+// export enum PresetType {
+//   TODAY = '今天',
+//   THIS_WEEK = '本周',
+//   LAST_WEEK = '上周',
+//   THIS_MONTH = '本月',
+//   LAST_MONTH = '上月',
+// }
+//
+// export const rangePresets: { label: string; value: [Dayjs, Dayjs] }[] = [
+//   {
+//     label: PresetType.TODAY,
+//     value: [dayjs().startOf('day'), dayjs().endOf('day')],
+//   },
+//   {
+//     label: PresetType.THIS_WEEK,
+//     value: [dayjs().startOf('week'), dayjs().endOf('week')],
+//   },
+//   {
+//     label: PresetType.LAST_WEEK,
+//     value: [dayjs().subtract(1, 'week').startOf('week'), dayjs().subtract(1, 'week').endOf('week')],
+//   },
+//   {
+//     label: PresetType.THIS_MONTH,
+//     value: [dayjs().startOf('month'), dayjs().endOf('month')],
+//   },
+//   {
+//     label: PresetType.LAST_MONTH,
+//     value: [dayjs().subtract(1, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],
+//   },
+// ]
+//
+// const checkDateRules = (dateRange: [Dayjs, Dayjs]): number => {
+//   const [date1, date2] = dateRange
+//
+//   // 规则1: 判断是否为同一天
+//   if (date1.isSame(date2, 'day')) {
+//     return 1
+//   }
+//
+//   // 规则2: 判断是否为周一和周日
+//   if ((date1.day() === 1 && date2.day() === 0) || (date1.day() === 0 && date2.day() === 1)) {
+//     return 2
+//   }
+//
+//   // 规则3: 判断是否为月初和月末
+//   const isStartOrEndOfMonth = (date: Dayjs) => {
+//     return date.date() === 1 || date.date() === date.daysInMonth()
+//   }
+//
+//   if (isStartOrEndOfMonth(date1) && isStartOrEndOfMonth(date2)) {
+//     return 3
+//   }
+//
+//   // 如果没有匹配到任何规则，可以根据需要返回默认值，这里假设返回 0
+//   return 0
+// }
+//
+// interface Config {
+//   defaultDateRange?: PresetType | [Dayjs, Dayjs]
+// }
+//
+// export const useDateRange = (config: Config) => {
+//   const { defaultDateRange = PresetType.TODAY } = config
+//
+//   const [dateRange, setDateRange] = useState<[Dayjs, Dayjs]>(
+//     Array.isArray(defaultDateRange)
+//       ? defaultDateRange
+//       : rangePresets.find((item) => item.label === defaultDateRange)?.value || [dayjs().startOf('day'), dayjs().endOf('day')],
+//   )
+//
+//   const rangeType = checkDateRules(dateRange)
+//
+//   return {
+//     dateRange,
+//
+//     // 这里的 any 实际应该是 antd 的 RangeValue<Dayjs> 类型，
+//     // 但是这个类型不好获取，所以这里先用 any 代替
+//     onChange: (dateRange?: any) => {
+//       if (!dateRange) {
+//         return
+//       }
+//       setDateRange(dateRange as [Dayjs, Dayjs])
+//     },
+//
+//     onClickPrev: () => {
+//       switch (rangeType) {
+//         case 1:
+//           setDateRange([dateRange[0].subtract(1, 'day'), dateRange[1].subtract(1, 'day')])
+//           break
+//         case 2:
+//           setDateRange([dateRange[0].subtract(1, 'week'), dateRange[1].subtract(1, 'week')])
+//           break
+//         case 3:
+//           setDateRange([dateRange[0].subtract(1, 'month').startOf('month'), dateRange[1].subtract(1, 'month').endOf('month')])
+//           break
+//         default:
+//           setDateRange([dateRange[0].subtract(1, 'day'), dateRange[1]])
+//           break
+//       }
+//     },
+//
+//     onClickNext: () => {
+//       switch (rangeType) {
+//         case 1:
+//           setDateRange([dateRange[0].add(1, 'day'), dateRange[1].add(1, 'day')])
+//           break
+//         case 2:
+//           setDateRange([dateRange[0].add(1, 'week'), dateRange[1].add(1, 'week')])
+//           break
+//         case 3:
+//           setDateRange([dateRange[0].add(1, 'month').startOf('month'), dateRange[1].add(1, 'month').endOf('month')])
+//           break
+//         default:
+//           setDateRange([dateRange[0], dateRange[1].add(1, 'day')])
+//           break
+//       }
+//     },
+//   }
+// }

package/dist/antd/useForm.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'react';
+interface Options<P, V> {
+    transform?: ((values: V) => any)[];
+    onChange?: (values: P) => void;
+    initialValues?: any;
+    ref?: Ref<unknown>;
+}
+export declare const useForm: <P = any, V = P>(options?: Options<P, V>) => {
+    form: import("antd").FormInstance<any>;
+    formValues: V;
+    setFormValues: import("react").Dispatch<import("react").SetStateAction<V>>;
+    formParams: P;
+    clearFieldsValues: () => void;
+    setFieldsValues: (values: V) => void;
+    onQuery: () => Promise<void>;
+    onReset: () => void;
+    formProps: {
+        form: import("antd").FormInstance<any>;
+        onValuesChange: (_: unknown, values: V) => void;
+        preserve: boolean;
+        labelCol: {
+            span: number;
+        };
+        style: {
+            marginTop: number;
+        };
+    };
+};
+export {};

package/dist/antd/useForm.js

@@ -0,0 +1,113 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForm = void 0;
+var react_1 = require("react");
+var antd_1 = require("antd");
+var cloneDeep = function (value) {
+    return JSON.parse(JSON.stringify(value));
+};
+var useForm = function (options) {
+    if (options === void 0) { options = {}; }
+    var form = antd_1.Form.useForm()[0];
+    (0, react_1.useImperativeHandle)(options.ref, function () { return form; });
+    var _a = (0, react_1.useState)(options.initialValues), formValues = _a[0], setFormValues = _a[1];
+    var formParams = (0, react_1.useMemo)(function () {
+        var _a;
+        if (!formValues) {
+            return null;
+        }
+        if (!((_a = options.transform) === null || _a === void 0 ? void 0 : _a.length)) {
+            return formValues;
+        }
+        return options.transform.reduce(function (values, handle) {
+            return handle(values);
+        }, cloneDeep(formValues));
+    }, [formValues]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        (_a = options.onChange) === null || _a === void 0 ? void 0 : _a.call(options, formParams);
+    }, [formParams]);
+    var onQuery = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, form.validateFields()];
+                case 1:
+                    _a.sent();
+                    setFormValues(form.getFieldsValue());
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onReset = function () {
+        form.resetFields();
+        onQuery();
+    };
+    var onValuesChange = function (_, values) {
+        setFormValues(values);
+    };
+    var clearFieldsValues = function () {
+        form.resetFields();
+        setFormValues(null);
+    };
+    var setFieldsValues = function (values) {
+        form.setFieldsValue(values);
+        setFormValues(values);
+    };
+    return {
+        // 表单组件的引用
+        form: form,
+        // 表单的原始数据
+        formValues: formValues,
+        setFormValues: setFormValues,
+        // 表单数据转换为后端格式的数据
+        formParams: formParams,
+        clearFieldsValues: clearFieldsValues,
+        setFieldsValues: setFieldsValues,
+        onQuery: onQuery,
+        onReset: onReset,
+        formProps: {
+            form: form,
+            onValuesChange: onValuesChange,
+            preserve: false, // 字段被删除时，是否保留字段值
+            labelCol: { span: 4 },
+            style: { marginTop: 20 },
+        },
+    };
+};
+exports.useForm = useForm;

package/dist/antd/useHideFooter.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHideFooter = void 0;
+var react_1 = require("react");
+// 进入时隐藏指定元素，销毁时恢复该元素
+var useHideFooter = function (el) {
+    if (el === void 0) { el = '.ant-layout-footer'; }
+    (0, react_1.useEffect)(function () {
+        var e = document.querySelector(el);
+        e.style.display = 'none';
+        return function () {
+            e.style.display = 'block';
+        };
+    }, []);
+};
+exports.useHideFooter = useHideFooter;

package/dist/antd/useHovered.d.ts

@@ -0,0 +1,9 @@
+export declare const useHovered: () => {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    isHovered: boolean;
+    hoverProps: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+    };
+};

package/dist/antd/useHovered.js

@@ -0,0 +1,24 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHovered = void 0;
+var ahooks_1 = require("ahooks");
+var useHovered = function () {
+    var _a = (0, ahooks_1.useBoolean)(false), isHovered = _a[0], _b = _a[1], setTrue = _b.setTrue, setFalse = _b.setFalse;
+    var hoverProps = {
+        onMouseEnter: setTrue,
+        onMouseLeave: setFalse,
+    };
+    return __assign({ isHovered: isHovered, hoverProps: hoverProps }, hoverProps);
+};
+exports.useHovered = useHovered;

package/dist/antd/useImperativeHandleForm.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'react';
+import { type FormInstance } from 'antd';
+export declare const useImperativeHandleForm: (ref: Ref<FormInstance>) => {
+    form: FormInstance<any>;
+};

package/dist/antd/useImperativeHandleForm.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useImperativeHandleForm = void 0;
+var react_1 = require("react");
+var antd_1 = require("antd");
+var useImperativeHandleForm = function (ref) {
+    var form = antd_1.Form.useForm()[0];
+    (0, react_1.useImperativeHandle)(ref, function () { return form; });
+    return {
+        form: form,
+    };
+};
+exports.useImperativeHandleForm = useImperativeHandleForm;

package/dist/antd/useModalFooter.d.ts

@@ -0,0 +1,8 @@
+interface Option {
+    onOk?: () => Promise<void>;
+    onConfirm?: () => void;
+}
+export declare const useModalFooter: ({ onOk, onConfirm }: Option) => {
+    footer: (_: unknown, extra: any) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/antd/useModalFooter.js

@@ -0,0 +1,69 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModalFooter = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var antd_1 = require("antd");
+var useModalFooter = function (_a) {
+    var onOk = _a.onOk, onConfirm = _a.onConfirm;
+    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
+    var onCancel = function () {
+        setOpen(false);
+    };
+    var onOpenChange = function (newOpen) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!newOpen) {
+                        setOpen(false);
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, (onOk === null || onOk === void 0 ? void 0 : onOk())];
+                case 1:
+                    _a.sent();
+                    setOpen(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return {
+        footer: function (_, extra) { return ((0, jsx_runtime_1.jsxs)(antd_1.Space, { children: [(0, jsx_runtime_1.jsx)(extra.CancelBtn, {}), (0, jsx_runtime_1.jsx)(antd_1.Popconfirm, { title: '\u786E\u8BA4\u64CD\u4F5C\u5417?', open: open, onCancel: onCancel, onConfirm: onConfirm, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: 'primary', children: "\u786E\u5B9A" }) })] })); },
+    };
+};
+exports.useModalFooter = useModalFooter;

package/dist/antd/useOptions.js

@@ -0,0 +1,46 @@
+// import { useEffect, useMemo, useState } from 'react'
+// import { useRequestPro } from './useRequestPro'
+//
+// interface Option {
+//   apis: any
+//   onChange?: (data?: any) => void
+// }
+//
+// export const useOptions = (option: Option) => {
+//   const { apis } = option
+//
+//   const [value, setValue] = useState<string>()
+//
+//   // 发请求获取列表数据
+//   const { data, loading } = useRequestPro(apis.list, {
+//     onSuccess: res => {
+//       const [first] = res.data?.data || []
+//       if (first) {
+//         setValue(first?.id)
+//       }
+//     },
+//   })
+//
+//   // 将列表数据转换成 enableOptions
+//   const enableOptions = useMemo(() => {
+//     return data?.data.map((item: any) => ({ label: item.name, value: item.id })) || []
+//   }, [data])
+//
+//   // 根据 value 获取当前详细数据
+//   const currentData = useMemo(() => {
+//     return data?.data.find((item: any) => item.id === value)
+//   }, [data, value])
+//
+//   // value 变化时触发 onChange
+//   useEffect(() => {
+//     option.onChange?.(currentData)
+//   }, [currentData])
+//
+//   return {
+//     loading,
+//     enableOptions,
+//     value,
+//     onChange: setValue,
+//     currentData,
+//   }
+// }

package/dist/antd/usePaginationState.d.ts

@@ -0,0 +1,9 @@
+import { PaginationProps } from 'antd';
+export declare const usePaginationState: (paginationProps?: PaginationProps) => {
+    resetPage: () => void;
+    pagination: PaginationProps;
+    pageParams: {
+        pageNum: number;
+        pageSize: number;
+    };
+};

package/dist/antd/usePaginationState.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePaginationState = void 0;
+var react_1 = require("react");
+var usePaginationState = function (paginationProps) {
+    var options = __assign({ current: 1, pageSize: 10, showSizeChanger: true, showQuickJumper: true, showTotal: function (total) { return "\u603B\u5171 ".concat(total, " \u6761"); }, pageSizeOptions: [10, 20, 30, 50] }, paginationProps);
+    var _a = (0, react_1.useState)(options.current), current = _a[0], setCurrent = _a[1];
+    var _b = (0, react_1.useState)(options.pageSize), pageSize = _b[0], setPageSize = _b[1];
+    var onChange = function (current, pageSize) {
+        setCurrent(current);
+        setPageSize(pageSize);
+    };
+    var resetPage = function () {
+        setCurrent(1);
+    };
+    var pagination = __assign(__assign({}, options), { current: current, pageSize: pageSize, onChange: onChange });
+    var pageParams = (0, react_1.useMemo)(function () { return ({
+        pageNum: current,
+        pageSize: pageSize,
+    }); }, [current, pageSize]);
+    return {
+        // 重置到第一页
+        resetPage: resetPage,
+        // Table pagination prop
+        pagination: pagination,
+        // 转换为后端的分页参数
+        pageParams: pageParams,
+    };
+};
+exports.usePaginationState = usePaginationState;

package/dist/antd/useStep.d.ts

@@ -0,0 +1,16 @@
+export declare enum Dir {
+    Prev = "Prev",
+    Next = "Next"
+}
+interface Option {
+    defaultCurrent?: number;
+    onChangeCheck?: (current: number, dir: Dir) => false | void;
+    onChangeBefore?: () => void;
+    onChangeAfter?: () => void;
+}
+export declare const useStep: (option: Option) => {
+    current: number;
+    onPrev: () => void;
+    onNext: () => void;
+};
+export {};

package/dist/antd/useStep.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStep = exports.Dir = void 0;
+var react_1 = require("react");
+var Dir;
+(function (Dir) {
+    Dir["Prev"] = "Prev";
+    Dir["Next"] = "Next";
+})(Dir || (exports.Dir = Dir = {}));
+var useStep = function (option) {
+    var _a = option.defaultCurrent, defaultCurrent = _a === void 0 ? 0 : _a, onChangeCheck = option.onChangeCheck, onChangeBefore = option.onChangeBefore, onChangeAfter = option.onChangeAfter;
+    var _b = (0, react_1.useState)(defaultCurrent), current = _b[0], setCurrent = _b[1];
+    var onPrev = function () {
+        if ((onChangeCheck === null || onChangeCheck === void 0 ? void 0 : onChangeCheck(current, Dir.Prev)) === false) {
+            return;
+        }
+        onChangeBefore === null || onChangeBefore === void 0 ? void 0 : onChangeBefore();
+        setCurrent(current - 1);
+        onChangeAfter === null || onChangeAfter === void 0 ? void 0 : onChangeAfter();
+    };
+    var onNext = function () {
+        if ((onChangeCheck === null || onChangeCheck === void 0 ? void 0 : onChangeCheck(current, Dir.Next)) === false) {
+            return;
+        }
+        onChangeBefore === null || onChangeBefore === void 0 ? void 0 : onChangeBefore();
+        setCurrent(current + 1);
+        onChangeAfter === null || onChangeAfter === void 0 ? void 0 : onChangeAfter();
+    };
+    return {
+        current: current,
+        onPrev: onPrev,
+        onNext: onNext,
+    };
+};
+exports.useStep = useStep;

package/dist/base/useClick.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type MouseEventType = React.MouseEvent<HTMLElement> | MouseEvent;
+type ClickHandler<P> = (event: P) => void;
+interface Option<P> {
+    onClick: ClickHandler<P>;
+    onDoubleClick: ClickHandler<P>;
+    delay?: number;
+}
+export declare const useClick: <P = MouseEventType>(option: Option<P>) => ClickHandler<P>;
+export {};

package/dist/base/useClick.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClick = void 0;
+var react_1 = __importDefault(require("react"));
+var useClick = function (option) {
+    var onClick = option.onClick, onDoubleClick = option.onDoubleClick, _a = option.delay, delay = _a === void 0 ? 300 : _a;
+    var clickCount = react_1.default.useRef(0);
+    var timer = react_1.default.useRef(null);
+    return function (ev) {
+        clickCount.current += 1;
+        if (clickCount.current === 1) {
+            timer.current = setTimeout(function () {
+                if (clickCount.current === 1) {
+                    onClick(ev);
+                }
+                clickCount.current = 0;
+            }, delay);
+        }
+        if (clickCount.current === 2) {
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+            onDoubleClick(ev);
+            clickCount.current = 0;
+        }
+    };
+};
+exports.useClick = useClick;

package/dist/base/useDeepEffect.d.ts

@@ -0,0 +1 @@
+export declare const useDeepEffect: (callback: () => void, dependencies: any[]) => void;

package/dist/base/useDeepEffect.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeepEffect = void 0;
+var react_1 = require("react");
+var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var useDeepEffect = function (callback, dependencies) {
+    var ref = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(function () {
+        if (!(0, isEqual_1.default)(ref.current, dependencies)) {
+            callback();
+            ref.current = dependencies;
+        }
+    }, [callback, dependencies]);
+};
+exports.useDeepEffect = useDeepEffect;

package/dist/base/useEffectValue.d.ts

@@ -0,0 +1 @@
+export declare const useEffectValue: (defaultValue: any, fn: any, deps?: any[]) => any[];

package/dist/base/useEffectValue.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectValue = void 0;
+var react_1 = require("react");
+var useEffectValue = function (defaultValue, fn, deps) {
+    if (deps === void 0) { deps = []; }
+    var _a = (0, react_1.useState)(defaultValue), value = _a[0], setValue = _a[1];
+    (0, react_1.useEffect)(function () { return setValue(fn()); }, deps);
+    return [value, setValue];
+};
+exports.useEffectValue = useEffectValue;

package/dist/base/useOnceEffect.d.ts

@@ -0,0 +1 @@
+export declare const useOnceEffect: (effect: () => boolean, deps: React.DependencyList) => void;