@netang/quasar 0.1.61 → 0.1.63
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/components/toolbar/index.vue +1 -0
- package/components/uploader/index.vue +2 -0
- package/components/uploader-query/index.vue +34 -17
- package/package.json +1 -1
- package/utils/$power.js +273 -127
- package/utils/uploader/qiniu.js +320 -321
- package/utils/uploader.js +292 -24
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
fit="fill"
|
|
85
85
|
>
|
|
86
86
|
<!-- 如果是外链 -->
|
|
87
|
-
<span class="n-uploader-query__item__net" v-if="fileItem.isNet">链接</span>
|
|
87
|
+
<span class="n-uploader-query__item__net" v-if="fileItem.isNet && ! fileItem.isNetUploaded">链接</span>
|
|
88
88
|
|
|
89
89
|
<!-- 内容 -->
|
|
90
90
|
<div
|
|
@@ -134,13 +134,20 @@
|
|
|
134
134
|
class="n-uploader-query__item__settings transparent no-padding"
|
|
135
135
|
v-if="fileItem.status !== UPLOAD_STATUS.uploading"
|
|
136
136
|
>
|
|
137
|
+
<!-- 操作插槽-->
|
|
138
|
+
<slot
|
|
139
|
+
name="settings"
|
|
140
|
+
:file="fileItem"
|
|
141
|
+
/>
|
|
142
|
+
|
|
137
143
|
<!-- 预览 -->
|
|
138
144
|
<q-icon
|
|
139
145
|
class="n-uploader-query__item__settings__icon cursor-pointer"
|
|
140
146
|
name="search"
|
|
141
|
-
size="
|
|
147
|
+
:size="settingsIconSize"
|
|
142
148
|
title="预览"
|
|
143
149
|
@click="uploader.previewImage(fileItem)"
|
|
150
|
+
v-bind="settingsIconProps"
|
|
144
151
|
v-if="! noPreview && getImage(fileItem)"
|
|
145
152
|
/>
|
|
146
153
|
|
|
@@ -148,11 +155,13 @@
|
|
|
148
155
|
<q-icon
|
|
149
156
|
class="n-uploader-query__item__settings__icon cursor-pointer"
|
|
150
157
|
name="close"
|
|
151
|
-
size="
|
|
158
|
+
:size="settingsIconSize"
|
|
152
159
|
title="删除"
|
|
153
160
|
@click="uploader.deleteFileItem(fileItem)"
|
|
161
|
+
v-bind="settingsIconProps"
|
|
154
162
|
v-if="! noDelete && ! disable && ! readonly"
|
|
155
163
|
/>
|
|
164
|
+
|
|
156
165
|
</div>
|
|
157
166
|
|
|
158
167
|
</n-img>
|
|
@@ -207,7 +216,7 @@
|
|
|
207
216
|
@dragend="dragEnd"
|
|
208
217
|
>
|
|
209
218
|
<!-- 如果是外链 -->
|
|
210
|
-
<span class="n-uploader-query__item__net" v-if="fileItem.isNet">链接</span>
|
|
219
|
+
<span class="n-uploader-query__item__net" v-if="fileItem.isNet && ! fileItem.isNetUploaded">链接</span>
|
|
211
220
|
|
|
212
221
|
<!-- 图标 -->
|
|
213
222
|
<div
|
|
@@ -274,6 +283,12 @@
|
|
|
274
283
|
<!-- 操作 -->
|
|
275
284
|
<div class="n-uploader-query__item__settings">
|
|
276
285
|
|
|
286
|
+
<!-- 操作插槽-->
|
|
287
|
+
<slot
|
|
288
|
+
name="settings"
|
|
289
|
+
:file="fileItem"
|
|
290
|
+
/>
|
|
291
|
+
|
|
277
292
|
<template v-if="fileItem.status === UPLOAD_STATUS.success">
|
|
278
293
|
|
|
279
294
|
<!-- 复制地址 -->
|
|
@@ -281,9 +296,10 @@
|
|
|
281
296
|
class="n-uploader-query__item__settings__icon cursor-pointer"
|
|
282
297
|
name="content_copy"
|
|
283
298
|
color="white"
|
|
284
|
-
size="
|
|
299
|
+
:size="settingsIconSize"
|
|
285
300
|
title="复制地址"
|
|
286
301
|
@click="uploader.copyUrl(fileItem)"
|
|
302
|
+
v-bind="settingsIconProps"
|
|
287
303
|
/>
|
|
288
304
|
|
|
289
305
|
<!-- 修改 -->
|
|
@@ -291,8 +307,9 @@
|
|
|
291
307
|
class="n-uploader-query__item__settings__icon cursor-pointer"
|
|
292
308
|
name="edit"
|
|
293
309
|
color="white"
|
|
294
|
-
size="
|
|
310
|
+
:size="settingsIconSize"
|
|
295
311
|
title="修改"
|
|
312
|
+
v-bind="settingsIconProps"
|
|
296
313
|
v-if="! noEdit && ! disable && ! readonly && ! fileItem.isNet"
|
|
297
314
|
>
|
|
298
315
|
<q-popup-edit
|
|
@@ -323,9 +340,10 @@
|
|
|
323
340
|
class="n-uploader-query__item__settings__icon cursor-pointer"
|
|
324
341
|
name="close"
|
|
325
342
|
color="white"
|
|
326
|
-
size="
|
|
343
|
+
:size="settingsIconSize"
|
|
327
344
|
title="删除"
|
|
328
345
|
@click="uploader.deleteFileItem(fileItem)"
|
|
346
|
+
v-bind="settingsIconProps"
|
|
329
347
|
v-if="! noDelete && ! disable && ! readonly"
|
|
330
348
|
/>
|
|
331
349
|
</div>
|
|
@@ -336,7 +354,7 @@
|
|
|
336
354
|
</template>
|
|
337
355
|
|
|
338
356
|
<script>
|
|
339
|
-
import {
|
|
357
|
+
import { computed, inject } from 'vue'
|
|
340
358
|
import { useQuasar } from 'quasar'
|
|
341
359
|
|
|
342
360
|
import $n_has from 'lodash/has'
|
|
@@ -407,6 +425,13 @@ export default {
|
|
|
407
425
|
autoShowSquareButton: Boolean,
|
|
408
426
|
// 方块按钮在右边显示
|
|
409
427
|
rightSquareButton: Boolean,
|
|
428
|
+
// 设置图标尺寸
|
|
429
|
+
settingsIconSize: {
|
|
430
|
+
type: String,
|
|
431
|
+
default: 'xs',
|
|
432
|
+
},
|
|
433
|
+
// 设置图标传参
|
|
434
|
+
settingsIconProps: Object,
|
|
410
435
|
},
|
|
411
436
|
|
|
412
437
|
/**
|
|
@@ -503,14 +528,6 @@ export default {
|
|
|
503
528
|
return fileItem.title + ($n_get(fileItem, 'ext') ? '.' + fileItem.ext : '')
|
|
504
529
|
}
|
|
505
530
|
|
|
506
|
-
// ==========【生命周期】=========================================================================================
|
|
507
|
-
|
|
508
|
-
/**
|
|
509
|
-
* 实例被挂载后调用
|
|
510
|
-
*/
|
|
511
|
-
onMounted( async function() {
|
|
512
|
-
|
|
513
|
-
})
|
|
514
531
|
|
|
515
532
|
// ==========【返回】=============================================================================================
|
|
516
533
|
|
|
@@ -689,7 +706,7 @@ export default {
|
|
|
689
706
|
visibility: hidden;
|
|
690
707
|
|
|
691
708
|
&__icon {
|
|
692
|
-
background-color: rgba(0,0,0,0.5);
|
|
709
|
+
background-color: rgba(0,0,0,0.5) !important;
|
|
693
710
|
border-radius: 50%;
|
|
694
711
|
padding: 5px;
|
|
695
712
|
|