@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

    Install

    npm i @payteam/payui

    DownloadsWeekly Downloads

    0

    Version

    0.1.5

    License

    ISC

    Last publish

    Collaborators

    • ziofat
    • pomelo-nwu