oops-ui 0.0.11 → 0.0.13

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.
Files changed (30) hide show
  1. package/dist/BackgroundRipple/index.cjs +1 -1
  2. package/dist/BackgroundRipple/index.mjs +1 -1
  3. package/dist/index.cjs +1 -1
  4. package/dist/index.js +1 -0
  5. package/dist/index.mjs +1 -1
  6. package/dist/types/components/ripples/RipplesEle.d.ts +1 -1
  7. package/dist/types/customHooks/useRipples/defaultData.d.ts +2 -12
  8. package/dist/types/customHooks/useRipples/index.d.ts +1 -1
  9. package/dist/types/customHooks/useRipples/init/hideCssBackground.d.ts +9 -0
  10. package/dist/types/customHooks/useRipples/init/initEvent.d.ts +5 -0
  11. package/dist/types/customHooks/useRipples/init/initGL.d.ts +5 -0
  12. package/dist/types/customHooks/useRipples/init/initShaders.d.ts +7 -0
  13. package/dist/types/customHooks/useRipples/init/initTexture.d.ts +7 -0
  14. package/dist/types/customHooks/useRipples/init/loadImage.d.ts +13 -0
  15. package/dist/types/customHooks/useRipples/render/computeTextureBoundaries.d.ts +7 -0
  16. package/dist/types/customHooks/useRipples/render/drawQuad.d.ts +7 -0
  17. package/dist/types/customHooks/useRipples/render/dropAtPointer.d.ts +7 -0
  18. package/dist/types/customHooks/useRipples/render/render.d.ts +7 -0
  19. package/dist/types/customHooks/useRipples/render/step.d.ts +6 -0
  20. package/dist/types/customHooks/useRipples/render/swapBufferIndices.d.ts +2 -0
  21. package/dist/types/customHooks/useRipples/render/update.d.ts +2 -0
  22. package/dist/types/customHooks/useRipples/rippersData/renderData.d.ts +85 -0
  23. package/dist/types/customHooks/useRipples/rippersData/vertexSource.d.ts +28 -0
  24. package/dist/types/customHooks/useRipples/ripple.html.d.ts +3 -0
  25. package/dist/types/customHooks/useRipples/ripplesClass.d.ts +12 -17
  26. package/dist/types/customHooks/useRipples/tools.d.ts +1 -25
  27. package/dist/useRipples/index.cjs +1 -1
  28. package/dist/useRipples/index.mjs +1 -1
  29. package/package.json +1 -1
  30. package/dist/types/customHooks/useRipples/interface.d.ts +0 -159
