ui/Readme.md

2.8 KiB

@bd/ui

百搭 UI 组件库, 基于 【wkit】 开发。面向下一代的 UIweb components 组件库

downloads version

开发环境

  • vscode 开源编辑器

    • Prettier插件, 格式化代码用
    • string-html-css, 可高亮显示 js 中的html/css文本, 并支持emmet
    • simple http, 可快速配置 http 服务器,支持 history 路由
    • ...
  • wkit 针对web components的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件

开发进度 && 计划 (44/56)

  • 基础组件 (4/5)

    • wc-icon 图标组件
    • wc-button 按钮
    • wc-link 链接按钮
    • wc-space 间隔组件
    • wc-layout 布局组件
  • 表单组件 (10/15)

    • wc-checkbox 复选框
    • wc-input 文本输入框
    • wc-passwd 文本输入框
    • wc-textarea 多行文本输入框
    • wc-number 步进数字输入
    • wc-star 评分
    • wc-radio 单选框
    • wc-switch 开关
    • wc-silder 滑块组件
    • wc-color 颜色选择器
    • wc-datepicker 日期选择器
    • wc-timepicker 时间选择器
    • wc-uploader 上传组件
    • wc-select 下拉选择
    • wc-cascadar 多级联动
  • 数据展示组件 (16/18)

    • wc-tag 标签组件
    • wc-card 卡片组件
    • wc-avatar 头像组件
    • wc-badge 徽标组件
    • wc-time 时间格式化组件
    • wc-collapse 折叠组件
    • wc-image 图片组件
    • wc-image-preview 图片预览组件
    • wc-timeline 时间线组件
    • wc-tabs 选项卡组件
    • wc-result 结果反馈组件
    • wc-markd markdown 组件
    • wc-code 代码高亮插件
    • wc-swipe 轮播图组件
    • wc-breadcrumb 面包屑组件
    • wc-progress 进度条组件
    • wc-empty 空状态组件
    • wc-table 表格组件
  • 导航组件 (2/5)

    • wc-pager 分页组件
    • wc-steps 步骤条组件
    • wc-menu 菜单组件
    • wc-dropdown 下拉菜单组件
    • wc-tree 树形菜单组件
  • 反馈组件 (7/7)

    • wc-notify 通知组件
    • wc-loading 加载组件
    • wc-layer 弹层组件
    • wc-drawer 抽屉组件
    • wc-tooltip 文字提示组件
    • wc-popconfirm 气泡确认框组件
    • wc-drag 拖拽组件
  • 编辑器组件 (2/2)

    • wc-meditor markdown文本编辑器
    • wc-editor 富文本编辑器
  • 其他组件 (3/4)

    • wc-scroll 滚动组件
    • wc-divider 分割线组件
    • wc-sandbox 代码沙盒组件
    • wc-chatbubble 聊天气泡组件

测试预览

测试预览

百搭WCUI组件库, 基于web components开发。面向下一代的UI组件库
JavaScript 98.9%
CSS 1.1%