示例修改
This commit is contained in:
yangchch6
parent
e743500c98
commit
b87b711e5a
|
|
@ -3,7 +3,7 @@
|
|||
@import "../node_modules/bee-layout/src/Layout.scss";
|
||||
@import "../node_modules/bee-button/src/Button.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-pagination/src/Pagination.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-popover/src/Popover.scss";
|
||||
@import "../node_modules/bee-tooltip/src/Tooltip.scss";
|
||||
@import "../node_modules/bee-message/build/Message.css";
|
||||
@import "../src/Table.scss";
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ const columns13 = [
|
|||
width: 200,
|
||||
sumCol: true,
|
||||
order:"ascend",
|
||||
sorter: (a, b) => a.c - b.c,
|
||||
sorter: (a, b) => a.b - b.b,
|
||||
sorterClick:(data,type)=>{//排序的回调函数
|
||||
//type value is up or down
|
||||
console.log("data",data);
|
||||
|
|
@ -97,11 +97,13 @@ class Demo13 extends Component {
|
|||
return false;
|
||||
};
|
||||
onClick = () => {
|
||||
console.log("change selectedRow");
|
||||
this.setState({
|
||||
selectedRow: function() {}
|
||||
selectedRow: function() {}
|
||||
});
|
||||
};
|
||||
onClick1 = () => {
|
||||
console.log("change selectDisabled");
|
||||
this.setState({
|
||||
selectDisabled: (record, index) => {
|
||||
// console.log(record);
|
||||
|
|
|
|||
|
|
@ -109,7 +109,6 @@ class Demo14 extends React.Component {
|
|||
<Icon type="uf-exc-c" className="" />
|
||||
</Tooltip>
|
||||
}
|
||||
reg={/^[0-9]+$/}
|
||||
/>
|
||||
)
|
||||
},
|
||||
|
|
@ -121,12 +120,12 @@ class Demo14 extends React.Component {
|
|||
render: (text, record, index) => (
|
||||
<InputRender
|
||||
format="Currency"
|
||||
name="name"
|
||||
placeholder="请输入姓名"
|
||||
name="number"
|
||||
placeholder="请输入货币"
|
||||
value={text}
|
||||
isclickTrigger={true}
|
||||
check={this.check}
|
||||
onChange={this.onInputChange(index, "name")}
|
||||
onChange={this.onInputChange(index, "number")}
|
||||
isRequire={true}
|
||||
method="blur"
|
||||
errorMessage={
|
||||
|
|
@ -134,6 +133,7 @@ class Demo14 extends React.Component {
|
|||
<Icon type="uf-exc-c" className="" />
|
||||
</Tooltip>
|
||||
}
|
||||
reg={/^[0-9]+$/}
|
||||
/>
|
||||
)
|
||||
},
|
||||
|
|
|
|||
|
|
@ -102,6 +102,7 @@ class Demo19 extends React.Component {
|
|||
<Icon type="uf-exc-c" className="" />
|
||||
</Tooltip>
|
||||
}
|
||||
reg={/^[0-9]+$/}
|
||||
/>
|
||||
)
|
||||
},
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ class EditableCell extends React.Component {
|
|||
editable: false
|
||||
};
|
||||
handleChange = e => {
|
||||
const value = e.target.value;
|
||||
const value = e;
|
||||
this.setState({ value });
|
||||
};
|
||||
check = () => {
|
||||
|
|
@ -145,12 +145,12 @@ class Demo2 extends React.Component {
|
|||
this.setState({ dataSource });
|
||||
};
|
||||
};
|
||||
onDelete = index => {
|
||||
onDelete = (index) => {
|
||||
return () => {
|
||||
const dataSource = [...this.state.dataSource];
|
||||
dataSource.splice(index, 1);
|
||||
this.setState({ dataSource });
|
||||
};
|
||||
}
|
||||
};
|
||||
handleAdd = () => {
|
||||
const { count, dataSource } = this.state;
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ class Demo extends Component {
|
|||
<Col md={12} >
|
||||
<h3>{ title }</h3>
|
||||
<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>
|
||||
{ !!scss_code ? <pre><code className="hljs css">{ scss_code }</code></pre> : null }
|
||||
</Panel>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -3,6 +3,7 @@
|
|||
/* Navlayout */
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
@import url(../node_modules/bee-message/build/Message.css);
|
||||
.red {
|
||||
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 {
|
||||
padding: 15px 15px;
|
||||
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 {
|
||||
border-color: #ddd; }
|
||||
|
|
@ -6167,6 +6180,145 @@ input.u-button[type="submit"] {
|
|||
.collapse.in {
|
||||
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 */
|
||||
/* Navlayout */
|
||||
.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-layout": "latest",
|
||||
"bee-pagination": "latest",
|
||||
"bee-panel": "^1.0.0",
|
||||
"bee-panel": "^1.2.12",
|
||||
"bee-popconfirm": "^1.0.2",
|
||||
"bee-tools": "latest",
|
||||
"bee-tooltip": "^1.0.2",
|
||||
|
|
|
|||
Loading…
Reference in New Issue