ui lib for online course system


License
MIT
Install
npm install calico-ui@0.9.13

Documentation


logo


calico

各种工具在 grid 容器中排布, panel 支持拖拽选项, 功能拖拽区支持主从选项、两个区域配对, 支持屏蔽右键自定义右键菜单

dev

npm run example

# http://localhost:8080/example for dev

组件

布局

  • row
  • aside
  • main 先不写

容器

  • header
  • drag
  • panel (dragable)
  • scaleArea (保持比例自适应)
  • grid ? 先不写
  • menu ? 先不写
  • sidePanel (吸附边缘)

普通

  • button
  • switch
  • select
  • tooltip
  • radioBtton
  • radioGroup
  • checkboxGroup
  • input
  • textarea
  • inputNumber
  • pagination
  • message
  • nav
  • tab ui未设计好
  • popover
  • modal
  • progress

特殊

和上课系统密切相关的,相对不通用的组件,但是在内部项目需要共享的组件

  • flexModal
  • clock
  • preview
  • previewOperate
  • colorSelect
  • lineSelect
  • toolItem
  • toolItemHorizal
  • toolItemLayout
  • toolItemLayoutHorizal
  • menuItem
  • iconBlock
  • iconNano
  • iconCircle
  • iconOpacityCircle
  • iconDefault
  • iconGreyBlock
  • courseRadioGroup
  • courseRadio
  • verticalRadio
  • horizontalRadio
  • answerRadio
  • horizontalCheckbox
  • knowledgeHeadRadio
  • sideFlexible

Thanks

keepachangelog for CHANGELOG proposal