ThingOrigin UI

面向工业看板、数据大屏与业务后台的 Vue 3 + TypeScript 组件库。

ThingOrigin UI 提供数据图表、生产指标、工业看板、动态表单、流程编排和交互动效等组件，适合快速搭建工业互联网、数字孪生和运营管理界面。

特性

• Vue 3 + TypeScript，提供组件类型声明
• 覆盖图表、大屏、OEE、生产趋势、表格、表单和工作流等场景
• 支持完整注册与命名导出
• 提供 VitePress 文档、可运行示例和在线演练
• MIT 许可证，欢迎社区参与

安装

pnpm add thingorigin-ui

也可以使用 npm install thingorigin-ui 或 yarn add thingorigin-ui。

项目需要 Vue 3.3 或更高版本。

使用

完整注册：

import { createApp } from 'vue'
import ThingOriginUI from 'thingorigin-ui'
import 'thingorigin-ui/style.css'
import 'element-plus/dist/index.css'
import App from './App.vue'

createApp(App).use(ThingOriginUI).mount('#app')

按需引入：

<script setup lang="ts">
import { sButton, sChart, sTable } from 'thingorigin-ui'
import 'thingorigin-ui/style.css'
import 'element-plus/dist/index.css'
</script>

<template>
  <s-button type="primary">开始使用</s-button>
  <s-table :data="[]" :columns="[]" />
  <s-chart :options="{}" height="320px" />
</template>

本地开发

pnpm install
pnpm dev

常用命令：

pnpm typecheck     # 类型检查
pnpm build         # 构建组件库
pnpm docs:dev      # 启动文档站
pnpm docs:build    # 构建文档站
pnpm release:check # 发布前完整检查

文档与反馈

• 组件文档
• 问题反馈
• 贡献指南
• 安全策略
• 版本记录

浏览器支持

支持现代浏览器的最新两个稳定版本。部分滚动驱动动效在不支持相关 CSS 能力的浏览器中会自动降级，不影响组件基本功能。

License

MIT © ThingOrigin UI contributors