gem-ui
现在就叫 DuoyunUI,自定义元素不好改名字
定位:桌面端 UI 库,适配移动端
// TODO 移动端支持
// 推荐项目针对各个平台进行设计、开发,使用不同的入口进行构建
使用 gem base 元素,避免打包后重复定义 gem 元素
设计原则:
- 主要内容是未命名 slot
文档:
- 简介:元素分类、基本使用、目前状态;未来;
- 自定义:主题、图标、多语言
- 高级表单:验证、自定义字段组件
- 可访问性支持:语义,快捷键,Modal inert
- 模式
- 不是元素的模块
Blog:
- 使用模式
- 为啥没有 Svelte 组件?{...$$props} 不能动态绑定事件
表单相关元素:
- form/form-item // label
- input // text,search,password,url,email,number, tel
- textarea
- rich-textarea
- checkbox-group/checkbox
- radio-group/radio
- switch
- select
- slider
- color-picker
- date-picker
- time-picker
- file-picker
- rate
- cascader-picker // 层级选择
动作相关元素:
- link // gem-link
- button
- action-button // https://spectrum.adobe.com/page/action-button/
- contextmenu/menu-item
- banner
- tag-group/tag
反馈相关的元素:
- dialog
- confirm
- toast
- tooltip
- popover
- coach
状态相关的元素:
- loader
- meter
- status-light
- illustrated-message
- badge
导航相关的元素:
- nav/nav-item // 侧边,顶部,嵌套
- tab-list/tab
- pagination
内容展示相关元素:
- avatar
- chart // 直方,堆叠,柱状、面积、折线,饼,甜甜圈,散点,同坐标系混合?动画?...
- table
- card
- image
- collapse/details/summary
- tree
- code
- picture
- heading
- paragraph
- divider