1.0.1 • Published 5 years ago

ats-antd v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
5 years ago

ats-antd

NPM Version Build Status Coverage Status

Test

npm test

目前单元测试还在补充,望有志之士一起加入。 单测在组件目录下的tests中,写单测时请尽量保证覆盖率 > 95% 并考虑边界情况,如果不能做到测试用例全覆盖,优先覆盖底层逻辑。

Install

npm install --save ats-antd

ant-design的 DFocus 扩展组件库,帮助开发者选择需要的组件,并迅速进入角色。

Usage

// 日期区间选择器
import React, { Component } from 'react'
import { TimeRangePicker } from 'ats-antd'

class Example extends Component {
  constructor(props) {
    super(props)

    this.state = {
      value: {
        type: 'CUSTOMIZE',
        ranges: [1533081600000, 1534377600000]
      }
    }
  }

  _handleChange = value => {
    console.log(`You're selection is ${JSON.stringify(value)}`)
    this.setState({
      value
    })
  }

  render() {
    return (
      <TimeRangePicker
        value={this.state.value}
        onChange={this._handleChange}
        labels={{
          BTN_ALL: 'All',
          BTN_LAST_WEEK: 'Last week',
          BTN_LAST_MONTH: 'Last month',
          BTN_CUSTOMIZE: 'Customize',
          PLACEHOLDER_START: 'Start',
          PLACEHOLDER_END: 'End'
        }}
        disabledDate={current =>
          current &&
          current >
            moment()
              .endOf('day')
              .subtract(1, 'days')
        }
      />
    )
  }
}

LICENSE

1.0.1

5 years ago

1.0.0

5 years ago