lyb-pixi-js 1.12.32 → 1.12.34

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/index.js DELETED
@@ -1,2 +0,0 @@
1
- import * as LibPixiJs_1 from "./libPixiJs";
2
- export { LibPixiJs_1 as LibPixiJs };
package/libPixiJs.d.ts DELETED
@@ -1,296 +0,0 @@
1
- import { LibPixiBitText } from "./Components/Base/LibPixiBitText";
2
- import { LibPixiContainer } from "./Components/Base/LibPixiContainer";
3
- import { LibPixiParticleMove } from "./Components/Base/LibPixiParticleMove";
4
- import { LibPixiRectBgColor } from "./Components/Base/LibPixiRectBgColor";
5
- import { LibPixiSpine } from "./Components/Base/LibPixiSpine";
6
- import { LibPixiText } from "./Components/Base/LibPixiText";
7
- import { LibPixiButtonHover } from "./Components/Custom/LibPixiButtonHover";
8
- import { LibPixiCloseBtn } from "./Components/Custom/LibPixiCloseBtn";
9
- import { LibPixiDrawer } from "./Components/Custom/LibPixiDrawer";
10
- import { LibPixiPerforMon } from "./Components/Custom/LibPixiPerforMon";
11
- import { LibPixiProgress } from "./Components/Custom/LibPixiProgress";
12
- import { LibPixiScrollContainerX } from "./Components/Custom/LibPixiScrollContainerX";
13
- import { LibPixiScrollContainerY } from "./Components/Custom/LibPixiScrollContainerY";
14
- import { LibPixiScrollNum } from "./Components/Custom/LibPixiScrollNum";
15
- import { LibPixiSlider } from "./Components/Custom/LibPixiSlider";
16
- import { LibPixiTable } from "./Components/Custom/LibPixiTable";
17
- import { LibPixiAudio } from "./Utils/LibPixiAudio";
18
- import { LibPixiSlideInput } from "./Utils/LibPixiSlideInput";
19
- import { LibPixiGlobalUpdater } from "./Utils/LibPixiGlobalUpdater";
20
- import { LibPixiPolygonDrawTool } from "./Utils/LibPixiPolygonDrawTool";
21
- import { LibPixiHtmlText } from "./Components/Base/LibPixiHtmlText";
22
- import { LibPixiRectangle } from "./Components/Base/LibPixiRectangle";
23
- import { LibPixiPolygon } from "./Components/Base/LibPixiPolygon";
24
- import { LibPixiCircular } from "./Components/Base/LibPixiCircular";
25
- import { LibPixiSlide } from "./Components/Custom/LibPixiSlide";
26
- import { LibPixiLabelValue } from "./Components/Custom/LibPixiLabelValue";
27
- import { LibPixiPuzzleBg } from "./Components/Custom/LibPixiPuzzleBg";
28
- import { LibPixiTriangle } from "./Components/Custom/LibPixiTriangle";
29
- import { LibPixiCapsule } from "./Components/Custom/LibPixiCapsule";
30
- import { LibPixiDragLocate } from "./Components/Custom/LibPixiDragLocate";
31
- import { LibPixiArc } from "./Components/Base/LibPixiArc";
32
- import { LibPixiOval } from "./Components/Base/LibPixiOval";
33
- import { LibPixiRound } from "./Components/Base/LibPixiRound";
34
- import { LibPixiRoundedRect } from "./Components/Base/LibPixiRoundedRect";
35
- import { LibPixiInput } from "./Components/Custom/LibPixiInput";
36
- import { LibPixiGridLayoutV2 } from "./Utils/LibPixiGridLayoutV2";
37
- import { LibPixiTicker } from "./Utils/LibPixiTicker";
38
- import { LibPixiArrangeLinearV2 } from "./Components/Custom/LibPixiArrangeLinearV2";
39
- import { LibPixiTextGroupWrap } from "./Components/Custom/LibPixiTextGroupWrap";
40
- /** @description 组件 */
41
- export declare const Components: {
42
- Base: {
43
- /** (已废弃)
44
- * @description 自定义容器大小及背景色
45
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiContainer-容器
46
- */
47
- LibPixiContainer: typeof LibPixiContainer;
48
- /** (已废弃)
49
- * @description 自定义矩形背景色
50
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectBgColor-矩形
51
- */
52
- LibPixiRectBgColor: typeof LibPixiRectBgColor;
53
- /** @description 自定义位图文本
54
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiBitText-位图
55
- */
56
- LibPixiBitText: typeof LibPixiBitText;
57
- /** @description 利用贝塞尔曲线实现粒子移动
58
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiParticleMove-粒子容器
59
- */
60
- LibPixiParticleMove: typeof LibPixiParticleMove;
61
- /** @description 矩形类,可用于一些场景的局部点击,传颜色是为了方便定位,最终可能需要将颜色隐藏掉
62
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
63
- */
64
- LibPixiRectangle: typeof LibPixiRectangle;
65
- /** @description 圆形
66
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
67
- */
68
- LibPixiCircular: typeof LibPixiCircular;
69
- /** @description 多边形类
70
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
71
- */
72
- LibPixiPolygon: typeof LibPixiPolygon;
73
- /** @description 胶囊体 */
74
- LibPixiCapsule: typeof LibPixiCapsule;
75
- /** @description 三角形 */
76
- LibPixiTriangle: typeof LibPixiTriangle;
77
- /** @description 弧形 */
78
- LibPixiArc: typeof LibPixiArc;
79
- /** @description 椭圆 */
80
- LibPixiOval: typeof LibPixiOval;
81
- /** @description 圆圈 */
82
- LibPixiRound: typeof LibPixiRound;
83
- /** @description 圆角矩形 */
84
- LibPixiRoundedRect: typeof LibPixiRoundedRect;
85
- /** @description 自定义 Spine 动画
86
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
87
- */
88
- LibPixiSpine: typeof LibPixiSpine;
89
- /** @description 自定义文本类
90
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiText-文本
91
- */
92
- LibPixiText: typeof LibPixiText;
93
- /** @description 自定义富文本类
94
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiHtmlText-自定义富文本类
95
- */
96
- LibPixiHtmlText: typeof LibPixiHtmlText;
97
- };
98
- Custom: {
99
- /** @description 悬浮切换材质
100
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiButtonHover-按钮悬浮
101
- */
102
- LibPixiButtonHover: typeof LibPixiButtonHover;
103
- /** @description 右上角关闭按钮,支持悬浮旋转动画
104
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiCloseBtn-关闭按钮
105
- */
106
- LibPixiCloseBtn: typeof LibPixiCloseBtn;
107
- /** @description 底部弹出抽屉
108
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiDrawer-抽屉
109
- */
110
- LibPixiDrawer: typeof LibPixiDrawer;
111
- /** @description 监视帧率、Draw Call、Max Draw Call
112
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPerforMon-性能监视器
113
- */
114
- LibPixiPerforMon: typeof LibPixiPerforMon;
115
- /** @description 通过裁剪的方式显示进度条
116
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiProgress-进度条
117
- */
118
- LibPixiProgress: typeof LibPixiProgress;
119
- /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动,支持惯性滚动及回弹
120
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerX-X轴滚动容器
121
- */
122
- LibPixiScrollContainerX: typeof LibPixiScrollContainerX;
123
- /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动,支持惯性滚动及回弹
124
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerY-Y轴滚动容器
125
- */
126
- LibPixiScrollContainerY: typeof LibPixiScrollContainerY;
127
- /** @description 通过鼠标或手指拖动数字列选择数字
128
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
129
- */
130
- LibPixiScrollNum: typeof LibPixiScrollNum;
131
- /** @description 类似轮播图,但是不会自动轮播
132
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlider-横向滑动图
133
- */
134
- LibPixiSlider: typeof LibPixiSlider;
135
- /** @description 滑动页
136
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlide-滑动页
137
- */
138
- LibPixiSlide: typeof LibPixiSlide;
139
- /** @description 绘制表格并填充数字
140
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
141
- */
142
- LibPixiTable: typeof LibPixiTable;
143
- /** @description 自适应宽度的标签和值组件
144
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
145
- */
146
- LibPixiLabelValue: typeof LibPixiLabelValue;
147
- /** @description 设计图背景拼接 */
148
- LibPixiPuzzleBg: typeof LibPixiPuzzleBg;
149
- /** @description 元素拖拽定位 */
150
- LibPixiDragLocate: typeof LibPixiDragLocate;
151
- /** @description 转盘布局 */
152
- LibPixiTurntable: (num: number, distance: number, layoutCallback: (x: number, y: number, rotation: number, index: number) => void) => void;
153
- /** @description 输入框 */
154
- LibPixiInput: typeof LibPixiInput;
155
- /** @description 线性排列 */
156
- LibPixiArrangeLinearV2: typeof LibPixiArrangeLinearV2;
157
- /** @description 文本组换行 */
158
- LibPixiTextGroupWrap: typeof LibPixiTextGroupWrap;
159
- };
160
- };
161
- /** @description 方法 */
162
- export declare const Utils: {
163
- /** (已废弃)
164
- * @description 为容器创建并应用一个矩形遮罩,用于隐藏溢出的内容,函数会返回遮罩,可控制是否显示遮罩
165
- * @param container 需要设置遮罩裁剪的容器
166
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiOverflowHidden-溢出裁剪
167
- */
168
- libPixiOverflowHidden: (container: import("pixi.js").Container) => import("pixi.js").Graphics;
169
- /** (已废弃)
170
- * @description 当前容器在父容器居中
171
- */
172
- libContainerCenter: (parent: import("pixi.js").Container, item: import("pixi.js").Container, centerType?: "x" | "y" | "xy") => void;
173
- /** (已废弃)
174
- * @description 列表居中
175
- * @param parent 父容器
176
- * @param items 子元素数组
177
- * @param direction 方向数组,"x"表示水平,"y"表示垂直
178
- */
179
- libPixiHVCenter: (parent: import("pixi.js").Container, items: import("pixi.js").Container[], direction: ("x" | "y")[]) => void;
180
- /**(已废弃)
181
- * @description 按照指定方向(水平或垂直)排列元素,支持固定间隔或自定义每个间隔
182
- * @param items 要排列的元素数组。
183
- * @param gap 元素之间的间隔,可以是固定间隔或自定义的间隔数组。
184
- * @param direction 排列方向,"x"表示水平,"y"表示垂直,默认为水平。
185
- */
186
- libPixiHVGap: (items: import("pixi.js").Container[], gap: number | number[], direction?: "x" | "y") => void;
187
- /** @description 音频播放器
188
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiAudio-音频播放器
189
- */
190
- LibPixiAudio: typeof LibPixiAudio;
191
- /** @description 九宫格图
192
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
193
- */
194
- libPixiCreateNineGrid: (params: import("./Utils/LibPixiCreateNineGrid").LibPixiCreateNineGridParams) => import("pixi.js").NineSlicePlane;
195
- /** @description 事件注册
196
- * @param v 事件容器
197
- * @param eventName 事件名称
198
- * @param callback 回调函数
199
- * @param once 是否只执行一次
200
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
201
- */
202
- libPixiEvent: (v: import("pixi.js").Container, eventName: keyof import("pixi.js").DisplayObjectEvents, callback: (event: import("pixi.js").FederatedPointerEvent) => void, params?: import("./Utils/LibPixiEvent").LibPixiEventParams) => () => void;
203
- /** @description 滤镜
204
- * @param filterName 滤镜名称
205
- * @param v 滤镜值
206
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
207
- */
208
- libPixiFilter: (filterName: import("./Utils/LibPixiFilter").LibPixiSetFilterFilterName, v?: number) => import("pixi.js").ColorMatrixFilter | import("pixi.js").BlurFilter;
209
- /** @description 间隔触发
210
- * @param callback 回调函数
211
- * @param interval 间隔毫秒,或随机范围
212
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
213
- */
214
- libPixiIntervalTrigger: (callback: () => void, interval: number | [number, number], immediately?: boolean) => () => void;
215
- /** @description 点击容器外或入口按钮时隐藏
216
- * @param container 容器
217
- * @param btn 按钮
218
- * @param onClose 关闭回调
219
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiOutsideClick-失焦隐藏
220
- */
221
- libPixiOutsideClick: (container: import("pixi.js").Container, btn: import("pixi.js").Container, onClose: () => void) => () => void;
222
- /** @description 基于 Ticker 和 Promise 的定时器
223
- * @param delay 延迟时间
224
- * @param callback 延迟后执行的函数
225
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPromiseTickerTimeout-TickerPromise定时器
226
- */
227
- libPixiPromiseTickerTimeout: (delay?: number, callback?: () => void) => Promise<void>;
228
- /** @description 元素超过指定宽度就缩放
229
- * @param scaleContainer 需要缩放的元素
230
- * @param maxWidth 最大宽度
231
- * @param maxHeight 最大高度
232
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScaleContainer-超出缩放
233
- */
234
- libPixiScaleContainer: (scaleContainer: import("pixi.js").Container | import("pixi.js").Sprite | import("pixi.js").Text, maxWidth: number, maxHeight?: number) => void;
235
- /** @description 阴影
236
- * @param container 需要添加阴影的元素
237
- * @param config 配置项
238
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiShadow-阴影
239
- */
240
- libPixiShadow: (container: import("pixi.js").Container, config?: import("./Utils/LibPixiShadow").LibPixiShadowShadowConfig) => void;
241
- /** @description 基于 Ticker 的定时器
242
- * @param callback 延迟后执行的函数
243
- * @param delay 延迟时间
244
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiTickerTimeout-Ticker定时器
245
- */
246
- libPixiTickerTimeout: (callback: () => void, delay?: number) => () => void;
247
- /** @description 滑动选择器核心代码
248
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlideInput-滑动选择值
249
- */
250
- LibPixiSlideInput: typeof LibPixiSlideInput;
251
- /** @description 事件总线更新实例汇总
252
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibGlobalUpdater-事件实例汇总
253
- */
254
- LibPixiGlobalUpdater: typeof LibPixiGlobalUpdater;
255
- /** @description 多边形绘制工具,绘制时浏览器窗口需要全屏显示,空格键控制开始和结束,开始后鼠标进行点击绘制,退格删除点,空格结束绘制,绘制结果在控制台打印,不满意可再次按空格清空并重新绘制
256
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygonDrawTool-多边形绘制
257
- */
258
- LibPixiPolygonDrawTool: typeof LibPixiPolygonDrawTool;
259
- /** @description 数值递增动画
260
- * @param params 动画参数
261
- * @returns 设置为目标值并停止动画
262
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiDigitalIncreasingAnimation-递增动画
263
- */
264
- LibPixiDigitalIncreasingAnimation: (params: import("./Utils/LibPixiDigitalIncreasingAnimation").LibPixiDigitalIncreasingAnimationParams) => () => void;
265
- /** @description 按下放大
266
- * @param container 要放大的容器
267
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
268
- */
269
- LibPixiDownScaleAnimation: (container: import("pixi.js").Container, type?: "small" | "big") => void;
270
- /**
271
- * @description 将元素按照指定的列数和间隔排列成网格布局。
272
- * @param items 要排列的元素数组
273
- * @param gap 每个元素之间的间隔
274
- * @param cols 网格的列数,默认为元素数量
275
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiGridLayout-网格布局
276
- */
277
- LibPixiGridLayout: (items: import("pixi.js").Container[], gap: number, cols?: number, direction?: "row" | "col") => void;
278
- /** @description 网格布局V2 */
279
- LibPixiGridLayoutV2: typeof LibPixiGridLayoutV2;
280
- /**
281
- * @description 按照指定方向(水平或垂直)排列元素,支持固定间隔或自定义每个间隔。
282
- * @param items 要排列的元素数组。
283
- * @param gap 元素之间的间隔,可以是固定间隔或自定义的间隔数组。
284
- * @param direction 排列方向,"x"表示水平,"y"表示垂直,默认为水平。
285
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiArrangeLinear-间隔布局
286
- */
287
- LibPixiArrangeLinear: (items: import("pixi.js").Container[], gap: number | number[], direction?: "x" | "y", cols?: number) => void;
288
- /** @description 触发后代监听
289
- * @param container 容器
290
- * @param event 事件名称
291
- * @param payload 事件携带数据
292
- */
293
- LibPixiEmitContainerEvent: (container: import("pixi.js").Container, event: string, payload?: any) => void;
294
- /** @description Ticker管理器 */
295
- LibPixiTicker: typeof LibPixiTicker;
296
- };
package/libPixiJs.js DELETED
@@ -1,315 +0,0 @@
1
- import { LibPixiBitText } from "./Components/Base/LibPixiBitText";
2
- import { LibPixiContainer } from "./Components/Base/LibPixiContainer";
3
- import { LibPixiParticleMove } from "./Components/Base/LibPixiParticleMove";
4
- import { LibPixiRectBgColor } from "./Components/Base/LibPixiRectBgColor";
5
- import { LibPixiSpine } from "./Components/Base/LibPixiSpine";
6
- import { LibPixiText } from "./Components/Base/LibPixiText";
7
- import { LibPixiButtonHover } from "./Components/Custom/LibPixiButtonHover";
8
- import { LibPixiCloseBtn } from "./Components/Custom/LibPixiCloseBtn";
9
- import { LibPixiDrawer } from "./Components/Custom/LibPixiDrawer";
10
- import { LibPixiPerforMon } from "./Components/Custom/LibPixiPerforMon";
11
- import { LibPixiProgress } from "./Components/Custom/LibPixiProgress";
12
- import { LibPixiScrollContainerX } from "./Components/Custom/LibPixiScrollContainerX";
13
- import { LibPixiScrollContainerY } from "./Components/Custom/LibPixiScrollContainerY";
14
- import { LibPixiScrollNum } from "./Components/Custom/LibPixiScrollNum";
15
- import { LibPixiSlider } from "./Components/Custom/LibPixiSlider";
16
- import { LibPixiTable } from "./Components/Custom/LibPixiTable";
17
- import { LibPixiAudio } from "./Utils/LibPixiAudio";
18
- import { libPixiCreateNineGrid } from "./Utils/LibPixiCreateNineGrid";
19
- import { libPixiEvent } from "./Utils/LibPixiEvent";
20
- import { libPixiIntervalTrigger } from "./Utils/LibPixiIntervalTrigger";
21
- import { libPixiOutsideClick } from "./Utils/LibPixiOutsideClick";
22
- import { libPixiOverflowHidden } from "./Utils/LibPixiOverflowHidden";
23
- import { libPixiPromiseTickerTimeout } from "./Utils/LibPixiPromiseTickerTimeout";
24
- import { libPixiScaleContainer } from "./Utils/LibPixiScaleContainer";
25
- import { libPixiFilter } from "./Utils/LibPixiFilter";
26
- import { libPixiShadow } from "./Utils/LibPixiShadow";
27
- import { libPixiTickerTimeout } from "./Utils/LibPixiTickerTimeout";
28
- import { LibPixiSlideInput } from "./Utils/LibPixiSlideInput";
29
- import { LibPixiGlobalUpdater } from "./Utils/LibPixiGlobalUpdater";
30
- import { LibPixiPolygonDrawTool } from "./Utils/LibPixiPolygonDrawTool";
31
- import { LibPixiHtmlText } from "./Components/Base/LibPixiHtmlText";
32
- import { LibPixiRectangle } from "./Components/Base/LibPixiRectangle";
33
- import { LibPixiPolygon } from "./Components/Base/LibPixiPolygon";
34
- import { LibPixiCircular } from "./Components/Base/LibPixiCircular";
35
- import { LibPixiDigitalIncreasingAnimation } from "./Utils/LibPixiDigitalIncreasingAnimation";
36
- import { LibPixiDownScaleAnimation } from "./Utils/LibPixiDownScaleAnimation";
37
- import { LibPixiGridLayout } from "./Utils/LibPixiGridLayout";
38
- import { LibPixiArrangeLinear } from "./Utils/LibPixiArrangeLinear";
39
- import { LibPixiSlide } from "./Components/Custom/LibPixiSlide";
40
- import { LibPixiEmitContainerEvent } from "./Utils/LibPixiEmitContainerEvent";
41
- import { LibPixiLabelValue } from "./Components/Custom/LibPixiLabelValue";
42
- import { LibPixiPuzzleBg } from "./Components/Custom/LibPixiPuzzleBg";
43
- import { libContainerCenter } from "./Utils/LibContainerCenter";
44
- import { libPixiHVCenter } from "./Utils/LibPixiHVCenter";
45
- import { libPixiHVGap } from "./Utils/LibPixiHVGap";
46
- import { LibPixiTriangle } from "./Components/Custom/LibPixiTriangle";
47
- import { LibPixiCapsule } from "./Components/Custom/LibPixiCapsule";
48
- import { LibPixiDragLocate } from "./Components/Custom/LibPixiDragLocate";
49
- import { LibPixiTurntable } from "./Components/Custom/LibPixiTurntable";
50
- import { LibPixiArc } from "./Components/Base/LibPixiArc";
51
- import { LibPixiOval } from "./Components/Base/LibPixiOval";
52
- import { LibPixiRound } from "./Components/Base/LibPixiRound";
53
- import { LibPixiRoundedRect } from "./Components/Base/LibPixiRoundedRect";
54
- import { LibPixiInput } from "./Components/Custom/LibPixiInput";
55
- import { LibPixiGridLayoutV2 } from "./Utils/LibPixiGridLayoutV2";
56
- import { LibPixiTicker } from "./Utils/LibPixiTicker";
57
- import { LibPixiArrangeLinearV2 } from "./Components/Custom/LibPixiArrangeLinearV2";
58
- import { LibPixiTextGroupWrap } from "./Components/Custom/LibPixiTextGroupWrap";
59
- /** @description 组件 */
60
- export const Components = {
61
- Base: {
62
- /** (已废弃)
63
- * @description 自定义容器大小及背景色
64
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiContainer-容器
65
- */
66
- LibPixiContainer,
67
- /** (已废弃)
68
- * @description 自定义矩形背景色
69
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectBgColor-矩形
70
- */
71
- LibPixiRectBgColor,
72
- /** @description 自定义位图文本
73
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiBitText-位图
74
- */
75
- LibPixiBitText,
76
- /** @description 利用贝塞尔曲线实现粒子移动
77
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiParticleMove-粒子容器
78
- */
79
- LibPixiParticleMove,
80
- /** @description 矩形类,可用于一些场景的局部点击,传颜色是为了方便定位,最终可能需要将颜色隐藏掉
81
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
82
- */
83
- LibPixiRectangle,
84
- /** @description 圆形
85
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
86
- */
87
- LibPixiCircular,
88
- /** @description 多边形类
89
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
90
- */
91
- LibPixiPolygon,
92
- /** @description 胶囊体 */
93
- LibPixiCapsule,
94
- /** @description 三角形 */
95
- LibPixiTriangle,
96
- /** @description 弧形 */
97
- LibPixiArc,
98
- /** @description 椭圆 */
99
- LibPixiOval,
100
- /** @description 圆圈 */
101
- LibPixiRound,
102
- /** @description 圆角矩形 */
103
- LibPixiRoundedRect,
104
- /** @description 自定义 Spine 动画
105
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
106
- */
107
- LibPixiSpine,
108
- /** @description 自定义文本类
109
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiText-文本
110
- */
111
- LibPixiText,
112
- /** @description 自定义富文本类
113
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiHtmlText-自定义富文本类
114
- */
115
- LibPixiHtmlText,
116
- },
117
- Custom: {
118
- /** @description 悬浮切换材质
119
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiButtonHover-按钮悬浮
120
- */
121
- LibPixiButtonHover,
122
- /** @description 右上角关闭按钮,支持悬浮旋转动画
123
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiCloseBtn-关闭按钮
124
- */
125
- LibPixiCloseBtn,
126
- /** @description 底部弹出抽屉
127
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiDrawer-抽屉
128
- */
129
- LibPixiDrawer,
130
- /** @description 监视帧率、Draw Call、Max Draw Call
131
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPerforMon-性能监视器
132
- */
133
- LibPixiPerforMon,
134
- /** @description 通过裁剪的方式显示进度条
135
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiProgress-进度条
136
- */
137
- LibPixiProgress,
138
- /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动,支持惯性滚动及回弹
139
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerX-X轴滚动容器
140
- */
141
- LibPixiScrollContainerX,
142
- /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动,支持惯性滚动及回弹
143
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerY-Y轴滚动容器
144
- */
145
- LibPixiScrollContainerY,
146
- /** @description 通过鼠标或手指拖动数字列选择数字
147
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
148
- */
149
- LibPixiScrollNum,
150
- /** @description 类似轮播图,但是不会自动轮播
151
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlider-横向滑动图
152
- */
153
- LibPixiSlider,
154
- /** @description 滑动页
155
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlide-滑动页
156
- */
157
- LibPixiSlide,
158
- /** @description 绘制表格并填充数字
159
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
160
- */
161
- LibPixiTable,
162
- /** @description 自适应宽度的标签和值组件
163
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
164
- */
165
- LibPixiLabelValue,
166
- /** @description 设计图背景拼接 */
167
- LibPixiPuzzleBg,
168
- /** @description 元素拖拽定位 */
169
- LibPixiDragLocate,
170
- /** @description 转盘布局 */
171
- LibPixiTurntable,
172
- /** @description 输入框 */
173
- LibPixiInput,
174
- /** @description 线性排列 */
175
- LibPixiArrangeLinearV2,
176
- /** @description 文本组换行 */
177
- LibPixiTextGroupWrap,
178
- },
179
- };
180
- /** @description 方法 */
181
- export const Utils = {
182
- /** (已废弃)
183
- * @description 为容器创建并应用一个矩形遮罩,用于隐藏溢出的内容,函数会返回遮罩,可控制是否显示遮罩
184
- * @param container 需要设置遮罩裁剪的容器
185
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiOverflowHidden-溢出裁剪
186
- */
187
- libPixiOverflowHidden,
188
- /** (已废弃)
189
- * @description 当前容器在父容器居中
190
- */
191
- libContainerCenter,
192
- /** (已废弃)
193
- * @description 列表居中
194
- * @param parent 父容器
195
- * @param items 子元素数组
196
- * @param direction 方向数组,"x"表示水平,"y"表示垂直
197
- */
198
- libPixiHVCenter,
199
- /**(已废弃)
200
- * @description 按照指定方向(水平或垂直)排列元素,支持固定间隔或自定义每个间隔
201
- * @param items 要排列的元素数组。
202
- * @param gap 元素之间的间隔,可以是固定间隔或自定义的间隔数组。
203
- * @param direction 排列方向,"x"表示水平,"y"表示垂直,默认为水平。
204
- */
205
- libPixiHVGap,
206
- /** @description 音频播放器
207
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiAudio-音频播放器
208
- */
209
- LibPixiAudio,
210
- /** @description 九宫格图
211
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
212
- */
213
- libPixiCreateNineGrid,
214
- /** @description 事件注册
215
- * @param v 事件容器
216
- * @param eventName 事件名称
217
- * @param callback 回调函数
218
- * @param once 是否只执行一次
219
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
220
- */
221
- libPixiEvent,
222
- /** @description 滤镜
223
- * @param filterName 滤镜名称
224
- * @param v 滤镜值
225
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
226
- */
227
- libPixiFilter,
228
- /** @description 间隔触发
229
- * @param callback 回调函数
230
- * @param interval 间隔毫秒,或随机范围
231
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
232
- */
233
- libPixiIntervalTrigger,
234
- /** @description 点击容器外或入口按钮时隐藏
235
- * @param container 容器
236
- * @param btn 按钮
237
- * @param onClose 关闭回调
238
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiOutsideClick-失焦隐藏
239
- */
240
- libPixiOutsideClick,
241
- /** @description 基于 Ticker 和 Promise 的定时器
242
- * @param delay 延迟时间
243
- * @param callback 延迟后执行的函数
244
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPromiseTickerTimeout-TickerPromise定时器
245
- */
246
- libPixiPromiseTickerTimeout,
247
- /** @description 元素超过指定宽度就缩放
248
- * @param scaleContainer 需要缩放的元素
249
- * @param maxWidth 最大宽度
250
- * @param maxHeight 最大高度
251
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiScaleContainer-超出缩放
252
- */
253
- libPixiScaleContainer,
254
- /** @description 阴影
255
- * @param container 需要添加阴影的元素
256
- * @param config 配置项
257
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiShadow-阴影
258
- */
259
- libPixiShadow,
260
- /** @description 基于 Ticker 的定时器
261
- * @param callback 延迟后执行的函数
262
- * @param delay 延迟时间
263
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiTickerTimeout-Ticker定时器
264
- */
265
- libPixiTickerTimeout,
266
- /** @description 滑动选择器核心代码
267
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlideInput-滑动选择值
268
- */
269
- LibPixiSlideInput,
270
- /** @description 事件总线更新实例汇总
271
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibGlobalUpdater-事件实例汇总
272
- */
273
- LibPixiGlobalUpdater,
274
- /** @description 多边形绘制工具,绘制时浏览器窗口需要全屏显示,空格键控制开始和结束,开始后鼠标进行点击绘制,退格删除点,空格结束绘制,绘制结果在控制台打印,不满意可再次按空格清空并重新绘制
275
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygonDrawTool-多边形绘制
276
- */
277
- LibPixiPolygonDrawTool,
278
- /** @description 数值递增动画
279
- * @param params 动画参数
280
- * @returns 设置为目标值并停止动画
281
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiDigitalIncreasingAnimation-递增动画
282
- */
283
- LibPixiDigitalIncreasingAnimation,
284
- /** @description 按下放大
285
- * @param container 要放大的容器
286
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
287
- */
288
- LibPixiDownScaleAnimation,
289
- /**
290
- * @description 将元素按照指定的列数和间隔排列成网格布局。
291
- * @param items 要排列的元素数组
292
- * @param gap 每个元素之间的间隔
293
- * @param cols 网格的列数,默认为元素数量
294
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiGridLayout-网格布局
295
- */
296
- LibPixiGridLayout,
297
- /** @description 网格布局V2 */
298
- LibPixiGridLayoutV2,
299
- /**
300
- * @description 按照指定方向(水平或垂直)排列元素,支持固定间隔或自定义每个间隔。
301
- * @param items 要排列的元素数组。
302
- * @param gap 元素之间的间隔,可以是固定间隔或自定义的间隔数组。
303
- * @param direction 排列方向,"x"表示水平,"y"表示垂直,默认为水平。
304
- * @link 使用方法:https://www.npmjs.com/package/lyb-pixi-js#LibPixiArrangeLinear-间隔布局
305
- */
306
- LibPixiArrangeLinear,
307
- /** @description 触发后代监听
308
- * @param container 容器
309
- * @param event 事件名称
310
- * @param payload 事件携带数据
311
- */
312
- LibPixiEmitContainerEvent,
313
- /** @description Ticker管理器 */
314
- LibPixiTicker,
315
- };