@10yun/cv-mobile-ui 0.3.24 → 0.3.25

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.
Files changed (77) hide show
  1. package/package.json +5 -2
  2. package/plugins/request.js +14 -1
  3. package/ui-cv/cv-banner/cv-banner.vue +23 -14
  4. package/ui-cv/cv-banner-card/cv-banner-card.vue +24 -16
  5. package/ui-cv/cv-block/cv-block.vue +6 -6
  6. package/ui-cv/cv-box/cv-box.vue +6 -7
  7. package/ui-cv/cv-button/cv-button.vue +32 -13
  8. package/ui-cv/cv-cell/cv-cell.vue +21 -25
  9. package/ui-cv/cv-checkbox/cv-checkbox.vue +22 -22
  10. package/ui-cv/cv-checkbox-tag/cv-checkbox-tag.vue +30 -25
  11. package/ui-cv/cv-code-sms/cv-code-sms.vue +60 -38
  12. package/ui-cv/cv-dialog-bottom/cv-dialog-bottom.vue +14 -18
  13. package/ui-cv/cv-dialog-full/cv-dialog-full.vue +14 -18
  14. package/ui-cv/cv-dialog-loading/cv-dialog-loading.vue +10 -17
  15. package/ui-cv/cv-dialog-share/cv-dialog-share.vue +4 -5
  16. package/ui-cv/cv-draw-barcode/cv-draw-barcode.vue +54 -51
  17. package/ui-cv/cv-draw-posters/cv-draw-posters.vue +53 -71
  18. package/ui-cv/cv-draw-progress/cv-draw-progress.vue +44 -39
  19. package/ui-cv/cv-draw-qrcode/cv-draw-qrcode.vue +48 -45
  20. package/ui-cv/cv-editor/compressImage.vue +47 -40
  21. package/ui-cv/cv-editor/cv-editor.vue +234 -124
  22. package/ui-cv/cv-editor-parse/cv-editor-parse.vue +21 -30
  23. package/ui-cv/cv-editor-parse/u-parse.vue +21 -30
  24. package/ui-cv/cv-filter-hm/cv-filter-hm.vue +140 -74
  25. package/ui-cv/cv-form-group/cv-form-group.vue +11 -13
  26. package/ui-cv/cv-form-item/cv-form-item.vue +35 -20
  27. package/ui-cv/cv-form-merge/cv-form-merge.vue +5 -10
  28. package/ui-cv/cv-geo-local/cv-geo-local.vue +50 -27
  29. package/ui-cv/cv-icons/cv-icons.vue +24 -19
  30. package/ui-cv/cv-info/cv-info.vue +9 -11
  31. package/ui-cv/cv-input-btn/cv-input-btn.vue +34 -13
  32. package/ui-cv/cv-input-digit/cv-input-digit.vue +31 -18
  33. package/ui-cv/cv-input-idcard/cv-input-idcard.vue +31 -21
  34. package/ui-cv/cv-input-number/cv-input-number.vue +29 -14
  35. package/ui-cv/cv-input-password/cv-input-password.vue +31 -20
  36. package/ui-cv/cv-input-text/cv-input-text.vue +32 -17
  37. package/ui-cv/cv-link/cv-link.vue +7 -7
  38. package/ui-cv/cv-lists-base/cv-lists-base.vue +148 -114
  39. package/ui-cv/cv-lists-swiper/cv-lists-swipe2r.vue +24 -15
  40. package/ui-cv/cv-lists-swiper/cv-lists-swiper.vue +85 -63
  41. package/ui-cv/cv-load-more/cv-load-more.vue +60 -28
  42. package/ui-cv/cv-message/cv-message.vue +5 -6
  43. package/ui-cv/cv-nav-col/cv-nav-col.vue +9 -13
  44. package/ui-cv/cv-nav-group/cv-nav-group.vue +6 -8
  45. package/ui-cv/cv-nav-row/cv-nav-row.vue +21 -25
  46. package/ui-cv/cv-picker-date/cv-picker-date.vue +28 -12
  47. package/ui-cv/cv-picker-datetime/cv-picker-datetime.vue +43 -21
  48. package/ui-cv/cv-picker-datetime5/cv-picker-datetime5.vue +108 -60
  49. package/ui-cv/cv-picker-region/cv-picker-region.vue +46 -32
  50. package/ui-cv/cv-picker-time/cv-picker-time.vue +26 -11
  51. package/ui-cv/cv-picker1/cv-picker1.vue +32 -17
  52. package/ui-cv/cv-picker2/cv-picker2.vue +46 -28
  53. package/ui-cv/cv-picker3/cv-picker3.vue +77 -44
  54. package/ui-cv/cv-radio/cv-radio.vue +17 -10
  55. package/ui-cv/cv-radio-sex/cv-radio-sex.vue +20 -21
  56. package/ui-cv/cv-radio-tag/cv-radio-tag.vue +22 -11
  57. package/ui-cv/cv-rate/cv-rate.vue +17 -13
  58. package/ui-cv/cv-search/cv-search.vue +17 -12
  59. package/ui-cv/cv-skeleton/cv-skeleton.vue +32 -27
  60. package/ui-cv/cv-skeleton/cv-skeleton2.vue +56 -33
  61. package/ui-cv/cv-skeleton-group/cv-skeleton-group.vue +4 -6
  62. package/ui-cv/cv-specs/cv-specs.vue +31 -30
  63. package/ui-cv/cv-switch/cv-switch.vue +4 -5
  64. package/ui-cv/cv-tab-lists/cv-tab-lists.vue +189 -128
  65. package/ui-cv/cv-textarea/cv-textarea.vue +31 -13
  66. package/ui-cv/cv-treaty/cv-treaty.vue +8 -8
  67. package/ui-cv/cv-update-app/cv-update-app.vue +68 -53
  68. package/ui-cv/cv-upload-avatar/cv-upload-avatar.vue +33 -31
  69. package/ui-cv/cv-upload-img/cv-upload-img.vue +97 -70
  70. package/ui-cv/dict/area-city.js +612 -612
  71. package/ui-cv/dict/area-county.js +3392 -3392
  72. package/ui-cv/dict/area-province.js +35 -35
  73. package/ui-cv/mixins/mixins-checkbox.js +9 -15
  74. package/ui-cv/mixins/mixins-common.js +7 -7
  75. package/ui-cv/mixins/mixins-input.js +11 -12
  76. package/ui-cv/mixins/mixins-picker.js +9 -13
  77. package/ui-cv/mixins/mixins-radio.js +10 -14
