This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0
old
宇天 2018-05-23 17:25:13 +08:00
parent cb29d45b79
commit 76665f6b51
10 changed files with 7012 additions and 5111 deletions

View File

@ -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": {}
}
}

1
src/css/basic-elem.css Normal file

File diff suppressed because one or more lines are too long

View File

@ -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;
}
}
}

1
src/css/reset.css Normal file

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

219
src/js/codemirror/theme-dark.scss vendored Normal file
View File

@ -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;
}
}

226
src/js/codemirror/theme-light.scss vendored Normal file
View File

@ -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;
}
}

View File

@ -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)
}