@type-dom/ui

项目说明

这是一个基于前端框架TypeDom创建的UI组件库。 框架基于TypeDom框架开发，TypeDom框架基于TypeScript开发。 对标 element-plus 的组件开发。

安装

npm install @type-dom/ui

框架介绍

1、技术栈
    –	type-dom框架
    –	webpack
    –	typescript
    –	抽象类
    –	实体类
2、项目结构
    –	src
        –	components
            -   basic
            -   data
            -   feedback
            -   form
            -   navigation
            -   other
        –   constants
        -   hooks
        -   locale
        -   styles
        -   theme-chalk   
        -   utils
        -   index.ts
    -   test

type-dom UI组件库

basic 基础组件（共8项，完成8项）

Button 按钮 ✔️
Container 容器 ✔️
    td-header
    td-aside
    td-main
    td-footer
Icon 图标 ✔️
Layout 布局 ✔️
    Row
    Col
Link 链接 ✔️
Text 文本 ✔️
Scrollbar 滚动条 ✔️
Space 间距 ✔️

data 数据组件（共23项，完成12项）

Avatar 头像 ✔️
Badge 徽章 ✔️
Calendar 日历
Card 卡片 ✔️
Carousel 走马灯
Collapse 折叠面板 ✔️
Descriptions 描述列表 ✔️
Empty 空状态 ✔️
Image 图片 ✔️
Infinite Scroll 无限滚动
Pagination 分页
Progress 进度条 ✔️
Result 结果 ✔️
Skeleton 骨架屏
Table 表格
Virtualized Table 虚拟化表
Tag 标签 ✔️
Timeline 时间线
Tree 树形控件
TreeSelect 树形选择
Virtualized Tree 虚拟化树形控件
Statistic 统计组件 ✔️
Segmented 分段控制器 ✔️

form 表单组件（共20项，完成7项）

Autocomplete 自动补全输入框
Cascader 级联选择器
Checkbox 多选框 ✔️
ColorPicker 颜色选择器
DatePicker 日期选择器
DateTimePicker 日期时间选择器
Form 表单 ⚠️
Input 输入框 ✔️
Input Number 数字输入框 ✔️
Input Tag 标签输入框
Radio 单选框 ✔️
Rate 评分 ✔️
Select 选择器 🔄 
Virtualized Select 虚拟化选择器
Slider 滑块 ✔️
Switch 开关 ✔️
TimePicker 时间选择器
TimeSelect 时间选择
Transfer 穿梭框
Upload 上传 ⚠️

feedback 反馈组件（共10项，完成8项）

Alert 提示 ✔️
Dialog 对话框 ✔️
Drawer 抽屉
Loading 加载
Message 消息提示 ✔️
Message Box 消息弹出框 ✔️
Notification 通知 ✔️
Popconfirm 气泡确认框 ✔️
Popover 弹出框 ✔️
Tooltip 文字提示 ✔️

navigation 导航组件（共9项，完成2项）

Affix 固钉 ⚠️
Anchor 锚点 ⚠️
Backtop 回到顶部 ✔️
Breadcrumb 面包屑 ✔️
Dropdown 下拉菜单
Menu 菜单 🔄 
Page Header 页头
Steps 步骤条
Tabs 标签页 🔄 

other 其它组件

Divider 分割线 ✔️
Watermark 水印