@@ -1,13 +1,25 @@
1
1
  <template>
2
- <cv-form-item :label="label" :must="must" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout">
2
+ <cv-form-item
3
+ :label="label"
4
+ :must="must"
5
+ :message="message"
6
+ :messageDisplay="messageDisplay"
7
+ :labelWidth="localLabelWidth"
8
+ :layout="localLayout"
9
+ >
3
10
  <view class="cv-checkbox-tag">
4
11
  <checkbox-group @change="checkboxChange">
5
- <label class="cv-checkbox-tag-item cv-checkbox-tag-item-tag" v-for="item in items" :value="value" :key="item.value"
6
- :class="item.checked?'checkbox-checked':''">
12
+ <label
13
+ class="cv-checkbox-tag-item cv-checkbox-tag-item-tag"
14
+ v-for="item in items"
15
+ :value="value"
16
+ :key="item.value"
17
+ :class="item.checked ? 'checkbox-checked' : ''"
18
+ >
7
19
  <view class="">
8
- <checkbox :value="item.value" :checked="item.checked" style="transform:scale(0.7)" />
20
+ <checkbox :value="item.value" :checked="item.checked" style="transform: scale(0.7)" />
9
21
  </view>
10
- <view>{{item.text}}</view>
22
+ <view>{{ item.text }}</view>
11
23
  </label>
12
24
  </checkbox-group>
13
25
  </view>
@@ -18,10 +30,8 @@
18
30
  import MixinsCheckbox from '../mixins/mixins-checkbox.js';
