优化过滤列样式
This commit is contained in:
parent
ddaadf2772
commit
b888bd0ce3
|
@ -283,7 +283,7 @@ var FilterDropDown = function (_Component) {
|
|||
_beeButton2["default"],
|
||||
{
|
||||
shape: 'border',
|
||||
style: { marginLeft: "3px", minWidth: "0px", width: "24px", padding: 0 }
|
||||
style: { marginLeft: "2px", minWidth: "0px", width: "26px", lineHeight: "24px", padding: 0 }
|
||||
},
|
||||
_react2["default"].createElement(_beeIcon2["default"], { style: { padding: 0, color: '#585858' }, type: 'uf-filter' })
|
||||
)
|
||||
|
@ -293,7 +293,7 @@ var FilterDropDown = function (_Component) {
|
|||
{
|
||||
onClick: this.onClickClear,
|
||||
shape: 'border',
|
||||
style: { marginLeft: "1px", minWidth: "0px", width: "24px", padding: 0, "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }
|
||||
style: { marginLeft: "2px", minWidth: "0px", width: "26px", lineHeight: "24px", padding: 0, "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }
|
||||
},
|
||||
_react2["default"].createElement(_beeIcon2["default"], { style: { padding: 0, color: '#585858', "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }, type: 'uf-filterno' })
|
||||
)
|
||||
|
|
|
@ -248,6 +248,7 @@ var FilterType = function (_Component) {
|
|||
'div',
|
||||
{ className: clsPrefix + ' filter-wrap' },
|
||||
_react2["default"].createElement(_beeSelect2["default"], _extends({}, _this.props, {
|
||||
size: 'sm',
|
||||
value: _this.state.value,
|
||||
onChange: _this.changeSelect
|
||||
})),
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -62,7 +62,6 @@
|
|||
"component-classes": "^1.2.6",
|
||||
"lodash.clonedeep": "^4.5.0",
|
||||
"object-path": "^0.11.3",
|
||||
"ref-tree": "2.0.1-beta.1",
|
||||
"shallowequal": "^1.0.2",
|
||||
"throttle-debounce": "^2.0.1",
|
||||
"tinper-bee-core": "latest",
|
||||
|
@ -91,6 +90,7 @@
|
|||
"react-addons-test-utils": "^15.5.0",
|
||||
"react-dom": "^16.6.3",
|
||||
"reqwest": "^2.0.5",
|
||||
"tinper-bee": "latest"
|
||||
"tinper-bee": "latest",
|
||||
"ref-tree": "2.0.1-beta.1"
|
||||
}
|
||||
}
|
|
@ -157,7 +157,7 @@ class FilterDropDown extends Component {
|
|||
>
|
||||
<Button
|
||||
shape="border"
|
||||
style={{ marginLeft: "3px", minWidth: "0px", width: "24px", padding: 0 }}
|
||||
style={{ marginLeft: "2px", minWidth: "0px", width: "26px", lineHeight: "24px", padding: 0 }}
|
||||
>
|
||||
<Icon style={{ padding: 0, color: '#585858' }} type="uf-filter" />
|
||||
</Button>
|
||||
|
@ -165,7 +165,7 @@ class FilterDropDown extends Component {
|
|||
<Button
|
||||
onClick={this.onClickClear}
|
||||
shape="border"
|
||||
style={{ marginLeft: "1px", minWidth: "0px", width: "24px", padding: 0, "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }}
|
||||
style={{ marginLeft: "2px", minWidth: "0px", width: "26px", lineHeight: "24px", padding: 0, "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }}
|
||||
>
|
||||
<Icon style={{ padding: 0, color: '#585858', "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }} type="uf-filterno" />
|
||||
</Button>
|
||||
|
|
|
@ -209,6 +209,7 @@ class FilterType extends Component {
|
|||
return <div className={`${clsPrefix} filter-wrap`}>
|
||||
<Select
|
||||
{...this.props}
|
||||
size="sm"
|
||||
value={this.state.value}
|
||||
onChange={this.changeSelect}
|
||||
/><FilterDropDown
|
||||
|
|
Loading…
Reference in New Issue