@cclr/react 0.1.21 → 0.1.23
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/lib/cjs/index.js +4 -2
- package/lib/esm/index.js +4 -2
- package/lib/type/index.d.ts +2 -1
- package/package.json +6 -6
package/lib/cjs/index.js
CHANGED
|
@@ -436,13 +436,15 @@ var useDebounceFn = function useDebounceFn(cb, options) {
|
|
|
436
436
|
* 使用多个事件监听器
|
|
437
437
|
* @param ref 要绑定事件的 DOM 元素的引用
|
|
438
438
|
* @param eventMap 事件监听器映射
|
|
439
|
+
* @param listion 监听的开关
|
|
439
440
|
*/
|
|
440
441
|
var useEventListenerMultiple = function useEventListenerMultiple(ref, eventMap) {
|
|
442
|
+
var listion = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
441
443
|
var handleGetEventFun = useCallbackRef(function (key) {
|
|
442
444
|
return eventMap[key];
|
|
443
445
|
});
|
|
444
446
|
react.useEffect(function () {
|
|
445
|
-
if (!ref.current) return;
|
|
447
|
+
if (!ref.current || !listion) return;
|
|
446
448
|
var newEventMap = Object.keys(eventMap).reduce(function (acc, key) {
|
|
447
449
|
acc[key] = function (event) {
|
|
448
450
|
var _handleGetEventFun;
|
|
@@ -451,7 +453,7 @@ var useEventListenerMultiple = function useEventListenerMultiple(ref, eventMap)
|
|
|
451
453
|
return acc;
|
|
452
454
|
}, {});
|
|
453
455
|
return front.addEventListenerMultiple(ref.current, newEventMap);
|
|
454
|
-
}, []);
|
|
456
|
+
}, [listion]);
|
|
455
457
|
};
|
|
456
458
|
|
|
457
459
|
/**
|
package/lib/esm/index.js
CHANGED
|
@@ -434,13 +434,15 @@ var useDebounceFn = function useDebounceFn(cb, options) {
|
|
|
434
434
|
* 使用多个事件监听器
|
|
435
435
|
* @param ref 要绑定事件的 DOM 元素的引用
|
|
436
436
|
* @param eventMap 事件监听器映射
|
|
437
|
+
* @param listion 监听的开关
|
|
437
438
|
*/
|
|
438
439
|
var useEventListenerMultiple = function useEventListenerMultiple(ref, eventMap) {
|
|
440
|
+
var listion = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
439
441
|
var handleGetEventFun = useCallbackRef(function (key) {
|
|
440
442
|
return eventMap[key];
|
|
441
443
|
});
|
|
442
444
|
useEffect(function () {
|
|
443
|
-
if (!ref.current) return;
|
|
445
|
+
if (!ref.current || !listion) return;
|
|
444
446
|
var newEventMap = Object.keys(eventMap).reduce(function (acc, key) {
|
|
445
447
|
acc[key] = function (event) {
|
|
446
448
|
var _handleGetEventFun;
|
|
@@ -449,7 +451,7 @@ var useEventListenerMultiple = function useEventListenerMultiple(ref, eventMap)
|
|
|
449
451
|
return acc;
|
|
450
452
|
}, {});
|
|
451
453
|
return addEventListenerMultiple(ref.current, newEventMap);
|
|
452
|
-
}, []);
|
|
454
|
+
}, [listion]);
|
|
453
455
|
};
|
|
454
456
|
|
|
455
457
|
/**
|
package/lib/type/index.d.ts
CHANGED
|
@@ -61,8 +61,9 @@ declare const useDebounceFn: <T extends TPlainFunction>(cb: T, options?: {
|
|
|
61
61
|
* 使用多个事件监听器
|
|
62
62
|
* @param ref 要绑定事件的 DOM 元素的引用
|
|
63
63
|
* @param eventMap 事件监听器映射
|
|
64
|
+
* @param listion 监听的开关
|
|
64
65
|
*/
|
|
65
|
-
declare const useEventListenerMultiple: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, eventMap: TEventMap) => void;
|
|
66
|
+
declare const useEventListenerMultiple: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, eventMap: TEventMap, listion?: boolean) => void;
|
|
66
67
|
/**
|
|
67
68
|
* 使用多个事件监听器
|
|
68
69
|
* @param ref 要绑定事件的 DOM 元素的引用
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cclr/react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.23",
|
|
4
4
|
"description": "react 相关功能",
|
|
5
5
|
"author": "cclr <18843152354@163.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"g:test": "vitest run",
|
|
28
28
|
"g:build": "ccm lib"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "56865ee648e597654303fb82c018c63a30c5baf8",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@cclr/front": "0.1.
|
|
33
|
-
"@cclr/lang": "0.1.
|
|
34
|
-
"@cclr/model": "0.1.
|
|
35
|
-
"@cclr/utils": "0.1.
|
|
32
|
+
"@cclr/front": "0.1.23",
|
|
33
|
+
"@cclr/lang": "0.1.23",
|
|
34
|
+
"@cclr/model": "0.1.23",
|
|
35
|
+
"@cclr/utils": "0.1.23"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@types/react": "^18.3.18",
|