@@ -1,159 +0,0 @@
1
- /****************************************************************************
2
- * @Author lmssee
3
- * @Email lmssee@outlook.com
4
- * @ProjectName react-ripples
5
- * @FileName interface.ts
6
- * @CreateDate 周二 12/17/2024
7
- * @Description BackgroundRipples 的类型声明文件
8
- ****************************************************************************/
9
- import { CSSProperties, ReactElement } from 'react';
10
- /**************************************
11
- *
12
- * 背景涟漪的 props 类型
13
- *
14
- * - children 可选属性,定义子组件或子组件们
15
- * - style 可选属性,定义自定义外壳的样式,在内含 `children` 时生效
16
- * - option 可选属性,自定义涟漪的初始化属性
17
- * - resolution 分辨率,纹理的尺寸,该项目中该值为纹理的宽和高,缺省为 `360`
18
- * - dropRadius 扩撒半径,缺省值为 `20`
19
- * - perturbance 扰动系数,缺省为 `0.03`
20
- * - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
21
- * - accelerating 加速光标移动触发,缺省为 `3`
22
- * - crossOrigin 原始样式
23
- * - imageUrl 原始背景图片地址
24
- * - playingState 当前的播放状态,缺省为 `true` ,设定为 `false` 时并不关闭,而是暂停
25
- * - raindropsTimeInterval 雨滴滴落的间隔,缺省为 `660`,可设置区间为 `10 ~ 12000`
26
- * - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
27
- *
28
- **************************************/
29
- export interface BackgroundRipplesProps {
30
- /**************************
31
- * 内嵌的子元素
32
- **************************/
33
- children?: ReactElement | ReactElement[];
34
- /**************************
35
- * 用于设定外层的样式
36
- **************************/
37
- style?: CSSProperties;
38
- /**************************
39
- * ## 可设定涟漪的参数
40
- *
41
- * - resolution 分辨率,纹理的尺寸,该项目中该值为纹理的宽和高,缺省为 `360`
42
- * - dropRadius 扩撒半径,缺省值为 `20`
43
- * - perturbance 扰动系数,缺省为 `0.03`
44
- * - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
45
- * - accelerating 加速光标移动触发,缺省为 `3`
46
- * - crossOrigin 原始样式
47
- * - imageUrl 原始背景图片地址
48
- * - playingState 当前的播放状态,缺省为 `true` ,设定为 `false` 时并不关闭,而是暂停
49
- * - raindropsTimeInterval 雨滴滴落的间隔,缺省为 `660`,可设置区间为 `10 ~ 12000`
50
- * - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
51
- **************************/
52
- option?: RipplesOptions;
53
- }
54
- /**************************************
55
- *
56
- * WebGLProgram
57
- *
58
- **************************************/
59
- export interface Program {
60
- id: WebGLProgram;
61
- uniforms: {
62
- [x: string]: Float32Array;
63
- };
64
- locations: {
65
- [x: string]: WebGLUniformLocation;
66
- };
67
- }
68
- /**************************************
69
- *
70
- * 涟漪设定参数
71
- *
72
- * - resolution 分辨率,纹理的尺寸,该项目中该值为纹理的宽和高,缺省为 `360`
73
- * - dropRadius 扩撒半径,缺省值为 `20`
74
- * - perturbance 扰动系数,缺省为 `0.03`
75
- * - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
76
- * - crossOrigin 原始样式
77
- * - imageUrl 原始背景图片地址
78
- * - playingState 当前的播放状态,缺省为 `true` ,设定为 `false` 时并不关闭,而是暂停
79
- * - accelerating 加速光标移动触发,缺省为 `3`
80
- * - raindropsTimeInterval 雨滴滴落的间隔,缺省为 `660`,可设置区间为 `10 ~ 12000`
81
- * - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
82
- **************************************/
83
- export interface RipplesOptions {
84
- /**************************
85
- * 分辨率
86
- *
87
- * 纹理的尺寸,该项目中该值为纹理的宽和高
88
- *
89
- * 缺省为 `360`
90
- **************************/
91
- resolution?: number;
92
- /**************************
93
- * 扩散半径
94
- *
95
- * 缺省为 `20`
96
- **************************/
97
- dropRadius?: number;
98
- /**************************
99
- * 扰动系数
100
- *
101
- * 缺省 `0.03`
102
- *
103
- * 取之范围 `0.01 - 1`
104
- **************************/
105
- perturbance?: number;
106
- /**************************
107
- * 是否开启光标滑动轨迹
108
- *
109
- * 缺省为 `true`
110
- **************************/
111
- interactive?: boolean;
112
- /**************************
113
- * 加速光标移动触发,缺省为 `3`
114
- *
115
- *
116
- * 由于大佬原方法在光标触发 mousemove 时不怎么明显
117
- *
118
- * 所以以倍级触发会让波动更加明显
119
- *
120
- * 可设置区间为 `2 - 100`
121
- **************************/
122
- accelerating?: number;
123
- /**************************
124
- * 原设定的背景图片
125
- *
126
- * 缺省为 `''`
127
- **************************/
128
- crossOrigin?: string;
129
- /**************************
130
- * 设定的元素背景的 url 地址
131
- *
132
- * 缺省为 `''`
133
- **************************/
134
- imageUrl?: string;
135
- /**************************
136
- * 当前涟漪的状态
137
- *
138
- * 缺省为 `true` , 即涟漪触发正在执行
139
- **************************/
140
- playingState?: boolean;
141
- /**************************
142
- * 雨滴滴落的时间间隔
143
- *
144
- * 单位为 ms
145
- *
146
- * 缺省值为 `660`
147
- *
148
- * 可设置区间为 `10 ~ 12000`
149
- **************************/
150
- raindropsTimeInterval?: number;
151
- /**************************
152
- * 闲置波动
153
- *
154
- * 在光标交互不触发时,将触发模拟雨滴
155
- *
156
- * 缺省为 `true`
157
- **************************/
158
- idleFluctuations?: boolean;
159
- }