npm.io
1.0.21 • Published 7 years ago

zsm

Licence
ISC
Version
1.0.21
Deps
2
Size
21 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

基于Ant Design 业务组件

QueryBar是一个工具条，满足常规条件查询，input/select/DatePicker/DatePickerTime。

安装

npm install zsm --save
yarn add zsm

示例

import {QueryBar} from 'zsm';

ReactDOM.render(QueryBar dataSource={this.queryBarData} handleSearch={this.handleSearch} />, mountNode);

引入数据：

queryBarData = [
    {
      "field": "name",
      "text": '"名称",
      "type": "input",
    },{
      "field": "condition",
      "text": '"状态",
      "type": "select",
      "options": ["关闭", "运行中"]
    },{
      "field": "creatData",
      "text": "创建日期",
      "type": "DatePicker",
    },{
      "field": "creatData",
      "text": "订单时间",
      "type": "DatePickerTime",
    }
    //可多条数据
  ];

效果

image

image