@jelper/hooks 0.1.0
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/README.md +3 -0
- package/es/index.js +306 -0
- package/lib/index.js +303 -0
- package/package.json +37 -0
package/README.md
ADDED
package/es/index.js
ADDED
|
@@ -0,0 +1,306 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
/******/ var __webpack_modules__ = ([
|
|
3
|
+
/* 0 */,
|
|
4
|
+
/* 1 */
|
|
5
|
+
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
6
|
+
|
|
7
|
+
var arrayWithHoles = __webpack_require__(2);
|
|
8
|
+
var iterableToArrayLimit = __webpack_require__(3);
|
|
9
|
+
var unsupportedIterableToArray = __webpack_require__(4);
|
|
10
|
+
var nonIterableRest = __webpack_require__(6);
|
|
11
|
+
function _slicedToArray(arr, i) {
|
|
12
|
+
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
13
|
+
}
|
|
14
|
+
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
15
|
+
|
|
16
|
+
/***/ }),
|
|
17
|
+
/* 2 */
|
|
18
|
+
/***/ ((module) => {
|
|
19
|
+
|
|
20
|
+
function _arrayWithHoles(arr) {
|
|
21
|
+
if (Array.isArray(arr)) return arr;
|
|
22
|
+
}
|
|
23
|
+
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
24
|
+
|
|
25
|
+
/***/ }),
|
|
26
|
+
/* 3 */
|
|
27
|
+
/***/ ((module) => {
|
|
28
|
+
|
|
29
|
+
function _iterableToArrayLimit(arr, i) {
|
|
30
|
+
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
31
|
+
if (null != _i) {
|
|
32
|
+
var _s,
|
|
33
|
+
_e,
|
|
34
|
+
_x,
|
|
35
|
+
_r,
|
|
36
|
+
_arr = [],
|
|
37
|
+
_n = !0,
|
|
38
|
+
_d = !1;
|
|
39
|
+
try {
|
|
40
|
+
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
41
|
+
if (Object(_i) !== _i) return;
|
|
42
|
+
_n = !1;
|
|
43
|
+
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
44
|
+
} catch (err) {
|
|
45
|
+
_d = !0, _e = err;
|
|
46
|
+
} finally {
|
|
47
|
+
try {
|
|
48
|
+
if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
|
|
49
|
+
} finally {
|
|
50
|
+
if (_d) throw _e;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
return _arr;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
57
|
+
|
|
58
|
+
/***/ }),
|
|
59
|
+
/* 4 */
|
|
60
|
+
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
61
|
+
|
|
62
|
+
var arrayLikeToArray = __webpack_require__(5);
|
|
63
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
64
|
+
if (!o) return;
|
|
65
|
+
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
66
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
67
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
68
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
69
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
|
70
|
+
}
|
|
71
|
+
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
72
|
+
|
|
73
|
+
/***/ }),
|
|
74
|
+
/* 5 */
|
|
75
|
+
/***/ ((module) => {
|
|
76
|
+
|
|
77
|
+
function _arrayLikeToArray(arr, len) {
|
|
78
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
79
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
80
|
+
return arr2;
|
|
81
|
+
}
|
|
82
|
+
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
83
|
+
|
|
84
|
+
/***/ }),
|
|
85
|
+
/* 6 */
|
|
86
|
+
/***/ ((module) => {
|
|
87
|
+
|
|
88
|
+
function _nonIterableRest() {
|
|
89
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
90
|
+
}
|
|
91
|
+
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
92
|
+
|
|
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
|
+
/***/ }),
|
|
128
|
+
/* 8 */
|
|
129
|
+
/***/ ((module) => {
|
|
130
|
+
|
|
131
|
+
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
132
|
+
var y = x => () => x
|
|
133
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
|
|
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
|
+
/***/ })
|
|
176
|
+
/******/ ]);
|
|
177
|
+
/************************************************************************/
|
|
178
|
+
/******/ // The module cache
|
|
179
|
+
/******/ var __webpack_module_cache__ = {};
|
|
180
|
+
/******/
|
|
181
|
+
/******/ // The require function
|
|
182
|
+
/******/ function __webpack_require__(moduleId) {
|
|
183
|
+
/******/ // Check if module is in cache
|
|
184
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
185
|
+
/******/ if (cachedModule !== undefined) {
|
|
186
|
+
/******/ return cachedModule.exports;
|
|
187
|
+
/******/ }
|
|
188
|
+
/******/ // Create a new module (and put it into the cache)
|
|
189
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
190
|
+
/******/ // no module.id needed
|
|
191
|
+
/******/ // no module.loaded needed
|
|
192
|
+
/******/ exports: {}
|
|
193
|
+
/******/ };
|
|
194
|
+
/******/
|
|
195
|
+
/******/ // Execute the module function
|
|
196
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
197
|
+
/******/
|
|
198
|
+
/******/ // Return the exports of the module
|
|
199
|
+
/******/ return module.exports;
|
|
200
|
+
/******/ }
|
|
201
|
+
/******/
|
|
202
|
+
/************************************************************************/
|
|
203
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
204
|
+
/******/ (() => {
|
|
205
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
206
|
+
/******/ __webpack_require__.n = (module) => {
|
|
207
|
+
/******/ var getter = module && module.__esModule ?
|
|
208
|
+
/******/ () => (module['default']) :
|
|
209
|
+
/******/ () => (module);
|
|
210
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
211
|
+
/******/ return getter;
|
|
212
|
+
/******/ };
|
|
213
|
+
/******/ })();
|
|
214
|
+
/******/
|
|
215
|
+
/******/ /* webpack/runtime/define property getters */
|
|
216
|
+
/******/ (() => {
|
|
217
|
+
/******/ // define getter functions for harmony exports
|
|
218
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
219
|
+
/******/ for(var key in definition) {
|
|
220
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
221
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
222
|
+
/******/ }
|
|
223
|
+
/******/ }
|
|
224
|
+
/******/ };
|
|
225
|
+
/******/ })();
|
|
226
|
+
/******/
|
|
227
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
228
|
+
/******/ (() => {
|
|
229
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
230
|
+
/******/ })();
|
|
231
|
+
/******/
|
|
232
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
233
|
+
/******/ (() => {
|
|
234
|
+
/******/ // define __esModule on exports
|
|
235
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
236
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
237
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
238
|
+
/******/ }
|
|
239
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
240
|
+
/******/ };
|
|
241
|
+
/******/ })();
|
|
242
|
+
/******/
|
|
243
|
+
/************************************************************************/
|
|
244
|
+
var __webpack_exports__ = {};
|
|
245
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
246
|
+
(() => {
|
|
247
|
+
__webpack_require__.r(__webpack_exports__);
|
|
248
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
249
|
+
/* harmony export */ "Demos": () => (/* binding */ Demos),
|
|
250
|
+
/* harmony export */ "Test": () => (/* binding */ Test),
|
|
251
|
+
/* harmony export */ "useSwitch": () => (/* reexport safe */ _useSwitch__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
252
|
+
/* harmony export */ });
|
|
253
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
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]);
|
|
274
|
+
|
|
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
|
+
})();
|
|
302
|
+
|
|
303
|
+
var __webpack_exports__Demos = __webpack_exports__.Demos;
|
|
304
|
+
var __webpack_exports__Test = __webpack_exports__.Test;
|
|
305
|
+
var __webpack_exports__useSwitch = __webpack_exports__.useSwitch;
|
|
306
|
+
export { __webpack_exports__Demos as Demos, __webpack_exports__Test as Test, __webpack_exports__useSwitch as useSwitch };
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
/******/ var __webpack_modules__ = ([
|
|
2
|
+
/* 0 */,
|
|
3
|
+
/* 1 */
|
|
4
|
+
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
5
|
+
|
|
6
|
+
var arrayWithHoles = __webpack_require__(2);
|
|
7
|
+
var iterableToArrayLimit = __webpack_require__(3);
|
|
8
|
+
var unsupportedIterableToArray = __webpack_require__(4);
|
|
9
|
+
var nonIterableRest = __webpack_require__(6);
|
|
10
|
+
function _slicedToArray(arr, i) {
|
|
11
|
+
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
12
|
+
}
|
|
13
|
+
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
14
|
+
|
|
15
|
+
/***/ }),
|
|
16
|
+
/* 2 */
|
|
17
|
+
/***/ ((module) => {
|
|
18
|
+
|
|
19
|
+
function _arrayWithHoles(arr) {
|
|
20
|
+
if (Array.isArray(arr)) return arr;
|
|
21
|
+
}
|
|
22
|
+
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
23
|
+
|
|
24
|
+
/***/ }),
|
|
25
|
+
/* 3 */
|
|
26
|
+
/***/ ((module) => {
|
|
27
|
+
|
|
28
|
+
function _iterableToArrayLimit(arr, i) {
|
|
29
|
+
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
30
|
+
if (null != _i) {
|
|
31
|
+
var _s,
|
|
32
|
+
_e,
|
|
33
|
+
_x,
|
|
34
|
+
_r,
|
|
35
|
+
_arr = [],
|
|
36
|
+
_n = !0,
|
|
37
|
+
_d = !1;
|
|
38
|
+
try {
|
|
39
|
+
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
40
|
+
if (Object(_i) !== _i) return;
|
|
41
|
+
_n = !1;
|
|
42
|
+
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
43
|
+
} catch (err) {
|
|
44
|
+
_d = !0, _e = err;
|
|
45
|
+
} finally {
|
|
46
|
+
try {
|
|
47
|
+
if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
|
|
48
|
+
} finally {
|
|
49
|
+
if (_d) throw _e;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return _arr;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
56
|
+
|
|
57
|
+
/***/ }),
|
|
58
|
+
/* 4 */
|
|
59
|
+
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
60
|
+
|
|
61
|
+
var arrayLikeToArray = __webpack_require__(5);
|
|
62
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
63
|
+
if (!o) return;
|
|
64
|
+
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
65
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
66
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
67
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
68
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
|
69
|
+
}
|
|
70
|
+
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
71
|
+
|
|
72
|
+
/***/ }),
|
|
73
|
+
/* 5 */
|
|
74
|
+
/***/ ((module) => {
|
|
75
|
+
|
|
76
|
+
function _arrayLikeToArray(arr, len) {
|
|
77
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
78
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
79
|
+
return arr2;
|
|
80
|
+
}
|
|
81
|
+
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
82
|
+
|
|
83
|
+
/***/ }),
|
|
84
|
+
/* 6 */
|
|
85
|
+
/***/ ((module) => {
|
|
86
|
+
|
|
87
|
+
function _nonIterableRest() {
|
|
88
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
89
|
+
}
|
|
90
|
+
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
91
|
+
|
|
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
|
+
/***/ }),
|
|
128
|
+
/* 8 */
|
|
129
|
+
/***/ ((module) => {
|
|
130
|
+
|
|
131
|
+
module.exports = require(undefined);
|
|
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
|
+
/***/ })
|
|
175
|
+
/******/ ]);
|
|
176
|
+
/************************************************************************/
|
|
177
|
+
/******/ // The module cache
|
|
178
|
+
/******/ var __webpack_module_cache__ = {};
|
|
179
|
+
/******/
|
|
180
|
+
/******/ // The require function
|
|
181
|
+
/******/ function __webpack_require__(moduleId) {
|
|
182
|
+
/******/ // Check if module is in cache
|
|
183
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
184
|
+
/******/ if (cachedModule !== undefined) {
|
|
185
|
+
/******/ return cachedModule.exports;
|
|
186
|
+
/******/ }
|
|
187
|
+
/******/ // Create a new module (and put it into the cache)
|
|
188
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
189
|
+
/******/ // no module.id needed
|
|
190
|
+
/******/ // no module.loaded needed
|
|
191
|
+
/******/ exports: {}
|
|
192
|
+
/******/ };
|
|
193
|
+
/******/
|
|
194
|
+
/******/ // Execute the module function
|
|
195
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
196
|
+
/******/
|
|
197
|
+
/******/ // Return the exports of the module
|
|
198
|
+
/******/ return module.exports;
|
|
199
|
+
/******/ }
|
|
200
|
+
/******/
|
|
201
|
+
/************************************************************************/
|
|
202
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
203
|
+
/******/ (() => {
|
|
204
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
205
|
+
/******/ __webpack_require__.n = (module) => {
|
|
206
|
+
/******/ var getter = module && module.__esModule ?
|
|
207
|
+
/******/ () => (module['default']) :
|
|
208
|
+
/******/ () => (module);
|
|
209
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
210
|
+
/******/ return getter;
|
|
211
|
+
/******/ };
|
|
212
|
+
/******/ })();
|
|
213
|
+
/******/
|
|
214
|
+
/******/ /* webpack/runtime/define property getters */
|
|
215
|
+
/******/ (() => {
|
|
216
|
+
/******/ // define getter functions for harmony exports
|
|
217
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
218
|
+
/******/ for(var key in definition) {
|
|
219
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
220
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
221
|
+
/******/ }
|
|
222
|
+
/******/ }
|
|
223
|
+
/******/ };
|
|
224
|
+
/******/ })();
|
|
225
|
+
/******/
|
|
226
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
227
|
+
/******/ (() => {
|
|
228
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
229
|
+
/******/ })();
|
|
230
|
+
/******/
|
|
231
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
232
|
+
/******/ (() => {
|
|
233
|
+
/******/ // define __esModule on exports
|
|
234
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
235
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
236
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
237
|
+
/******/ }
|
|
238
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
239
|
+
/******/ };
|
|
240
|
+
/******/ })();
|
|
241
|
+
/******/
|
|
242
|
+
/************************************************************************/
|
|
243
|
+
var __webpack_exports__ = {};
|
|
244
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
245
|
+
(() => {
|
|
246
|
+
__webpack_require__.r(__webpack_exports__);
|
|
247
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
248
|
+
/* harmony export */ "Demos": () => (/* binding */ Demos),
|
|
249
|
+
/* harmony export */ "Test": () => (/* binding */ Test),
|
|
250
|
+
/* harmony export */ "useSwitch": () => (/* reexport safe */ _useSwitch__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
251
|
+
/* harmony export */ });
|
|
252
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
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]);
|
|
274
|
+
|
|
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
|
+
})();
|
|
302
|
+
|
|
303
|
+
module.exports = __webpack_exports__;
|
package/package.json
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@jelper/hooks",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "react hooks helper",
|
|
5
|
+
"main": "lib/index.js",
|
|
6
|
+
"module": "es/index.js",
|
|
7
|
+
"keywords": [
|
|
8
|
+
"store",
|
|
9
|
+
"helper"
|
|
10
|
+
],
|
|
11
|
+
"files": [
|
|
12
|
+
"package.json",
|
|
13
|
+
"README.md",
|
|
14
|
+
"es/**",
|
|
15
|
+
"lib/**"
|
|
16
|
+
],
|
|
17
|
+
"publishConfig": {
|
|
18
|
+
"access": "public"
|
|
19
|
+
},
|
|
20
|
+
"devDependencies": {
|
|
21
|
+
"@jelper/builder": "0.1.16",
|
|
22
|
+
"@types/lodash": "~4.14.182",
|
|
23
|
+
"@types/node": "~18.0.0",
|
|
24
|
+
"@types/react": "~18.2.17"
|
|
25
|
+
},
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"lodash": "~4.17.21",
|
|
28
|
+
"react": "~18.2.0"
|
|
29
|
+
},
|
|
30
|
+
"author": "apathyjade@outlook.com",
|
|
31
|
+
"license": "ISC",
|
|
32
|
+
"scripts": {
|
|
33
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
34
|
+
"build": "jelper build",
|
|
35
|
+
"serve": "jelper serve"
|
|
36
|
+
}
|
|
37
|
+
}
|