open-index/open-npm huggingface dataset:
npm package: @gdyfe/svgaplayer-for-live
Description: SVGAPlayer for live,  based on SVGAPlayer-Web-Lite
Author: MichaelJier
Latest version: 1.0.3

# SVGAPlayer-for-Live
SVGAPlayer for live, based on SVGAPlayer-Web-Lite

## 安装
```javascript
npm i @gdyfe/svgaplayer-for-live --save
yarn add @gdyfe/svgaplayer-for-live -D
```
## 使用
```typescript
// script
<script src="./dist/SVGAPlayer.min.js"></script> 
// npm
import SVGAPlayer from '@gdyfe/svgaplayer-for-live'
const player = SVGAPlayer({  
    // option 
    target: string | HTMLCanvasElement //* <canvas></canvas> 
    db?: boolean // boolean  是否开启IndexedDB 
    preDown?: number // number 预加载个数 
  },
  { 
    // baseOption 参考 SVGAPlayer-Web-Lite => Player.set({ 参数 })
    loop?: number,   
    cacheFrames?: boolean,
    intersectionObserverRender?: boolean,
    ...
  })
// 插入动画
player.enqueue([ 
  { vaule: //xxx.svga *必有属性  }   
])
player.destroyed({
  events: true, //清除事件需要手动添加，默认不删除  
})
```
## Event
```typescript 
enum EVENT_TYPES {
  START = 'start',  // 开始动画事件回调
  PROCESS = 'process', // 动画播放中事件回调
  PAUSE = 'pause',  // 暂停动画事件回调
  STOP = 'stop',  // 停止动画事件回调
  END = 'end', // 动画结束事件回调
  CLEAR = 'clear' // 清空动画事件回调 
}

SVGAPlayer.$on(item in EVENT_TYPES, (SVGAElementItem: enqueue添加项 中的当前正在播放项) => {})   
SVGAPlayer.$off(item in EVENT_TYPES | 'all')   
```
## 功能
- [x]  队列执行动画
- [x]  IndexedDB 持久化缓存
- [x]  预加载
npm package: @gdyfe/tools
Description: Guangdianyun tools
Author: shelter01
Latest version: 1.0.10

## 广电云前端工具包

**1. UploadImageToMss：上传图片到素材库**
- 基于gdy/config：window.__GDY__ENV__CONFIG__对象
- 基于'/v1/mss/Index/uploadImgSlice'接口
- 默认同步到云平台素材库的未分组中

```ts
// 一般用在vue的Mounted生命周期中
import { UploadImageToMss } from '@gdyfe/tools'
onMounted(() => {
  new UploadImageToMss({
    buttonId: '#buttonId',            // 绑定的dom元素id，必传
    maxFileSize: '35mb',              // 最大可上传图片大小，默认'35mb'（可选）
    extensions: 'jpg,jpeg,gif,png',   // 所支持的图片格式，默认'jpg,jpeg,gif,png'（可选）
    uploadMode: 'auto',               // 是否选择图片后自动上传，默认'auto'。传'manual'则为手动触发上传动作（可选）
    onComplete: (url) => {},          // 上传并同步到素材库后的回调，可获取图片地址（可选）
    onFileAdd: (file) => {}           // 文件被添加到上传队列中的回调，可获取文件信息（可选）
  })
})
```

若`uploadMode`配置为`'manual'`，需手动触发上传
```ts
const instance = new UploadImageToMss({
  buttonId: '#buttonId',
  uploadMode: 'manual',
})
// 手动触发
instance.start()
```