@10yun/cv-mobile-ui 0.5.12 → 0.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/ui-cv/cv-cell-row/cv-cell-row.vue +0 -4
- package/ui-cv/cv-date-base/cv-date-base.vue +4 -3
- package/ui-cv/cv-datetime-base/cv-datetime-base.vue +4 -3
- package/ui-cv/{cv-datetime5-base/cv-datetime5-base.vue → cv-datetime-linkage/cv-datetime-linkage.vue} +5 -3
- package/ui-cv/cv-dialog-full/cv-dialog-full.vue +1 -0
- package/ui-cv/cv-form-item/cv-form-item.vue +15 -7
- package/ui-cv/cv-input-digit/cv-input-digit.vue +1 -37
- package/ui-cv/cv-input-idcard/cv-input-idcard.vue +1 -27
- package/ui-cv/cv-input-number/cv-input-number.vue +1 -37
- package/ui-cv/cv-input-password/cv-input-password.vue +1 -38
- package/ui-cv/cv-input-text/cv-input-text.vue +1 -36
- package/ui-cv/cv-input-text/input.css +46 -0
- package/ui-cv/cv-markdown-show/cv-markdown-show.vue +1 -1
- package/ui-cv/cv-markdown-show/lib/11.8.0-es/highlight.min.js +1205 -0
- package/ui-cv/cv-picker1/cv-picker1.vue +3 -0
- package/ui-cv/cv-picker2/cv-picker2.vue +3 -0
- package/ui-cv/cv-picker3/cv-picker3.vue +3 -0
- package/ui-cv/cv-textarea/cv-textarea.vue +1 -1
- package/ui-cv/cv-time-base/cv-time-base.vue +4 -3
- package/ui-cv/cv-form-merge/cv-form-merge.vue +0 -30
- package/ui-cv/cv-markdown-show/lib/highlight/uni-highlight.min.js +0 -9122
package/package.json
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</template>
|
|
19
19
|
<script>
|
|
20
20
|
export default {
|
|
21
|
-
name: '
|
|
21
|
+
name: 'cvDateBase',
|
|
22
22
|
props: {
|
|
23
23
|
//默认输入框
|
|
24
24
|
value: {
|
|
@@ -89,13 +89,14 @@ export default {
|
|
|
89
89
|
<style>
|
|
90
90
|
.cv-date-base {
|
|
91
91
|
min-height: 35px;
|
|
92
|
+
display: flex;
|
|
93
|
+
flex: 1;
|
|
92
94
|
}
|
|
93
95
|
.cv-date-base-item {
|
|
94
96
|
height: 35px;
|
|
95
97
|
line-height: 35px;
|
|
96
|
-
float: left;
|
|
97
|
-
margin-right: 10px;
|
|
98
98
|
width: 100%;
|
|
99
|
+
margin-left: 20px;
|
|
99
100
|
}
|
|
100
101
|
.cv-date-base-placeholder {
|
|
101
102
|
color: grey;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</template>
|
|
32
32
|
<script>
|
|
33
33
|
export default {
|
|
34
|
-
name: '
|
|
34
|
+
name: 'cvDatetimeBase',
|
|
35
35
|
props: {
|
|
36
36
|
//默认输入框
|
|
37
37
|
value: {
|
|
@@ -129,16 +129,17 @@ export default {
|
|
|
129
129
|
<style>
|
|
130
130
|
.cv-picker-date-time {
|
|
131
131
|
min-height: 35px;
|
|
132
|
+
display: flex;
|
|
133
|
+
flex: 1;
|
|
132
134
|
}
|
|
133
135
|
.cv-picker-date-item,
|
|
134
136
|
.cv-time-base-item {
|
|
135
137
|
height: 35px;
|
|
136
138
|
line-height: 35px;
|
|
137
|
-
float: left;
|
|
138
139
|
display: flex;
|
|
139
140
|
width: auto;
|
|
140
|
-
margin-right: 10px;
|
|
141
141
|
min-width: 60px;
|
|
142
|
+
margin-left: 20px;
|
|
142
143
|
}
|
|
143
144
|
.cv-time-base-item {
|
|
144
145
|
min-width: 50px;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
</template>
|
|
20
20
|
<script>
|
|
21
21
|
export default {
|
|
22
|
-
name: '
|
|
22
|
+
name: 'cvDatetimeLinkage',
|
|
23
23
|
props: {
|
|
24
24
|
//默认输入框内容
|
|
25
25
|
value: {
|
|
@@ -469,15 +469,17 @@ export default {
|
|
|
469
469
|
<style>
|
|
470
470
|
.cv-picker {
|
|
471
471
|
min-height: 35px;
|
|
472
|
+
display: flex;
|
|
473
|
+
flex: 1;
|
|
472
474
|
}
|
|
473
475
|
.cv-picker-item {
|
|
474
476
|
height: 35px;
|
|
475
477
|
line-height: 35px;
|
|
476
|
-
float: left;
|
|
477
478
|
/* display: flex;微信小程序不加这个 */
|
|
478
|
-
|
|
479
|
+
|
|
479
480
|
width: 100%;
|
|
480
481
|
flex-wrap: wrap;
|
|
482
|
+
margin-left: 20px;
|
|
481
483
|
}
|
|
482
484
|
|
|
483
485
|
.cv-picker-item-placeholder {
|
|
@@ -190,6 +190,7 @@ export default {
|
|
|
190
190
|
// fix by mehaotian 修改不修改的情况,动态值不检验的问题
|
|
191
191
|
this.form.formData[this.name] = this.form._getValue(this.name, '');
|
|
192
192
|
}
|
|
193
|
+
console.log(this.$slots);
|
|
193
194
|
},
|
|
194
195
|
mounted() {
|
|
195
196
|
if (this.form) {
|
|
@@ -433,14 +434,20 @@ export default {
|
|
|
433
434
|
/* padding-bottom: 22px; */
|
|
434
435
|
}
|
|
435
436
|
|
|
436
|
-
.is-direction-left {
|
|
437
|
+
.cv-form-item__inner.is-direction-left {
|
|
437
438
|
flex-direction: row;
|
|
438
439
|
}
|
|
439
|
-
|
|
440
|
-
.is-direction-top {
|
|
440
|
+
.cv-form-item__inner.is-direction-top {
|
|
441
441
|
flex-direction: column;
|
|
442
442
|
}
|
|
443
|
-
|
|
443
|
+
.cv-form-item__inner.is-direction-top .cv-form-item__label {
|
|
444
|
+
padding: 0;
|
|
445
|
+
padding-top: 5px;
|
|
446
|
+
min-height: 20px;
|
|
447
|
+
}
|
|
448
|
+
.cv-form-item__inner.is-direction-top .cv-form-item__content {
|
|
449
|
+
min-height: 30px;
|
|
450
|
+
}
|
|
444
451
|
.cv-form-item__label {
|
|
445
452
|
/* #ifndef APP-NVUE */
|
|
446
453
|
display: flex;
|
|
@@ -456,19 +463,19 @@ export default {
|
|
|
456
463
|
}
|
|
457
464
|
|
|
458
465
|
.cv-form-item__label .label-text {
|
|
459
|
-
font-size:
|
|
466
|
+
font-size: 15px;
|
|
460
467
|
color: #333;
|
|
468
|
+
font-weight: 500;
|
|
461
469
|
}
|
|
462
470
|
|
|
463
471
|
.cv-form-item__label .label-seat {
|
|
464
472
|
margin-right: 5px;
|
|
465
473
|
}
|
|
466
|
-
|
|
467
474
|
.cv-form-item__content {
|
|
468
475
|
/* #ifndef APP-NVUE */
|
|
469
476
|
width: 100%;
|
|
470
477
|
box-sizing: border-box;
|
|
471
|
-
min-height:
|
|
478
|
+
min-height: 45px;
|
|
472
479
|
/* #endif */
|
|
473
480
|
flex: 1;
|
|
474
481
|
display: flex;
|
|
@@ -536,6 +543,7 @@ export default {
|
|
|
536
543
|
color: rgba(0, 0, 0, 0.4);
|
|
537
544
|
font-size: 12px;
|
|
538
545
|
padding-bottom: 5px;
|
|
546
|
+
margin-top: -6px;
|
|
539
547
|
}
|
|
540
548
|
|
|
541
549
|
.cv-form-item__line {
|
|
@@ -107,41 +107,5 @@ export default {
|
|
|
107
107
|
};
|
|
108
108
|
</script>
|
|
109
109
|
<style>
|
|
110
|
-
|
|
111
|
-
min-height: 36px;
|
|
112
|
-
line-height: 36px;
|
|
113
|
-
font-size: 14px;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.cv-input__placeholder {
|
|
117
|
-
font-size: 14px;
|
|
118
|
-
}
|
|
119
|
-
.cv-input__right {
|
|
120
|
-
height: 16px;
|
|
121
|
-
position: absolute;
|
|
122
|
-
bottom: 10px;
|
|
123
|
-
right: 0px;
|
|
124
|
-
z-index: 2;
|
|
125
|
-
}
|
|
126
|
-
.cv-input__clear {
|
|
127
|
-
width: 16px;
|
|
128
|
-
height: 16px;
|
|
129
|
-
border-radius: 50%;
|
|
130
|
-
background-color: rgba(0, 0, 0, 0.4);
|
|
131
|
-
font-size: 8px;
|
|
132
|
-
line-height: 16px;
|
|
133
|
-
text-align: center;
|
|
134
|
-
color: #fff;
|
|
135
|
-
float: left;
|
|
136
|
-
margin-left: 10px;
|
|
137
|
-
}
|
|
138
|
-
.cv-input__append {
|
|
139
|
-
color: rgba(0, 0, 0, 0.4);
|
|
140
|
-
width: 25px;
|
|
141
|
-
text-align: center;
|
|
142
|
-
overflow: hidden;
|
|
143
|
-
height: 16px;
|
|
144
|
-
font-size: 12px;
|
|
145
|
-
line-height: 16px;
|
|
146
|
-
}
|
|
110
|
+
@import '../cv-input-text/input.css';
|
|
147
111
|
</style>
|
|
@@ -102,31 +102,5 @@ export default {
|
|
|
102
102
|
};
|
|
103
103
|
</script>
|
|
104
104
|
<style>
|
|
105
|
-
|
|
106
|
-
min-height: 36px;
|
|
107
|
-
line-height: 36px;
|
|
108
|
-
font-size: 14px;
|
|
109
|
-
}
|
|
110
|
-
.cv-input__placeholder {
|
|
111
|
-
font-size: 14px;
|
|
112
|
-
}
|
|
113
|
-
.cv-input__right {
|
|
114
|
-
height: 16px;
|
|
115
|
-
position: absolute;
|
|
116
|
-
bottom: 10px;
|
|
117
|
-
right: 0px;
|
|
118
|
-
z-index: 2;
|
|
119
|
-
}
|
|
120
|
-
.cv-input__clear {
|
|
121
|
-
width: 16px;
|
|
122
|
-
height: 16px;
|
|
123
|
-
border-radius: 50%;
|
|
124
|
-
background-color: rgba(0, 0, 0, 0.4);
|
|
125
|
-
font-size: 8px;
|
|
126
|
-
line-height: 16px;
|
|
127
|
-
text-align: center;
|
|
128
|
-
color: #fff;
|
|
129
|
-
float: left;
|
|
130
|
-
margin-left: 10px;
|
|
131
|
-
}
|
|
105
|
+
@import '../cv-input-text/input.css';
|
|
132
106
|
</style>
|
|
@@ -106,42 +106,6 @@ export default {
|
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
108
|
</script>
|
|
109
|
-
|
|
110
109
|
<style>
|
|
111
|
-
|
|
112
|
-
min-height: 36px;
|
|
113
|
-
line-height: 36px;
|
|
114
|
-
font-size: 14px;
|
|
115
|
-
}
|
|
116
|
-
.cv-input__placeholder {
|
|
117
|
-
font-size: 14px;
|
|
118
|
-
}
|
|
119
|
-
.cv-input__right {
|
|
120
|
-
height: 16px;
|
|
121
|
-
position: absolute;
|
|
122
|
-
bottom: 10px;
|
|
123
|
-
right: 0px;
|
|
124
|
-
z-index: 2;
|
|
125
|
-
}
|
|
126
|
-
.cv-input__clear {
|
|
127
|
-
width: 16px;
|
|
128
|
-
height: 16px;
|
|
129
|
-
border-radius: 50%;
|
|
130
|
-
background-color: rgba(0, 0, 0, 0.4);
|
|
131
|
-
font-size: 8px;
|
|
132
|
-
line-height: 16px;
|
|
133
|
-
text-align: center;
|
|
134
|
-
color: #fff;
|
|
135
|
-
float: left;
|
|
136
|
-
margin-left: 10px;
|
|
137
|
-
}
|
|
138
|
-
.cv-input__append {
|
|
139
|
-
color: rgba(0, 0, 0, 0.4);
|
|
140
|
-
width: 25px;
|
|
141
|
-
text-align: center;
|
|
142
|
-
overflow: hidden;
|
|
143
|
-
height: 16px;
|
|
144
|
-
font-size: 12px;
|
|
145
|
-
line-height: 16px;
|
|
146
|
-
}
|
|
110
|
+
@import '../cv-input-text/input.css';
|
|
147
111
|
</style>
|
|
@@ -120,42 +120,5 @@ export default {
|
|
|
120
120
|
};
|
|
121
121
|
</script>
|
|
122
122
|
<style>
|
|
123
|
-
|
|
124
|
-
min-height: 36px;
|
|
125
|
-
line-height: 36px;
|
|
126
|
-
font-size: 14px;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.cv-input__placeholder {
|
|
130
|
-
font-size: 14px;
|
|
131
|
-
}
|
|
132
|
-
.cv-input__right {
|
|
133
|
-
height: 16px;
|
|
134
|
-
position: absolute;
|
|
135
|
-
bottom: 10px;
|
|
136
|
-
right: 0px;
|
|
137
|
-
z-index: 2;
|
|
138
|
-
}
|
|
139
|
-
.cv-input__clear {
|
|
140
|
-
width: 16px;
|
|
141
|
-
height: 16px;
|
|
142
|
-
border-radius: 50%;
|
|
143
|
-
background-color: rgba(0, 0, 0, 0.4);
|
|
144
|
-
font-size: 8px;
|
|
145
|
-
line-height: 16px;
|
|
146
|
-
text-align: center;
|
|
147
|
-
color: #fff;
|
|
148
|
-
float: left;
|
|
149
|
-
margin-left: 10px;
|
|
150
|
-
}
|
|
151
|
-
.cv-input__eyes {
|
|
152
|
-
color: rgba(0, 0, 0, 0.4);
|
|
153
|
-
width: 25px;
|
|
154
|
-
text-align: center;
|
|
155
|
-
overflow: hidden;
|
|
156
|
-
height: 16px;
|
|
157
|
-
font-size: 12px;
|
|
158
|
-
line-height: 16px;
|
|
159
|
-
padding: 0 5px;
|
|
160
|
-
}
|
|
123
|
+
@import '../cv-input-text/input.css';
|
|
161
124
|
</style>
|
|
@@ -113,40 +113,5 @@ export default {
|
|
|
113
113
|
};
|
|
114
114
|
</script>
|
|
115
115
|
<style>
|
|
116
|
-
.
|
|
117
|
-
min-height: 36px;
|
|
118
|
-
line-height: 36px;
|
|
119
|
-
font-size: 14px;
|
|
120
|
-
}
|
|
121
|
-
.cv-input__placeholder {
|
|
122
|
-
font-size: 14px;
|
|
123
|
-
}
|
|
124
|
-
.cv-input__right {
|
|
125
|
-
height: 16px;
|
|
126
|
-
position: absolute;
|
|
127
|
-
bottom: 10px;
|
|
128
|
-
right: 0px;
|
|
129
|
-
z-index: 2;
|
|
130
|
-
}
|
|
131
|
-
.cv-input__clear {
|
|
132
|
-
width: 16px;
|
|
133
|
-
height: 16px;
|
|
134
|
-
border-radius: 50%;
|
|
135
|
-
background-color: rgba(0, 0, 0, 0.4);
|
|
136
|
-
font-size: 8px;
|
|
137
|
-
line-height: 16px;
|
|
138
|
-
text-align: center;
|
|
139
|
-
color: #fff;
|
|
140
|
-
float: left;
|
|
141
|
-
margin-left: 10px;
|
|
142
|
-
}
|
|
143
|
-
.cv-input__append {
|
|
144
|
-
color: rgba(0, 0, 0, 0.4);
|
|
145
|
-
width: 25px;
|
|
146
|
-
text-align: center;
|
|
147
|
-
overflow: hidden;
|
|
148
|
-
height: 16px;
|
|
149
|
-
font-size: 12px;
|
|
150
|
-
line-height: 16px;
|
|
151
|
-
}
|
|
116
|
+
@import './input.css';
|
|
152
117
|
</style>
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
.cv-input__content {
|
|
2
|
+
/* min-height: 28px; */
|
|
3
|
+
/* line-height: 36px; */
|
|
4
|
+
font-size: 15px;
|
|
5
|
+
}
|
|
6
|
+
.cv-input__placeholder {
|
|
7
|
+
font-size: 15px;
|
|
8
|
+
}
|
|
9
|
+
.cv-input__right {
|
|
10
|
+
height: 16px;
|
|
11
|
+
position: absolute;
|
|
12
|
+
bottom: 10px;
|
|
13
|
+
right: 0px;
|
|
14
|
+
z-index: 2;
|
|
15
|
+
}
|
|
16
|
+
.cv-input__clear {
|
|
17
|
+
width: 16px;
|
|
18
|
+
height: 16px;
|
|
19
|
+
border-radius: 50%;
|
|
20
|
+
background-color: rgba(0, 0, 0, 0.4);
|
|
21
|
+
font-size: 8px;
|
|
22
|
+
line-height: 16px;
|
|
23
|
+
text-align: center;
|
|
24
|
+
color: #fff;
|
|
25
|
+
float: left;
|
|
26
|
+
margin-left: 10px;
|
|
27
|
+
}
|
|
28
|
+
.cv-input__append {
|
|
29
|
+
color: rgba(0, 0, 0, 0.4);
|
|
30
|
+
width: 25px;
|
|
31
|
+
text-align: center;
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
height: 16px;
|
|
34
|
+
font-size: 13px;
|
|
35
|
+
line-height: 16px;
|
|
36
|
+
}
|
|
37
|
+
.cv-input__eyes {
|
|
38
|
+
color: rgba(0, 0, 0, 0.4);
|
|
39
|
+
width: 25px;
|
|
40
|
+
text-align: center;
|
|
41
|
+
overflow: hidden;
|
|
42
|
+
height: 16px;
|
|
43
|
+
font-size: 13px;
|
|
44
|
+
line-height: 16px;
|
|
45
|
+
padding: 0 5px;
|
|
46
|
+
}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<script setup>
|
|
9
9
|
import { ref, computed } from 'vue';
|
|
10
10
|
import MarkdownIt from './lib/markdown-it.min.js';
|
|
11
|
-
import hljs from './lib/
|
|
11
|
+
import hljs from './lib/11.8.0-es/highlight.min.js';
|
|
12
12
|
import './lib/highlight/atom-one-dark.css';
|
|
13
13
|
import parseHtml from './lib/html-parser.js';
|
|
14
14
|
const props = defineProps({
|