@vtj/materials 0.10.6 → 0.10.7

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/dist/assets/antdv/index.umd.js +2 -2
  2. package/dist/assets/charts/index.umd.js +2 -2
  3. package/dist/assets/element/index.umd.js +2 -2
  4. package/dist/assets/ui/index.umd.js +2 -2
  5. package/dist/assets/uni-h5/index.umd.js +3 -3
  6. package/dist/assets/uni-ui/index.umd.js +3 -3
  7. package/dist/assets/vant/index.umd.js +2 -2
  8. package/dist/deps/@vtj/charts/index.umd.js +2 -2
  9. package/dist/deps/@vtj/icons/index.umd.js +2 -2
  10. package/dist/deps/@vtj/ui/index.umd.js +3 -3
  11. package/dist/deps/@vtj/utils/index.umd.js +20 -20
  12. package/dist/deps/@vueuse/core/index.iife.min.js +1 -1
  13. package/dist/deps/uni-ui/index.umd.js +1 -1
  14. package/dist/deps/uni-ui/style.css +1 -1
  15. package/package.json +7 -7
  16. package/src/uni-h5/components/input.ts +2 -2
  17. package/src/uni-h5/components/scrollView.ts +3 -3
  18. package/src/uni-h5/components/video.ts +1 -1
  19. package/src/uni-ui/components/badge.ts +1 -5
  20. package/src/uni-ui/components/breadcrumb.ts +1 -20
  21. package/src/uni-ui/components/collapse.ts +22 -23
  22. package/src/uni-ui/components/grid.ts +0 -9
  23. package/src/uni-ui/components/group.ts +1 -10
  24. package/src/uni-ui/components/index.ts +4 -4
  25. package/src/uni-ui/components/popup.ts +10 -2
  26. package/src/uni-ui/components/swiperDot.ts +21 -7
  27. package/src/uni-ui/components/table.ts +9 -3
  28. package/src/uni-ui/components/transition.ts +10 -1
  29. package/src/uni-ui/index.ts +19 -44
  30. package/src/uni-ui/lib/uni-collapse/uni-collapse.vue +153 -0
  31. package/src/uni-ui/lib/uni-collapse-item/uni-collapse-item.vue +425 -0
  32. package/src/uni-ui/lib/uni-data-picker/keypress.js +45 -0
  33. package/src/uni-ui/lib/uni-data-picker/uni-data-picker.vue +604 -0
  34. package/src/uni-ui/lib/uni-data-pickerview/uni-data-picker.js +622 -0
  35. package/src/uni-ui/lib/uni-data-pickerview/uni-data-pickerview.css +76 -0
  36. package/src/uni-ui/lib/uni-data-pickerview/uni-data-pickerview.vue +335 -0
  37. package/src/uni-ui/lib/uni-datetime-picker/calendar-item.vue +181 -170
  38. package/src/uni-ui/lib/uni-datetime-picker/calendar.vue +977 -939
  39. package/src/uni-ui/lib/uni-datetime-picker/time-picker.vue +1024 -932
  40. package/src/uni-ui/lib/uni-datetime-picker/uni-datetime-picker.vue +15 -17
  41. package/src/uni-ui/lib/uni-datetime-picker/util.js +419 -392
  42. package/src/uni-ui/lib/uni-fav/i18n/en.json +4 -0
  43. package/src/uni-ui/lib/uni-fav/i18n/index.js +8 -0
  44. package/src/uni-ui/lib/uni-fav/i18n/zh-Hans.json +4 -0
  45. package/src/uni-ui/lib/uni-fav/i18n/zh-Hant.json +4 -0
  46. package/src/uni-ui/lib/uni-fav/uni-fav.vue +170 -0
  47. package/src/uni-ui/lib/uni-file-picker/choose-and-upload-file.js +280 -0
  48. package/src/uni-ui/lib/uni-file-picker/uni-file-picker.vue +668 -0
  49. package/src/uni-ui/lib/uni-file-picker/upload-file.vue +325 -0
  50. package/src/uni-ui/lib/uni-file-picker/upload-image.vue +292 -0
  51. package/src/uni-ui/lib/uni-file-picker/utils.js +110 -0
  52. package/src/uni-ui/lib/uni-grid/uni-grid.vue +148 -0
  53. package/src/uni-ui/lib/uni-indexed-list/uni-indexed-list-item.vue +152 -128
  54. package/src/uni-ui/lib/uni-indexed-list/uni-indexed-list.vue +50 -50
  55. package/src/uni-ui/lib/uni-load-more/i18n/en.json +5 -0
  56. package/src/uni-ui/lib/uni-load-more/i18n/index.js +8 -0
  57. package/src/uni-ui/lib/uni-load-more/i18n/zh-Hans.json +5 -0
  58. package/src/uni-ui/lib/uni-load-more/i18n/zh-Hant.json +5 -0
  59. package/src/uni-ui/lib/uni-load-more/uni-load-more.vue +456 -0
  60. package/src/uni-ui/lib/uni-notice-bar/uni-notice-bar.vue +484 -0
  61. package/src/uni-ui/lib/uni-popup/uni-popup.vue +4 -4
  62. package/src/uni-ui/lib/uni-popup-message/uni-popup-message.vue +149 -0
  63. package/src/uni-ui/lib/uni-rate/uni-rate.vue +362 -343
  64. package/src/uni-ui/lib/uni-row/uni-row.vue +193 -0
  65. package/src/uni-ui/lib/uni-search-bar/i18n/en.json +4 -0
  66. package/src/uni-ui/lib/uni-search-bar/i18n/index.js +8 -0
  67. package/src/uni-ui/lib/uni-search-bar/i18n/zh-Hans.json +4 -0
  68. package/src/uni-ui/lib/uni-search-bar/i18n/zh-Hant.json +4 -0
  69. package/src/uni-ui/lib/uni-search-bar/uni-search-bar.vue +339 -0
  70. package/src/uni-ui/lib/uni-swipe-action-item/bindingx.js +294 -285
  71. package/src/uni-ui/lib/uni-swipe-action-item/uni-swipe-action-item.vue +8 -9
  72. package/src/uni-ui/lib/uni-th/filter-dropdown.vue +551 -503
  73. package/src/uni-ui/lib/uni-tr/table-checkbox.vue +165 -163
  74. package/src/uni-ui/lib/uni-tr/uni-tr.vue +6 -6
  75. package/src/uni-ui/lib/uni-transition/createAnimation.js +131 -0
  76. package/src/uni-ui/lib/uni-transition/uni-transition.vue +310 -0
  77. package/src/version.ts +2 -2
