Skip to content

@seevin/ui佳思德科技有限公司
前端业务组件库

开箱即用的 Vue 3 业务组件库,基于 TDesign,提供丰富的业务组件

@seevin/ui

快速体验

bash
# 安装
pnpm install @seevin/ui

# 使用
import { ProSearch, ProFilter, ProTable } from '@seevin/ui'
import '@seevin/ui/style/base.css'

组件预览

搜索组件

vue
<ProSearch v-model="keyword" @search="handleSearch" />

筛选组件

vue
<ProFilter :items="conditions" @search="handleFilter" />

页面脚手架

vue
<ProScaffold show-back-button>
  <template #header>
    <h1>页面标题</h1>
  </template>
  <div>页面内容</div>
</ProScaffold>

特色功能

  • 🔍 智能搜索:支持多种搜索模式和自定义样式
  • 🎛️ 强大筛选:支持输入框、下拉选择、日期选择、树形选择等多种筛选类型
  • 📊 数据展示:基于 TDesign 的表格组件,提供丰富的数据展示功能
  • 🏗️ 页面布局:标准化的页面布局脚手架,快速构建业务页面
  • 🛠️ 实用工具:提供 HTTP 客户端等现代化工具,支持请求拦截、错误处理、请求取消等功能

立即开始

选择你喜欢的方式开始使用 @seevin/ui:

基于 TDesign Vue Next 构建