lyb-pixi-js 1.9.4 → 1.9.6

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 (7) hide show
  1. package/Components/Base/LibPixiSpine.js +2 -2
  2. package/Components/Custom/LibPixiSlide.d.ts +92 -0
  3. package/Components/Custom/LibPixiSlide.js +281 -0
  4. package/libPixiJs.d.ts +41 -114
  5. package/libPixiJs.js +41 -114
  6. package/lyb-pixi.js +360 -225
  7. package/package.json +1 -1
package/libPixiJs.js CHANGED
@@ -36,193 +36,120 @@ import { LibPixiCircular } from "./Components/Base/LibPixiCircular";
36
36
  import { LibPixiDigitalIncreasingAnimation } from "./Utils/LibPixiDigitalIncreasingAnimation";
37
37
  import { LibPixiDownScaleAnimation } from "./Utils/LibPixiDownScaleAnimation";
38
38
  import { LibPixiGridLayout } from "./Utils/LibPixiGridLayout";
39
+ import { LibPixiSlide } from "./Components/Custom/LibPixiSlide";
39
40
  /** @description 组件 */
40
41
  export const Components = {
41
42
  Base: {
42
- /** @description 自定义位图文本
43
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiBitText-位图
44
- */
43
+ /** @description 自定义位图文本 */
45
44
  LibPixiBitText,
46
- /** @description 自定义容器大小及背景色
47
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiContainer-容器
48
- */
45
+ /** @description 自定义容器大小及背景色 */
49
46
  LibPixiContainer,
50
- /** @description 利用贝塞尔曲线实现粒子移动
51
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiParticleMove-粒子容器
52
- */
47
+ /** @description 利用贝塞尔曲线实现粒子移动 */
53
48
  LibPixiParticleMove,
54
- /** @description 自定义矩形背景色
55
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectBgColor-矩形
56
- */
49
+ /** @description 自定义矩形背景色 */
57
50
  LibPixiRectBgColor,
58
- /** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
59
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
60
- */
51
+ /** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉 */
61
52
  LibPixiRectangle,
62
- /** @description 圆形
63
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
64
- */
53
+ /** @description 圆形 */
65
54
  LibPixiCircular,
66
- /** @description 多边形类
67
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
68
- */
55
+ /** @description 多边形类 */
69
56
  LibPixiPolygon,
70
- /** @description 自定义 Spine 动画
71
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
72
- */
57
+ /** @description 自定义 Spine 动画 */
73
58
  LibPixiSpine,
74
- /** @description 自定义文本类
75
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiText-文本
76
- */
59
+ /** @description 自定义文本类 */
77
60
  LibPixiText,
78
- /** @description 自定义富文本类
79
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiHtmlText-自定义富文本类
80
- */
61
+ /** @description 自定义富文本类 */
81
62
  LibPixiHtmlText,
82
63
  },
83
64
  Custom: {
84
- /** @description 悬浮切换材质
85
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiButtonHover-按钮悬浮
86
- */
65
+ /** @description 悬浮切换材质 */
87
66
  LibPixiButtonHover,
88
- /** @description 右上角关闭按钮，支持悬浮旋转动画
89
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCloseBtn-关闭按钮
90
- */
67
+ /** @description 右上角关闭按钮，支持悬浮旋转动画 */
91
68
  LibPixiCloseBtn,
92
- /** @description 底部弹出抽屉
93
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDrawer-抽屉
94
- */
69
+ /** @description 底部弹出抽屉 */
95
70
  LibPixiDrawer,
96
- /** @description 监视帧率、Draw Call、Max Draw Call
97
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPerforMon-性能监视器
98
- */
71
+ /** @description 监视帧率、Draw Call、Max Draw Call */
99
72
  LibPixiPerforMon,
100
- /** @description 通过裁剪的方式显示进度条
101
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiProgress-进度条
102
- */
73
+ /** @description 通过裁剪的方式显示进度条 */
103
74
  LibPixiProgress,
104
- /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
105
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerX-X轴滚动容器
106
- */
75
+ /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
107
76
  LibPixiScrollContainerX,
108
- /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
109
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerY-Y轴滚动容器
110
- */
77
+ /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
111
78
  LibPixiScrollContainerY,
112
- /** @description 通过鼠标或手指拖动数字列选择数字
113
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
114
- */
79
+ /** @description 通过鼠标或手指拖动数字列选择数字 */
115
80
  LibPixiScrollNum,
116
- /** @description 类似轮播图，但是不会自动轮播
117
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlider-横向滑动图
118
- */
81
+ /** @description 类似轮播图，但是不会自动轮播 */
119
82
  LibPixiSlider,
120
- /** @description 最小、最大按钮和增减按钮功能及置灰逻辑
121
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSubAddMinMax-数字控制器
122
- */
83
+ /** @description 滑动页 */
84
+ LibPixiSlide,
85
+ /** @description 最小、最大按钮和增减按钮功能及置灰逻辑 */
123
86
  LibPixiSubAddMinMax,
124
- /** @description 绘制表格并填充数字
125
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
126
- */
87
+ /** @description 绘制表格并填充数字 */
127
88
  LibPixiTable,
128
89
  },
129
90
  };