@@ -0,0 +1,456 @@
1
+ <template>
2
+ <view class="uni-load-more" @click="onClick">
3
+ <!-- #ifdef APP-NVUE -->
4
+ <loading-indicator
5
+ v-if="!webviewHide && status === 'loading' && showIcon"
6
+ :style="{ color: color, width: iconSize + 'px', height: iconSize + 'px' }"
7
+ :animating="true"
8
+ class="uni-load-more__img uni-load-more__img--nvue"></loading-indicator>
9
+ <!-- #endif -->
10
+ <!-- #ifdef H5 -->
11
+ <svg
12
+ width="24"
13
+ height="24"
14
+ viewBox="25 25 50 50"
15
+ v-if="
16
+ !webviewHide &&
17
+ (iconType === 'circle' ||
18
+ (iconType === 'auto' && platform === 'android')) &&
19
+ status === 'loading' &&
20
+ showIcon
21
+ "
22
+ :style="{ width: iconSize + 'px', height: iconSize + 'px' }"
23
+ class="uni-load-more__img uni-load-more__img--android-H5">
24
+ <circle
25
+ cx="50"
26
+ cy="50"
27
+ r="20"
28
+ fill="none"
29
+ :style="{ color: color }"
30
+ :stroke-width="3"></circle>
31
+ </svg>
32
+ <!-- #endif -->
33
+ <!-- #ifndef APP-NVUE || H5 -->
34
+ <view
35
+ v-if="
36
+ !webviewHide &&
37
+ (iconType === 'circle' ||
38
+ (iconType === 'auto' && platform === 'android')) &&
39
+ status === 'loading' &&
40
+ showIcon
41
+ "
42
+ :style="{ width: iconSize + 'px', height: iconSize + 'px' }"
43
+ class="uni-load-more__img uni-load-more__img--android-MP">
44
+ <view
45
+ class="uni-load-more__img-icon"
46
+ :style="{
47
+ borderTopColor: color,
48
+ borderTopWidth: iconSize / 12
49
+ }"></view>
50
+ <view
51
+ class="uni-load-more__img-icon"
52
+ :style="{
53
+ borderTopColor: color,
54
+ borderTopWidth: iconSize / 12
55
+ }"></view>
56
+ <view
57
+ class="uni-load-more__img-icon"
58
+ :style="{
59
+ borderTopColor: color,
60
+ borderTopWidth: iconSize / 12
61
+ }"></view>
62
+ </view>
63
+ <!-- #endif -->
64
+ <!-- #ifndef APP-NVUE -->
65
+ <view
66
+ v-else-if="!webviewHide && status === 'loading' && showIcon"
67
+ :style="{ width: iconSize + 'px', height: iconSize + 'px' }"
68
+ class="uni-load-more__img uni-load-more__img--ios-H5">
69
+ <image :src="imgBase64" mode="widthFix"></image>
70
+ </view>
71
+ <!-- #endif -->
72
+ <text
73
+ v-if="showText"
74
+ class="uni-load-more__text"
75
+ :style="{ color: color }"
76
+ >{{
77
+ status === 'more'
78
+ ? contentdownText
79
+ : status === 'loading'
80
+ ? contentrefreshText
81
+ : contentnomoreText
82
+ }}</text
83
+ >
84
+ </view>
85
+ </template>
86
+
87
+ <script>
88
+ let platform;
89
+ setTimeout(() => {
90
+ // #ifdef MP-WEIXIN
91
+ // platform = uni.getDeviceInfo().platform;
92
+ // #endif
93
+ // #ifndef MP-WEIXIN
94
+ platform = uni.getSystemInfoSync().platform;
95
+ // #endif
96
+ }, 16);
97
+
98
+ import { initVueI18n } from '@dcloudio/uni-i18n';
99
+ import messages from './i18n/index.js';
100
+ const { t } = initVueI18n(messages);
101
+
102
+ /**
103
+ * LoadMore 加载更多
104
+ * @description 用于列表中,做滚动加载使用,展示 loading 的各种状态
105
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=29
106
+ * @property {String} status = [more|loading|noMore] loading 的状态
107
+ * @value more loading前
108
+ * @value loading loading中
109
+ * @value noMore 没有更多了
110
+ * @property {Number} iconSize 指定图标大小
111
+ * @property {Boolean} iconSize = [true|false] 是否显示 loading 图标
112
+ * @property {String} iconType = [snow|circle|auto] 指定图标样式
113
+ * @value snow ios雪花加载样式
114
+ * @value circle 安卓唤醒加载样式
115
+ * @value auto 根据平台自动选择加载样式
116
+ * @property {String} color 图标和文字颜色
117
+ * @property {Object} contentText 各状态文字说明,值为:{contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"}
118
+ * @event {Function} clickLoadMore 点击加载更多时触发
119
+ */
120
+ export default {
121
+ name: 'UniLoadMore',
122
+ emits: ['clickLoadMore'],
123
+ props: {
124
+ status: {
125
+ // 上拉的状态:more-loading前;loading-loading中;noMore-没有更多了
126
+ type: String,
127
+ default: 'more'
128
+ },
129
+ showIcon: {
130
+ type: Boolean,
131
+ default: true
132
+ },
133
+ iconType: {
134
+ type: String,
135
+ default: 'auto'
136
+ },
137
+ iconSize: {
138
+ type: Number,
139
+ default: 24
140
+ },
141
+ color: {
142
+ type: String,
143
+ default: '#777777'
144
+ },
145
+ contentText: {
146
+ type: Object,
147
+ default() {
148
+ return {
149
+ contentdown: '',
150
+ contentrefresh: '',
151
+ contentnomore: ''
152
+ };
153
+ }
154
+ },
155
+ showText: {
156
+ type: Boolean,
157
+ default: true
158
+ }
159
+ },
160
+ data() {
161
+ return {
162
+ webviewHide: false,
163
+ platform: platform,
164
+ imgBase64:
165
+ 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzlBMzU3OTlEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzlBMzU3OUFEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOUEzNTc5N0Q5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOUEzNTc5OEQ5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt+ALSwAAA6CSURBVHja1FsLkFZV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'
166
+ };
167
+ },
168
+ computed: {
169
+ iconSnowWidth() {
170
+ return (Math.floor(this.iconSize / 24) || 1) * 2;
171
+ },
172
+ contentdownText() {
173
+ return this.contentText.contentdown || t('uni-load-more.contentdown');
174
+ },
175
+ contentrefreshText() {
176
+ return (
177
+ this.contentText.contentrefresh || t('uni-load-more.contentrefresh')
178
+ );
179
+ },
180
+ contentnomoreText() {
181
+ return (
182
+ this.contentText.contentnomore || t('uni-load-more.contentnomore')
183
+ );
184
+ }
185
+ },
186
+ mounted() {
187
+ // uni-app js引擎版编译为App时
188
+ // #ifdef APP-PLUS
189
+ // var pages = getCurrentPages();
190
+ // var page = pages[pages.length - 1];
191
+ // var currentWebview = page.$getAppWebview();
192
+ // currentWebview.addEventListener('hide', () => {
193
+ // this.webviewHide = true;
194
+ // });
195
+ // currentWebview.addEventListener('show', () => {
196
+ // this.webviewHide = false;
197
+ // });
198
+ // #endif
199
+ },
200
+ methods: {
201
+ onClick() {
202
+ this.$emit('clickLoadMore', {
203
+ detail: {
204
+ status: this.status
205
+ }
206
+ });
207
+ }
208
+ }
209
+ };
210
+ </script>
211
+
212
+ <style lang="scss">
213
+ .uni-load-more {
214
+ /* #ifndef APP-NVUE */
215
+ display: flex;
216
+ /* #endif */
217
+ flex-direction: row;
218
+ height: 40px;
219
+ align-items: center;
220
+ justify-content: center;
221
+ }
222
+
223
+ .uni-load-more__text {
224
+ font-size: 14px;
225
+ margin-left: 8px;
226
+ }
227
+
228
+ .uni-load-more__img {
229
+ width: 24px;
230
+ height: 24px;
231
+ // margin-right: 8px;
232
+ }
233
+
234
+ .uni-load-more__img--nvue {
235
+ color: #666666;
236
+ }
237
+
238
+ .uni-load-more__img--android,
239
+ .uni-load-more__img--ios {
240
+ width: 24px;
241
+ height: 24px;
242
+ transform: rotate(0deg);
243
+ }
244
+
245
+ /* #ifndef APP-NVUE */
246
+ .uni-load-more__img--android {
247
+ animation: loading-ios 1s 0s linear infinite;
248
+ }
249
+
250
+ @keyframes loading-android {
251
+ 0% {
252
+ transform: rotate(0deg);
253
+ }
254
+
255
+ 100% {
256
+ transform: rotate(360deg);
257
+ }
258
+ }
259
+
260
+ .uni-load-more__img--ios-H5 {
261
+ position: relative;
262
+ animation: loading-ios-H5 1s 0s step-end infinite;
263
+ }
264
+
265
+ .uni-load-more__img--ios-H5 image {
266
+ position: absolute;
267
+ width: 100%;
268
+ height: 100%;
269
+ left: 0;
270
+ top: 0;
271
+ }
272
+
273
+ @keyframes loading-ios-H5 {
274
+ 0% {
275
+ transform: rotate(0deg);
276
+ }
277
+
278
+ 8% {
279
+ transform: rotate(30deg);
280
+ }
281
+
282
+ 16% {
283
+ transform: rotate(60deg);
284
+ }
285
+
286
+ 24% {
287
+ transform: rotate(90deg);
288
+ }
289
+
290
+ 32% {
291
+ transform: rotate(120deg);
292
+ }
293
+
294
+ 40% {
295
+ transform: rotate(150deg);
296
+ }
297
+
298
+ 48% {
299
+ transform: rotate(180deg);
300
+ }
301
+
302
+ 56% {
303
+ transform: rotate(210deg);
304
+ }
305
+
306
+ 64% {
307
+ transform: rotate(240deg);
308
+ }
309
+
310
+ 73% {
311
+ transform: rotate(270deg);
312
+ }
313
+
314
+ 82% {
315
+ transform: rotate(300deg);
316
+ }
317
+
318
+ 91% {
319
+ transform: rotate(330deg);
320
+ }
321
+
322
+ 100% {
323
+ transform: rotate(360deg);
324
+ }
325
+ }
326
+
327
+ /* #endif */
328
+
329
+ /* #ifdef H5 */
330
+ .uni-load-more__img--android-H5 {
331
+ animation: loading-android-H5-rotate 2s linear infinite;
332
+ transform-origin: center center;
333
+ }
334
+
335
+ .uni-load-more__img--android-H5 circle {
336
+ display: inline-block;
337
+ animation: loading-android-H5-dash 1.5s ease-in-out infinite;
338
+ stroke: currentColor;
339
+ stroke-linecap: round;
340
+ }
341
+
342
+ @keyframes loading-android-H5-rotate {
343
+ 0% {
344
+ transform: rotate(0deg);
345
+ }
346
+
347
+ 100% {
348
+ transform: rotate(360deg);
349
+ }
350
+ }
351
+
352
+ @keyframes loading-android-H5-dash {
353
+ 0% {
354
+ stroke-dasharray: 1, 200;
355
+ stroke-dashoffset: 0;
356
+ }
357
+
358
+ 50% {
359
+ stroke-dasharray: 90, 150;
360
+ stroke-dashoffset: -40;
361
+ }
362
+
363
+ 100% {
364
+ stroke-dasharray: 90, 150;
365
+ stroke-dashoffset: -120;
366
+ }
367
+ }
368
+
369
+ /* #endif */
370
+
371
+ /* #ifndef APP-NVUE || H5 */
372
+ .uni-load-more__img--android-MP {
373
+ position: relative;
374
+ width: 24px;
375
+ height: 24px;
376
+ transform: rotate(0deg);
377
+ animation: loading-ios 1s 0s ease infinite;
378
+ }
379
+
380
+ .uni-load-more__img--android-MP .uni-load-more__img-icon {
381
+ position: absolute;
382
+ box-sizing: border-box;
383
+ width: 100%;
384
+ height: 100%;
385
+ border-radius: 50%;
386
+ border: solid 2px transparent;
387
+ border-top: solid 2px #777777;
388
+ transform-origin: center;
389
+ }
390
+
391
+ .uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(1) {
392
+ animation: loading-android-MP-1 1s 0s linear infinite;
393
+ }
394
+
395
+ .uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(2) {
396
+ animation: loading-android-MP-2 1s 0s linear infinite;
397
+ }
398
+
399
+ .uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(3) {
400
+ animation: loading-android-MP-3 1s 0s linear infinite;
401
+ }
402
+
403
+ @keyframes loading-android {
404
+ 0% {
405
+ transform: rotate(0deg);
406
+ }
407
+
408
+ 100% {
409
+ transform: rotate(360deg);
410
+ }
411
+ }
412
+
413
+ @keyframes loading-android-MP-1 {
414
+ 0% {
415
+ transform: rotate(0deg);
416
+ }
417
+
418
+ 50% {
419
+ transform: rotate(90deg);
420
+ }
421
+
422
+ 100% {
423
+ transform: rotate(360deg);
424
+ }
425
+ }
426
+
427
+ @keyframes loading-android-MP-2 {
428
+ 0% {
429
+ transform: rotate(0deg);
430
+ }
431
+
432
+ 50% {
433
+ transform: rotate(180deg);
434
+ }
435
+
436
+ 100% {
437
+ transform: rotate(360deg);
438
+ }
439
+ }
440
+
441
+ @keyframes loading-android-MP-3 {
442
+ 0% {
443
+ transform: rotate(0deg);
444
+ }
445
+
446
+ 50% {
447
+ transform: rotate(270deg);
448
+ }
449
+
450
+ 100% {
451
+ transform: rotate(360deg);
452
+ }
453
+ }
454
+
455
+ /* #endif */
456
+ </style>