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
Code Issues Pull Requests Wiki Activity

upate

old
宇天 2018-05-23 17:25:13 +08:00
parent cb29d45b79
commit 76665f6b51
10 changed files with 7012 additions and 5111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
package.json
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
View File

File diff suppressed because one or more lines are too long

98
src/css/basic-elem.scss
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;
&::-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-5 {border-radius:5px;}
&.radius-3 {border-radius:3px;}
&.radius-5 {border-radius:5px;}
&:focus,&:hover {border-color:nth($ct, 1);}
&.alert {border-color:nth($cr, 1);color:nth($cr, 1);
input {color:nth($cr, 1);}
}
&.disabled {border-color:transparent;background:nth($cp, 1);color:nth($cp, 3)}
&.with-style {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"}
&:focus,&:hover {border-color:nth($ct, 1);}
&.alert {border-color:nth($cr, 1);color:nth($cr, 1);
input {color:nth($cr, 1);}
}
&.disabled {border-color:transparent;background:nth($cp, 1);color:nth($cp, 3)}
&.with-icon {display:inline-block;padding:0;
input {width:100%;height:100%;min-height:30px;padding:0 30px 0 5px;border: 0;background:transparent;}
[class^="do-icon-"], [class*=" do-icon-"] {
position:absolute;right:0;top:0;width:30px;line-height:30px;font-size:22px;
}
}
}
@ -116,38 +112,38 @@
}
.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);}
&:disabled {background:nth($cp, 2);}
&:disabled:checked {background:nth($cp, 3);}
&:checked {background:nth($cp, 3);}
&:disabled {background:nth($cp, 2);}
&: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);}
&:checked::after {left:auto;right:-2px;background:nth($cgr, 2);}
&:checked:disabled::after {background:nth($cp, 3);}
}
&.green >input:checked {background:nth($cg, 2);
&::after {background:nth($cg, 3);}
}
&.teal >input:checked {background:nth($cg, 2);
&::after {background:nth($ct, 3);}
}
&.blue >input:checked {background:nth($cb, 2);
&::after {background:nth($cb, 3);}
}
&.purple >input:checked {background:nth($cb, 2);
&::after {background:nth($cpp, 3);}
}
&.red >input:checked {background:nth($cr, 2);
&::after {background:nth($cr, 3);}
}
&.orange >input:checked {background:nth($co, 2);
&::after {background:nth($co, 3);}
}
&.grey >input:checked {background:nth($cgr, 2);
&::after {background:nth($cgr, 3);}
}
&.disabled {color: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);}
&:checked::after {left:auto;right:-2px;background:nth($cgr, 2);}
&:checked:disabled::after {background:nth($cp, 3);}
}
&.green >input:checked {background:nth($cg, 2);
&::after {background:nth($cg, 3);}
}
&.teal >input:checked {background:nth($cg, 2);
&::after {background:nth($ct, 3);}
}
&.blue >input:checked {background:nth($cb, 2);
&::after {background:nth($cb, 3);}
}
&.purple >input:checked {background:nth($cb, 2);
&::after {background:nth($cpp, 3);}
}
&.red >input:checked {background:nth($cr, 2);
&::after {background:nth($cr, 3);}
}
&.orange >input:checked {background:nth($co, 2);
&::after {background:nth($co, 3);}
}
&.grey >input:checked {background:nth($cgr, 2);
&::after {background:nth($cgr, 3);}
}
&.disabled {color:nth($cp, 3);}
}
.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;

1
src/css/reset.css Normal file
View File

File diff suppressed because one or more lines are too long

2
src/css/reset.scss
View File

File diff suppressed because one or more lines are too long

8355
src/js/codemirror/codemirror.js
View File

File diff suppressed because it is too large Load Diff

3277
src/js/codemirror/htmlmixed.js
View File

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

7
src/js/tree/index.js
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)
}