130
91
  /** @description 方法 */
131
92
  export const Utils = {
132
- /** @description 音频播放器
133
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiAudio-音频播放器
134
- */
93
+ /** @description 音频播放器 */
135
94
  LibPixiAudio,
136
- /** @description 九宫格图
137
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
138
- */
95
+ /** @description 九宫格图 */
139
96
  libPixiCreateNineGrid,
140
97
  /** @description 事件注册
141
98
  * @param v 事件容器
142
99
  * @param eventName 事件名称
143
100
  * @param callback 回调函数
144
- * @param once 是否只执行一次
145
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
146
- */
101
+ * @param once 是否只执行一次 */
147
102
  libPixiEvent,
148
103
  /** @description 滤镜
149
104
  * @param filterName 滤镜名称
150
- * @param v 滤镜值
151
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
152
- */
105
+ * @param v 滤镜值 */
153
106
  libPixiFilter,
154
107
  /** @description 间隔触发
155
108
  * @param callback 回调函数
156
- * @param interval 间隔毫秒，或随机范围
157
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
158
- */
109
+ * @param interval 间隔毫秒，或随机范围 */
159
110
  libPixiIntervalTrigger,
160
111
  /** @description 点击容器外或入口按钮时隐藏
161
112
  * @param container 容器
162
113
  * @param btn 按钮
163
- * @param onClose 关闭回调
164
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiOutsideClick-失焦隐藏
165
- */
114
+ * @param onClose 关闭回调 */
166
115
  libPixiOutsideClick,
167
116
  /** @description 为容器创建并应用一个矩形遮罩，用于隐藏溢出的内容，函数会返回遮罩，可控制是否显示遮罩
168
- * @param container 需要设置遮罩裁剪的容器
169
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiOverflowHidden-溢出裁剪
170
- */
117
+ * @param container 需要设置遮罩裁剪的容器 */
171
118
  libPixiOverflowHidden,
172
119
  /** @description 基于 Ticker 和 Promise 的定时器
173
120
  * @param delay 延迟时间
174
- * @param callback 延迟后执行的函数
175
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPromiseTickerTimeout-TickerPromise定时器
176
- */
121
+ * @param callback 延迟后执行的函数 */
177
122
  libPixiPromiseTickerTimeout,
178
123
  /** @description 元素超过指定宽度就缩放
179
124
  * @param scaleContainer 需要缩放的元素
180
125
  * @param maxWidth 最大宽度
181
- * @param maxHeight 最大高度
182
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScaleContainer-超出缩放
183
- */
126
+ * @param maxHeight 最大高度 */
184
127
  libPixiScaleContainer,
185
128
  /** @description 阴影
186
129
  * @param container 需要添加阴影的元素
187
- * @param config 配置项
188
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiShadow-阴影
189
- */
130
+ * @param config 配置项 */
190
131
  libPixiShadow,
191
132
  /** @description 基于 Ticker 的定时器
192
133
  * @param callback 延迟后执行的函数
193
- * @param delay 延迟时间
194
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTickerTimeout-Ticker定时器
195
- */
134
+ * @param delay 延迟时间 */
196
135
  libPixiTickerTimeout,
197
- /** @description 滑动选择器核心代码
198
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlideInput-滑动选择值
199
- */
136
+ /** @description 滑动选择器核心代码 */
200
137
  LibPixiSlideInput,
201
- /** @description 事件总线更新实例汇总
202
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibGlobalUpdater-事件实例汇总
203
- */
138
+ /** @description 事件总线更新实例汇总 */
204
139
  LibPixiGlobalUpdater,
205
- /** @description 多边形绘制工具，绘制时浏览器窗口需要全屏显示，空格键控制开始和结束，开始后鼠标进行点击绘制，退格删除点，空格结束绘制，绘制结果在控制台打印，不满意可再次按空格清空并重新绘制
206
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygonDrawTool-多边形绘制
207
- */
140
+ /** @description 多边形绘制工具，绘制时浏览器窗口需要全屏显示，空格键控制开始和结束，开始后鼠标进行点击绘制，退格删除点，空格结束绘制，绘制结果在控制台打印，不满意可再次按空格清空并重新绘制 */
208
141
  LibPixiPolygonDrawTool,
209
142
  /** @description 数值递增动画
210
143
  * @param params 动画参数
211
- * @returns 设置为目标值并停止动画
212
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDigitalIncreasingAnimation-递增动画
213
- */
144
+ * @returns 设置为目标值并停止动画 */
214
145
  LibPixiDigitalIncreasingAnimation,
215
146
  /** @description 按下放大
216
- * @param container 要放大的容器
217
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
218
- */
147
+ * @param container 要放大的容器 */
219
148
  LibPixiDownScaleAnimation,
220
149
  /**
221
150
  * @description 将元素按照指定的列数和间隔排列成网格布局。
222
151
  * @param items 要排列的元素数组
223
152
  * @param gap 每个元素之间的间隔
224
- * @param cols 网格的列数，默认为元素数量
225
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiGridLayout-网格布局
226
- */
153
+ * @param cols 网格的列数，默认为元素数量 */
227
154
  LibPixiGridLayout,
228
155
  };