@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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@10yun/cv-mobile-ui",
3
- "version": "0.5.12",
3
+ "version": "0.5.13",
4
4
  "description": "十云cvjs移动端ui,适用uniapp",
5
5
  "author": "10yun",
6
6
  "license": "Apache-2.0",
@@ -138,10 +138,6 @@ export default {
138
138
  align-items: flex-start;
139
139
  }
140
140
  .cv-cell-left-content-top {
141
- font-size: 15px;
142
- height: 40px;
143
- line-height: 40px;
144
- overflow: hidden;
145
141
  font-size: 15px;
146
142
  line-height: 22px;
147
143
  height: 22px;
@@ -18,7 +18,7 @@
18
18
  </template>
19
19
  <script>
20
20
  export default {
21
- name: 'cvPickerDate',
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: 'cvPickerDatetime',
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: 'cvPickerDatetime5',
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
- margin-right: 10px;
479
+
479
480
  width: 100%;
480
481
  flex-wrap: wrap;
482
+ margin-left: 20px;
481
483
  }
482
484
 
483
485
  .cv-picker-item-placeholder {
@@ -15,6 +15,7 @@
15
15
  <script>
16
16
  export default {
17
17
  name: 'cvDialogFull',
18
+ emits: ['cancel', 'confirm'],
18
19
  options: {
19
20
  addGlobalClass: true
20
21
  },
@@ -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: 14px;
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: 40px;
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
- .cv-input__content {
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
- .cv-input__content {
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
- .cv-input__content {
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
- .cv-input__content {
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
- .cv-input__content {
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/highlight/uni-highlight.min.js';
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({