@netang/quasar 0.1.60 → 0.1.62
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.
|
@@ -134,6 +134,12 @@
|
|
|
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"
|
|
@@ -141,6 +147,7 @@
|
|
|
141
147
|
size="xs"
|
|
142
148
|
title="预览"
|
|
143
149
|
@click="uploader.previewImage(fileItem)"
|
|
150
|
+
v-bind="settingsIconProps"
|
|
144
151
|
v-if="! noPreview && getImage(fileItem)"
|
|
145
152
|
/>
|
|
146
153
|
|
|
@@ -151,8 +158,10 @@
|
|
|
151
158
|
size="xs"
|
|
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>
|
|
@@ -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
|
<!-- 复制地址 -->
|
|
@@ -284,6 +299,7 @@
|
|
|
284
299
|
size="xs"
|
|
285
300
|
title="复制地址"
|
|
286
301
|
@click="uploader.copyUrl(fileItem)"
|
|
302
|
+
v-bind="settingsIconProps"
|
|
287
303
|
/>
|
|
288
304
|
|
|
289
305
|
<!-- 修改 -->
|
|
@@ -293,6 +309,7 @@
|
|
|
293
309
|
color="white"
|
|
294
310
|
size="xs"
|
|
295
311
|
title="修改"
|
|
312
|
+
v-bind="settingsIconProps"
|
|
296
313
|
v-if="! noEdit && ! disable && ! readonly && ! fileItem.isNet"
|
|
297
314
|
>
|
|
298
315
|
<q-popup-edit
|
|
@@ -326,6 +343,7 @@
|
|
|
326
343
|
size="xs"
|
|
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,8 @@ export default {
|
|
|
407
425
|
autoShowSquareButton: Boolean,
|
|
408
426
|
// 方块按钮在右边显示
|
|
409
427
|
rightSquareButton: Boolean,
|
|
428
|
+
// 设置图标传参
|
|
429
|
+
settingsIconProps: Object,
|
|
410
430
|
},
|
|
411
431
|
|
|
412
432
|
/**
|
|
@@ -503,14 +523,6 @@ export default {
|
|
|
503
523
|
return fileItem.title + ($n_get(fileItem, 'ext') ? '.' + fileItem.ext : '')
|
|
504
524
|
}
|
|
505
525
|
|
|
506
|
-
// ==========【生命周期】=========================================================================================
|
|
507
|
-
|
|
508
|
-
/**
|
|
509
|
-
* 实例被挂载后调用
|
|
510
|
-
*/
|
|
511
|
-
onMounted( async function() {
|
|
512
|
-
|
|
513
|
-
})
|
|
514
526
|
|
|
515
527
|
// ==========【返回】=============================================================================================
|
|
516
528
|
|
|
@@ -678,6 +690,7 @@ export default {
|
|
|
678
690
|
border-radius: 3px;
|
|
679
691
|
background-color: var(--q-primary);
|
|
680
692
|
transform: scale(0.7);
|
|
693
|
+
pointer-events: none;
|
|
681
694
|
}
|
|
682
695
|
|
|
683
696
|
//操作
|