upate
parent
cb29d45b79
commit
76665f6b51
|
@ -18,7 +18,7 @@
|
|||
],
|
||||
"author": "yutent",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"dependencies": {
|
||||
"autoprefixer": "^7.2.6",
|
||||
"babel-core": "^6.26.3",
|
||||
"babel-plugin-transform-decorators-legacy": "^1.3.4",
|
||||
|
@ -32,6 +32,5 @@
|
|||
"node-sass": "^4.9.0",
|
||||
"postcss": "^6.0.22",
|
||||
"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)}
|
||||
|
||||
&.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;}
|
||||
|
||||
&::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;}
|
||||
|
||||
&.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"}
|
||||
[class^="do-icon-"], [class*=" do-icon-"] {
|
||||
position:absolute;right:0;top:0;width:30px;line-height:30px;font-size:22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
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) {
|
||||
// Anot.hideProperty(it, '__checked__', !!it.__checked__)
|
||||
// it.__checked__ = !!it.__checked__
|
||||
it.__checked__ = !!it.__checked__
|
||||
it.open = !!it.open
|
||||
// console.log(it.hasOwnProperty('__checked__'), it.__checked__)
|
||||
tmp[it[id]] = it
|
||||
|
@ -86,6 +86,11 @@ export default Anot.component('tree', {
|
|||
delete props.multiCheck
|
||||
},
|
||||
componentDidMount: function() {
|
||||
this.list.forEach(it => {
|
||||
if (it.__checked__) {
|
||||
this.checkedItems[it[this.props.id]] = it.$model
|
||||
}
|
||||
})
|
||||
if (typeof this.props.created === 'function') {
|
||||
this.props.created(this)
|
||||
}
|
||||
|
|
Reference in New Issue