19
31
  export default {
20
32
  mixins: [MixinsCheckbox],
21
- name: "cvCheckboxTag",
22
- inject: {
23
-
24
- },
33
+ name: 'cvCheckboxTag',
34
+ inject: {},
25
35
  props: {
26
36
  //默认输入框内容
27
37
  value: {
@@ -30,9 +40,7 @@ export default {
30
40
  }
31
41
  },
32
42
  data() {
33
- return {
34
-
35
- };
43
+ return {};
36
44
  },
37
45
  created: function () {
38
46
  this.localVal = this.value;
@@ -46,7 +54,6 @@ export default {
46
54
  let original = [];
47
55
  if (this.dataUrl) {
48
56
  //网络请求
49
-
50
57
  } else {
51
58
  original = this.dataLists;
52
59
  }
@@ -66,10 +73,10 @@ export default {
66
73
  let text = data[dataText];
67
74
  let value = data[dataValue];
68
75
  if (typeof value == 'number') {
69
- value = value.toString()
76
+ value = value.toString();
70
77
  }
71
78
  if (data[dataChecked] == true) {
72
- checked = true
79
+ checked = true;
73
80
  }
74
81
  let localVal = this.localVal;
75
82
  let tempLocalVal = localVal.split(',');
@@ -77,20 +84,19 @@ export default {
77
84
  for (const ii in localVal) {
78
85
  if (this.dataType == 'text') {
79
86
  if (tempLocalVal[ii] == text) {
80
- checked = true
87
+ checked = true;
81
88
  }
82
89
  } else {
83
90
  if (tempLocalVal[ii] == value) {
84
- checked = true
91
+ checked = true;
85
92
  }
86
-
87
93
  }
88
94
  }
89
95
  items.push({
90
96
  value: value,
91
97
  text: text,
92
98
  checked: checked
93
- })
99
+ });
94
100
  }
95
101
  return items;
96
102
  },
@@ -98,21 +104,20 @@ export default {
98
104
  var items = this.items,
99
105
  values = e.detail.value;
100
106
  for (var i = 0, lenI = items.length; i < lenI; ++i) {
101
- const item = items[i]
107
+ const item = items[i];
102
108
  if (values.includes(item.value)) {
103
109
  this.$set(item, 'checked', true);
104
110
  } else {
105
- this.$set(item, 'checked', false)
111
+ this.$set(item, 'checked', false);
106
112
  }
107
113
  }
108
114
  let localVal = [];
109
115
  for (let i in items) {
110
116
  if (items[i].checked) {
111
117
  if (this.dataType == 'text') {
112
- localVal.push(items[i].text)
118
+ localVal.push(items[i].text);
113
119
  } else {
114
- localVal.push(items[i].value)
115
-
120
+ localVal.push(items[i].value);
116
121
  }
117
122
  }
118
123
  }
@@ -122,7 +127,7 @@ export default {
122
127
  this.messageDisplay = false;
123
128
  }
124
129
  this.localVal = localVal;
125
- this.$emit('input', localVal.join(","));
130
+ this.$emit('input', localVal.join(','));
126
131
  }
127
132
  }
128
133
  };
@@ -1,13 +1,33 @@
1
1
  <template>
2
- <cv-form-item :tip="tip" :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout">
2
+ <cv-form-item
3
+ :tip="tip"
4
+ :label="label"
5
+ :message="message"
6
+ :messageDisplay="messageDisplay"
7
+ :labelWidth="localLabelWidth"
8
+ :layout="localLayout"
9
+ >
3
10
  <view class="cv-code-area">
4
11
  <view class="cv-code-input-area">
5
- <input class="cv-code-input-item" placeholder-class="cv-code-input-item-placeholder" v-model="localVal" type="number" :maxlength="maxlength"
6
- :placeholder="diyPlaceholder" @input="updateInput" />
12
+ <input
13
+ class="cv-code-input-item"
14
+ placeholder-class="cv-code-input-item-placeholder"
15
+ v-model="localVal"
16
+ type="number"
17
+ :maxlength="maxlength"
18
+ :placeholder="diyPlaceholder"
19
+ @input="updateInput"
20
+ />
7
21
  </view>
8
22
  <view class="cv-code-button-area">
