@jelper/hooks 0.1.0 → 0.1.1
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/es/index.js +47 -137
- package/lib/index.js +47 -137
- package/package.json +1 -1
package/es/index.js
CHANGED
|
@@ -2,19 +2,53 @@ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
|
2
2
|
/******/ var __webpack_modules__ = ([
|
|
3
3
|
/* 0 */,
|
|
4
4
|
/* 1 */
|
|
5
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
6
|
+
|
|
7
|
+
__webpack_require__.r(__webpack_exports__);
|
|
8
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
9
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
10
|
+
/* harmony export */ });
|
|
11
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
12
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
|
|
13
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
var useSwitch = function useSwitch(value) {
|
|
18
|
+
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value),
|
|
19
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
|
|
20
|
+
val = _useState2[0],
|
|
21
|
+
setVal = _useState2[1];
|
|
22
|
+
|
|
23
|
+
var switchFn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (switchValue) {
|
|
24
|
+
if (typeof switchValue === 'boolean') {
|
|
25
|
+
setVal(switchValue);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
setVal(function (oldVal) {
|
|
29
|
+
return !oldVal;
|
|
30
|
+
});
|
|
31
|
+
}, []);
|
|
32
|
+
return [val, switchFn];
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useSwitch);
|
|
36
|
+
|
|
37
|
+
/***/ }),
|
|
38
|
+
/* 2 */
|
|
5
39
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
6
40
|
|
|
7
|
-
var arrayWithHoles = __webpack_require__(
|
|
8
|
-
var iterableToArrayLimit = __webpack_require__(
|
|
9
|
-
var unsupportedIterableToArray = __webpack_require__(
|
|
10
|
-
var nonIterableRest = __webpack_require__(
|
|
41
|
+
var arrayWithHoles = __webpack_require__(3);
|
|
42
|
+
var iterableToArrayLimit = __webpack_require__(4);
|
|
43
|
+
var unsupportedIterableToArray = __webpack_require__(5);
|
|
44
|
+
var nonIterableRest = __webpack_require__(7);
|
|
11
45
|
function _slicedToArray(arr, i) {
|
|
12
46
|
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
13
47
|
}
|
|
14
48
|
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
15
49
|
|
|
16
50
|
/***/ }),
|
|
17
|
-
/*
|
|
51
|
+
/* 3 */
|
|
18
52
|
/***/ ((module) => {
|
|
19
53
|
|
|
20
54
|
function _arrayWithHoles(arr) {
|
|
@@ -23,7 +57,7 @@ function _arrayWithHoles(arr) {
|
|
|
23
57
|
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
24
58
|
|
|
25
59
|
/***/ }),
|
|
26
|
-
/*
|
|
60
|
+
/* 4 */
|
|
27
61
|
/***/ ((module) => {
|
|
28
62
|
|
|
29
63
|
function _iterableToArrayLimit(arr, i) {
|
|
@@ -56,10 +90,10 @@ function _iterableToArrayLimit(arr, i) {
|
|
|
56
90
|
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
57
91
|
|
|
58
92
|
/***/ }),
|
|
59
|
-
/*
|
|
93
|
+
/* 5 */
|
|
60
94
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
61
95
|
|
|
62
|
-
var arrayLikeToArray = __webpack_require__(
|
|
96
|
+
var arrayLikeToArray = __webpack_require__(6);
|
|
63
97
|
function _unsupportedIterableToArray(o, minLen) {
|
|
64
98
|
if (!o) return;
|
|
65
99
|
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
@@ -71,7 +105,7 @@ function _unsupportedIterableToArray(o, minLen) {
|
|
|
71
105
|
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
72
106
|
|
|
73
107
|
/***/ }),
|
|
74
|
-
/*
|
|
108
|
+
/* 6 */
|
|
75
109
|
/***/ ((module) => {
|
|
76
110
|
|
|
77
111
|
function _arrayLikeToArray(arr, len) {
|
|
@@ -82,7 +116,7 @@ function _arrayLikeToArray(arr, len) {
|
|
|
82
116
|
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
83
117
|
|
|
84
118
|
/***/ }),
|
|
85
|
-
/*
|
|
119
|
+
/* 7 */
|
|
86
120
|
/***/ ((module) => {
|
|
87
121
|
|
|
88
122
|
function _nonIterableRest() {
|
|
@@ -90,40 +124,6 @@ function _nonIterableRest() {
|
|
|
90
124
|
}
|
|
91
125
|
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
92
126
|
|
|
93
|
-
/***/ }),
|
|
94
|
-
/* 7 */
|
|
95
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
96
|
-
|
|
97
|
-
__webpack_require__.r(__webpack_exports__);
|
|
98
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
99
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
100
|
-
/* harmony export */ });
|
|
101
|
-
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
102
|
-
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
|
|
103
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
var useSwitch = function useSwitch(value) {
|
|
108
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value),
|
|
109
|
-
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
|
|
110
|
-
val = _useState2[0],
|
|
111
|
-
setVal = _useState2[1];
|
|
112
|
-
|
|
113
|
-
var switchFn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (switchValue) {
|
|
114
|
-
if (typeof switchValue === 'boolean') {
|
|
115
|
-
setVal(switchValue);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
setVal(function (oldVal) {
|
|
119
|
-
return !oldVal;
|
|
120
|
-
});
|
|
121
|
-
}, []);
|
|
122
|
-
return [val, switchFn];
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useSwitch);
|
|
126
|
-
|
|
127
127
|
/***/ }),
|
|
128
128
|
/* 8 */
|
|
129
129
|
/***/ ((module) => {
|
|
@@ -132,46 +132,6 @@ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
|
132
132
|
var y = x => () => x
|
|
133
133
|
module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
|
|
134
134
|
|
|
135
|
-
/***/ }),
|
|
136
|
-
/* 9 */
|
|
137
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
138
|
-
|
|
139
|
-
__webpack_require__.r(__webpack_exports__);
|
|
140
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
141
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
142
|
-
/* harmony export */ });
|
|
143
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
var useLifeCycle = function useLifeCycle(props) {
|
|
147
|
-
var onMount = props.onMount,
|
|
148
|
-
onUnmount = props.onUnmount;
|
|
149
|
-
var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
|
|
150
|
-
var mountRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
|
|
151
|
-
var unmountRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
|
|
152
|
-
mountRef.current = onMount;
|
|
153
|
-
unmountRef.current = onUnmount;
|
|
154
|
-
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
155
|
-
var _mountRef$current;
|
|
156
|
-
|
|
157
|
-
(_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 ? void 0 : _mountRef$current.call(mountRef);
|
|
158
|
-
return function () {
|
|
159
|
-
var _unmountRef$current;
|
|
160
|
-
|
|
161
|
-
ref.current = false;
|
|
162
|
-
(_unmountRef$current = unmountRef.current) === null || _unmountRef$current === void 0 ? void 0 : _unmountRef$current.call(unmountRef);
|
|
163
|
-
};
|
|
164
|
-
}, []);
|
|
165
|
-
var isUnmount = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
|
|
166
|
-
return !ref.current;
|
|
167
|
-
}, []);
|
|
168
|
-
return {
|
|
169
|
-
isUnmount: isUnmount
|
|
170
|
-
};
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLifeCycle);
|
|
174
|
-
|
|
175
135
|
/***/ })
|
|
176
136
|
/******/ ]);
|
|
177
137
|
/************************************************************************/
|
|
@@ -246,61 +206,11 @@ var __webpack_exports__ = {};
|
|
|
246
206
|
(() => {
|
|
247
207
|
__webpack_require__.r(__webpack_exports__);
|
|
248
208
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
249
|
-
/* harmony export */ "
|
|
250
|
-
/* harmony export */ "Test": () => (/* binding */ Test),
|
|
251
|
-
/* harmony export */ "useSwitch": () => (/* reexport safe */ _useSwitch__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
209
|
+
/* harmony export */ "useSwitch": () => (/* reexport safe */ _useSwitch__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
252
210
|
/* harmony export */ });
|
|
253
|
-
/* harmony import */ var
|
|
254
|
-
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
|
|
255
|
-
/* harmony import */ var _useSwitch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
|
|
256
|
-
/* harmony import */ var _useLifeCycle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
|
|
257
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8);
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
var Test = function Test() {
|
|
263
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(0),
|
|
264
|
-
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
|
|
265
|
-
value = _useState2[0],
|
|
266
|
-
setValue = _useState2[1];
|
|
267
|
-
|
|
268
|
-
var onMount = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(function () {
|
|
269
|
-
console.log(value);
|
|
270
|
-
}, [value]);
|
|
271
|
-
var onUnmount = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(function () {
|
|
272
|
-
console.log(value);
|
|
273
|
-
}, [value]);
|
|
211
|
+
/* harmony import */ var _useSwitch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
274
212
|
|
|
275
|
-
var _useLifeCycle = (0,_useLifeCycle__WEBPACK_IMPORTED_MODULE_2__["default"])({
|
|
276
|
-
onMount: onMount,
|
|
277
|
-
onUnmount: onUnmount
|
|
278
|
-
}),
|
|
279
|
-
isUnmount = _useLifeCycle.isUnmount;
|
|
280
|
-
|
|
281
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["default"].createElement("p", {
|
|
282
|
-
onClick: function onClick() {
|
|
283
|
-
return setValue(function (i) {
|
|
284
|
-
return i + 1;
|
|
285
|
-
});
|
|
286
|
-
}
|
|
287
|
-
}, "ADD ", value, " ", isUnmount ? 'true' : 'false');
|
|
288
|
-
};
|
|
289
|
-
var Demos = function Demos() {
|
|
290
|
-
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(true),
|
|
291
|
-
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),
|
|
292
|
-
bool = _useState4[0],
|
|
293
|
-
setBool = _useState4[1];
|
|
294
|
-
|
|
295
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["default"].createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["default"].createElement("div", {
|
|
296
|
-
onClick: function onClick() {
|
|
297
|
-
return setBool(false);
|
|
298
|
-
}
|
|
299
|
-
}, "Hidden"), bool ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["default"].createElement(Test, null) : undefined);
|
|
300
|
-
};
|
|
301
213
|
})();
|
|
302
214
|
|
|
303
|
-
var __webpack_exports__Demos = __webpack_exports__.Demos;
|
|
304
|
-
var __webpack_exports__Test = __webpack_exports__.Test;
|
|
305
215
|
var __webpack_exports__useSwitch = __webpack_exports__.useSwitch;
|
|
306
|
-
export {
|
|
216
|
+
export { __webpack_exports__useSwitch as useSwitch };
|
package/lib/index.js
CHANGED
|
@@ -1,19 +1,54 @@
|
|
|
1
1
|
/******/ var __webpack_modules__ = ([
|
|
2
2
|
/* 0 */,
|
|
3
3
|
/* 1 */
|
|
4
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
5
|
+
|
|
6
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
8
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
9
|
+
/* harmony export */ });
|
|
10
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
11
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
|
|
12
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
|
|
13
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
var useSwitch = function useSwitch(value) {
|
|
18
|
+
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value),
|
|
19
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
|
|
20
|
+
val = _useState2[0],
|
|
21
|
+
setVal = _useState2[1];
|
|
22
|
+
|
|
23
|
+
var switchFn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (switchValue) {
|
|
24
|
+
if (typeof switchValue === 'boolean') {
|
|
25
|
+
setVal(switchValue);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
setVal(function (oldVal) {
|
|
29
|
+
return !oldVal;
|
|
30
|
+
});
|
|
31
|
+
}, []);
|
|
32
|
+
return [val, switchFn];
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useSwitch);
|
|
36
|
+
|
|
37
|
+
/***/ }),
|
|
38
|
+
/* 2 */
|
|
4
39
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
5
40
|
|
|
6
|
-
var arrayWithHoles = __webpack_require__(
|
|
7
|
-
var iterableToArrayLimit = __webpack_require__(
|
|
8
|
-
var unsupportedIterableToArray = __webpack_require__(
|
|
9
|
-
var nonIterableRest = __webpack_require__(
|
|
41
|
+
var arrayWithHoles = __webpack_require__(3);
|
|
42
|
+
var iterableToArrayLimit = __webpack_require__(4);
|
|
43
|
+
var unsupportedIterableToArray = __webpack_require__(5);
|
|
44
|
+
var nonIterableRest = __webpack_require__(7);
|
|
10
45
|
function _slicedToArray(arr, i) {
|
|
11
46
|
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
12
47
|
}
|
|
13
48
|
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
14
49
|
|
|
15
50
|
/***/ }),
|
|
16
|
-
/*
|
|
51
|
+
/* 3 */
|
|
17
52
|
/***/ ((module) => {
|
|
18
53
|
|
|
19
54
|
function _arrayWithHoles(arr) {
|
|
@@ -22,7 +57,7 @@ function _arrayWithHoles(arr) {
|
|
|
22
57
|
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
23
58
|
|
|
24
59
|
/***/ }),
|
|
25
|
-
/*
|
|
60
|
+
/* 4 */
|
|
26
61
|
/***/ ((module) => {
|
|
27
62
|
|
|
28
63
|
function _iterableToArrayLimit(arr, i) {
|
|
@@ -55,10 +90,10 @@ function _iterableToArrayLimit(arr, i) {
|
|
|
55
90
|
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
56
91
|
|
|
57
92
|
/***/ }),
|
|
58
|
-
/*
|
|
93
|
+
/* 5 */
|
|
59
94
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
60
95
|
|
|
61
|
-
var arrayLikeToArray = __webpack_require__(
|
|
96
|
+
var arrayLikeToArray = __webpack_require__(6);
|
|
62
97
|
function _unsupportedIterableToArray(o, minLen) {
|
|
63
98
|
if (!o) return;
|
|
64
99
|
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
@@ -70,7 +105,7 @@ function _unsupportedIterableToArray(o, minLen) {
|
|
|
70
105
|
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
71
106
|
|
|
72
107
|
/***/ }),
|
|
73
|
-
/*
|
|
108
|
+
/* 6 */
|
|
74
109
|
/***/ ((module) => {
|
|
75
110
|
|
|
76
111
|
function _arrayLikeToArray(arr, len) {
|
|
@@ -81,7 +116,7 @@ function _arrayLikeToArray(arr, len) {
|
|
|
81
116
|
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
82
117
|
|
|
83
118
|
/***/ }),
|
|
84
|
-
/*
|
|
119
|
+
/* 7 */
|
|
85
120
|
/***/ ((module) => {
|
|
86
121
|
|
|
87
122
|
function _nonIterableRest() {
|
|
@@ -89,88 +124,12 @@ function _nonIterableRest() {
|
|
|
89
124
|
}
|
|
90
125
|
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
91
126
|
|
|
92
|
-
/***/ }),
|
|
93
|
-
/* 7 */
|
|
94
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
95
|
-
|
|
96
|
-
__webpack_require__.r(__webpack_exports__);
|
|
97
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
98
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
99
|
-
/* harmony export */ });
|
|
100
|
-
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
101
|
-
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
|
|
102
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
|
|
103
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
var useSwitch = function useSwitch(value) {
|
|
108
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value),
|
|
109
|
-
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
|
|
110
|
-
val = _useState2[0],
|
|
111
|
-
setVal = _useState2[1];
|
|
112
|
-
|
|
113
|
-
var switchFn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (switchValue) {
|
|
114
|
-
if (typeof switchValue === 'boolean') {
|
|
115
|
-
setVal(switchValue);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
setVal(function (oldVal) {
|
|
119
|
-
return !oldVal;
|
|
120
|
-
});
|
|
121
|
-
}, []);
|
|
122
|
-
return [val, switchFn];
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useSwitch);
|
|
126
|
-
|
|
127
127
|
/***/ }),
|
|
128
128
|
/* 8 */
|
|
129
129
|
/***/ ((module) => {
|
|
130
130
|
|
|
131
131
|
module.exports = require(undefined);
|
|
132
132
|
|
|
133
|
-
/***/ }),
|
|
134
|
-
/* 9 */
|
|
135
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
136
|
-
|
|
137
|
-
__webpack_require__.r(__webpack_exports__);
|
|
138
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
139
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
140
|
-
/* harmony export */ });
|
|
141
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
|
|
142
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
var useLifeCycle = function useLifeCycle(props) {
|
|
146
|
-
var onMount = props.onMount,
|
|
147
|
-
onUnmount = props.onUnmount;
|
|
148
|
-
var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
|
|
149
|
-
var mountRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
|
|
150
|
-
var unmountRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
|
|
151
|
-
mountRef.current = onMount;
|
|
152
|
-
unmountRef.current = onUnmount;
|
|
153
|
-
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
154
|
-
var _mountRef$current;
|
|
155
|
-
|
|
156
|
-
(_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 ? void 0 : _mountRef$current.call(mountRef);
|
|
157
|
-
return function () {
|
|
158
|
-
var _unmountRef$current;
|
|
159
|
-
|
|
160
|
-
ref.current = false;
|
|
161
|
-
(_unmountRef$current = unmountRef.current) === null || _unmountRef$current === void 0 ? void 0 : _unmountRef$current.call(unmountRef);
|
|
162
|
-
};
|
|
163
|
-
}, []);
|
|
164
|
-
var isUnmount = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
|
|
165
|
-
return !ref.current;
|
|
166
|
-
}, []);
|
|
167
|
-
return {
|
|
168
|
-
isUnmount: isUnmount
|
|
169
|
-
};
|
|
170
|
-
};
|
|
171
|
-
|
|
172
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLifeCycle);
|
|
173
|
-
|
|
174
133
|
/***/ })
|
|
175
134
|
/******/ ]);
|
|
176
135
|
/************************************************************************/
|
|
@@ -245,59 +204,10 @@ var __webpack_exports__ = {};
|
|
|
245
204
|
(() => {
|
|
246
205
|
__webpack_require__.r(__webpack_exports__);
|
|
247
206
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
248
|
-
/* harmony export */ "
|
|
249
|
-
/* harmony export */ "Test": () => (/* binding */ Test),
|
|
250
|
-
/* harmony export */ "useSwitch": () => (/* reexport safe */ _useSwitch__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
207
|
+
/* harmony export */ "useSwitch": () => (/* reexport safe */ _useSwitch__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
251
208
|
/* harmony export */ });
|
|
252
|
-
/* harmony import */ var
|
|
253
|
-
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
|
|
254
|
-
/* harmony import */ var _useSwitch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
|
|
255
|
-
/* harmony import */ var _useLifeCycle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
|
|
256
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8);
|
|
257
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
var Test = function Test() {
|
|
263
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(0),
|
|
264
|
-
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
|
|
265
|
-
value = _useState2[0],
|
|
266
|
-
setValue = _useState2[1];
|
|
267
|
-
|
|
268
|
-
var onMount = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(function () {
|
|
269
|
-
console.log(value);
|
|
270
|
-
}, [value]);
|
|
271
|
-
var onUnmount = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(function () {
|
|
272
|
-
console.log(value);
|
|
273
|
-
}, [value]);
|
|
209
|
+
/* harmony import */ var _useSwitch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
274
210
|
|
|
275
|
-
var _useLifeCycle = (0,_useLifeCycle__WEBPACK_IMPORTED_MODULE_2__["default"])({
|
|
276
|
-
onMount: onMount,
|
|
277
|
-
onUnmount: onUnmount
|
|
278
|
-
}),
|
|
279
|
-
isUnmount = _useLifeCycle.isUnmount;
|
|
280
|
-
|
|
281
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("p", {
|
|
282
|
-
onClick: function onClick() {
|
|
283
|
-
return setValue(function (i) {
|
|
284
|
-
return i + 1;
|
|
285
|
-
});
|
|
286
|
-
}
|
|
287
|
-
}, "ADD ", value, " ", isUnmount ? 'true' : 'false');
|
|
288
|
-
};
|
|
289
|
-
var Demos = function Demos() {
|
|
290
|
-
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(true),
|
|
291
|
-
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),
|
|
292
|
-
bool = _useState4[0],
|
|
293
|
-
setBool = _useState4[1];
|
|
294
|
-
|
|
295
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
|
|
296
|
-
onClick: function onClick() {
|
|
297
|
-
return setBool(false);
|
|
298
|
-
}
|
|
299
|
-
}, "Hidden"), bool ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Test, null) : undefined);
|
|
300
|
-
};
|
|
301
211
|
})();
|
|
302
212
|
|
|
303
213
|
module.exports = __webpack_exports__;
|