upate
parent
cb29d45b79
commit
76665f6b51
|
@ -18,7 +18,7 @@
|
||||||
],
|
],
|
||||||
"author": "yutent",
|
"author": "yutent",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"devDependencies": {
|
"dependencies": {
|
||||||
"autoprefixer": "^7.2.6",
|
"autoprefixer": "^7.2.6",
|
||||||
"babel-core": "^6.26.3",
|
"babel-core": "^6.26.3",
|
||||||
"babel-plugin-transform-decorators-legacy": "^1.3.4",
|
"babel-plugin-transform-decorators-legacy": "^1.3.4",
|
||||||
|
@ -32,6 +32,5 @@
|
||||||
"node-sass": "^4.9.0",
|
"node-sass": "^4.9.0",
|
||||||
"postcss": "^6.0.22",
|
"postcss": "^6.0.22",
|
||||||
"uglify-es": "^3.3.9"
|
"uglify-es": "^3.3.9"
|
||||||
},
|
}
|
||||||
"dependencies": {}
|
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -85,17 +85,13 @@
|
||||||
}
|
}
|
||||||
&.disabled {border-color:transparent;background:nth($cp, 1);color:nth($cp, 3)}
|
&.disabled {border-color:transparent;background:nth($cp, 1);color:nth($cp, 3)}
|
||||||
|
|
||||||
&.with-style {display:inline-block;padding:0;
|
&.with-icon {display:inline-block;padding:0;
|
||||||
|
|
||||||
input {width:100%;height:100%;min-height:30px;padding:0 30px 0 5px;border: 0;background:transparent;}
|
input {width:100%;height:100%;min-height:30px;padding:0 30px 0 5px;border: 0;background:transparent;}
|
||||||
|
|
||||||
&::after {position:absolute;right:0;top:0;width:35px;height:30px;line-height:30px;text-align:center;font-family:"ui font" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
|
[class^="do-icon-"], [class*=" do-icon-"] {
|
||||||
|
position:absolute;right:0;top:0;width:30px;line-height:30px;font-size:22px;
|
||||||
&.icon-user::after {content:"\e6f4"}
|
}
|
||||||
&.icon-pwd::after {content:"\e655"}
|
|
||||||
&.icon-mail::after {content:"\e66e"}
|
|
||||||
&.icon-date::after {content:"\e650"}
|
|
||||||
&.icon-phone::after {content:"\e651"}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
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 it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,219 @@
|
||||||
|
.CodeMirror {
|
||||||
|
height: 100%;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-family: monospace;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #272822;
|
||||||
|
color: #f8f8f2;
|
||||||
|
}
|
||||||
|
.CodeMirror-scroll {
|
||||||
|
overflow: auto;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
z-index: 5;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar-inner {
|
||||||
|
width: 1px;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar.cm-sb-overlap {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
float: none;
|
||||||
|
right: 0;
|
||||||
|
min-width: 12px;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar.cm-sb-nonoverlap {
|
||||||
|
min-width: 12px;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar.cm-sb-ie7 {
|
||||||
|
min-width: 18px;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
background-color: transparent;
|
||||||
|
border-right: 1px solid #454545;
|
||||||
|
min-width: 2em;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-text {
|
||||||
|
color: #aaa;
|
||||||
|
text-align: right;
|
||||||
|
padding: 0.4em 0.2em 0.4em 0.4em;
|
||||||
|
white-space: pre !important;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.CodeMirror-lines {
|
||||||
|
padding: 0.4em;
|
||||||
|
white-space: pre;
|
||||||
|
cursor: text;
|
||||||
|
}
|
||||||
|
.CodeMirror pre {
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-o-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
border-width: 0;
|
||||||
|
background: 0 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
white-space: pre;
|
||||||
|
word-wrap: normal;
|
||||||
|
line-height: inherit;
|
||||||
|
color: inherit;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap pre {
|
||||||
|
word-wrap: break-word;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap .CodeMirror-scroll {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
.CodeMirror textarea {
|
||||||
|
outline: 0 !important;
|
||||||
|
}
|
||||||
|
.CodeMirror pre.CodeMirror-cursor {
|
||||||
|
z-index: 10;
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
border-left: 1px solid #9effff;
|
||||||
|
border-right: none;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.cm-keymap-fat-cursor pre.CodeMirror-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0;
|
||||||
|
background: 0 0;
|
||||||
|
background: rgba(0, 200, 0, 0.4);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(
|
||||||
|
startColorstr=#6600c800,
|
||||||
|
endColorstr=#4c00c800
|
||||||
|
);
|
||||||
|
}
|
||||||
|
.cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id) {
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
}
|
||||||
|
.CodeMirror-focused pre.CodeMirror-cursor {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
.CodeMirror-focused div.CodeMirror-selected,
|
||||||
|
div.CodeMirror-selected {
|
||||||
|
background: #49483e;
|
||||||
|
}
|
||||||
|
.CodeMirror-searching {
|
||||||
|
background: #ffa;
|
||||||
|
background: rgba(255, 255, 0, 0.4);
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-keyword {
|
||||||
|
color: #f92672;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-atom {
|
||||||
|
color: #ae81ff;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-number {
|
||||||
|
color: #f30;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-def {
|
||||||
|
color: #fd971f;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-variable {
|
||||||
|
color: #f8f8f2;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-variable-2 {
|
||||||
|
color: #9effff;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-property,
|
||||||
|
.cm-s-default span.cm-variable-3 {
|
||||||
|
color: #66d9ef;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-operator {
|
||||||
|
color: #9effff;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-comment {
|
||||||
|
color: #75715e;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-string {
|
||||||
|
color: #e6db74;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-string-2 {
|
||||||
|
color: #f50;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-meta {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-error {
|
||||||
|
background: #f92672;
|
||||||
|
color: #f8f8f0;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-qualifier {
|
||||||
|
color: #75d908;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-builtin {
|
||||||
|
color: #66d9ef;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-bracket {
|
||||||
|
color: #f8f8f2;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-tag {
|
||||||
|
color: #f92672;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-attribute {
|
||||||
|
color: #a6e22e;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-header {
|
||||||
|
color: #ae81ff;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-quote {
|
||||||
|
color: #090;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-hr {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-link {
|
||||||
|
color: #ae81ff;
|
||||||
|
}
|
||||||
|
span.cm-header,
|
||||||
|
span.cm-strong {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
span.cm-em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
span.cm-emstrong {
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
span.cm-link {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
span.cm-invalidchar {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
div.CodeMirror span.CodeMirror-matchingbracket {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
||||||
|
color: #f22;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
.CodeMirror pre.CodeMirror-cursor {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,226 @@
|
||||||
|
.CodeMirror {
|
||||||
|
height: 100%;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-family: monospace;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #fff;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.CodeMirror-scroll {
|
||||||
|
overflow: auto;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
z-index: 5;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar-inner {
|
||||||
|
width: 1px;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar.cm-sb-overlap {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
float: none;
|
||||||
|
right: 0;
|
||||||
|
min-width: 12px;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar.cm-sb-nonoverlap {
|
||||||
|
min-width: 12px;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar.cm-sb-ie7 {
|
||||||
|
min-width: 18px;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
background-color: transparent;
|
||||||
|
border-right: 1px solid #454545;
|
||||||
|
min-width: 2em;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-text {
|
||||||
|
color: #aaa;
|
||||||
|
text-align: right;
|
||||||
|
padding: 0.4em 0.2em 0.4em 0.4em;
|
||||||
|
white-space: pre !important;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.CodeMirror-lines {
|
||||||
|
padding: 0.4em;
|
||||||
|
white-space: pre;
|
||||||
|
cursor: text;
|
||||||
|
}
|
||||||
|
.CodeMirror pre {
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-o-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
border-width: 0;
|
||||||
|
background: 0 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
white-space: pre;
|
||||||
|
word-wrap: normal;
|
||||||
|
line-height: inherit;
|
||||||
|
color: inherit;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap pre {
|
||||||
|
word-wrap: break-word;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap .CodeMirror-scroll {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
.CodeMirror textarea {
|
||||||
|
outline: 0 !important;
|
||||||
|
}
|
||||||
|
.CodeMirror pre.CodeMirror-cursor {
|
||||||
|
z-index: 10;
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
border-left: 1px solid #f00;
|
||||||
|
border-right: none;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.cm-keymap-fat-cursor pre.CodeMirror-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0;
|
||||||
|
background: 0 0;
|
||||||
|
background: rgba(0, 200, 0, 0.4);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(
|
||||||
|
startColorstr=#6600c800,
|
||||||
|
endColorstr=#4c00c800
|
||||||
|
);
|
||||||
|
}
|
||||||
|
.cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id) {
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
}
|
||||||
|
.CodeMirror-focused pre.CodeMirror-cursor {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
.CodeMirror-focused div.CodeMirror-selected,
|
||||||
|
div.CodeMirror-selected {
|
||||||
|
background: #49483e;
|
||||||
|
}
|
||||||
|
.CodeMirror-searching {
|
||||||
|
background: #ffa;
|
||||||
|
background: rgba(255, 255, 0, 0.4);
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-keyword {
|
||||||
|
color: #f92672;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-atom {
|
||||||
|
color: #ae81ff;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-number {
|
||||||
|
color: #f30;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-def {
|
||||||
|
color: #fd971f;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-variable {
|
||||||
|
color: #f8f8f2;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-variable-2 {
|
||||||
|
color: #05a;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-property,
|
||||||
|
.cm-s-default span.cm-variable-3 {
|
||||||
|
color: #3298dc;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-operator {
|
||||||
|
color: #9effff;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-comment {
|
||||||
|
border: 1px solid #eee;
|
||||||
|
color: #75715e;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-string {
|
||||||
|
color: #a11;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-string-2 {
|
||||||
|
color: #f50;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-meta {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-error {
|
||||||
|
background: #f92672;
|
||||||
|
color: #f8f8f0;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-qualifier {
|
||||||
|
color: #75d908;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-builtin {
|
||||||
|
color: #66d9ef;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-bracket {
|
||||||
|
color: #f8f8f2;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-tag {
|
||||||
|
color: #13b65a;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-attribute {
|
||||||
|
color: #a6e22e;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-header {
|
||||||
|
color: #f92672;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-quote {
|
||||||
|
color: #666;
|
||||||
|
background: #f2f2f2;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-hr {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-link {
|
||||||
|
color: #ae81ff;
|
||||||
|
}
|
||||||
|
.cm-s-default span.cm-strikethrough {
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
span.cm-header,
|
||||||
|
span.cm-strong {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
span.cm-em {
|
||||||
|
font-style: italic;
|
||||||
|
color: #f90;
|
||||||
|
}
|
||||||
|
span.cm-emstrong {
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
span.cm-link {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
span.cm-invalidchar {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
div.CodeMirror span.CodeMirror-matchingbracket {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
||||||
|
color: #f22;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
.CodeMirror pre.CodeMirror-cursor {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
|
@ -20,7 +20,7 @@ function format(arr, { id, parent, label, children }) {
|
||||||
})
|
})
|
||||||
arr.forEach(function(it) {
|
arr.forEach(function(it) {
|
||||||
// Anot.hideProperty(it, '__checked__', !!it.__checked__)
|
// Anot.hideProperty(it, '__checked__', !!it.__checked__)
|
||||||
// it.__checked__ = !!it.__checked__
|
it.__checked__ = !!it.__checked__
|
||||||
it.open = !!it.open
|
it.open = !!it.open
|
||||||
// console.log(it.hasOwnProperty('__checked__'), it.__checked__)
|
// console.log(it.hasOwnProperty('__checked__'), it.__checked__)
|
||||||
tmp[it[id]] = it
|
tmp[it[id]] = it
|
||||||
|
@ -86,6 +86,11 @@ export default Anot.component('tree', {
|
||||||
delete props.multiCheck
|
delete props.multiCheck
|
||||||
},
|
},
|
||||||
componentDidMount: function() {
|
componentDidMount: function() {
|
||||||
|
this.list.forEach(it => {
|
||||||
|
if (it.__checked__) {
|
||||||
|
this.checkedItems[it[this.props.id]] = it.$model
|
||||||
|
}
|
||||||
|
})
|
||||||
if (typeof this.props.created === 'function') {
|
if (typeof this.props.created === 'function') {
|
||||||
this.props.created(this)
|
this.props.created(this)
|
||||||
}
|
}
|
||||||
|
|
Reference in New Issue