9
- <button class="cv-code-button-item " :class="btnDisabled?'cv-code-button-wait':''" :disabled="btnDisabled"
10
- @tap="getSmsCode">{{btnText}}</button>
23
+ <button
24
+ class="cv-code-button-item"
25
+ :class="btnDisabled ? 'cv-code-button-wait' : ''"
26
+ :disabled="btnDisabled"
27
+ @tap="getSmsCode"
28
+ >
29
+ {{ btnText }}
30
+ </button>
11
31
  </view>
12
32
  </view>
13
33
  </cv-form-item>
@@ -16,18 +36,18 @@
16
36
  import MixinsCommon from '../mixins/mixins-common.js';
17
37
  export default {
18
38
  mixins: [MixinsCommon],
19
- name: "cvCodeSms",
39
+ name: 'cvCodeSms',
20
40
  inject: {
21
41
  cvFormGroup: {
22
42
  default() {
23
- return null
43
+ return null;
24
44
  }
25
45
  }
26
46
  },
27
47
  props: {
28
48
  label: {
29
49
  type: String,
30
- default: "短信验证"
50
+ default: '短信验证'
31
51
  },
32
52
  maxlength: {
33
53
  type: [Number, String],
@@ -35,11 +55,11 @@ export default {
35
55
  },
36
56
  value: {
37
57
  type: [Number, String],
38
- default: ""
58
+ default: ''
39
59
  },
40
60
  message: {
41
61
  type: String,
42
- default: ""
62
+ default: ''
43
63
  },
44
64
  messageDisplay: {
45
65
  type: Boolean,
@@ -47,15 +67,15 @@ export default {
47
67
  },
48
68
  mobile: {
49
69
  type: [Number, String],
50
- default: ""
70
+ default: ''
51
71
  },
52
72
  mobileParam: {
53
73
  type: String,
54
- default: "mobile"
74
+ default: 'mobile'
55
75
  },
56
76
  codeUrl: {
57
77
  type: String,
58
- default: ""
78
+ default: ''
59
79
  },
60
80
  codeSign: {
61
81
  type: Boolean,
@@ -91,7 +111,7 @@ export default {
91
111
  // 按钮文本
92
112
  btnText: '获取验证码',
93
113
  // 按钮定时器对象
94
- btnIntervalObj: null,
114
+ btnIntervalObj: null
95
115
  };
96
116
  },
97
117
  created() {
@@ -138,28 +158,30 @@ export default {
138
158
  cto_sms_type: 'alterMobile',
139
159
  sendCode: '发送验证码',
140
160
  [this.mobileParam]: this.localMobile
141
- }).then((successRes) => {
142
- let apiData = successRes;
143
- if (apiData.status == 200) {
144
- this.showDiyMsg('发送成功!');
145
- setTimeout(() => {
146
- if (this.codeSign) {
147
- let sign = (apiData.data && apiData.data.sign) || '';
148
- this.diyPlaceholder = "识别码:" + sign
149
- }
150
- this.smsCodeWaitTime();
151
- }, 500);
152
- } else {
153
- this.showDiyMsg('短信获取失败,请检查网络');
161
+ })
162
+ .then((successRes) => {
163
+ let apiData = successRes;
164
+ if (apiData.status == 200) {
165
+ this.showDiyMsg('发送成功!');
166
+ setTimeout(() => {
167
+ if (this.codeSign) {
168
+ let sign = (apiData.data && apiData.data.sign) || '';
169
+ this.diyPlaceholder = '识别码:' + sign;
170
+ }
171
+ this.smsCodeWaitTime();
172
+ }, 500);
173
+ } else {
174
+ this.showDiyMsg('短信获取失败,请检查网络');
175
+ this.btnDisabled = false;
176
+ this.btnText = '获取验证码';
177
+ }
178
+ })
179
+ .catch((errorRes) => {
154
180
  this.btnDisabled = false;
155
181
  this.btnText = '获取验证码';
156
- }
157
- }).catch((errorRes) => {
158
- this.btnDisabled = false;
159
- this.btnText = '获取验证码';
160
- });
182
+ });
161
183
  } else {
162
- console.warn('url请求未完善,请使用:codeApiFunc')
184
+ console.warn('url请求未完善,请使用:codeApiFunc');
163
185
  this.btnDisabled = false;
164
186
  this.btnText = '重新获取验证码';
165
187
  }
@@ -168,21 +190,21 @@ export default {
168
190
  smsCodeWaitTime() {
169
191
  this.nextTime = Date.parse(new Date()) / 1000 + parseInt(this.waitTime);
170
192
  this.btnIntervalObj = setInterval(() => {
171
- let currTime = this.nextTime - (Date.parse(new Date()) / 1000);
193
+ let currTime = this.nextTime - Date.parse(new Date()) / 1000;
172
194
  if (currTime <= 0) {
173
195
  clearInterval(this.btnIntervalObj);
174
- this.btnText = '重新获取验证码'
196
+ this.btnText = '重新获取验证码';
175
197
  this.btnIntervalObj = 0;
176
198
  this.btnDisabled = false;
177
199
  } else {
178
200
  this.btnDisabled = true;
179
- this.btnText = currTime.toString() + 's'// '秒后重试';
201
+ this.btnText = currTime.toString() + 's'; // '秒后重试';
180
202
  }
181
203
  }, 100);
182
204
  },
183
205
  updateInput(e) {
184
206
  this.$emit('input', this.localVal);
185
- },
207
+ }
186
208
  }
