@payteam/payui

PAYUI

基于payTeam设计规范的react组件实现

安装说明

npm install payui --save-dev

core

• typescript编码
• 组合“pay.css”进行样式处理
• 引入jest测试框架，增加了组件的单元测试和快照测试
• 将rem根字体设置为12px,依照12px规范重新调整了css样式
• 遵照payTeam的设计规范

新增组件

• 布局组件
  • Flex
  • List
  • Tabs
• 表单组件
  • Input
  • Slider
  • PaySlider
  • Checkbox
  • RadioButton (RadioButtonGroup)
  • Toggle
• 数据展示组件
  • Table (TableRow,TableCell,TableBody,TableHead)
  • Pagination
  • Panel
  • Paper
  • Modal
  • Menu (ButtonMenu,IconMenu,SelectMenu)
• 按钮组件
  • Button
  • IconButton
  • FlatButton
  • RaisedButton

changelog

** 2017.11.23

• 绑定payui.css到payui组件库

webpack的css module方式更适合写react组件。后续我们的ui组件会逐步替换到这种方式上

• 增加pacloud项目的ui组件库规划

** 2017.12.4

• 提供顶级类名.payui_css方便，避免css冲突
• 修复Input组件的getValue() 方法

** 2017.12.11 (解决逸峰提出的UI组件问题)

• 已解决:

  • SelectField 显示 Value 的问题
  • panel 底色透明问题
  • Modal Title 问题
  • 表格样式问题
  • 按钮flat primary无悬浮效果
  • normalize 全局污染
  • 翻页组件功能缺失（导致频繁点击）

• 延迟解决

  • 大云框架的zIndex问题
  • 大云框架zindex问题（导致modal的overlay层次较低）
  • 小按钮需求
  • 自定义主色调

** 2018.1.18

• 增加 Tabs#onChange 方法和 Tab#onActive 方法
• Menu支持配置value
• ButtonMenu 增加 flat 属性，默认为 true

** 2018.1.25

• 增加 paySlider的value属性
• 打包压缩

** 2018.1.30

• 增加 pagination的自定义label，方便用户做国际化操作
• 调整pagination的page从 0 －> 1
• 为Button和IconButton 提供iconStyle的样式，更好的控制icon的显示

** 2018.2.1

• 将html默认的fontFamily设置为Microsoft YaHei
• 将一些开发依赖包devDependencies从dependencies中移除
• 新建@payteam组织，以后版本的发布按照组织名发布，新增payteam成员ziofat
• publishing-an-org-scoped-package