@wzyjs/hooks 0.2.36 → 0.2.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/antd/useDateRange.d.ts +0 -0
- package/dist/antd/useDateRange.js +122 -0
- package/dist/antd/useForm.d.ts +29 -0
- package/dist/antd/useForm.js +113 -0
- package/dist/antd/useHideFooter.js +16 -0
- package/dist/antd/useHovered.d.ts +9 -0
- package/dist/antd/useHovered.js +24 -0
- package/dist/antd/useImperativeHandleForm.d.ts +5 -0
- package/dist/antd/useImperativeHandleForm.js +13 -0
- package/dist/antd/useModalFooter.d.ts +8 -0
- package/dist/antd/useModalFooter.js +69 -0
- package/dist/antd/useOptions.d.ts +0 -0
- package/dist/antd/useOptions.js +46 -0
- package/dist/antd/usePaginationState.d.ts +9 -0
- package/dist/antd/usePaginationState.js +41 -0
- package/dist/antd/useStep.d.ts +16 -0
- package/dist/antd/useStep.js +35 -0
- package/dist/base/useClick.d.ts +10 -0
- package/dist/base/useClick.js +31 -0
- package/dist/base/useDeepEffect.d.ts +1 -0
- package/dist/base/useDeepEffect.js +18 -0
- package/dist/base/useEffectValue.d.ts +1 -0
- package/dist/base/useEffectValue.js +11 -0
- package/dist/base/useOnceEffect.d.ts +1 -0
- package/dist/base/useOnceEffect.js +24 -0
- package/dist/base/useVisibleInfo.d.ts +5 -0
- package/dist/base/useVisibleInfo.js +23 -0
- package/dist/dom/useElementScrollVisible.js +40 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +42 -0
- package/dist/other/useCRUD.d.ts +63 -0
- package/dist/other/useCRUD.js +135 -0
- package/dist/other/useRequestPro.d.ts +0 -0
- package/dist/other/useRequestPro.js +73 -0
- package/dist/other/useSetting.d.ts +0 -0
- package/dist/other/useSetting.js +69 -0
- package/dist/other/useUserInfo.d.ts +0 -0
- package/dist/other/useUserInfo.js +97 -0
- package/dist/other/useWechatLogin.d.ts +11 -0
- package/dist/other/useWechatLogin.js +86 -0
- package/package.json +7 -36
- package/dist/cjs/index.d.ts +0 -10
- package/dist/cjs/index.js +0 -63
- package/dist/cjs/useDateRange.d.ts +0 -26
- package/dist/cjs/useDateRange.js +0 -135
- package/dist/cjs/useEffectValue.d.ts +0 -2
- package/dist/cjs/useEffectValue.js +0 -34
- package/dist/cjs/useElementScrollVisible.js +0 -61
- package/dist/cjs/useHideFooter.js +0 -38
- package/dist/cjs/useOptions.d.ts +0 -13
- package/dist/cjs/useOptions.js +0 -60
- package/dist/cjs/useRequestPro.d.ts +0 -11
- package/dist/cjs/useRequestPro.js +0 -76
- package/dist/cjs/useVisibleInfo.d.ts +0 -5
- package/dist/cjs/useVisibleInfo.js +0 -45
- package/dist/esm/index.d.ts +0 -10
- package/dist/esm/index.js +0 -10
- package/dist/esm/useDateRange.d.ts +0 -26
- package/dist/esm/useDateRange.js +0 -115
- package/dist/esm/useEffectValue.d.ts +0 -2
- package/dist/esm/useEffectValue.js +0 -18
- package/dist/esm/useElementScrollVisible.d.ts +0 -5
- package/dist/esm/useElementScrollVisible.js +0 -52
- package/dist/esm/useHideFooter.d.ts +0 -1
- package/dist/esm/useHideFooter.js +0 -13
- package/dist/esm/useOptions.d.ts +0 -13
- package/dist/esm/useOptions.js +0 -60
- package/dist/esm/useRequestPro.d.ts +0 -11
- package/dist/esm/useRequestPro.js +0 -64
- package/dist/esm/useVisibleInfo.d.ts +0 -5
- package/dist/esm/useVisibleInfo.js +0 -32
- /package/dist/{cjs → antd}/useHideFooter.d.ts +0 -0
- /package/dist/{cjs → dom}/useElementScrollVisible.d.ts +0 -0
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/useRequestPro.ts
|
|
20
|
-
var useRequestPro_exports = {};
|
|
21
|
-
__export(useRequestPro_exports, {
|
|
22
|
-
useRequestPro: () => useRequestPro
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(useRequestPro_exports);
|
|
25
|
-
var import_antd = require("antd");
|
|
26
|
-
var import_ahooks = require("ahooks");
|
|
27
|
-
var import_utils = require("@wzyjs/utils");
|
|
28
|
-
var defaultResult = {
|
|
29
|
-
loading: false,
|
|
30
|
-
data: void 0,
|
|
31
|
-
error: void 0,
|
|
32
|
-
params: [],
|
|
33
|
-
cancel: import_utils.noop,
|
|
34
|
-
refresh: import_utils.noop,
|
|
35
|
-
refreshAsync: import_utils.noop,
|
|
36
|
-
run: import_utils.noop,
|
|
37
|
-
runAsync: import_utils.noop,
|
|
38
|
-
mutate: import_utils.noop
|
|
39
|
-
};
|
|
40
|
-
var useRequestPro = (reqPromise, userOptions) => {
|
|
41
|
-
var _a;
|
|
42
|
-
if (!reqPromise) {
|
|
43
|
-
return defaultResult;
|
|
44
|
-
}
|
|
45
|
-
const { alertErrorMessage = true, alertSuccessMessage = false } = userOptions || {};
|
|
46
|
-
const defaultOptions = {
|
|
47
|
-
debounceWait: 300,
|
|
48
|
-
throttleWait: 300,
|
|
49
|
-
onError: (err, params) => {
|
|
50
|
-
var _a2;
|
|
51
|
-
if (alertErrorMessage) {
|
|
52
|
-
import_antd.message.error(typeof alertErrorMessage === "string" ? alertErrorMessage : err.message || "请求失败");
|
|
53
|
-
}
|
|
54
|
-
(_a2 = userOptions == null ? void 0 : userOptions.onError) == null ? void 0 : _a2.call(userOptions, err, params);
|
|
55
|
-
},
|
|
56
|
-
onSuccess: (res, params) => {
|
|
57
|
-
var _a2;
|
|
58
|
-
if (!(res == null ? void 0 : res.success)) {
|
|
59
|
-
defaultOptions.onError(new Error(res == null ? void 0 : res.message), params);
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
if (alertSuccessMessage) {
|
|
63
|
-
import_antd.message.success(typeof alertSuccessMessage === "string" ? alertSuccessMessage : res.message || "请求成功");
|
|
64
|
-
}
|
|
65
|
-
(_a2 = userOptions == null ? void 0 : userOptions.onSuccess) == null ? void 0 : _a2.call(userOptions, res, params);
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
const options = Object.assign(defaultOptions, (0, import_utils.omit)(userOptions, ["onSuccess", "onError"]));
|
|
69
|
-
const state = (0, import_ahooks.useRequest)(reqPromise, options);
|
|
70
|
-
state.data = (_a = state.data) == null ? void 0 : _a.data;
|
|
71
|
-
return state;
|
|
72
|
-
};
|
|
73
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
74
|
-
0 && (module.exports = {
|
|
75
|
-
useRequestPro
|
|
76
|
-
});
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/useVisibleInfo.ts
|
|
20
|
-
var useVisibleInfo_exports = {};
|
|
21
|
-
__export(useVisibleInfo_exports, {
|
|
22
|
-
useVisibleInfo: () => useVisibleInfo
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(useVisibleInfo_exports);
|
|
25
|
-
var import_react = require("react");
|
|
26
|
-
var useVisibleInfo = (v = false, i) => {
|
|
27
|
-
const [visible, setVisible] = (0, import_react.useState)(v);
|
|
28
|
-
const [info, setInfo] = (0, import_react.useState)(i);
|
|
29
|
-
return [
|
|
30
|
-
visible,
|
|
31
|
-
{
|
|
32
|
-
setTrue: () => setVisible(true),
|
|
33
|
-
setFalse: () => setVisible(false),
|
|
34
|
-
toggle: () => setVisible(!visible)
|
|
35
|
-
},
|
|
36
|
-
[
|
|
37
|
-
info,
|
|
38
|
-
setInfo
|
|
39
|
-
]
|
|
40
|
-
];
|
|
41
|
-
};
|
|
42
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
43
|
-
0 && (module.exports = {
|
|
44
|
-
useVisibleInfo
|
|
45
|
-
});
|
package/dist/esm/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from 'ahooks';
|
|
2
|
-
export { default as useUrlState } from '@ahooksjs/use-url-state';
|
|
3
|
-
export { useCopyToClipboard, useCookie, useUpdate } from 'react-use';
|
|
4
|
-
export * from './useRequestPro';
|
|
5
|
-
export * from './useEffectValue';
|
|
6
|
-
export * from './useElementScrollVisible';
|
|
7
|
-
export * from './useHideFooter';
|
|
8
|
-
export * from './useVisibleInfo';
|
|
9
|
-
export * from './useDateRange';
|
|
10
|
-
export * from './useOptions';
|
package/dist/esm/index.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from 'ahooks';
|
|
2
|
-
export { default as useUrlState } from '@ahooksjs/use-url-state';
|
|
3
|
-
export { useCopyToClipboard, useCookie, useUpdate } from 'react-use';
|
|
4
|
-
export * from "./useRequestPro";
|
|
5
|
-
export * from "./useEffectValue";
|
|
6
|
-
export * from "./useElementScrollVisible";
|
|
7
|
-
export * from "./useHideFooter";
|
|
8
|
-
export * from "./useVisibleInfo";
|
|
9
|
-
export * from "./useDateRange";
|
|
10
|
-
export * from "./useOptions";
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Dayjs } from '@wzyjs/utils';
|
|
2
|
-
export { Dayjs } from '@wzyjs/utils';
|
|
3
|
-
export declare enum PresetType {
|
|
4
|
-
TODAY = "\u4ECA\u5929",
|
|
5
|
-
THIS_WEEK = "\u672C\u5468",
|
|
6
|
-
LAST_WEEK = "\u4E0A\u5468",
|
|
7
|
-
THIS_MONTH = "\u672C\u6708",
|
|
8
|
-
LAST_MONTH = "\u4E0A\u6708"
|
|
9
|
-
}
|
|
10
|
-
export declare const rangePresets: {
|
|
11
|
-
label: string;
|
|
12
|
-
value: [Dayjs, Dayjs];
|
|
13
|
-
}[];
|
|
14
|
-
interface Config {
|
|
15
|
-
defaultDateRange?: PresetType | [Dayjs, Dayjs];
|
|
16
|
-
}
|
|
17
|
-
export declare const useDateRange: (config: Config) => {
|
|
18
|
-
dateRange: [Dayjs, Dayjs];
|
|
19
|
-
rangePresets: {
|
|
20
|
-
label: string;
|
|
21
|
-
value: [Dayjs, Dayjs];
|
|
22
|
-
}[];
|
|
23
|
-
onChange: (dateRange?: any) => void;
|
|
24
|
-
onClickPrev: () => void;
|
|
25
|
-
onClickNext: () => void;
|
|
26
|
-
};
|
package/dist/esm/useDateRange.js
DELETED
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
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."); }
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
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; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useState } from 'react';
|
|
8
|
-
import { dayjs } from '@wzyjs/utils';
|
|
9
|
-
export { Dayjs } from '@wzyjs/utils';
|
|
10
|
-
export var PresetType = /*#__PURE__*/function (PresetType) {
|
|
11
|
-
PresetType["TODAY"] = "\u4ECA\u5929";
|
|
12
|
-
PresetType["THIS_WEEK"] = "\u672C\u5468";
|
|
13
|
-
PresetType["LAST_WEEK"] = "\u4E0A\u5468";
|
|
14
|
-
PresetType["THIS_MONTH"] = "\u672C\u6708";
|
|
15
|
-
PresetType["LAST_MONTH"] = "\u4E0A\u6708";
|
|
16
|
-
return PresetType;
|
|
17
|
-
}({});
|
|
18
|
-
export var rangePresets = [{
|
|
19
|
-
label: PresetType.TODAY,
|
|
20
|
-
value: [dayjs().startOf('day'), dayjs().endOf('day')]
|
|
21
|
-
}, {
|
|
22
|
-
label: PresetType.THIS_WEEK,
|
|
23
|
-
value: [dayjs().startOf('week'), dayjs().endOf('week')]
|
|
24
|
-
}, {
|
|
25
|
-
label: PresetType.LAST_WEEK,
|
|
26
|
-
value: [dayjs().subtract(1, 'week').startOf('week'), dayjs().subtract(1, 'week').endOf('week')]
|
|
27
|
-
}, {
|
|
28
|
-
label: PresetType.THIS_MONTH,
|
|
29
|
-
value: [dayjs().startOf('month'), dayjs().endOf('month')]
|
|
30
|
-
}, {
|
|
31
|
-
label: PresetType.LAST_MONTH,
|
|
32
|
-
value: [dayjs().subtract(1, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')]
|
|
33
|
-
}];
|
|
34
|
-
var checkDateRules = function checkDateRules(dateRange) {
|
|
35
|
-
var _dateRange = _slicedToArray(dateRange, 2),
|
|
36
|
-
date1 = _dateRange[0],
|
|
37
|
-
date2 = _dateRange[1];
|
|
38
|
-
|
|
39
|
-
// 规则1: 判断是否为同一天
|
|
40
|
-
if (date1.isSame(date2, 'day')) {
|
|
41
|
-
return 1;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// 规则2: 判断是否为周一和周日
|
|
45
|
-
if (date1.day() === 1 && date2.day() === 0 || date1.day() === 0 && date2.day() === 1) {
|
|
46
|
-
return 2;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// 规则3: 判断是否为月初和月末
|
|
50
|
-
var isStartOrEndOfMonth = function isStartOrEndOfMonth(date) {
|
|
51
|
-
return date.date() === 1 || date.date() === date.daysInMonth();
|
|
52
|
-
};
|
|
53
|
-
if (isStartOrEndOfMonth(date1) && isStartOrEndOfMonth(date2)) {
|
|
54
|
-
return 3;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
// 如果没有匹配到任何规则,可以根据需要返回默认值,这里假设返回 0
|
|
58
|
-
return 0;
|
|
59
|
-
};
|
|
60
|
-
export var useDateRange = function useDateRange(config) {
|
|
61
|
-
var _rangePresets$find;
|
|
62
|
-
var _config$defaultDateRa = config.defaultDateRange,
|
|
63
|
-
defaultDateRange = _config$defaultDateRa === void 0 ? PresetType.TODAY : _config$defaultDateRa;
|
|
64
|
-
var _useState = useState(Array.isArray(defaultDateRange) ? defaultDateRange : ((_rangePresets$find = rangePresets.find(function (item) {
|
|
65
|
-
return item.label === defaultDateRange;
|
|
66
|
-
})) === null || _rangePresets$find === void 0 ? void 0 : _rangePresets$find.value) || [dayjs().startOf('day'), dayjs().endOf('day')]),
|
|
67
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
68
|
-
dateRange = _useState2[0],
|
|
69
|
-
setDateRange = _useState2[1];
|
|
70
|
-
var rangeType = checkDateRules(dateRange);
|
|
71
|
-
return {
|
|
72
|
-
dateRange: dateRange,
|
|
73
|
-
rangePresets: rangePresets,
|
|
74
|
-
// 这里的 any 实际应该是 antd 的 RangeValue<Dayjs> 类型,
|
|
75
|
-
// 但是这个类型不好获取,所以这里先用 any 代替
|
|
76
|
-
onChange: function onChange(dateRange) {
|
|
77
|
-
if (!dateRange) {
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
setDateRange(dateRange);
|
|
81
|
-
},
|
|
82
|
-
onClickPrev: function onClickPrev() {
|
|
83
|
-
switch (rangeType) {
|
|
84
|
-
case 1:
|
|
85
|
-
setDateRange([dateRange[0].subtract(1, 'day'), dateRange[1].subtract(1, 'day')]);
|
|
86
|
-
break;
|
|
87
|
-
case 2:
|
|
88
|
-
setDateRange([dateRange[0].subtract(1, 'week'), dateRange[1].subtract(1, 'week')]);
|
|
89
|
-
break;
|
|
90
|
-
case 3:
|
|
91
|
-
setDateRange([dateRange[0].subtract(1, 'month').startOf('month'), dateRange[1].subtract(1, 'month').endOf('month')]);
|
|
92
|
-
break;
|
|
93
|
-
default:
|
|
94
|
-
setDateRange([dateRange[0].subtract(1, 'day'), dateRange[1]]);
|
|
95
|
-
break;
|
|
96
|
-
}
|
|
97
|
-
},
|
|
98
|
-
onClickNext: function onClickNext() {
|
|
99
|
-
switch (rangeType) {
|
|
100
|
-
case 1:
|
|
101
|
-
setDateRange([dateRange[0].add(1, 'day'), dateRange[1].add(1, 'day')]);
|
|
102
|
-
break;
|
|
103
|
-
case 2:
|
|
104
|
-
setDateRange([dateRange[0].add(1, 'week'), dateRange[1].add(1, 'week')]);
|
|
105
|
-
break;
|
|
106
|
-
case 3:
|
|
107
|
-
setDateRange([dateRange[0].add(1, 'month').startOf('month'), dateRange[1].add(1, 'month').endOf('month')]);
|
|
108
|
-
break;
|
|
109
|
-
default:
|
|
110
|
-
setDateRange([dateRange[0], dateRange[1].add(1, 'day')]);
|
|
111
|
-
break;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
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."); }
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
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; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useEffect, useState } from 'react';
|
|
8
|
-
export var useEffectValue = function useEffectValue(fn) {
|
|
9
|
-
var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
10
|
-
var _useState = useState(),
|
|
11
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
12
|
-
value = _useState2[0],
|
|
13
|
-
setValue = _useState2[1];
|
|
14
|
-
useEffect(function () {
|
|
15
|
-
return setValue(fn());
|
|
16
|
-
}, deps);
|
|
17
|
-
return [value, setValue];
|
|
18
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
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."); }
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
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; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useEffect, useState } from 'react';
|
|
8
|
-
|
|
9
|
-
// 判断某元素滚动时,指定元素是否显示
|
|
10
|
-
export var useElementScrollVisible = function useElementScrollVisible(scroll, target) {
|
|
11
|
-
var $scroll = document.querySelector(scroll) || {};
|
|
12
|
-
var $scrollRect = $scroll.getBoundingClientRect();
|
|
13
|
-
var _useState = useState(false),
|
|
14
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
-
visible = _useState2[0],
|
|
16
|
-
setVisible = _useState2[1];
|
|
17
|
-
var _useState3 = useState(''),
|
|
18
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
19
|
-
direction = _useState4[0],
|
|
20
|
-
setDirection = _useState4[1];
|
|
21
|
-
var _useState5 = useState(''),
|
|
22
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
23
|
-
rect = _useState6[0],
|
|
24
|
-
setRect = _useState6[1];
|
|
25
|
-
useEffect(function () {
|
|
26
|
-
var fn = function fn() {
|
|
27
|
-
var $target = document.querySelector(target) || {};
|
|
28
|
-
var rect = $target.getBoundingClientRect();
|
|
29
|
-
setRect(rect);
|
|
30
|
-
if (rect.bottom < $scrollRect.top) {
|
|
31
|
-
setDirection('top');
|
|
32
|
-
setVisible(false);
|
|
33
|
-
} else if (rect.top > $scrollRect.bottom) {
|
|
34
|
-
setDirection('bottom');
|
|
35
|
-
setVisible(false);
|
|
36
|
-
} else {
|
|
37
|
-
setDirection('show');
|
|
38
|
-
setVisible(true);
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
fn();
|
|
42
|
-
$scroll.addEventListener('scroll', fn);
|
|
43
|
-
return function () {
|
|
44
|
-
return $scroll.removeEventListener('scroll', fn);
|
|
45
|
-
};
|
|
46
|
-
}, []);
|
|
47
|
-
return {
|
|
48
|
-
visible: visible,
|
|
49
|
-
direction: direction,
|
|
50
|
-
rect: rect
|
|
51
|
-
};
|
|
52
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useHideFooter: (el?: string) => void;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { useEffect } from 'react';
|
|
2
|
-
|
|
3
|
-
// 进入时隐藏指定元素,销毁时恢复该元素
|
|
4
|
-
export var useHideFooter = function useHideFooter() {
|
|
5
|
-
var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '.ant-layout-footer';
|
|
6
|
-
useEffect(function () {
|
|
7
|
-
var e = document.querySelector(el);
|
|
8
|
-
e.style.display = 'none';
|
|
9
|
-
return function () {
|
|
10
|
-
e.style.display = 'block';
|
|
11
|
-
};
|
|
12
|
-
}, []);
|
|
13
|
-
};
|
package/dist/esm/useOptions.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface Option {
|
|
3
|
-
apis: any;
|
|
4
|
-
onChange?: (data?: any) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const useOptions: (option: Option) => {
|
|
7
|
-
loading: boolean;
|
|
8
|
-
options: any;
|
|
9
|
-
value: string | undefined;
|
|
10
|
-
onChange: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
|
|
11
|
-
currentData: any;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
package/dist/esm/useOptions.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
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."); }
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
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; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useEffect, useMemo, useState } from 'react';
|
|
8
|
-
import { useRequestPro } from "./useRequestPro";
|
|
9
|
-
export var useOptions = function useOptions(option) {
|
|
10
|
-
var apis = option.apis;
|
|
11
|
-
var _useState = useState(),
|
|
12
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
13
|
-
value = _useState2[0],
|
|
14
|
-
setValue = _useState2[1];
|
|
15
|
-
|
|
16
|
-
// 发请求获取列表数据
|
|
17
|
-
var _useRequestPro = useRequestPro(apis.list, {
|
|
18
|
-
onSuccess: function onSuccess(res) {
|
|
19
|
-
var _res$data;
|
|
20
|
-
var _ref = ((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.data) || [],
|
|
21
|
-
_ref2 = _slicedToArray(_ref, 1),
|
|
22
|
-
first = _ref2[0];
|
|
23
|
-
if (first) {
|
|
24
|
-
setValue(first === null || first === void 0 ? void 0 : first.id);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}),
|
|
28
|
-
data = _useRequestPro.data,
|
|
29
|
-
loading = _useRequestPro.loading;
|
|
30
|
-
|
|
31
|
-
// 将列表数据转换成 options
|
|
32
|
-
var options = useMemo(function () {
|
|
33
|
-
return (data === null || data === void 0 ? void 0 : data.data.map(function (item) {
|
|
34
|
-
return {
|
|
35
|
-
label: item.name,
|
|
36
|
-
value: item.id
|
|
37
|
-
};
|
|
38
|
-
})) || [];
|
|
39
|
-
}, [data]);
|
|
40
|
-
|
|
41
|
-
// 根据 value 获取当前详细数据
|
|
42
|
-
var currentData = useMemo(function () {
|
|
43
|
-
return data === null || data === void 0 ? void 0 : data.data.find(function (item) {
|
|
44
|
-
return item.id === value;
|
|
45
|
-
});
|
|
46
|
-
}, [data, value]);
|
|
47
|
-
|
|
48
|
-
// value 变化时触发 onChange
|
|
49
|
-
useEffect(function () {
|
|
50
|
-
var _option$onChange;
|
|
51
|
-
(_option$onChange = option.onChange) === null || _option$onChange === void 0 ? void 0 : _option$onChange.call(option, currentData);
|
|
52
|
-
}, [currentData]);
|
|
53
|
-
return {
|
|
54
|
-
loading: loading,
|
|
55
|
-
options: options,
|
|
56
|
-
value: value,
|
|
57
|
-
onChange: setValue,
|
|
58
|
-
currentData: currentData
|
|
59
|
-
};
|
|
60
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { RequestRes } from '@wzyjs/types';
|
|
2
|
-
import { Options, Result, Service } from 'ahooks/lib/useRequest/src/types';
|
|
3
|
-
interface UserOptions<P extends any[], R> extends Options<R, P> {
|
|
4
|
-
alertErrorMessage?: false | string;
|
|
5
|
-
alertSuccessMessage?: true | string;
|
|
6
|
-
}
|
|
7
|
-
interface IResult<R extends RequestRes, P extends any[]> extends Omit<Result<R, P>, 'data'> {
|
|
8
|
-
data?: R['data'];
|
|
9
|
-
}
|
|
10
|
-
export declare const useRequestPro: <P extends any[], R extends RequestRes<any>>(reqPromise?: Service<R, P> | undefined, userOptions?: UserOptions<P, R> | undefined) => IResult<R, P>;
|
|
11
|
-
export {};
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { message } from 'antd';
|
|
2
|
-
import { useRequest } from 'ahooks';
|
|
3
|
-
import { noop, omit } from '@wzyjs/utils';
|
|
4
|
-
|
|
5
|
-
// 在 useRequest 的基础上扩展的功能
|
|
6
|
-
|
|
7
|
-
// 取出 data 里的 data
|
|
8
|
-
|
|
9
|
-
var defaultResult = {
|
|
10
|
-
loading: false,
|
|
11
|
-
data: undefined,
|
|
12
|
-
error: undefined,
|
|
13
|
-
params: [],
|
|
14
|
-
cancel: noop,
|
|
15
|
-
refresh: noop,
|
|
16
|
-
refreshAsync: noop,
|
|
17
|
-
run: noop,
|
|
18
|
-
runAsync: noop,
|
|
19
|
-
mutate: noop
|
|
20
|
-
};
|
|
21
|
-
export var useRequestPro = function useRequestPro(reqPromise, userOptions) {
|
|
22
|
-
var _state$data;
|
|
23
|
-
if (!reqPromise) {
|
|
24
|
-
return defaultResult;
|
|
25
|
-
}
|
|
26
|
-
var _ref = userOptions || {},
|
|
27
|
-
_ref$alertErrorMessag = _ref.alertErrorMessage,
|
|
28
|
-
alertErrorMessage = _ref$alertErrorMessag === void 0 ? true : _ref$alertErrorMessag,
|
|
29
|
-
_ref$alertSuccessMess = _ref.alertSuccessMessage,
|
|
30
|
-
alertSuccessMessage = _ref$alertSuccessMess === void 0 ? false : _ref$alertSuccessMess;
|
|
31
|
-
var defaultOptions = {
|
|
32
|
-
debounceWait: 300,
|
|
33
|
-
throttleWait: 300,
|
|
34
|
-
onError: function onError(err, params) {
|
|
35
|
-
var _userOptions$onError;
|
|
36
|
-
if (alertErrorMessage) {
|
|
37
|
-
message.error(typeof alertErrorMessage === 'string' ? alertErrorMessage : err.message || '请求失败');
|
|
38
|
-
}
|
|
39
|
-
userOptions === null || userOptions === void 0 ? void 0 : (_userOptions$onError = userOptions.onError) === null || _userOptions$onError === void 0 ? void 0 : _userOptions$onError.call(userOptions, err, params);
|
|
40
|
-
},
|
|
41
|
-
onSuccess: function onSuccess(res, params) {
|
|
42
|
-
var _userOptions$onSucces;
|
|
43
|
-
// 如果失败,则还是调用 onError
|
|
44
|
-
if (!(res !== null && res !== void 0 && res.success)) {
|
|
45
|
-
defaultOptions.onError(new Error(res === null || res === void 0 ? void 0 : res.message), params);
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// 如果成功,并且需要自动弹出提示
|
|
50
|
-
if (alertSuccessMessage) {
|
|
51
|
-
message.success(typeof alertSuccessMessage === 'string' ? alertSuccessMessage : res.message || '请求成功');
|
|
52
|
-
}
|
|
53
|
-
userOptions === null || userOptions === void 0 ? void 0 : (_userOptions$onSucces = userOptions.onSuccess) === null || _userOptions$onSucces === void 0 ? void 0 : _userOptions$onSucces.call(userOptions, res, params);
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
// 用户配置与默认配置合并
|
|
58
|
-
var options = Object.assign(defaultOptions, omit(userOptions, ['onSuccess', 'onError']));
|
|
59
|
-
|
|
60
|
-
// 取出 data 里的 data
|
|
61
|
-
var state = useRequest(reqPromise, options);
|
|
62
|
-
state.data = (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.data;
|
|
63
|
-
return state;
|
|
64
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
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."); }
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
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; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useState } from 'react';
|
|
8
|
-
|
|
9
|
-
// visible和info的集合体
|
|
10
|
-
export var useVisibleInfo = function useVisibleInfo() {
|
|
11
|
-
var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
12
|
-
var i = arguments.length > 1 ? arguments[1] : undefined;
|
|
13
|
-
var _useState = useState(v),
|
|
14
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
-
visible = _useState2[0],
|
|
16
|
-
setVisible = _useState2[1];
|
|
17
|
-
var _useState3 = useState(i),
|
|
18
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
19
|
-
info = _useState4[0],
|
|
20
|
-
setInfo = _useState4[1];
|
|
21
|
-
return [visible, {
|
|
22
|
-
setTrue: function setTrue() {
|
|
23
|
-
return setVisible(true);
|
|
24
|
-
},
|
|
25
|
-
setFalse: function setFalse() {
|
|
26
|
-
return setVisible(false);
|
|
27
|
-
},
|
|
28
|
-
toggle: function toggle() {
|
|
29
|
-
return setVisible(!visible);
|
|
30
|
-
}
|
|
31
|
-
}, [info, setInfo]];
|
|
32
|
-
};
|
|
File without changes
|
|
File without changes
|