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 // 层级选择
动作相关元素:
反馈相关的元素:
  • 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