innov
/
bee-tree
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Wiki Activity

树示例优化

This commit is contained in:
yangchch6 2019-03-06 16:39:54 +08:00
parent 662fb64816
commit 50b8d158a3
17 changed files with 319 additions and 448 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
build/Tree.css
View File

@ -31,12 +31,12 @@
.u-checkbox input[disabled] {
cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(30,136,229); }
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px rgb(30,136,229);
-webkit-box-shadow: inset 0 0 0 10px rgb(30,136,229);
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
-moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
-webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: #fff;
content: "\e658";
@ -83,8 +83,8 @@
font-size: 14px; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px rgb(76,175,80);
@ -144,8 +144,8 @@
position: relative;
vertical-align: middle; }
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
background-color: rgb(30,136,229);
border-color: rgb(30,136,229); }
background-color: rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-tree .u-tree-checkbox-inner {
position: relative;
top: 0;
@ -159,8 +159,8 @@
-webkit-transition: all .3s;
transition: all .3s; }
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
background-color: rgb(30,136,229);
border-color: rgb(30,136,229); }
background-color: rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner {
border-color: #d9d9d9;
background-color: #f3f3f3; }
@ -263,11 +263,11 @@
.u-tree li a.u-tree-node-content-wrapper {
width: calc(100% - 18px); }
.u-tree li a:hover {
background-color: rgb(243,243,243); }
background-color: rgb(235, 236, 240); }
.u-tree li a.u-tree-node-selected {
background-color: rgb(243,243,243); }
background-color: rgb(235, 236, 240); }
.u-tree li a.u-tree-node-selected .u-tree-title {
color: rgb(30,136,229); }
color: rgb(245, 60, 50); }
.u-tree li span.u-checkbox {
margin: 2px 4px 0 0; }
.u-tree li span.u-tree-switcher,

10
build/Tree.js
View File

