enr 2.0.2 → 2.0.3
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 +1 -1
- package/cjs/components/ripples/LazyRippleEle.js +1 -1
- package/cjs/components/ripples/RipplesEle.js +1 -1
- package/cjs/customHooks/useAnimationFrame.js +2 -2
- package/cjs/customHooks/useInputIsComposing.js +2 -2
- package/cjs/customHooks/useRipples/index.js +2 -2
- package/cjs/customHooks/useTimeId.js +2 -2
- package/es/components/ripples/LazyRippleEle.js +1 -1
- package/es/components/ripples/RipplesEle.js +1 -1
- package/es/customHooks/useAnimationFrame.js +2 -2
- package/es/customHooks/useInputIsComposing.js +2 -2
- package/es/customHooks/useRipples/index.js +2 -2
- package/es/customHooks/useTimeId.js +2 -2
- package/es/src/components/ripples/LazyRippleEle.d.ts +2 -2
- package/es/src/components/ripples/RipplesEle.d.ts +2 -2
- package/es/src/components/ripples/types.d.ts +8 -7
- package/es/src/customHooks/useAnimationFrame.d.ts +2 -2
- package/es/src/customHooks/useInputIsComposing.d.ts +2 -2
- package/es/src/customHooks/useRipples/index.d.ts +2 -2
- package/es/src/customHooks/useRipples/types.d.ts +2 -2
- package/es/src/customHooks/useTimeId.d.ts +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -13,7 +13,7 @@ var react = require('react');
|
|
|
13
13
|
* @copyright 2026 ©️ MrMudBean
|
|
14
14
|
* @since 2025-01-07 11:23
|
|
15
15
|
* @version 2.0.0-alpha.0
|
|
16
|
-
* @lastModified 2026-02-
|
|
16
|
+
* @lastModified 2026-02-07 08:11
|
|
17
17
|
*/
|
|
18
18
|
/**
|
|
19
19
|
*
|
|
@@ -25,7 +25,7 @@ var react = require('react');
|
|
|
25
25
|
* @param [option=false] 使用第二参数,可指定是否立即执行及是否仅执行一次
|
|
26
26
|
* @returns 返回值包含执行状态
|
|
27
27
|
* @version 0.2.0
|
|
28
|
-
* @see https://
|
|
28
|
+
* @see https://lmssee.com/custom-hooks/use-animation-frame
|
|
29
29
|
* @example
|
|
30
30
|
* 使用:
|
|
31
31
|
*
|
|
@@ -12,7 +12,7 @@ var react = require('react');
|
|
|
12
12
|
* @copyright 2026 ©️ MrMudBean
|
|
13
13
|
* @since 2025-01-07 11:23
|
|
14
14
|
* @version 2.0.0-alpha.0
|
|
15
|
-
* @lastModified 2026-02-
|
|
15
|
+
* @lastModified 2026-02-07 08:11
|
|
16
16
|
*/
|
|
17
17
|
/**
|
|
18
18
|
*
|
|
@@ -23,7 +23,7 @@ var react = require('react');
|
|
|
23
23
|
* @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
|
|
24
24
|
* @returns RefObject<boolean>
|
|
25
25
|
* @version 0.0.4
|
|
26
|
-
* @see https://
|
|
26
|
+
* @see https://lmssee.com/custom-hooks/use-input-is-composing
|
|
27
27
|
* @example
|
|
28
28
|
*
|
|
29
29
|
* 使用:
|
|
@@ -15,7 +15,7 @@ var classRipple = require('./class-ripple.js');
|
|
|
15
15
|
* @copyright 2026 ©️ MrMudBean
|
|
16
16
|
* @since 2025-06-20 01:37
|
|
17
17
|
* @version 2.0.0-alpha.0
|
|
18
|
-
* @lastModified 2026-02-
|
|
18
|
+
* @lastModified 2026-02-07 08:12
|
|
19
19
|
*/
|
|
20
20
|
/**
|
|
21
21
|
*
|
|
@@ -25,7 +25,7 @@ var classRipple = require('./class-ripple.js');
|
|
|
25
25
|
* @param canvas `usrRef` 包裹的 `HTMLCanvasElement`,用于绘制图像
|
|
26
26
|
* @param option 初始化的
|
|
27
27
|
* @version 0.0.3
|
|
28
|
-
* @see https://
|
|
28
|
+
* @see https://lmssee.com/custom-hooks/use-ripples
|
|
29
29
|
* @see JQuery https://github.com/sirxemic/jquery.ripples
|
|
30
30
|
* @example
|
|
31
31
|
*
|
|
@@ -12,7 +12,7 @@ var react = require('react');
|
|
|
12
12
|
* @copyright 2026 ©️ MrMudBean
|
|
13
13
|
* @since 2025-01-07 11:20
|
|
14
14
|
* @version 2.0.0-alpha.0
|
|
15
|
-
* @lastModified 2026-02-
|
|
15
|
+
* @lastModified 2026-02-07 08:12
|
|
16
16
|
*/
|
|
17
17
|
/**
|
|
18
18
|
*
|
|
@@ -21,7 +21,7 @@ var react = require('react');
|
|
|
21
21
|
* 该数值在组件卸载时会自动调用 `clearTimeout` 清理
|
|
22
22
|
*
|
|
23
23
|
* @version 0.0.3
|
|
24
|
-
* @see https://
|
|
24
|
+
* @see https://lmssee.com/custom-hooks/use-time-id
|
|
25
25
|
* @example
|
|
26
26
|
*
|
|
27
27
|
* 使用:
|
|
@@ -18,7 +18,7 @@ import { ComponentContent } from './Content.js';
|
|
|
18
18
|
* @param props 使用参数
|
|
19
19
|
* @param props.option 初始化状态设定选项
|
|
20
20
|
* @version 0.0.1
|
|
21
|
-
* @see https://
|
|
21
|
+
* @see https://lmssee.com/lazy-background-ripple
|
|
22
22
|
* @example
|
|
23
23
|
* 使用:
|
|
24
24
|
*
|
|
@@ -16,7 +16,7 @@ import { ComponentContent } from './Content.js';
|
|
|
16
16
|
* @param props 使用参数
|
|
17
17
|
* @param props.option 初始化 ripple 的原始数据
|
|
18
18
|
* @version 0.0.1
|
|
19
|
-
* @see https://
|
|
19
|
+
* @see https://lmssee.com/background-ripple
|
|
20
20
|
* @example
|
|
21
21
|
* 使用:
|
|
22
22
|
*
|
|
@@ -11,7 +11,7 @@ import { useRef, useCallback, useEffect } from 'react';
|
|
|
11
11
|
* @copyright 2026 ©️ MrMudBean
|
|
12
12
|
* @since 2025-01-07 11:23
|
|
13
13
|
* @version 2.0.0-alpha.0
|
|
14
|
-
* @lastModified 2026-02-
|
|
14
|
+
* @lastModified 2026-02-07 08:11
|
|
15
15
|
*/
|
|
16
16
|
/**
|
|
17
17
|
*
|
|
@@ -23,7 +23,7 @@ import { useRef, useCallback, useEffect } from 'react';
|
|
|
23
23
|
* @param [option=false] 使用第二参数,可指定是否立即执行及是否仅执行一次
|
|
24
24
|
* @returns 返回值包含执行状态
|
|
25
25
|
* @version 0.2.0
|
|
26
|
-
* @see https://
|
|
26
|
+
* @see https://lmssee.com/custom-hooks/use-animation-frame
|
|
27
27
|
* @example
|
|
28
28
|
* 使用:
|
|
29
29
|
*
|
|
@@ -10,7 +10,7 @@ import { useRef, useEffect } from 'react';
|
|
|
10
10
|
* @copyright 2026 ©️ MrMudBean
|
|
11
11
|
* @since 2025-01-07 11:23
|
|
12
12
|
* @version 2.0.0-alpha.0
|
|
13
|
-
* @lastModified 2026-02-
|
|
13
|
+
* @lastModified 2026-02-07 08:11
|
|
14
14
|
*/
|
|
15
15
|
/**
|
|
16
16
|
*
|
|
@@ -21,7 +21,7 @@ import { useRef, useEffect } from 'react';
|
|
|
21
21
|
* @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
|
|
22
22
|
* @returns RefObject<boolean>
|
|
23
23
|
* @version 0.0.4
|
|
24
|
-
* @see https://
|
|
24
|
+
* @see https://lmssee.com/custom-hooks/use-input-is-composing
|
|
25
25
|
* @example
|
|
26
26
|
*
|
|
27
27
|
* 使用:
|
|
@@ -13,7 +13,7 @@ import { Ripples } from './class-ripple.js';
|
|
|
13
13
|
* @copyright 2026 ©️ MrMudBean
|
|
14
14
|
* @since 2025-06-20 01:37
|
|
15
15
|
* @version 2.0.0-alpha.0
|
|
16
|
-
* @lastModified 2026-02-
|
|
16
|
+
* @lastModified 2026-02-07 08:12
|
|
17
17
|
*/
|
|
18
18
|
/**
|
|
19
19
|
*
|
|
@@ -23,7 +23,7 @@ import { Ripples } from './class-ripple.js';
|
|
|
23
23
|
* @param canvas `usrRef` 包裹的 `HTMLCanvasElement`,用于绘制图像
|
|
24
24
|
* @param option 初始化的
|
|
25
25
|
* @version 0.0.3
|
|
26
|
-
* @see https://
|
|
26
|
+
* @see https://lmssee.com/custom-hooks/use-ripples
|
|
27
27
|
* @see JQuery https://github.com/sirxemic/jquery.ripples
|
|
28
28
|
* @example
|
|
29
29
|
*
|
|
@@ -10,7 +10,7 @@ import { useRef, useEffect } from 'react';
|
|
|
10
10
|
* @copyright 2026 ©️ MrMudBean
|
|
11
11
|
* @since 2025-01-07 11:20
|
|
12
12
|
* @version 2.0.0-alpha.0
|
|
13
|
-
* @lastModified 2026-02-
|
|
13
|
+
* @lastModified 2026-02-07 08:12
|
|
14
14
|
*/
|
|
15
15
|
/**
|
|
16
16
|
*
|
|
@@ -19,7 +19,7 @@ import { useRef, useEffect } from 'react';
|
|
|
19
19
|
* 该数值在组件卸载时会自动调用 `clearTimeout` 清理
|
|
20
20
|
*
|
|
21
21
|
* @version 0.0.3
|
|
22
|
-
* @see https://
|
|
22
|
+
* @see https://lmssee.com/custom-hooks/use-time-id
|
|
23
23
|
* @example
|
|
24
24
|
*
|
|
25
25
|
* 使用:
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @copyright 2026 ©️ MrMudBean
|
|
8
8
|
* @since 2024-12-12 12:11
|
|
9
9
|
* @version 2.0.0-alpha.0
|
|
10
|
-
* @lastModified 2026-02-
|
|
10
|
+
* @lastModified 2026-02-07 08:11
|
|
11
11
|
*/
|
|
12
12
|
import type { BackgroundRipplesProps } from './types';
|
|
13
13
|
/**
|
|
@@ -24,7 +24,7 @@ import type { BackgroundRipplesProps } from './types';
|
|
|
24
24
|
* @param props 使用参数
|
|
25
25
|
* @param props.option 初始化状态设定选项
|
|
26
26
|
* @version 0.0.1
|
|
27
|
-
* @see https://
|
|
27
|
+
* @see https://lmssee.com/lazy-background-ripple
|
|
28
28
|
* @example
|
|
29
29
|
* 使用:
|
|
30
30
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @copyright 2026 ©️ MrMudBean
|
|
8
8
|
* @since 2024-12-12 12:18
|
|
9
9
|
* @version 2.0.0-alpha.0
|
|
10
|
-
* @lastModified 2026-02-
|
|
10
|
+
* @lastModified 2026-02-07 08:11
|
|
11
11
|
*/
|
|
12
12
|
import type { BackgroundRipplesProps } from './types';
|
|
13
13
|
/**
|
|
@@ -22,7 +22,7 @@ import type { BackgroundRipplesProps } from './types';
|
|
|
22
22
|
* @param props 使用参数
|
|
23
23
|
* @param props.option 初始化 ripple 的原始数据
|
|
24
24
|
* @version 0.0.1
|
|
25
|
-
* @see https://
|
|
25
|
+
* @see https://lmssee.com/background-ripple
|
|
26
26
|
* @example
|
|
27
27
|
* 使用:
|
|
28
28
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @copyright 2026 ©️ Mr.MudBean
|
|
8
8
|
* @since 2026-02-02 16:55
|
|
9
9
|
* @version 2.0.0-alpha.4
|
|
10
|
-
* @lastModified 2026-02-
|
|
10
|
+
* @lastModified 2026-02-07 08:08
|
|
11
11
|
*/
|
|
12
12
|
import type { RipplesOptions } from '../../customHooks/useRipples/types';
|
|
13
13
|
import type { PropsWithTagNameCustomRef } from '../type';
|
|
@@ -36,18 +36,19 @@ export type BackgroundRipplesProps = PropsWithTagNameCustomRef<{
|
|
|
36
36
|
/**
|
|
37
37
|
* ## 可设定涟漪的参数
|
|
38
38
|
*
|
|
39
|
-
* - resolution 波速,值越小,波动越快。缺省为 `360`
|
|
40
|
-
* - dropRadius 波动强度,值越小,波动效果越大,缺省值为 `12`
|
|
41
|
-
* - perturbation 扰动系数,值越大,对原背景造成干涉越强,缺省为 `0.01`
|
|
42
|
-
* - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
|
|
43
39
|
* - accelerating 加速光标移动触发,类似于扰动系数,及作用与鼠标或手指触发,缺省为 `1`
|
|
44
40
|
* - crossOrigin 原始样式
|
|
41
|
+
* - darkMode 暗黑模式,仅用于在默认的背景图时更改默认背景图的背景色,如果使用了 `imgUrl` 配置,请执行处理色差异常
|
|
42
|
+
* - dropRadius 波动强度,值越小,波动效果越大,缺省值为 `12`
|
|
45
43
|
* - imgUrl 原始背景图片地址
|
|
44
|
+
* - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
|
|
45
|
+
* - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
|
|
46
|
+
* - loadingBackgroundColor 初始化加载时背景色,可为单色值或双色值数组(**该值仅在初始化用到,后续更改该值直接舍弃**)
|
|
47
|
+
* - perturbation 扰动系数,值越大,对原背景造成干涉越强,缺省为 `0.01`
|
|
46
48
|
* - playingState 当前的播放状态,缺省为 `true` ,设定为 `false` 时并不关闭,而是暂停
|
|
47
49
|
* - raindropsTimeInterval 雨滴滴落的间隔,缺省为 `3650`,可设置区间为 `10 ~ 12000`,值越小,雨越大
|
|
50
|
+
* - resolution 分波速,值越小,波动越快。缺省为 `360`
|
|
48
51
|
* 该值还将影响无背景设置时默认背景的切换频率,几乎每两个雨滴落下就会切换一次背景
|
|
49
|
-
* - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
|
|
50
|
-
* - darkMode 暗黑模式,仅用于在默认的背景图时更改默认背景图的背景色,如果使用了 `imgUrl` 配置,请执行处理色差异常
|
|
51
52
|
*/
|
|
52
53
|
option?: RipplesOptions;
|
|
53
54
|
}, 'div', RippleEle>;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @copyright 2026 ©️ MrMudBean
|
|
8
8
|
* @since 2025-01-07 11:23
|
|
9
9
|
* @version 2.0.0-alpha.0
|
|
10
|
-
* @lastModified 2026-02-
|
|
10
|
+
* @lastModified 2026-02-07 08:11
|
|
11
11
|
*/
|
|
12
12
|
/** 使用动画结果 */
|
|
13
13
|
export interface UseAnimationFrameResult {
|
|
@@ -51,7 +51,7 @@ export type AnimationFrameOption = boolean | {
|
|
|
51
51
|
* @param [option=false] 使用第二参数,可指定是否立即执行及是否仅执行一次
|
|
52
52
|
* @returns 返回值包含执行状态
|
|
53
53
|
* @version 0.2.0
|
|
54
|
-
* @see https://
|
|
54
|
+
* @see https://lmssee.com/custom-hooks/use-animation-frame
|
|
55
55
|
* @example
|
|
56
56
|
* 使用:
|
|
57
57
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @copyright 2026 ©️ MrMudBean
|
|
8
8
|
* @since 2025-01-07 11:23
|
|
9
9
|
* @version 2.0.0-alpha.0
|
|
10
|
-
* @lastModified 2026-02-
|
|
10
|
+
* @lastModified 2026-02-07 08:11
|
|
11
11
|
*/
|
|
12
12
|
import type { RefObject } from 'react';
|
|
13
13
|
/**
|
|
@@ -19,7 +19,7 @@ import type { RefObject } from 'react';
|
|
|
19
19
|
* @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
|
|
20
20
|
* @returns RefObject<boolean>
|
|
21
21
|
* @version 0.0.4
|
|
22
|
-
* @see https://
|
|
22
|
+
* @see https://lmssee.com/custom-hooks/use-input-is-composing
|
|
23
23
|
* @example
|
|
24
24
|
*
|
|
25
25
|
* 使用:
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* @copyright 2026 ©️ MrMudBean
|
|
9
9
|
* @since 2025-06-20 01:37
|
|
10
10
|
* @version 2.0.0-alpha.0
|
|
11
|
-
* @lastModified 2026-02-
|
|
11
|
+
* @lastModified 2026-02-07 08:12
|
|
12
12
|
*/
|
|
13
13
|
import type { RefObject } from 'react';
|
|
14
14
|
import { Ripples } from './class-ripple';
|
|
@@ -21,7 +21,7 @@ import type { RippleImgUrl, RipplesOptions } from './types';
|
|
|
21
21
|
* @param canvas `usrRef` 包裹的 `HTMLCanvasElement`,用于绘制图像
|
|
22
22
|
* @param option 初始化的
|
|
23
23
|
* @version 0.0.3
|
|
24
|
-
* @see https://
|
|
24
|
+
* @see https://lmssee.com/custom-hooks/use-ripples
|
|
25
25
|
* @see JQuery https://github.com/sirxemic/jquery.ripples
|
|
26
26
|
* @example
|
|
27
27
|
*
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @file types.ts
|
|
4
4
|
* @since 周二 12/17/2024
|
|
5
5
|
* @description BackgroundRipples 的类型声明文件
|
|
6
|
-
* @lastModified 2026-02-
|
|
6
|
+
* @lastModified 2026-02-07 08:06
|
|
7
7
|
*/
|
|
8
8
|
/**
|
|
9
9
|
* ## 图片源
|
|
@@ -131,7 +131,7 @@ export type RipplesUseOptions = {
|
|
|
131
131
|
*
|
|
132
132
|
* **该值仅在初始化用到,后续更改该值*直接*舍弃**
|
|
133
133
|
*/
|
|
134
|
-
loadingBackgroundColor: string | [string] | [string
|
|
134
|
+
loadingBackgroundColor: string | [string] | [string, string];
|
|
135
135
|
};
|
|
136
136
|
/**
|
|
137
137
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @copyright 2026 ©️ MrMudBean
|
|
8
8
|
* @since 2025-01-07 11:20
|
|
9
9
|
* @version 2.0.0-alpha.0
|
|
10
|
-
* @lastModified 2026-02-
|
|
10
|
+
* @lastModified 2026-02-07 08:12
|
|
11
11
|
*/
|
|
12
12
|
/**
|
|
13
13
|
*
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* 该数值在组件卸载时会自动调用 `clearTimeout` 清理
|
|
17
17
|
*
|
|
18
18
|
* @version 0.0.3
|
|
19
|
-
* @see https://
|
|
19
|
+
* @see https://lmssee.com/custom-hooks/use-time-id
|
|
20
20
|
* @example
|
|
21
21
|
*
|
|
22
22
|
* 使用:
|