2023-04-12 18:56:32 +08:00
|
|
|
# @bd/ui
|
2023-03-06 15:24:17 +08:00
|
|
|
|
2023-05-25 17:00:17 +08:00
|
|
|
百搭 UI 组件库, 基于 `web components` 开发。面向下一代的 UI 组件库
|
2023-03-06 15:24:17 +08:00
|
|
|
|
2023-04-26 18:15:22 +08:00
|
|
|
![downloads](https://img.shields.io/npm/dt/@bd/ui.svg)
|
|
|
|
![version](https://img.shields.io/npm/v/@bd/ui.svg)
|
|
|
|
|
2023-03-06 15:24:17 +08:00
|
|
|
### 开发环境
|
|
|
|
|
2023-03-27 10:23:18 +08:00
|
|
|
- vscode 开源编辑器
|
2023-03-14 15:56:13 +08:00
|
|
|
|
2023-03-27 10:23:18 +08:00
|
|
|
- `Prettier`插件, 格式化代码用
|
|
|
|
- `string-html-css`, 可高亮显示 js 中的`html/css`文本, 并支持`emmet`
|
|
|
|
- `simple http`, 可快速配置 http 服务器,支持 history 路由
|
|
|
|
- ...
|
2023-03-14 15:56:13 +08:00
|
|
|
|
2023-05-25 17:00:17 +08:00
|
|
|
- wkit 针对`web components`的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件
|
2023-03-15 11:27:16 +08:00
|
|
|
|
2023-05-08 14:15:40 +08:00
|
|
|
### 开发进度 && 计划 (40/55)
|
2023-03-15 11:27:16 +08:00
|
|
|
|
2023-04-18 16:46:50 +08:00
|
|
|
- [x] `wc-card` 卡片组件
|
|
|
|
- [x] `wc-space` 间隔组件
|
2023-04-26 10:36:09 +08:00
|
|
|
- [x] `wc-avatar` 头像组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [x] `wc-badge` 徽标组件
|
|
|
|
- [x] `wc-drawer` 抽屉组件
|
|
|
|
- [x] `wc-collapse` 折叠组件
|
|
|
|
- [ ] `wc-dropdown` 下拉菜单组件
|
|
|
|
- [ ] `wc-counter` 倒计时组件
|
2023-04-20 09:36:30 +08:00
|
|
|
- [x] `wc-drag` 拖拽组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [x] `wc-image` 图片组件
|
|
|
|
- [x] `wc-image-preview` 图片预览组件
|
|
|
|
- [x] `wc-button` 表单组件-按钮
|
|
|
|
- [x] `wc-link` 表单组件-链接按钮
|
|
|
|
- [x] `wc-checkbox` 表单组件-复选框
|
|
|
|
- [x] `wc-input` 表单组件-文本输入框
|
|
|
|
- [x] `wc-passwd` 表单组件-文本输入框
|
|
|
|
- [x] `wc-textarea` 表单组件-多行文本输入框
|
|
|
|
- [x] `wc-number` 表单组件-步进数字输入
|
|
|
|
- [x] `wc-star` 表单组件-评分
|
|
|
|
- [x] `wc-radio` 表单组件-单选框
|
|
|
|
- [ ] `wc-select` 表单组件-下拉选择
|
|
|
|
- [ ] `wc-cascadar` 表单组件-多级联动
|
|
|
|
- [x] `wc-switch` 表单组件-开关
|
|
|
|
- [x] `wc-icon` 图标组件
|
2023-05-04 16:16:08 +08:00
|
|
|
- [x] `wc-layer` 弹层组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [x] `wc-markd` markdown 组件
|
|
|
|
- [ ] `wc-meditor` md 文本编辑器
|
|
|
|
- [ ] `wc-neditor` 富文本编辑器
|
|
|
|
- [x] `wc-pager` 分页组件
|
|
|
|
- [x] `wc-color` 颜色选择器
|
|
|
|
- [ ] `wc-datepicker` 日期选择器
|
|
|
|
- [ ] `wc-timepicker` 时间选择器
|
|
|
|
- [x] `wc-code` 代码高亮插件
|
|
|
|
- [x] `wc-scroll` 滚动组件
|
|
|
|
- [x] `wc-silder` 滑块组件
|
|
|
|
- [x] `wc-swipe` 轮播图组件
|
2023-05-04 16:16:08 +08:00
|
|
|
- [x] `wc-breadcrumb` 面包屑组件
|
2023-05-06 14:29:05 +08:00
|
|
|
- [x] `wc-progress` 进度条组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [ ] `wc-tree` 树形菜单组件
|
|
|
|
- [ ] `wc-uploader` 上传组件
|
|
|
|
- [x] `wc-notify` 通知组件
|
2023-04-26 18:10:21 +08:00
|
|
|
- [x] `wc-loading` 加载组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [x] `wc-tabs` 选项卡组件
|
2023-04-19 14:47:47 +08:00
|
|
|
- [x] `wc-steps` 步骤条组件
|
2023-04-19 16:03:06 +08:00
|
|
|
- [x] `wc-timeline` 时间线组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [ ] `wc-layout` 布局组件
|
2023-05-08 14:15:40 +08:00
|
|
|
- [x] `wc-tag` 标签组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [ ] `wc-tooltip` 文字提示组件
|
2023-05-04 16:16:08 +08:00
|
|
|
- [x] `wc-popconfirm` 气泡确认框组件
|
2023-05-05 19:02:03 +08:00
|
|
|
- [ ] `wc-chatbubble` 聊天气泡组件
|
2023-04-27 18:43:48 +08:00
|
|
|
- [x] `wc-divider` 分割线组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [ ] `wc-table` 表格组件
|
2023-05-06 17:51:41 +08:00
|
|
|
- [x] `wc-result` 结果反馈组件
|
2023-04-18 16:46:50 +08:00
|
|
|
- [ ] `wc-empty` 空状态组件
|
2023-04-20 12:12:59 +08:00
|
|
|
- [x] `wc-sandbox` 代码沙盒组件
|
2023-03-15 11:27:16 +08:00
|
|
|
|
2023-03-14 15:56:13 +08:00
|
|
|
### 测试预览
|
|
|
|
|
2023-03-27 10:23:18 +08:00
|
|
|
[测试预览](./develop.md)
|