open-index/open-npm huggingface dataset:
npm package: @open-data-v/base
Description: OpenDataV 公共基础包
Author: ansgoo
Latest version: 0.0.7

![](./public/logo.png)


![](https://img.shields.io/github/license/AnsGoo/openDataV)
![](https://img.shields.io/github/stars/AnsGoo/openDataV)
![](https://img.shields.io/github/issues/AnsGoo/openDataV)
![](https://img.shields.io/github/forks/AnsGoo/openDataV)

**@open-data-v/base为open-data-v公共基础包**

## 简介
🎃OpenDataV 是一个纯前端的`拖拽式`、`可视化`、`低代码`数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。


## 体验
🧙国外：[http://datav.byteportrait.com/](http://datav.byteportrait.com/)

🧙文档: [https://datav.byteportrait.com/#/docs/quick-satrt/quick-start](https://datav.byteportrait.com/#/docs/quick-satrt/quick-start)


## 源码地址：

🍨github: [https://github.com/AnsGoo/openDataV](https://github.com/AnsGoo/openDataV)

🍨gitee: [https://gitee.com/small_bud_star/OpenDataV](https://gitee.com/small_bud_star/OpenDataV)


## 组件包介绍

|npm包| 名称       | 用途                                             |
|--|----------|------------------------------------------------|
|@open-data-v/base| 基础公共包    | open-data-v 公共基础包                              |
|@open-data-v/designer| 页面设计器组件包 | 给open-data-v 提供页面编辑和预览能力                       |
|@open-data-v/scripts| 数据处理基础包  | 给open-data-v 提供多样化的数据预处理方式，例如自定义脚本和远程脚本        |
|@open-data-v/data| 数据加载基础包  | 给open-data-v提供多样化的数据加载方式。例如HTTP、Websocket、MQTT |
|@open-data-v/ui| 默认UI库    | 用于提供open-data-v基本的UI组件                         |

目前该项目在不断的完善中，🎉欢迎 issuer,🌹欢迎 start, 🎨欢迎 commit, 🚀欢迎 use...，💪欢迎一切技术交流活动

## 👁️预览

### 🤿 页面编辑

1. 组件添加
   ![screenshots2.gif](https://s2.loli.net/2022/10/31/nApiFm7PogI1dHS.gif)

2. 组件操作
   ![screenshots1.gif](https://s2.loli.net/2022/10/31/9lkiR15sVMLapIe.gif)

3. 组件数据配置
   ![screenshots.gif](https://s2.loli.net/2022/10/31/28lf6NK35EaY9wJ.gif)


## 💒功能
- 🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存
- 🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴
- 🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐
- 🔮 支持用户操作记录的恢复、撤销功能
- 🧶 支持用户自定义组件
- 📔 支持组件的用户自定组件配置项
- 🏪 支持明暗主题切换
- 🧶 支持自定义数据加载方式
- 🔌 支持从远程脚本自定义脚本的数据预处理
npm package: @open-data-v/data
Description: OpenDataV  数据处理基础组件包
Author: ansgoo
Latest version: 0.0.7

![](./public/logo.png)


![](https://img.shields.io/github/license/AnsGoo/openDataV)
![](https://img.shields.io/github/stars/AnsGoo/openDataV)
![](https://img.shields.io/github/issues/AnsGoo/openDataV)
![](https://img.shields.io/github/forks/AnsGoo/openDataV)

@open-data-v/data**为open-data-v提供多样化的数据加载方式。例如HTTP、Websocket、MQTT**

## 简介
🎃OpenDataV 是一个纯前端的`拖拽式`、`可视化`、`低代码`数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。


## 体验
🧙国外：[http://datav.byteportrait.com/](http://datav.byteportrait.com/)

🧙文档: [https://datav.byteportrait.com/#/docs/quick-satrt/quick-start](https://datav.byteportrait.com/#/docs/quick-satrt/quick-start)


## 源码地址：

🍨github: [https://github.com/AnsGoo/openDataV](https://github.com/AnsGoo/openDataV)

🍨gitee: [https://gitee.com/small_bud_star/OpenDataV](https://gitee.com/small_bud_star/OpenDataV)


## 组件包介绍
- **RestDataPlugin**: 支持从自定义Rest接口加载数据
- **StaticDataPlugin**: 支持通过页面UI输入静态数据
- **SubDataPlugin**: 支持通过发布定义功能获取其他组件的数据
- **WebsocketDataPlugin**: 支持通过Websocket接受实时数据


目前该项目在不断的完善中，🎉欢迎 issuer,🌹欢迎 start, 🎨欢迎 commit, 🚀欢迎 use...，💪欢迎一切技术交流活动

## 👁️预览

### 🤿 页面编辑

1. 组件添加
   ![screenshots2.gif](https://s2.loli.net/2022/10/31/nApiFm7PogI1dHS.gif)

2. 组件操作
   ![screenshots1.gif](https://s2.loli.net/2022/10/31/9lkiR15sVMLapIe.gif)

3. 组件数据配置
   ![screenshots.gif](https://s2.loli.net/2022/10/31/28lf6NK35EaY9wJ.gif)


## 💒功能
- 🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存
- 🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴
- 🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐
- 🔮 支持用户操作记录的恢复、撤销功能
- 🧶 支持用户自定义组件
- 📔 支持组件的用户自定组件配置项
- 🏪 支持明暗主题切换
- 🧶 支持自定义数据加载方式
- 🔌 支持从远程脚本自定义脚本的数据预处理
npm package: @open-data-v/scripts
Description: OpenDataV 脚本基础包
Author: ansgoo
Latest version: 0.0.7

![](./public/logo.png)


![](https://img.shields.io/github/license/AnsGoo/openDataV)
![](https://img.shields.io/github/stars/AnsGoo/openDataV)
![](https://img.shields.io/github/issues/AnsGoo/openDataV)
![](https://img.shields.io/github/forks/AnsGoo/openDataV)

**@open-data-v/scripts为给open-data-v提供多样化的数据预处理方式，例如自定义脚本和远程脚本 **

## 简介
🎃OpenDataV 是一个纯前端的`拖拽式`、`可视化`、`低代码`数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。


## 体验
🧙国外：[http://datav.byteportrait.com/](http://datav.byteportrait.com/)

🧙文档: [https://datav.byteportrait.com/#/docs/quick-satrt/quick-start](https://datav.byteportrait.com/#/docs/quick-satrt/quick-start)


## 源码地址：

🍨github: [https://github.com/AnsGoo/openDataV](https://github.com/AnsGoo/openDataV)

🍨gitee: [https://gitee.com/small_bud_star/OpenDataV](https://gitee.com/small_bud_star/OpenDataV)


## 组件包介绍
目前提供了以下数据处理脚本

- CustomScriptPlugin 自定义脚本插件，支持用户在UI页面上编写JS脚本处理接口返回的数据
- SystemScriptPlugin 系统自定义脚本，支持通过远程NPM包的方式发布数据处理脚本，并被使用



目前该项目在不断的完善中，🎉欢迎 issuer,🌹欢迎 start, 🎨欢迎 commit, 🚀欢迎 use...，💪欢迎一切技术交流活动

## 👁️预览

### 🤿 页面编辑

1. 组件添加
   ![screenshots2.gif](https://s2.loli.net/2022/10/31/nApiFm7PogI1dHS.gif)

2. 组件操作
   ![screenshots1.gif](https://s2.loli.net/2022/10/31/9lkiR15sVMLapIe.gif)

3. 组件数据配置
   ![screenshots.gif](https://s2.loli.net/2022/10/31/28lf6NK35EaY9wJ.gif)


## 💒功能
- 🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存
- 🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴
- 🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐
- 🔮 支持用户操作记录的恢复、撤销功能
- 🧶 支持用户自定义组件
- 📔 支持组件的用户自定组件配置项
- 🏪 支持明暗主题切换
- 🧶 支持自定义数据加载方式
- 🔌 支持从远程脚本自定义脚本的数据预处理
npm package: @open-data-v/ui
Description: OpenDataV UI基础包
Author: ansgoo
Latest version: 0.0.8-alpha.3

![](./public/logo.png)


![](https://img.shields.io/github/license/AnsGoo/openDataV)
![](https://img.shields.io/github/stars/AnsGoo/openDataV)
![](https://img.shields.io/github/issues/AnsGoo/openDataV)
![](https://img.shields.io/github/forks/AnsGoo/openDataV)

**@open-data-v/ui为提供open-data-v基本的UI组件**

## 简介
🎃OpenDataV 是一个纯前端的`拖拽式`、`可视化`、`低代码`数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。


## 体验
🧙国外：[http://datav.byteportrait.com/](http://datav.byteportrait.com/)

🧙文档: [https://datav.byteportrait.com/#/docs/quick-satrt/quick-start](https://datav.byteportrait.com/#/docs/quick-satrt/quick-start)


## 源码地址：

🍨github: [https://github.com/AnsGoo/openDataV](https://github.com/AnsGoo/openDataV)

🍨gitee: [https://gitee.com/small_bud_star/OpenDataV](https://gitee.com/small_bud_star/OpenDataV)


## 组件包介绍
主要包含以下UI组件，同时也是open-data-v的UI组件接口标准
- Button
- Card
- Collapse
- ColorPicker
- Divider
- Form
- FormItem
- Icon
- Input
- InputNumber
- Menu
- Modal
- Radio
- Select
- Slider
- Switch
- Tabs
- Tooltip


目前该项目在不断的完善中，🎉欢迎 issuer,🌹欢迎 start, 🎨欢迎 commit, 🚀欢迎 use...，💪欢迎一切技术交流活动

## 👁️预览

### 🤿 页面编辑

1. 组件添加
   ![screenshots2.gif](https://s2.loli.net/2022/10/31/nApiFm7PogI1dHS.gif)

2. 组件操作
   ![screenshots1.gif](https://s2.loli.net/2022/10/31/9lkiR15sVMLapIe.gif)

3. 组件数据配置
   ![screenshots.gif](https://s2.loli.net/2022/10/31/28lf6NK35EaY9wJ.gif)


## 💒功能
- 🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存
- 🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴
- 🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐
- 🔮 支持用户操作记录的恢复、撤销功能
- 🧶 支持用户自定义组件
- 📔 支持组件的用户自定组件配置项
- 🏪 支持明暗主题切换
- 🧶 支持自定义数据加载方式
- 🔌 支持从远程脚本自定义脚本的数据预处理