过滤面板,热区扩大为整行

This commit is contained in:
yangchch6 2019-04-25 10:03:41 +08:00
parent 9b81845b3d
commit a050e18497
14 changed files with 109 additions and 129 deletions

View File

@ -337,7 +337,7 @@
cursor: pointer; } cursor: pointer; }
.u-table-filter-column-pop-cont-item .u-checkbox { .u-table-filter-column-pop-cont-item .u-checkbox {
margin: 0px; } margin: 0px; }
.u-table-filter-column-pop-cont-item > span { .u-table-filter-column-pop-cont-item span.drop-menu-title {
margin-left: -3px; margin-left: -3px;
max-width: 132px; max-width: 132px;
width: auto !important; width: auto !important;

View File

@ -239,12 +239,8 @@ function filterColumn(Table, Popover) {
_react2["default"].createElement( _react2["default"].createElement(
_beeCheckbox2["default"], _beeCheckbox2["default"],
paramObj, paramObj,
_react2["default"].createElement(
"span",
null,
da.title da.title
) )
)
); );
}); });
}; };

View File

@ -2,7 +2,7 @@
* *
* @title 横向滚动条 * @title 横向滚动条
* @parent 滚动 Scroll View * @parent 滚动 Scroll View
* @description 设置`scroll`属性支持横向或纵向滚动x/y的取值可以是正整数百分比布尔值 * @description 设置`scroll`属性支持横向或纵向滚动x的取值可以是正整数(自动转为相应的像素值)百分比相对于表格真实宽度的百分比大于100%时会出现滚动条布尔值y的取值是正整数
* demo0201 * demo0201
*/ */

View File

@ -7,13 +7,13 @@
*/ */
import React, { Component } from "react"; import React, { Component } from "react";
import {Button,Checkbox} from "tinper-bee"; import {Checkbox} from "tinper-bee";
import Table from "../../src"; import Table from "../../src";
import sum from "../../src/lib/sum.js"; import sum from "../../src/lib/sum.js";
import multiSelect from "../../src/lib/multiSelect.js"; import multiSelect from "../../src/lib/multiSelect.js";
let ComplexTable = multiSelect(sum(Table), Checkbox); let ComplexTable = multiSelect(sum(Table), Checkbox);
let _sum = 0;
const columns = [ const columns = [
{ {
title: "单据编号", title: "单据编号",
@ -81,6 +81,8 @@ function getData(){
total: i + Math.floor(Math.random()*10), total: i + Math.floor(Math.random()*10),
money: 20 * Math.floor(Math.random()*10) money: 20 * Math.floor(Math.random()*10)
}); });
_sum += data[i].total;
_sum += data[i].money;
} }
return data; return data;
} }
@ -90,32 +92,20 @@ class Demo35 extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
data: getData() data: getData(),
sum:_sum
}; };
} }
changeData = ()=>{
this.setState({
data: getData()
});
}
render() { render() {
const {data} = this.state; const {data} = this.state;
return ( return (
<div> <div>
<Button
className="editable-add-btn"
onClick={this.changeData}
>
动态设置数据源
</Button>
<ComplexTable <ComplexTable
columns={columns} columns={columns}
data={data} data={data}
bordered bordered
// scroll={{ x: "130%", y: 140 }} footer={currentData => <div>总计: {_sum}</div>}
/> />
</div> </div>
); );

View File

@ -60,6 +60,7 @@ class Demo8 extends Component {
onSelect={this.handleSelect.bind(this)} onSelect={this.handleSelect.bind(this)}
onDataNumSelect={this.dataNumSelect} onDataNumSelect={this.dataNumSelect}
showJump={true} showJump={true}
noBorder={true}
total={100} total={100}
dataNum={2} dataNum={2}
/> />

File diff suppressed because one or more lines are too long

47
dist/demo.js vendored

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -110,7 +110,7 @@ export default function filterColumn(Table, Popover) {
> >
<Checkbox {...paramObj}> <Checkbox {...paramObj}>
<span>{da.title}</span> {da.title}
</Checkbox> </Checkbox>
</div> </div>
); );