@ -45,7 +45,7 @@ var Tree = function (_React$Component) {
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
['onKeyDown', 'onCheck', "onUlFocus", "_focusDom", "onUlMouseDown", "onUlMouseEnter", "onUlMouseLeave"].forEach(function (m) {
['onKeyDown', 'onCheck', "onUlFocus", "_focusDom", "onUlMouseEnter", "onUlMouseLeave"].forEach(function (m) {
_this[m] = _this[m].bind(_this);
});
_this.contextmenuKeys = [];
@ -601,14 +601,6 @@ var Tree = function (_React$Component) {
}
};
Tree.prototype.onUlMouseDown = function onUlMouseDown(e) {
// const targetDom = e.target;
// console.log('mouseDown************',e.target);
// if(this.refs.tree !== targetDom){
// e.preventDefault();
// }
};
Tree.prototype.onUlMouseEnter = function onUlMouseEnter(e) {
this.isIn = true;
};

3
demo/TreeDemo.scss
View File

@ -7,3 +7,6 @@
@import "../node_modules/bee-form-control/src/FormControl.scss";
.myCls.u-tree{
max-width: 240px;
}

2
demo/demolist/Demo10.js
View File

@ -67,7 +67,7 @@ class Demo10 extends Component {
<TreeNode title="leaf" key="0-0-0-1" />
</TreeNode>
<TreeNode title="parent 1-1" key="0-0-1">
<TreeNode title={<span style={{ color: '#08c' }}>sss</span>} key="0-0-1-0" />
<TreeNode title={<span>sss</span>} key="0-0-1-0" />
</TreeNode>
<TreeNode title="parent 1-2" key="0-0-2" >
<TreeNode title="leaf" key="0-0-2-0" />

2
demo/demolist/Demo2.js
View File

@ -86,7 +86,7 @@ class Demo2 extends Component{
<Tree
checkable
focusable
className={'demo2'}
className="demo2 myCls"
onExpand={this.onExpand} expandedKeys={this.state.expandedKeys}
autoExpandParent={this.state.autoExpandParent}
onCheck={this.onCheck}

1
demo/demolist/Demo3.js
View File

@ -106,6 +106,7 @@ class Demo3 extends Component{
});
return (
<Tree
className="myCls"
defaultExpandedKeys={this.state.expandedKeys}
draggable
onDragEnter={this.onDragEnter}

1
demo/demolist/Demo4.js
View File

@ -146,6 +146,7 @@ class Demo4 extends Component {
onChange={this.onChange}
/>
<Tree
className="myCls"
onExpand={this.onExpand}
expandedKeys={expandedKeys}
autoExpandParent={autoExpandParent}

2
demo/demolist/Demo5.js
View File

@ -141,7 +141,7 @@ class Demo5 extends Component {
});
const treeNodes = loop(this.state.treeData);
return (
<Tree onSelect={this.onSelect} loadData={this.onLoadData} >
<Tree className="myCls" onSelect={this.onSelect} loadData={this.onLoadData} >
{treeNodes}
</Tree>
);

2
demo/demolist/Demo6.js
View File

@ -48,7 +48,7 @@ class Demo1 extends Component {
<TreeNode title="leaf" key="0-0-0-1" />
</TreeNode>
<TreeNode title="parent 1-1" key="0-0-1">
<TreeNode title={<span style={{ color: '#08c' }}>sss</span>} key="0-0-1-0" />
<TreeNode title={<span>sss</span>} key="0-0-1-0" />
</TreeNode>
</TreeNode>
</Tree>

4
demo/demolist/Demo7.js
View File

@ -139,10 +139,10 @@ class Demo7 extends Component {
console.log('defaultKeys--' + this.state.defaultExpandedKeys);
return (
<div>
<Tree onSelect={this.onSelect} defaultExpandedKeys={this.state.defaultExpandedKeys}>
<Tree onSelect={this.onSelect} defaultExpandedKeys={this.state.defaultExpandedKeys} className="myCls">
{treeNodes}
</Tree>
<Button colors="success" onClick={this.clickFun}>
<Button colors="secondary" onClick={this.clickFun}>
增加节点
</Button>
</div>

2
demo/demolist/Demo8.js
View File

@ -108,7 +108,7 @@ class Demo8 extends Component {
});
const treeNodes = loop(this.state.treeData);
return (
<Tree onMouseLeave={this.onMouseLeave} onMouseEnter={this.onMouseEnter}>
<Tree onMouseLeave={this.onMouseLeave} onMouseEnter={this.onMouseEnter} className="myCls">
{treeNodes}
</Tree>

2
demo/demolist/Demo9.js
View File

@ -31,7 +31,7 @@ class Demo9 extends Component {
<TreeNode title="leaf" key="0-0-0-1" />
</TreeNode>
<TreeNode title="parent 1-1" key="0-0-1">
<TreeNode title={<span style={{ color: '#08c' }}>sss</span>} key="0-0-1-0" />
<TreeNode title={<span>sss</span>} key="0-0-1-0" />
</TreeNode>
</TreeNode>
</Tree>

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

191
dist/demo.css vendored
View File

@ -2152,13 +2152,13 @@
color: rgb(255,255,255) !important; }
.bg-primary {
background-color: rgb(30,136,229) !important; }
background-color: rgb(245, 60, 50) !important; }
.bg-primary-contrast {
background-color: rgb(255,255,255) !important; }
.bg-primary-dark {
background-color: rgb(21,101,192) !important; }
background-color: rgb(230, 0, 18) !important; }
.bg-accent {
background-color: rgb(67,160,71) !important; }
@ -2167,13 +2167,13 @@
background-color: rgb(255,255,255) !important; }
.text-primary {
color: rgb(30,136,229) !important; }
color: rgb(245, 60, 50) !important; }
.text-primary-contrast {
color: rgb(255,255,255) !important; }
.text-primary-dark {
color: rgb(21,101,192) !important; }
color: rgb(230, 0, 18) !important; }
.text-accent {
color: rgb(67,160,71) !important; }
@ -2418,9 +2418,6 @@ i.uf {
/*
* 选择时删除文本阴影，及设置默认选中颜色
*/
::-moz-selection {
background: rgb(187,222,251);
text-shadow: none; }
::selection {
background: rgb(187,222,251);
text-shadow: none; }
@ -5291,10 +5288,10 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-checkbox input[disabled] {
cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(30,136,229); }
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: #fff;
content: "\e658";
@ -5336,8 +5333,8 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
font-size: 14px; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(76,175,80);
@ -5387,8 +5384,8 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
position: relative;
vertical-align: middle; }
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
background-color: rgb(30,136,229);
border-color: rgb(30,136,229); }
background-color: rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-tree .u-tree-checkbox-inner {
position: relative;
top: 0;
@ -5401,8 +5398,8 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
background-color: #fff;
transition: all .3s; }
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
background-color: rgb(30,136,229);
border-color: rgb(30,136,229); }
background-color: rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner {
border-color: #d9d9d9;
background-color: #f3f3f3; }
@ -5494,11 +5491,11 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-tree li a.u-tree-node-content-wrapper {
width: calc(100% - 18px); }
.u-tree li a:hover {
background-color: rgb(243,243,243); }
background-color: rgb(235, 236, 240); }
.u-tree li a.u-tree-node-selected {
background-color: rgb(243,243,243); }
background-color: rgb(235, 236, 240); }
.u-tree li a.u-tree-node-selected .u-tree-title {
color: rgb(30,136,229); }
color: rgb(245, 60, 50); }
.u-tree li span.u-checkbox {
margin: 2px 4px 0 0; }
.u-tree li span.u-tree-switcher,
@ -5638,8 +5635,8 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-tree li span.u-tree-switcher.u-tree-noline_close:after {
transform: rotate(270deg) scale(0.6); }
/**
* 自定义switcher图标
/**
* 自定义switcher图标
*/
.u-tree li span.u-tree-switcher.icon-none:after {
content: ""; }
@ -5686,7 +5683,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
border: 1px solid transparent;
border-radius: 3px; }
border-radius: 4px; }
.u-panel .u-panel-heading {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
@ -6405,15 +6402,15 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-button::-moz-focus-inner {
border: 0; }
.u-button:hover {
background-color: rgb(189,189,189);
background-color: rgb(238,238,238);
border-color: rgb(238,238,238); }
.u-button:active {
background-color: rgb(189,189,189);
border-color: rgb(189,189,189); }
.u-button.colored {
color: rgb(30,136,229); }
color: rgb(245, 60, 50); }
.u-button.colored:focus:not(:active) {
background-color: rgb(189,189,189);
background-color: rgb(238,238,238);
border-color: rgb(189,189,189); }
.u-button.disable {
-webkit-box-shadow: none;
@ -6434,7 +6431,7 @@ input.u-button[type="submit"] {
width: 38px;
padding: 0;
line-height: normal;
border: 1px solid rgb(189,189,189); }
border: 1px solid rgb(165, 173, 186); }
.u-button-floating.colored {
background: rgb(67,160,71);
color: rgb(255,255,255);
@ -6462,62 +6459,35 @@ input.u-button[type="submit"] {
.u-button-border {
color: rgb(0,0,0);
border: 1px solid rgb(189,189,189);
border: 1px solid rgb(165, 173, 186);
background: rgb(255,255,255); }
.u-button-border:hover {
color: rgb(0,0,0);
<<<<<<< HEAD
background-color: rgb(238,238,238);
border-color: rgb(189,189,189); }
.u-button-border:active {
color: rgb(0,0,0);
background-color: rgb(189,189,189);
border-color: rgb(189,189,189); }
.u-button-border:focus:not(:active) {
color: rgb(0,0,0);
background-color: rgb(238,238,238);
border-color: rgb(189,189,189); }
.u-button.u-button-primary {
color: rgb(255,255,255);
background-color: rgb(30,136,229);
border: 1px rgb(30,136,229) solid; }
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245); }
=======
background-color: rgb(189,189,189);
border-color: rgb(165, 173, 186); }
.u-button-border:active {
color: rgb(0,0,0);
background-color: rgb(189,189,189);
background-color: rgb(238,238,238);
border-color: rgb(165, 173, 186); }
.u-button.u-button-primary {
color: rgb(255,255,255);
background-color: rgb(245, 60, 50);
border: 1px rgb(245, 60, 50) solid; }
.u-button.u-button-primary:hover {
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {
background-color: rgb(230, 0, 18);
border-color: rgb(230, 0, 18); }
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary.u-button[disabled]:hover {
background-color: rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
>>>>>>> 129b7b1a1e6c504b7c5f843341d8b51c938e3a65
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(230, 0, 18);
border-color: rgb(230, 0, 18); }
.u-button.u-button-secondary {
color: rgb(0,0,0);
background-color: rgb(224,224,224);
border: 1px rgb(224,224,224) solid; }
.u-button.u-button-secondary:hover {
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {
background-color: rgb(189,189,189);
border-color: rgb(189,189,189); }
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary.u-button[disabled]:hover {
background-color: rgb(224,224,224);
border-color: rgb(224,224,224); }
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
background-color: rgb(189,189,189);
border-color: rgb(189,189,189); }
@ -6526,12 +6496,9 @@ input.u-button[type="submit"] {
color: rgb(255,255,255);
background-color: rgb(244,67,54);
border: 1px rgb(244,67,54) solid; }
.u-button.u-button-danger:hover {
background-color: rgb(229,115,115);
border-color: rgb(229,115,115); }
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger.u-button[disabled]:hover {
background-color: rgb(244,67,54);
border-color: rgb(244,67,54); }
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {
background-color: rgb(211,47,47);
border-color: rgb(211,47,47); }
.u-button.u-button-danger.active, .u-button.u-button-danger:active {
background-color: rgb(211,47,47);
border-color: rgb(211,47,47); }
@ -6540,12 +6507,9 @@ input.u-button[type="submit"] {
color: rgb(255,255,255);
background-color: rgb(0,188,212);
border: 1px rgb(0,188,212) solid; }
.u-button.u-button-info:hover {
background-color: rgb(77,208,225);
border-color: rgb(77,208,225); }
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info.u-button[disabled]:hover {
background-color: rgb(0,188,212);
border-color: rgb(0,188,212); }
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {
background-color: rgb(0,151,167);
border-color: rgb(0,151,167); }
.u-button.u-button-info.active, .u-button.u-button-info:active {
background-color: rgb(0,151,167);
border-color: rgb(0,151,167); }
@ -6554,12 +6518,9 @@ input.u-button[type="submit"] {
color: rgb(255,255,255);
background-color: rgb(255,152,0);
border: 1px rgb(255,152,0) solid; }
.u-button.u-button-warning:hover {
background-color: rgb(255,183,77);
border-color: rgb(255,183,77); }
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning.u-button[disabled]:hover {
background-color: rgb(255,152,0);
border-color: rgb(255,152,0); }
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {
background-color: rgb(245,124,0);
border-color: rgb(245,124,0); }
.u-button.u-button-warning.active, .u-button.u-button-warning:active {
background-color: rgb(245,124,0);
border-color: rgb(245,124,0); }
@ -6568,12 +6529,9 @@ input.u-button[type="submit"] {
color: rgb(255,255,255);
background-color: rgb(76,175,80);
border: 1px rgb(76,175,80) solid; }
.u-button.u-button-success:hover {
background-color: rgb(129,199,132);
border-color: rgb(129,199,132); }
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success.u-button[disabled]:hover {
background-color: rgb(76,175,80);
border-color: rgb(76,175,80); }
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {
background-color: rgb(56,142,60);
border-color: rgb(56,142,60); }
.u-button.u-button-success.active, .u-button.u-button-success:active {
background-color: rgb(56,142,60);
border-color: rgb(56,142,60); }
@ -6582,12 +6540,9 @@ input.u-button[type="submit"] {
color: rgb(255,255,255);
background-color: rgb(97,97,97);
border: 1px rgb(97,97,97) solid; }
.u-button.u-button-dark:hover {
background-color: rgb(117,117,117);
border-color: rgb(117,117,117); }
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark.u-button[disabled]:hover {
background-color: rgb(97,97,97);
border-color: rgb(97,97,97); }
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {
background-color: rgb(66,66,66);
border-color: rgb(66,66,66); }
.u-button.u-button-dark.active, .u-button.u-button-dark:active {
background-color: rgb(66,66,66);
border-color: rgb(66,66,66); }
@ -6596,12 +6551,9 @@ input.u-button[type="submit"] {
color: rgb(97,97,97);
background-color: rgb(255,255,255);
border: 1px rgb(255,255,255) solid; }
.u-button.u-button-light:hover {
background-color: rgb(238,238,238);
border-color: rgb(238,238,238); }
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light.u-button[disabled]:hover {
background-color: rgb(255,255,255);
border-color: rgb(255,255,255); }
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {
background-color: rgb(189,189,189);
border-color: rgb(189,189,189); }
.u-button.u-button-light.active, .u-button.u-button-light:active {
background-color: rgb(189,189,189);
border-color: rgb(189,189,189); }
@ -6611,8 +6563,8 @@ input.u-button[type="submit"] {
background-color: #fff;
border: 1px rgb(76,175,80) solid; }
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
background-color: rgb(129,199,132);
border-color: rgb(129,199,132);
background-color: rgb(56,142,60);
border-color: rgb(56,142,60);
color: #fff; }
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
color: #fff;
@ -6624,8 +6576,8 @@ input.u-button[type="submit"] {
background-color: #fff;
border: 1px rgb(255,152,0) solid; }
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
background-color: rgb(255,183,77);
border-color: rgb(255,183,77);
background-color: rgb(245,124,0);
border-color: rgb(245,124,0);
color: #fff; }
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
color: #fff;
@ -6637,8 +6589,8 @@ input.u-button[type="submit"] {
background-color: #fff;
border: 1px rgb(244,67,54) solid; }
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
background-color: rgb(229,115,115);
border-color: rgb(229,115,115);
background-color: rgb(211,47,47);
border-color: rgb(211,47,47);
color: #fff; }
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
color: #fff;
@ -6650,8 +6602,8 @@ input.u-button[type="submit"] {
background-color: #fff;
border: 1px rgb(0,188,212) solid; }
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
background-color: rgb(77,208,225);
border-color: rgb(77,208,225);
background-color: rgb(0,151,167);
border-color: rgb(0,151,167);
color: #fff; }
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
color: #fff;
@ -6659,17 +6611,17 @@ input.u-button[type="submit"] {
border-color: rgb(0,151,167); }
.u-button-border.u-button-primary {
color: rgb(30,136,229);
color: rgb(245, 60, 50);
background-color: #fff;
border: 1px rgb(30,136,229) solid; }
border: 1px rgb(245, 60, 50) solid; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245);
background-color: rgb(230, 0, 18);
border-color: rgb(230, 0, 18);
color: #fff; }
.u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
color: #fff;
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(230, 0, 18);
border-color: rgb(230, 0, 18); }
.u-button-border.u-button-secondary {
color: rgb(224,224,224);
@ -6689,8 +6641,8 @@ input.u-button[type="submit"] {
background-color: #fff;
border: 1px rgb(97,97,97) solid; }
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
background-color: rgb(117,117,117);
border-color: rgb(117,117,117);
background-color: rgb(66,66,66);
border-color: rgb(66,66,66);
color: #fff; }
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
color: #fff;
@ -6702,8 +6654,8 @@ input.u-button[type="submit"] {
background-color: #fff;
border: 1px rgb(255,255,255) solid; }
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
background-color: rgb(238,238,238);
border-color: rgb(238,238,238);
background-color: rgb(189,189,189);
border-color: rgb(189,189,189);
color: #fff; }
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
color: #fff;
@ -6719,7 +6671,7 @@ input.u-button[type="submit"] {
width: 32px;
padding: 0;
line-height: normal;
border: 1px solid rgb(189,189,189); }
border: 1px solid rgb(165, 173, 186); }
.u-button-lg {
padding: 8px 15px;
@ -6775,14 +6727,14 @@ input.u-button[type="submit"] {
display: inline-block;
padding: 0 12px;
width: 100%;
height: 32px;
height: 30px;
cursor: text;
font-size: 14px;
line-height: 1.5;
color: #424242;
background-color: #fff;
background-image: none;
border: 1px solid rgb(165, 173, 186);
border: 1px solid #bdbdbd;
border-radius: 3px;
transition: all .3s; }
.u-form-control:focus {
@ -6798,12 +6750,12 @@ input.u-button[type="submit"] {
cursor: not-allowed; }
.u-form-control.lg {
height: 40px;
height: 38px;
font-size: 14px; }
.u-form-control.sm {
font-size: 12px;
height: 26px; }
height: 24px; }
.u-form-control-search-wrapper {
position: absolute;
@ -6843,6 +6795,9 @@ input.u-button[type="submit"] {
right: 7px;
color: rgba(0, 0, 0, 0.65); }
.myCls.u-tree {
max-width: 240px; }
.u-tree-searchable-filter {
color: #f50;

6
dist/demo.css.map vendored
View File

File diff suppressed because one or more lines are too long

503
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

6
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long