# ![npm-url](http://nuget.genew.com:8001/resources/icon/7.png)

[npm-url]: http://git.rdapp.com/visulization/common-ui

**_common-ui 一套封装 element-ui/echarts 等公共组件库的插件_**

## Installation

```bash
npm install @rdapp/common-ui
```

### attributes of components

- rd-icon-button
  - Eg
    - ![](/static/images/rd-icon-button.png)
  - Attributes

    | 参数 | 说明 | 类型 | 可选值 | 默认值 |
    | --------: | :--------------------------------: | :----: | :----------------------------------------------: | :------ |
    | iconClass | 图标的类型(参考 Element 图标名称)) | string | el-icon-delete、el-icon-plus、el-icon-close 等等 | -- |
    | name | 按钮名称 | string | -- | -- |
    | iconColor | 图标颜色 | string | -- | #00AAFF |
  - Events

    | 事件名称 | 说明 | 回调参数 |
    | --------------: | :----------------: | :------- |
    | iconButtonClick | 点击按钮触发的事件 | -- |
  - Eg
    - ![](/static/images/rd-calendar.png)
  - Attributes

    | 参数 | 说明 | 类型 | 可选值 | 默认值 |
    | --------: | :--------------------------------: | :----: | :----------------------------------------------: | :------ |
    | events | 事件数组| Array | -- | -- |
    | locale | 语言 | string | 'es-en','fr' | 'zh-cn' |
    | firstDay | 周的第一天,默认为周日 | Number or String | 无 | 0 |
    |isRouteActive| 是否显示组件 | Boolean | true/false | true |
  - events Attributes

    | 参数 | 说明 | 类型 | 可选值 | 默认值 |
    | --------: | :--------------------------------: | :----: | :----------------------------------------------: | :------ |
    | title | 名称(可有可无) | String | -- | -- |
    | start | 时间日期 | string | -- | -- |
    | cssClass | 样式类名,用于配置对应事件的样式 | string | -- | -- |
    | type | 事件类型 | string | -- | -- |
  - Events
  
    | 事件名称 | 说明 | 回调参数 |
    | --------------: | :----------------: | :------- |
    | iconButtonClick | 点击按钮触发的事件 | 无 |
