Merge pull request #72 from catchonme/master

修复table设置itemActions时,鼠标覆盖样式问题
This commit is contained in:
catchme 2019-06-06 13:59:32 +08:00 committed by GitHub
commit e9c36c85e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 24 additions and 13 deletions

View File

@ -11,7 +11,7 @@ CRUD 支持三种模式:`table`、`cards`、`list`,默认为 `table`。
| title | `string` | `""` | 可设置成空,当设置成空时,没有标题栏 | | title | `string` | `""` | 可设置成空,当设置成空时,没有标题栏 |
| className | `string` | | 表格外层 Dom 的类名 | | className | `string` | | 表格外层 Dom 的类名 |
| api | [Api](./Types.md#Api) | | CRUD 用来获取列表数据的 api。 | | api | [Api](./Types.md#Api) | | CRUD 用来获取列表数据的 api。 |
| filter | [Form](./Form.md) | | 设置过滤器,当该表单提交后,会把数据带给当前 Action.md 刷新列表。 | | filter | [Form](./Form/Form.md) | | 设置过滤器,当该表单提交后,会把数据带给当前 [Action](./Action.md) 刷新列表。 |
| filterTogglable | `boolean` | `false` | 是否可显隐过滤器 | | filterTogglable | `boolean` | `false` | 是否可显隐过滤器 |
| filterDefaultVisible | `boolean` | `true` | 设置过滤器默认是否可见。 | | filterDefaultVisible | `boolean` | `true` | 设置过滤器默认是否可见。 |
| initFetch | `boolean` | `true` | 是否初始化的时候拉取数据, 只针对有 filter 的情况, 没有 filter 初始都会拉取数据 | | initFetch | `boolean` | `true` | 是否初始化的时候拉取数据, 只针对有 filter 的情况, 没有 filter 初始都会拉取数据 |

View File

@ -16,7 +16,7 @@
| header.avatarClassName | `string` | `"pull-left thumb avatar b-3x m-r"` | 图片类名 | | header.avatarClassName | `string` | `"pull-left thumb avatar b-3x m-r"` | 图片类名 |
| body | `Array` 或者 [Field](./Field.md) | | 内容容器,主要用来放置 [Field](./Field.md) | | body | `Array` 或者 [Field](./Field.md) | | 内容容器,主要用来放置 [Field](./Field.md) |
| bodyClassName | `string` | `"padder m-t-sm m-b-sm"` | 内容区域类名 | | bodyClassName | `string` | `"padder m-t-sm m-b-sm"` | 内容区域类名 |
| actions | Array Of [Button](./Button.md) | | 按钮区域 | | actions | Array Of [Button](./Form/Button.md) | | 按钮区域 |
```schema:height="300" scope="body" ```schema:height="300" scope="body"
{ {

View File

@ -1,6 +1,6 @@
## Chart ## Chart
图表渲染器,采用 echarts 渲染,配置格式跟 echarts 相同,配置文档[文档](http://echarts.baidu.com/option.html#title) 图表渲染器,采用 echarts 渲染,配置格式跟 echarts 相同,[echarts配置文档](http://echarts.baidu.com/option.html#title)
| 属性名 | 类型 | 默认值 | 说明 | | 属性名 | 类型 | 默认值 | 说明 |
| --------- | --------------------------------- | --------- | ------------------------------------------------------------------ | | --------- | --------------------------------- | --------- | ------------------------------------------------------------------ |

View File

@ -84,8 +84,8 @@
- `quickEdit` 配置后在内容区增加一个编辑按钮,点击后弹出一个编辑框。 - `quickEdit` 配置后在内容区增加一个编辑按钮,点击后弹出一个编辑框。
`boolean` 简单的开启或者关闭 `boolean` 简单的开启或者关闭
`Object` 快速编辑详情,请参考 [FormItem](./FormItem.md) 配置。 `Object` 快速编辑详情,请参考 [FormItem](./FormItem.md) 配置。
`.mode` 模式如果设置为 `inline` 模式,则直接展示输入框,而不需要点击按钮后展示。 `mode` 模式如果设置为 `inline` 模式,则直接展示输入框,而不需要点击按钮后展示。
`.saveImmediately` 开启后,直接保存,而不是等全部操作完后批量保存。 `saveImmediately` 开启后,直接保存,而不是等全部操作完后批量保存。
- `copyable` 配置后会在内容区增加一个复制按钮,点击后把内容复制到剪切板。 - `copyable` 配置后会在内容区增加一个复制按钮,点击后把内容复制到剪切板。
todo todo

View File

@ -7,13 +7,15 @@ Email 输入框。
- `addOn.type` 请选择 `text` 、`button` 或者 `submit` - `addOn.type` 请选择 `text` 、`button` 或者 `submit`
- `addOn.label` 文字说明 - `addOn.label` 文字说明
- `addOn.xxx` 其他参数请参考按钮配置部分。 - `addOn.xxx` 其他参数请参考按钮配置部分。
- `hint` 当输入框获得焦点的时候显示,用来提示用户输入内容。
- `trimContents` 是否去除首尾空白。
- `clearable` 在有值的时候是否显示一个删除图标在右侧。 - `clearable` 在有值的时候是否显示一个删除图标在右侧。
- `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。 - `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。
- `options` 可选,选项配置,类型为数组,成员格式如下,配置后用户输入内容时会作为选项提示辅助输入。 - `options` 可选,选项配置,类型为数组,成员格式如下,配置后用户输入内容时会作为选项提示辅助输入。
- `label` 文字 - `label` 文字
- `value` - `value`
- `source` 通过 options 只能配置静态数据,如果设置了 source 则会从接口拉取,实现动态效果。 - `source` 通过 `options` 只能配置静态数据,如果设置了 `source` 则会从接口拉取,实现动态效果。
- `autoComplete` 跟 source 不同的是,每次用户输入都会去接口获取提示。 - `autoComplete``source` 不同的是,每次用户输入都会去接口获取提示。
- `multiple` 默认为 `false`, 设置成 `true` 表示可多选。 - `multiple` 默认为 `false`, 设置成 `true` 表示可多选。
- 更多配置请参考 [FormItem](./FormItem.md) - 更多配置请参考 [FormItem](./FormItem.md)

View File

@ -7,6 +7,7 @@
- `addOn.type` 请选择 `text` 、`button` 或者 `submit` - `addOn.type` 请选择 `text` 、`button` 或者 `submit`
- `addOn.label` 文字说明 - `addOn.label` 文字说明
- `addOn.xxx` 其他参数请参考按钮配置部分。 - `addOn.xxx` 其他参数请参考按钮配置部分。
- `hint` 当输入框获得焦点的时候显示,用来提示用户输入内容。
- `clearable` 在有值的时候是否显示一个删除图标在右侧。 - `clearable` 在有值的时候是否显示一个删除图标在右侧。
- `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。 - `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。
- 更多配置请参考 [FormItem](./FormItem.md) - 更多配置请参考 [FormItem](./FormItem.md)

View File

@ -7,13 +7,15 @@
- `addOn.type` 请选择 `text` 、`button` 或者 `submit` - `addOn.type` 请选择 `text` 、`button` 或者 `submit`
- `addOn.label` 文字说明 - `addOn.label` 文字说明
- `addOn.xxx` 其他参数请参考按钮配置部分。 - `addOn.xxx` 其他参数请参考按钮配置部分。
- `hint` 当输入框获得焦点的时候显示,用来提示用户输入内容。
- `trimContents` 是否去除首尾空白。
- `clearable` 在有值的时候是否显示一个删除图标在右侧。 - `clearable` 在有值的时候是否显示一个删除图标在右侧。
- `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。 - `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。
- `options` 可选,选项配置,类型为数组,成员格式如下,配置后用户输入内容时会作为选项提示辅助输入。 - `options` 可选,选项配置,类型为数组,成员格式如下,配置后用户输入内容时会作为选项提示辅助输入。
- `label` 文字 - `label` 文字
- `value` - `value`
- `source` 通过 options 只能配置静态数据,如果设置了 source 则会从接口拉取,实现动态效果。 - `source` 通过 `options` 只能配置静态数据,如果设置了 `source` 则会从接口拉取,实现动态效果。
- `autoComplete` 跟 source 不同的是,每次用户输入都会去接口获取提示。 - `autoComplete``source` 不同的是,每次用户输入都会去接口获取提示。
- `multiple` 默认为 `false`, 设置成 `true` 表示可多选。 - `multiple` 默认为 `false`, 设置成 `true` 表示可多选。
- 更多配置请参考 [FormItem](./FormItem.md) - 更多配置请参考 [FormItem](./FormItem.md)

View File

@ -3,6 +3,10 @@
多行文本输入框。 多行文本输入框。
- `type` 请设置成 `textarea` - `type` 请设置成 `textarea`
- `minRows` 最小行数
- `maxRows` 最大行数
- `hint` 当输入框获得焦点的时候显示,用来提示用户输入内容。
- `trimContents` 是否去除首尾空白。
- 更多配置请参考 [FormItem](./FormItem.md) - 更多配置请参考 [FormItem](./FormItem.md)
```schema:height="200" scope="form-item" ```schema:height="200" scope="form-item"

View File

@ -7,13 +7,15 @@ URL 输入框。
- `addOn.type` 请选择 `text` 、`button` 或者 `submit` - `addOn.type` 请选择 `text` 、`button` 或者 `submit`
- `addOn.label` 文字说明 - `addOn.label` 文字说明
- `addOn.xxx` 其他参数请参考按钮配置部分。 - `addOn.xxx` 其他参数请参考按钮配置部分。
- `hint` 当输入框获得焦点的时候显示,用来提示用户输入内容。
- `trimContents` 是否去除首尾空白。
- `clearable` 在有值的时候是否显示一个删除图标在右侧。 - `clearable` 在有值的时候是否显示一个删除图标在右侧。
- `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。 - `resetValue` 默认为 `""`, 删除后设置此配置项给定的值。
- `options` 可选,选项配置,类型为数组,成员格式如下,配置后用户输入内容时会作为选项提示辅助输入。 - `options` 可选,选项配置,类型为数组,成员格式如下,配置后用户输入内容时会作为选项提示辅助输入。
- `label` 文字 - `label` 文字
- `value` - `value`
- `source` 通过 options 只能配置静态数据,如果设置了 source 则会从接口拉取,实现动态效果。 - `source` 通过 `options` 只能配置静态数据,如果设置了 `source` 则会从接口拉取,实现动态效果。
- `autoComplete` 跟 source 不同的是,每次用户输入都会去接口获取提示。 - `autoComplete``source` 不同的是,每次用户输入都会去接口获取提示。
- `multiple` 默认为 `false`, 设置成 `true` 表示可多选。 - `multiple` 默认为 `false`, 设置成 `true` 表示可多选。
- 更多配置请参考 [FormItem](./FormItem.md) - 更多配置请参考 [FormItem](./FormItem.md)

View File

@ -15,7 +15,7 @@
| headerClassName | `string` | `Action.md-table-header` | 顶部外层 CSS 类名 | | headerClassName | `string` | `Action.md-table-header` | 顶部外层 CSS 类名 |
| footerClassName | `string` | `Action.md-table-footer` | 底部外层 CSS 类名 | | footerClassName | `string` | `Action.md-table-footer` | 底部外层 CSS 类名 |
| toolbarClassName | `string` | `Action.md-table-toolbar` | 工具栏 CSS 类名 | | toolbarClassName | `string` | `Action.md-table-toolbar` | 工具栏 CSS 类名 |
| columns | Array of [Column](.Column.md) | | 用来设置列信息 | | columns | Array of [Column](./Column.md) | | 用来设置列信息 |
```schema:height="700" scope="body" ```schema:height="700" scope="body"
{ {

View File

@ -1288,7 +1288,7 @@ export default class Table extends React.Component<TableProps, object> {
height = heights[rowIndex]; height = heights[rowIndex];
top += heights.header; top += heights.header;
for (let i = rowIndex - 1; i >= 0; i--) { for (let i = rowIndex - 1; i >= 0; i--) {
top += heights[i]; top += heights[i] + 1;
} }
} }