示例修改
This commit is contained in:
parent
e743500c98
commit
b87b711e5a
|
@ -3,7 +3,7 @@
|
||||||
@import "../node_modules/bee-layout/src/Layout.scss";
|
@import "../node_modules/bee-layout/src/Layout.scss";
|
||||||
@import "../node_modules/bee-button/src/Button.scss";
|
@import "../node_modules/bee-button/src/Button.scss";
|
||||||
@import "../node_modules/bee-transition/src/Transition.scss";
|
@import "../node_modules/bee-transition/src/Transition.scss";
|
||||||
// @import "../node_modules/bee-popconfirm/src/Popconfirm.scss";
|
@import "../node_modules/bee-popconfirm/src/Popconfirm.scss";
|
||||||
@import "../node_modules/bee-form-control/src/FormControl.scss";
|
@import "../node_modules/bee-form-control/src/FormControl.scss";
|
||||||
@import "../node_modules/bee-pagination/src/Pagination.scss";
|
@import "../node_modules/bee-pagination/src/Pagination.scss";
|
||||||
@import "../node_modules/bee-checkbox/src/Checkbox.scss";
|
@import "../node_modules/bee-checkbox/src/Checkbox.scss";
|
||||||
|
@ -11,6 +11,7 @@
|
||||||
@import "../node_modules/bee-form/src/Form.scss";
|
@import "../node_modules/bee-form/src/Form.scss";
|
||||||
@import "../node_modules/bee-popover/src/Popover.scss";
|
@import "../node_modules/bee-popover/src/Popover.scss";
|
||||||
@import "../node_modules/bee-tooltip/src/Tooltip.scss";
|
@import "../node_modules/bee-tooltip/src/Tooltip.scss";
|
||||||
|
@import "../node_modules/bee-message/build/Message.css";
|
||||||
@import "../src/Table.scss";
|
@import "../src/Table.scss";
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -28,7 +28,7 @@ const columns13 = [
|
||||||
width: 200,
|
width: 200,
|
||||||
sumCol: true,
|
sumCol: true,
|
||||||
order:"ascend",
|
order:"ascend",
|
||||||
sorter: (a, b) => a.c - b.c,
|
sorter: (a, b) => a.b - b.b,
|
||||||
sorterClick:(data,type)=>{//排序的回调函数
|
sorterClick:(data,type)=>{//排序的回调函数
|
||||||
//type value is up or down
|
//type value is up or down
|
||||||
console.log("data",data);
|
console.log("data",data);
|
||||||
|
@ -97,11 +97,13 @@ class Demo13 extends Component {
|
||||||
return false;
|
return false;
|
||||||
};
|
};
|
||||||
onClick = () => {
|
onClick = () => {
|
||||||
|
console.log("change selectedRow");
|
||||||
this.setState({
|
this.setState({
|
||||||
selectedRow: function() {}
|
selectedRow: function() {}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
onClick1 = () => {
|
onClick1 = () => {
|
||||||
|
console.log("change selectDisabled");
|
||||||
this.setState({
|
this.setState({
|
||||||
selectDisabled: (record, index) => {
|
selectDisabled: (record, index) => {
|
||||||
// console.log(record);
|
// console.log(record);
|
||||||
|
|
|
@ -109,7 +109,6 @@ class Demo14 extends React.Component {
|
||||||
<Icon type="uf-exc-c" className="" />
|
<Icon type="uf-exc-c" className="" />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
}
|
}
|
||||||
reg={/^[0-9]+$/}
|
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
@ -121,12 +120,12 @@ class Demo14 extends React.Component {
|
||||||
render: (text, record, index) => (
|
render: (text, record, index) => (
|
||||||
<InputRender
|
<InputRender
|
||||||
format="Currency"
|
format="Currency"
|
||||||
name="name"
|
name="number"
|
||||||
placeholder="请输入姓名"
|
placeholder="请输入货币"
|
||||||
value={text}
|
value={text}
|
||||||
isclickTrigger={true}
|
isclickTrigger={true}
|
||||||
check={this.check}
|
check={this.check}
|
||||||
onChange={this.onInputChange(index, "name")}
|
onChange={this.onInputChange(index, "number")}
|
||||||
isRequire={true}
|
isRequire={true}
|
||||||
method="blur"
|
method="blur"
|
||||||
errorMessage={
|
errorMessage={
|
||||||
|
@ -134,6 +133,7 @@ class Demo14 extends React.Component {
|
||||||
<Icon type="uf-exc-c" className="" />
|
<Icon type="uf-exc-c" className="" />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
}
|
}
|
||||||
|
reg={/^[0-9]+$/}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
|
|
@ -102,6 +102,7 @@ class Demo19 extends React.Component {
|
||||||
<Icon type="uf-exc-c" className="" />
|
<Icon type="uf-exc-c" className="" />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
}
|
}
|
||||||
|
reg={/^[0-9]+$/}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
|
|
@ -19,7 +19,7 @@ class EditableCell extends React.Component {
|
||||||
editable: false
|
editable: false
|
||||||
};
|
};
|
||||||
handleChange = e => {
|
handleChange = e => {
|
||||||
const value = e.target.value;
|
const value = e;
|
||||||
this.setState({ value });
|
this.setState({ value });
|
||||||
};
|
};
|
||||||
check = () => {
|
check = () => {
|
||||||
|
@ -145,12 +145,12 @@ class Demo2 extends React.Component {
|
||||||
this.setState({ dataSource });
|
this.setState({ dataSource });
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
onDelete = index => {
|
onDelete = (index) => {
|
||||||
return () => {
|
return () => {
|
||||||
const dataSource = [...this.state.dataSource];
|
const dataSource = [...this.state.dataSource];
|
||||||
dataSource.splice(index, 1);
|
dataSource.splice(index, 1);
|
||||||
this.setState({ dataSource });
|
this.setState({ dataSource });
|
||||||
};
|
}
|
||||||
};
|
};
|
||||||
handleAdd = () => {
|
handleAdd = () => {
|
||||||
const { count, dataSource } = this.state;
|
const { count, dataSource } = this.state;
|
||||||
|
|
|
@ -43,7 +43,7 @@ class Demo extends Component {
|
||||||
<Col md={12} >
|
<Col md={12} >
|
||||||
<h3>{ title }</h3>
|
<h3>{ title }</h3>
|
||||||
<p>{ desc }</p>
|
<p>{ desc }</p>
|
||||||
<Panel collapsible headerContent expanded={ this.state.open } colors='bordered' header={ header } footerStyle = {{padding: 0}}>
|
<Panel copyable collapsible headerContent expanded={ this.state.open } colors='bordered' header={ header } footerStyle = {{padding: 0}}>
|
||||||
<pre><code className="hljs javascript">{ code }</code></pre>
|
<pre><code className="hljs javascript">{ code }</code></pre>
|
||||||
{ !!scss_code ? <pre><code className="hljs css">{ scss_code }</code></pre> : null }
|
{ !!scss_code ? <pre><code className="hljs css">{ scss_code }</code></pre> : null }
|
||||||
</Panel>
|
</Panel>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -3,6 +3,7 @@
|
||||||
/* Navlayout */
|
/* Navlayout */
|
||||||
/* FormGroup */
|
/* FormGroup */
|
||||||
/* Navlayout */
|
/* Navlayout */
|
||||||
|
@import url(../node_modules/bee-message/build/Message.css);
|
||||||
.red {
|
.red {
|
||||||
color: rgb(244,67,54) !important; }
|
color: rgb(244,67,54) !important; }
|
||||||
|
|
||||||
|
@ -5257,6 +5258,18 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
||||||
.u-panel .u-panel-body {
|
.u-panel .u-panel-body {
|
||||||
padding: 15px 15px;
|
padding: 15px 15px;
|
||||||
position: relative; }
|
position: relative; }
|
||||||
|
.u-panel .u-panel-body .uf {
|
||||||
|
position: absolute;
|
||||||
|
right: 25px;
|
||||||
|
top: 30px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 20px;
|
||||||
|
padding: 2px 8px;
|
||||||
|
margin: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer; }
|
||||||
|
.u-panel .u-panel-body .uf:hover {
|
||||||
|
color: #a8a7a7; }
|
||||||
|
|
||||||
.u-panel-default {
|
.u-panel-default {
|
||||||
border-color: #ddd; }
|
border-color: #ddd; }
|
||||||
|
@ -6167,6 +6180,145 @@ input.u-button[type="submit"] {
|
||||||
.collapse.in {
|
.collapse.in {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
|
/* FormGroup */
|
||||||
|
/* Navlayout */
|
||||||
|
.u-popconfirm {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1540;
|
||||||
|
display: none;
|
||||||
|
max-width: 300px;
|
||||||
|
padding: 1px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: normal;
|
||||||
|
line-break: auto;
|
||||||
|
line-height: 1.42857143;
|
||||||
|
text-align: left;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: none;
|
||||||
|
text-transform: none;
|
||||||
|
white-space: normal;
|
||||||
|
word-break: normal;
|
||||||
|
word-spacing: normal;
|
||||||
|
word-wrap: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
background-color: #fff;
|
||||||
|
background-clip: padding-box;
|
||||||
|
border: 1px solid rgb(224,224,224);
|
||||||
|
border-radius: 6px;
|
||||||
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
|
||||||
|
.u-popconfirm-dark {
|
||||||
|
background-color: rgb(66,66,66);
|
||||||
|
color: #fff; }
|
||||||
|
|
||||||
|
.u-popconfirm.right {
|
||||||
|
margin-left: 10px; }
|
||||||
|
|
||||||
|
.u-popconfirm.left {
|
||||||
|
margin-left: -10px; }
|
||||||
|
|
||||||
|
.u-popconfirm.top {
|
||||||
|
margin-top: -10px; }
|
||||||
|
|
||||||
|
.u-popconfirm.bottom {
|
||||||
|
margin-top: 10px; }
|
||||||
|
|
||||||
|
.u-popconfirm.right > .arrow {
|
||||||
|
top: 50%;
|
||||||
|
left: -10px;
|
||||||
|
margin-top: -11px;
|
||||||
|
border-left-width: 0;
|
||||||
|
border-right-color: rgb(224,224,224); }
|
||||||
|
|
||||||
|
.u-popconfirm.left > .arrow {
|
||||||
|
top: 50%;
|
||||||
|
right: -10px;
|
||||||
|
margin-top: -11px;
|
||||||
|
border-right-width: 0;
|
||||||
|
border-left-color: rgb(224,224,224); }
|
||||||
|
|
||||||
|
.u-popconfirm.top > .arrow {
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -11px;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
border-top-color: rgb(224,224,224);
|
||||||
|
bottom: -10px; }
|
||||||
|
|
||||||
|
.u-popconfirm.bottom > .arrow {
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -11px;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-bottom-color: rgb(224,224,224);
|
||||||
|
top: -11px; }
|
||||||
|
|
||||||
|
.u-popconfirm > .arrow {
|
||||||
|
border-width: 10px; }
|
||||||
|
|
||||||
|
.u-popconfirm > .arrow, .u-popconfirm > .arrow:after {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-color: transparent;
|
||||||
|
border-style: solid; }
|
||||||
|
|
||||||
|
.u-popconfirm > .arrow:after {
|
||||||
|
border-width: 10px;
|
||||||
|
content: ""; }
|
||||||
|
|
||||||
|
.u-popconfirm.right > .arrow:after {
|
||||||
|
content: " ";
|
||||||
|
left: 1px;
|
||||||
|
bottom: -10px;
|
||||||
|
border-left-width: 0;
|
||||||
|
border-right-color: #fff; }
|
||||||
|
|
||||||
|
.u-popconfirm.left > .arrow:after {
|
||||||
|
content: " ";
|
||||||
|
right: 1px;
|
||||||
|
border-right-width: 0;
|
||||||
|
border-left-color: #fff;
|
||||||
|
bottom: -10px; }
|
||||||
|
|
||||||
|
.u-popconfirm.top > .arrow:after {
|
||||||
|
content: " ";
|
||||||
|
bottom: 1px;
|
||||||
|
margin-left: -10px;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
border-top-color: #fff; }
|
||||||
|
|
||||||
|
.u-popconfirm.bottom > .arrow:after {
|
||||||
|
content: " ";
|
||||||
|
top: 1px;
|
||||||
|
margin-left: -10px;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-bottom-color: #fff; }
|
||||||
|
|
||||||
|
.u-popconfirm-dark.right > .arrow:after {
|
||||||
|
border-right-color: rgb(66,66,66); }
|
||||||
|
|
||||||
|
.u-popconfirm-dark.left > .arrow:after {
|
||||||
|
border-left-color: rgb(66,66,66); }
|
||||||
|
|
||||||
|
.u-popconfirm-dark.top > .arrow:after {
|
||||||
|
border-top-color: rgb(66,66,66); }
|
||||||
|
|
||||||
|
.u-popconfirm-dark.bottom > .arrow:after {
|
||||||
|
border-bottom-color: rgb(66,66,66); }
|
||||||
|
|
||||||
|
.u-popconfirm-content {
|
||||||
|
padding: 15px; }
|
||||||
|
|
||||||
|
.u-popconfirm-confirm {
|
||||||
|
text-align: center; }
|
||||||
|
.u-popconfirm-confirm button {
|
||||||
|
margin-right: 10px; }
|
||||||
|
|
||||||
|
.u-popconfirm .u-button {
|
||||||
|
margin: 10px; }
|
||||||
|
|
||||||
/* FormGroup */
|
/* FormGroup */
|
||||||
/* Navlayout */
|
/* Navlayout */
|
||||||
.u-form-control {
|
.u-form-control {
|
||||||
|
|
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
|
@ -74,7 +74,7 @@
|
||||||
"bee-input-group": "latest",
|
"bee-input-group": "latest",
|
||||||
"bee-layout": "latest",
|
"bee-layout": "latest",
|
||||||
"bee-pagination": "latest",
|
"bee-pagination": "latest",
|
||||||
"bee-panel": "^1.0.0",
|
"bee-panel": "^1.2.12",
|
||||||
"bee-popconfirm": "^1.0.2",
|
"bee-popconfirm": "^1.0.2",
|
||||||
"bee-tools": "latest",
|
"bee-tools": "latest",
|
||||||
"bee-tooltip": "^1.0.2",
|
"bee-tooltip": "^1.0.2",
|
||||||
|
|
Loading…
Reference in New Issue