@mythpe/quasar-ui-qui 0.1.28 → 0.1.30

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/form/MUploader.vue +53 -45
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mythpe/quasar-ui-qui",
3
- "version": "0.1.28",
3
+ "version": "0.1.30",
4
4
  "description": "MyTh Quasar UI Kit App Extension",
5
5
  "author": {
6
6
  "name": "MyTh Ahmed Faiz",
package/src/components/form/MUploader.vue CHANGED
@@ -333,7 +333,7 @@ defineOptions({
333
333
  :disable="disable"
334
334
  :factory="startUpload"
335
335
  :field-name="fieldName"
336
- :label="__(label)"
336
+ :label="label !== undefined ? __(label):label"
337
337
  :readonly="readonly"
338
338
  style="width: 100%;max-height: 450px;"
339
339
  v-bind="{...pluginOptions.uploader as any,...$attrs}"
@@ -348,55 +348,63 @@ defineOptions({
348
348
  class="q-uploader__spinner"
349
349
  />
350
350
  <div class="col">
351
- <div class="q-uploader__title">
351
+ <div
352
+ v-if="!!label"
353
+ class="q-uploader__title"
354
+ >
352
355
  {{ __(label) }}
353
356
  </div>
354
- <div class="q-uploader__subtitle">
357
+ <div
358
+ v-if="!readonly"
359
+ class="q-uploader__subtitle"
360
+ >
355
361
  {{ scope.uploadSizeLabel }} / {{ scope.uploadProgressLabel }}
356
362
  </div>
357
363
  </div>
358
- <q-btn
359
- v-if="scope.queuedFiles.length > 0"
360
- :icon="removeQueuedIcon"
361
- :label="__('myth.uploader.clearAll')"
362
- dense
363
- flat
364
- @click="scope.removeQueuedFiles"
365
- />
366
- <q-btn
367
- v-if="scope.uploadedFiles.length > 0"
368
- :icon="removeUploadedIcon"
369
- :label="__('myth.uploader.removeUploadedFiles')"
370
- dense
371
- flat
372
- @click="scope.removeUploadedFiles"
373
- />
374
- <q-btn
375
- v-if="scope.canAddFiles && !hideUploadBtn"
376
- :icon="pickFilesIcon"
377
- :label="__('myth.uploader.pickFiles')"
378
- dense
379
- flat
380
- @click="scope.pickFiles"
381
- >
382
- <q-uploader-add-trigger />
383
- </q-btn>
384
- <q-btn
385
- v-if="scope.canUpload && !hideUploadBtn"
386
- :icon="uploadFilesIcon"
387
- :label="__('myth.uploader.uploadFiles')"
388
- dense
389
- flat
390
- @click="scope.upload"
391
- />
392
- <q-btn
393
- v-if="scope.isUploading"
394
- :icon="abortUploadIcon"
395
- :label="__('myth.uploader.abortUpload')"
396
- dense
397
- flat
398
- @click="scope.abort"
399
- />
364
+ <template v-if="!readonly">
365
+ <q-btn
366
+ v-if="scope.queuedFiles.length > 0"
367
+ :icon="removeQueuedIcon"
368
+ :label="__('myth.uploader.clearAll')"
369
+ dense
370
+ flat
371
+ @click="scope.removeQueuedFiles"
372
+ />
373
+ <q-btn
374
+ v-if="scope.uploadedFiles.length > 0"
375
+ :icon="removeUploadedIcon"
376
+ :label="__('myth.uploader.removeUploadedFiles')"
377
+ dense
378
+ flat
379
+ @click="scope.removeUploadedFiles"
380
+ />
381
+ <q-btn
382
+ v-if="scope.canAddFiles && !hideUploadBtn"
383
+ :icon="pickFilesIcon"
384
+ :label="__('myth.uploader.pickFiles')"
385
+ dense
386
+ flat
387
+ @click="scope.pickFiles"
388
+ >
389
+ <q-uploader-add-trigger />
390
+ </q-btn>
391
+ <q-btn
392
+ v-if="scope.canUpload && !hideUploadBtn"
393
+ :icon="uploadFilesIcon"
394
+ :label="__('myth.uploader.uploadFiles')"
395
+ dense
396
+ flat
397
+ @click="scope.upload"
398
+ />
399
+ <q-btn
400
+ v-if="scope.isUploading"
401
+ :icon="abortUploadIcon"
402
+ :label="__('myth.uploader.abortUpload')"
403
+ dense
404
+ flat
405
+ @click="scope.abort"
406
+ />
407
+ </template>
400
408
  </MRow>
401
409
  <slot
402
410
  name="header"