Merge remote-tracking branch 'baidu/master'
This commit is contained in:
commit
be9d79cc11
|
@ -1,20 +1,21 @@
|
|||
## Tabs
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ----------------- | ----------------------- | ----------------------------------- | -------------------------------------------------------- |
|
||||
| type | `string` | `"tabs"` | 指定为 Tabs 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| tabsClassName | `string` | | Tabs Dom 的类名 |
|
||||
| tabs | `Array` | | tabs 内容 |
|
||||
| toolbar | [Container](./Types.md#container) | | tabs 中的工具栏 |
|
||||
| toolbarClassName | `string` | | tabs 中工具栏的类名 |
|
||||
| tabs[x].title | `string` | | Tab 标题 |
|
||||
| tabs[x].icon | `icon` | | Tab 的图标 |
|
||||
| tabs[x].tab | [Container](./Types.md#container) | | 内容区 |
|
||||
| tabs[x].hash | `string` | | 设置以后将跟 url 的 hash 对应 |
|
||||
| tabs[x].reload | `boolean` | | 设置以后内容每次都会重新渲染,对于 crud 的重新拉取很有用 |
|
||||
| tabs[x].unmountOnExit | `boolean` | | 每次退出都会销毁当前tab栏内容 |
|
||||
| tabs[x].className | `string` | `"bg-white b-l b-r b-b wrapper-md"` | Tab 区域样式 |
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| --------------------- | --------------------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------- |
|
||||
| type | `string` | `"tabs"` | 指定为 Tabs 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| tabsClassName | `string` | | Tabs Dom 的类名 |
|
||||
| activeKey | `number`或`string` | | 配置默认展示的 tab。配置`tabs`中`tab` 的`hash`值,或者配置需要展示第`n`个 `tab`,`0` 是第一个 |
|
||||
| tabs | `Array` | | tabs 内容 |
|
||||
| toolbar | [Container](./Types.md#container) | | tabs 中的工具栏 |
|
||||
| toolbarClassName | `string` | | tabs 中工具栏的类名 |
|
||||
| tabs[x].title | `string` | | Tab 标题 |
|
||||
| tabs[x].icon | `icon` | | Tab 的图标 |
|
||||
| tabs[x].tab | [Container](./Types.md#container) | | 内容区 |
|
||||
| tabs[x].hash | `string` | | 设置以后将跟 url 的 hash 对应 |
|
||||
| tabs[x].reload | `boolean` | | 设置以后内容每次都会重新渲染,对于 crud 的重新拉取很有用 |
|
||||
| tabs[x].unmountOnExit | `boolean` | | 每次退出都会销毁当前 tab 栏内容 |
|
||||
| tabs[x].className | `string` | `"bg-white b-l b-r b-b wrapper-md"` | Tab 区域样式 |
|
||||
|
||||
```schema:height="500" scope="body"
|
||||
[
|
||||
|
@ -25,7 +26,7 @@
|
|||
"title": "Tab 1",
|
||||
"tab": "Content 1"
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"title": "Tab 2",
|
||||
"tab": "Content 2"
|
||||
|
@ -50,7 +51,7 @@
|
|||
"title": "Tab 1",
|
||||
"tab": "Content 1"
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"title": "Tab 2",
|
||||
"tab": "Content 2"
|
||||
|
|
|
@ -129,7 +129,7 @@
|
|||
background-color: $white;
|
||||
border-radius: $borderRadius;
|
||||
font-size: $fontSizeSm;
|
||||
line-height: $fontSizeSm;
|
||||
line-height: px2rem(10px);
|
||||
text-align: center;
|
||||
user-select: none;
|
||||
}
|
||||
|
@ -207,7 +207,7 @@
|
|||
bottom: px2rem(-6px);
|
||||
left: 50%;
|
||||
cursor: ns-resize;
|
||||
width: px2rem(20px);
|
||||
width: px2rem(24px);
|
||||
height: px2rem(12px);
|
||||
}
|
||||
}
|
||||
|
@ -265,7 +265,7 @@
|
|||
cursor: ew-resize;
|
||||
writing-mode: vertical-lr;
|
||||
width: px2rem(12px);
|
||||
height: px2rem(20px);
|
||||
height: px2rem(24px);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -300,7 +300,7 @@
|
|||
top: px2rem(-6px);
|
||||
left: 50%;
|
||||
cursor: ns-resize;
|
||||
width: px2rem(20px);
|
||||
width: px2rem(24px);
|
||||
height: px2rem(12px);
|
||||
}
|
||||
}
|
||||
|
@ -338,6 +338,6 @@
|
|||
cursor: ew-resize;
|
||||
writing-mode: vertical-lr;
|
||||
width: px2rem(12px);
|
||||
height: px2rem(20px);
|
||||
height: px2rem(24px);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -759,7 +759,8 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
|
|||
render,
|
||||
store,
|
||||
classPrefix: ns,
|
||||
classnames: cx
|
||||
classnames: cx,
|
||||
popOverContainer
|
||||
} = this.props;
|
||||
|
||||
const currentStep = this.state.currentStep;
|
||||
|
@ -791,7 +792,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
|
|||
onSubmit: this.handleSubmit,
|
||||
onAction: this.handleAction,
|
||||
disabled: store.loading,
|
||||
popOverContainer: this.getPopOverContainer,
|
||||
popOverContainer: popOverContainer || this.getPopOverContainer,
|
||||
onChange: this.handleChange
|
||||
}
|
||||
)
|
||||
|
|
Loading…
Reference in New Issue