187
209
  };
188
210
  </script>
@@ -216,4 +238,4 @@ export default {
216
238
  background-color: #007aff;
217
239
  color: #ffffff;
218
240
  }
219
- </style>
241
+ </style>
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <view class="cv-dialog-bottom">
3
- <view class="cu-modal bottom-modal" :class="show?'show':''">
3
+ <view class="cu-modal bottom-modal" :class="show ? 'show' : ''">
4
4
  <view class="cu-dialog">
5
5
  <view class="cu-bar bg-white">
6
6
  <view class="action text-blue" @tap="cancel">取消</view>
@@ -16,39 +16,35 @@
16
16
 
17
17
  <script>
18
18
  export default {
19
- name: "cvDialogBottom",
19
+ name: 'cvDialogBottom',
20
20
  options: {
21
- addGlobalClass: true,
21
+ addGlobalClass: true
22
22
  },
23
23
  props: {
24
24
  show: {
25
25
  type: Boolean,
26
26
  default: false
27
- },
28
- },
29
- watch: {
30
-
27
+ }
31
28
  },
29
+ watch: {},
32
30
  data() {
33
- return {
34
-
35
- };
36
- },
37
- created: function () {
31
+ return {};
38
32
  },
33
+ created: function () {},
39
34
  methods: {
40
35
  confirm() {
41
- this.onConfirm(true)
42
- }, cancel() {
43
- this.onConfirm(false)
36
+ this.onConfirm(true);
37
+ },
38
+ cancel() {
39
+ this.onConfirm(false);
44
40
  },
45
41
  onConfirm(e) {
46
42
  this.$emit('confirm', e);
47
43
  }
48
44
  }
49
45
  };
50
- </script>
51
- <style >
46
+ </script>
47
+ <style>
52
48
  .cu-modal.bottom-modal {
53
49
  margin-bottom: -552px;
54
50
  }
@@ -85,7 +81,7 @@ export default {
85
81
  vertical-align: bottom;
86
82
  }
