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

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

File diff suppressed because one or more lines are too long

View File

@ -72,31 +72,27 @@
.do-ui-input {position:relative;min-height:30px;padding:0 5px;border:1px solid nth($cp, 3);background:#fff;color:nth($cgr, 1);outline:none;@include ts; .do-ui-input {position:relative;min-height:30px;padding:0 5px;border:1px solid nth($cp, 3);background:#fff;color:nth($cgr, 1);outline:none;@include ts;
&::-webkit-input-placeholder {color:nth($cp, 3);} &::-webkit-input-placeholder {color:nth($cp, 3);}
&.area {padding:5px;} &.area {padding:5px;}
&.radius-3 {border-radius:3px;} &.radius-3 {border-radius:3px;}
&.radius-5 {border-radius:5px;} &.radius-5 {border-radius:5px;}
&:focus,&:hover {border-color:nth($ct, 1);} &:focus,&:hover {border-color:nth($ct, 1);}
&.alert {border-color:nth($cr, 1);color:nth($cr, 1); &.alert {border-color:nth($cr, 1);color:nth($cr, 1);
input {color:nth($cr, 1);} input {color:nth($cr, 1);}
} }
&.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"}
} }
}
} }
@ -116,38 +112,38 @@
} }
.do-ui-radio {padding-left:50px; .do-ui-radio {padding-left:50px;
>input {position:absolute;left:10px;top:10px;width:35px;height:10px;border-radius:10px;border:0;background:nth($cp, 3);-webkit-appearance:none;-moz-appearance:none; >input {position:absolute;left:10px;top:10px;width:35px;height:10px;border-radius:10px;border:0;background:nth($cp, 3);-webkit-appearance:none;-moz-appearance:none;
&:checked {background:nth($cp, 3);} &:checked {background:nth($cp, 3);}
&:disabled {background:nth($cp, 2);} &:disabled {background:nth($cp, 2);}
&:disabled:checked {background:nth($cp, 3);} &:disabled:checked {background:nth($cp, 3);}
&::after {position:absolute;display:block;left:-2px;top:-5px;width:20px;height:20px;border-radius:50%;content:"";background:nth($cp, 2);box-shadow:0 1px 2px rgba(0,0,0,.2);} &::after {position:absolute;display:block;left:-2px;top:-5px;width:20px;height:20px;border-radius:50%;content:"";background:nth($cp, 2);box-shadow:0 1px 2px rgba(0,0,0,.2);}
&:checked::after {left:auto;right:-2px;background:nth($cgr, 2);} &:checked::after {left:auto;right:-2px;background:nth($cgr, 2);}
&:checked:disabled::after {background:nth($cp, 3);} &:checked:disabled::after {background:nth($cp, 3);}
} }
&.green >input:checked {background:nth($cg, 2); &.green >input:checked {background:nth($cg, 2);
&::after {background:nth($cg, 3);} &::after {background:nth($cg, 3);}
} }
&.teal >input:checked {background:nth($cg, 2); &.teal >input:checked {background:nth($cg, 2);
&::after {background:nth($ct, 3);} &::after {background:nth($ct, 3);}
} }
&.blue >input:checked {background:nth($cb, 2); &.blue >input:checked {background:nth($cb, 2);
&::after {background:nth($cb, 3);} &::after {background:nth($cb, 3);}
} }
&.purple >input:checked {background:nth($cb, 2); &.purple >input:checked {background:nth($cb, 2);
&::after {background:nth($cpp, 3);} &::after {background:nth($cpp, 3);}
} }
&.red >input:checked {background:nth($cr, 2); &.red >input:checked {background:nth($cr, 2);
&::after {background:nth($cr, 3);} &::after {background:nth($cr, 3);}
} }
&.orange >input:checked {background:nth($co, 2); &.orange >input:checked {background:nth($co, 2);
&::after {background:nth($co, 3);} &::after {background:nth($co, 3);}
} }
&.grey >input:checked {background:nth($cgr, 2); &.grey >input:checked {background:nth($cgr, 2);
&::after {background:nth($cgr, 3);} &::after {background:nth($cgr, 3);}
} }
&.disabled {color:nth($cp, 3);} &.disabled {color:nth($cp, 3);}
} }
.do-ui-checkbox { .do-ui-checkbox {
>input {position:absolute;left:2px;top:2px;width:26px;height:26px;line-height:22px;border:2px solid nth($cp, 3);border-radius:3px;text-align:center;font-size:18px;font-family:"ui font" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-appearance:none;-moz-appearance:none; >input {position:absolute;left:2px;top:2px;width:26px;height:26px;line-height:22px;border:2px solid nth($cp, 3);border-radius:3px;text-align:center;font-size:18px;font-family:"ui font" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-appearance:none;-moz-appearance:none;

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