@payteam/payui

0.1.5 • Public • Published

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
  • ButtonIconButton 提供iconStyle的样式,更好的控制icon的显示

** 2018.2.1

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

Readme

Keywords

Package Sidebar

Install

npm i @payteam/payui

Weekly Downloads

0

Version

0.1.5

License

ISC

Last publish

Collaborators

  • ziofat
  • pomelo-nwu