@ivy-design/ce

使用 vue3 构建的 web component 组件库

使用

安装

pnpm add @ivy-design/ce

使用

// 全部注册
import { registerComponents } from '@ivy-design/ce'
import '@ivy-design/ce/dist/style.css'
registerComponents()
// 单个组件注册
import { registerComponent, Button } from '@ivy-design/ce'
import '@ivy-design/ce/dist/style.css'
registerComponent('ce-button', Button)

参与开发

pnpm install

Compile and Hot-Reload for Development

pnpm dev

Type-Check, Compile and Minify for Production

pnpm build

Run Unit Tests with Vitest

pnpm test:unit

现有组件

| 组件名称 | 组件描述 | | :-------------- | :---------------------- | | Button | 按钮 | | Space | 间隔 | | Collapse | 折叠面板 | | Divider | 分割线 | | Card | 卡片 | | Grid | 宫格 | | Empty | 空状态 | | Timeline | 时间轴 | | Breadcrumb | 面包屑导航 | | Tag | 标签 | | Badge | 徽章 | | Row | 行 | | Col | 列 | | Result | 结果 | | Drawer | 抽屉 | | Input | 输入框 | | Alert | 提示 | | Select | 下拉选择 | | Loading | 加载 | | Details | 详情-同原生的 details | | Progress | 进度条 | | Dialog | 弹框 | | Dropdown | 下拉菜单 | | Steps | 步骤条 | | Switch | 开关 | | Radio | 单选框 | | Checkbox | 多选框 | | AspectRatio | 固定宽高比例容器 | | Icon | 图标 | | Circle | 圆形进度条 | | Image | 图片 | | Description | 描述列表 | | Contextmenu | 邮件菜单 | | rate | 评分 | | Avatar | 头像 | | Carousel | 轮播图 | | CopyToClipboard | 复制到剪切板 | | Text | 文字 | | Link | 链接 | | Affix | 固钉 | | MessageBox | 消息弹出框 | | TimeSelect | 时间选择 | | Scrollbar | 滚动条 | | split | 分割面板 | | notification | 通知框 | | pagination | 分页器 | | tabs | 标签页 | | message | 消息提醒 | | tour | 漫游式引导 |

代办

| 组件名称 | 组件描述 | | :--------- | :--------- | | table | 表格 | | datePicker | 日期选择器 | | timePicker | 时间选择器 |