open-index/open-npm huggingface dataset:
npm package: @rayvision/data-collect
Description: ## 功能说明
Author: fanghaoming
Latest version: 0.2.6

# 火山引擎数据收集

## 功能说明

全局监听以下事件类型
`eventType: 'click' | 'mouseover' | 'input' | 'change' | 'focus' | 'blur'`

如果DOM元素上有属性`data-hs_${eventType}=${eventName}`，触发事件监听，将eventName作为事件名，并收集dataset的数据作为事件属性上报到火山云。
如果有属性`data-hs_disabled='true'`, 则禁用该元素埋点上报。

## 调试方法
在本项目
```shell
yarn link @rayvision/data-collect
```
再到需要引入的项目下
```shell
yarn link @rayvision/data-collect
```

## 发版
```shell
npm login
// npm organization: rayvision, if you are not in it, ask your leader.
npm publish --access public
```
npm package: @rayvision/preview-animation
Description: - install package    `yarn add preview-animation`
Author: linying
Latest version: 0.1.25

### Usage
- install package   
`yarn add @rayvision/preview-animation`


- create
```shell
import { PreviewAnimation } from "@rayvision/preview-animation";
```

## Component

### parameter

```shell
data:{
    'fileName': {
        taskThumbnails:string[],
        pre:string,
        fps:number,
        frameIndexList:string[]
    }[];
blockNum?: number;
renderFrame?: string;
lang?:'zh' | 'en';
wrapperClassName?: string;
hostname?: string
}
```

## publish
```shell
npm login
// npm organization: rayvision, if you are not in it, ask your leader.
npm publish --access public
```

## More info
check the example
npm package: @rayvision/qrcode-login
Description: ```js import { QRCodeLoginControl } from '@rayvision/qrcode-login';
Author: fanghaoming
Latest version: 0.1.77



### 说明
```js
import { QRCodeLoginControl } from '@rayvision/qrcode-login';

const control = new QRCodeLoginControl({
  // 要渲染二维码的img id
  qrCodeContainerId: 'qr-code',
})
// 当img挂载到DOM后
control.init()
```

### 开发
1. 在依赖`sso-project-config`和`sso-ui`下执行`yarn build `或`yarn start`
  - yarn build 将打包后的`dist`作为`qrcode-login`的依赖包
  - yarn start 监听对应包的更改，产出最新的`dist`

2. 在`qrcode-login`根目录下执行`yarn start`

3. 在`qrcode-login/example`安装依赖并执行`yarn start`
npm package: @raywhite/uikit-charts
Description: ## Charts
Latest version: 2.0.7


# uikit

## Charts

- [d3](https://d3js.org/)
- [c3](https://c3js.org/)


#### Placeholders

| __CSS Class__               | __Aspect Ratio__ |
| --------------------------- | ---------------- |
| `.chart-square`             | **1:1**          |
| `.chart-minor-second`       | **15:16**        |
| `.chart-major-second`       | **8:9**          |
| `.chart-minor-third`        | **5:6**          |
| `.chart-major-third`        | **4:5**          |
| `.chart-perfect-fourth`     | **3:4**          |
| `.chart-perfect-fifth`      | **2:3**          |
| `.chart-minor-sixth`        | **5:8**          |
| `.chart-golden-section`     | **1:1.618**      |
| `.chart-major-sixth`        | **3:5**          |
| `.chart-minor-seventh`      | **9:16**         |
| `.chart-major-seventh`      | **8:15**         |
| `.chart-octave`             | **1:2**          |
| `.chart-major-tenth`        | **2:5**          |
| `.chart-major-eleventh`     | **3:8**          |
| `.chart-major-twelfth`      | **1:3**          |
| `.chart-double-octave`      | **1:4**          |