@10yun/cv-mobile-ui 0.5.12 → 0.5.14

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.14",
4
4
  "description": "十云cvjs移动端ui,适用uniapp",
5
5
  "author": "10yun",
6
6
  "license": "Apache-2.0",
@@ -4,6 +4,7 @@
4
4
  <script>
5
5
  export default {
6
6
  name: 'cvBtnBase',
7
+ emits: ['click'],
7
8
  props: {
8
9
  size: {
9
10
  type: [String],
@@ -26,7 +27,9 @@ export default {
26
27
  }
27
28
  },
28
29
  data() {
29
- return {};
30
+ return {
31
+ loadingStatus: true
32
+ };
30
33
  },
31
34
  created() {},
32
35
  methods: {
@@ -36,30 +39,30 @@ export default {
36
39
  }
37
40
  },
38
41
  parentClick(evt) {
39
- this.$emit('click', evt);
40
42
  if (this.autoLoading) {
41
- this.loadingStatus = true;
43
+ if (this.loadingStatus) {
44
+ this.loadingStatus = false;
45
+ this.$emit('click', () => {
46
+ this.loadingStatus = true;
47
+ });
48
+ }
49
+ } else {
50
+ this.$emit('click', evt);
42
51
  }
43
- this.$emit('click', () => {
44
- this.loadingStatus = false;
45
- });
46
52
  }
47
53
  }
48
54
  };
49
55
  </script>
50
-
51
56
  <style>
52
57
  .cv-button-wrap {
53
58
  padding: 0 10px;
54
- /* margin-top: 10px;
55
- font-size: 14px;
56
- margin: 0px 15px; */
57
- /* line-height: 100%; */
58
- /* padding: 6px 5px; */
59
- /* margin-bottom: 5px; */
60
59
  margin: 0 10px;
60
+ margin-bottom: 10px;
61
+ font-size: 15px;
62
+ }
63
+ .cv-button-wrap:last-child {
64
+ margin-bottom: 0;
61
65
  }
62
-
63
66
  .cv-button-item2 {
64
67
  display: flex;
65
68
  justify-content: center;
@@ -77,9 +77,7 @@ export default {
77
77
  data() {
78
78
  return {};
79
79
  },
80
- created() {
81
- // console.log(this.$slots);
82
- },
80
+ created() {},
83
81
  methods: {
84
82
  bingClick() {
85
83
  this.$emit('click');
@@ -138,10 +136,6 @@ export default {
138
136
  align-items: flex-start;
139
137
  }
140
138
  .cv-cell-left-content-top {
141
- font-size: 15px;
142
- height: 40px;
143
- line-height: 40px;
144
- overflow: hidden;
145
139
  font-size: 15px;
146
140
  line-height: 22px;
147
141
  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
  },
@@ -433,14 +433,20 @@ export default {
433
433
  /* padding-bottom: 22px; */
434
434
  }
435
435
 
436
- .is-direction-left {
436
+ .cv-form-item__inner.is-direction-left {
437
437
  flex-direction: row;
438
438
  }
439
-
440
- .is-direction-top {
439
+ .cv-form-item__inner.is-direction-top {
441
440
  flex-direction: column;
442
441
  }
443
-
442
+ .cv-form-item__inner.is-direction-top .cv-form-item__label {
443
+ padding: 0;
444
+ padding-top: 5px;
445
+ min-height: 20px;
446
+ }
447
+ .cv-form-item__inner.is-direction-top .cv-form-item__content {
448
+ min-height: 30px;
449
+ }
444
450
  .cv-form-item__label {
445
451
  /* #ifndef APP-NVUE */
446
452
  display: flex;
@@ -456,19 +462,19 @@ export default {
456
462
  }
457
463
 
458
464
  .cv-form-item__label .label-text {
459
- font-size: 14px;
465
+ font-size: 15px;
460
466
  color: #333;
467
+ font-weight: 500;
461
468
  }
462
469
 
463
470
  .cv-form-item__label .label-seat {
464
471
  margin-right: 5px;
465
472
  }
466
-
467
473
  .cv-form-item__content {
468
474
  /* #ifndef APP-NVUE */
469
475
  width: 100%;
470
476
  box-sizing: border-box;
471
- min-height: 40px;
477
+ min-height: 45px;
472
478
  /* #endif */
473
479
  flex: 1;
474
480
  display: flex;
@@ -536,6 +542,7 @@ export default {
536
542
  color: rgba(0, 0, 0, 0.4);
537
543
  font-size: 12px;
538
544
  padding-bottom: 5px;
545
+ margin-top: -6px;
539
546
  }
540
547
 
541
548
  .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({