87
83
  .cu-modal::before {
88
- content: "\200B";
84
+ content: '\200B';
89
85
  display: inline-block;
90
86
  height: 100%;
91
87
  vertical-align: middle;
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <view class="cv-dialog-bottom cv-modal bottom-modal" :class="show?'show':''">
2
+ <view class="cv-dialog-bottom cv-modal bottom-modal" :class="show ? 'show' : ''">
3
3
  <view class="cv-dialog">
4
4
  <view class="cv-bar bg-white">
5
5
  <view class="action text-blue" @tap="cancel">取消</view>
@@ -14,39 +14,35 @@
14
14
 
15
15
  <script>
16
16
  export default {
17
- name: "cvDialogFull",
17
+ name: 'cvDialogFull',
18
18
  options: {
19
- addGlobalClass: true,
19
+ addGlobalClass: true
20
20
  },
21
21
  props: {
22
22
  show: {
23
23
  type: Boolean,
24
24
  default: false
25
- },
26
- },
27
- watch: {
28
-
25
+ }
29
26
  },
27
+ watch: {},
30
28
  data() {
31
- return {
32
-
33
- };
34
- },
35
- created: function () {
29
+ return {};
36
30
  },
31
+ created: function () {},
37
32
  methods: {
38
33
  confirm() {
39
- this.onConfirm(true)
40
- }, cancel() {
41
- this.onConfirm(false)
34
+ this.onConfirm(true);
35
+ },
36
+ cancel() {
37
+ this.onConfirm(false);
42
38
  },
43
39
  onConfirm(e) {
44
40
  this.$emit('confirm', e);
45
41
  }
46
42
  }
47
43
  };
48
- </script>
49
- <style >
44
+ </script>
45
+ <style>
50
46
  .cv-modal.bottom-modal {
51
47
  left: 100%;
52
48
  }
@@ -80,7 +76,7 @@ export default {
80
76
  vertical-align: bottom;
81
77
  }
82
78
  .cv-modal::before {
83
- content: "\200B";
79
+ content: '\200B';
84
80
  display: inline-block;
85
81
  height: 100%;
86
82
  vertical-align: middle;
@@ -2,16 +2,16 @@
2
2
  <view class="cv-dialog-loading">
3
3
  <view class="cv-dialog-loading-box" v-if="show">
4
4
  <image :src="img" mode="aspectFit"></image>
5
- <view class="cv-dialog-loading-text">{{content}}</view>
5
+ <view class="cv-dialog-loading-text">{{ content }}</view>
6
6
  </view>
7
7
  </view>
8
8
  </template>
9
9
 
10
10
  <script>
11
11
  export default {
12
- name: "cvDialogLoading",
12
+ name: 'cvDialogLoading',
13
13
  options: {
14
- addGlobalClass: true,
14
+ addGlobalClass: true
15
15
  },
16
16
  props: {
17
17
  show: {
@@ -27,22 +27,15 @@ export default {
27
27
  default: '加载中...'
28
28
  }
29
29
  },
30
- watch: {
31
-
32
- },
30
+ watch: {},
33
31
  data() {
34
- return {
35
-
36
- };
32
+ return {};
37
33
  },
38
- created: function () {
39
- },
40
- methods: {
41
-
42
- }
34
+ created: function () {},
35
+ methods: {}
43
36
  };
44
- </script>
45
- <style >
37
+ </script>
38
+ <style>
46
39
  .cv-dialog-loading-box {
47
40
  position: fixed;
48
41
  top: 0;
@@ -73,7 +66,7 @@ export default {
73
66
  line-height: 2.4em;
74
67
  }
75
68
  .cv-dialog-loading-box::after {
76
- content: "";
69
+ content: '';
77
70
  position: absolute;
78
71
  background-color: #ffffff;
79
72
  border-radius: 50%;
@@ -24,7 +24,6 @@
24
24
  <view class="cv-dia-share-clear-btn" @tap="shareDiaHide">取消</view>
25
25
  </view>
26
26
  </view>
27
-
28
27
  </template>
29
28
  <script>
30
29
  export default {
@@ -50,12 +49,12 @@ export default {
50
49
  localIsShow: 0
51
50
  };
52
51
  },
53
- created() { },
52
+ created() {},
54
53
  methods: {
55
- discard() { },
54
+ discard() {},
56
55
  //分享
57
56
  // share(){
58
- // this.$refs.share.toggleMask();
57
+ // this.$refs.share.toggleMask();
59
58
  // },
60
59
  // 分享
61
60
  shareDiaOpen() {
@@ -70,7 +69,7 @@ export default {
70
69
  this.shareClass = 'none';
71
70
  }, 150);
72
71
  this.$emit('input', this.localIsShow);
73
- },
72
+ }
74
73
  }
75
74
  };
76
75
  </script>