@mythpe/quasar-ui-qui 0.2.40 → 0.2.41

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mythpe/quasar-ui-qui",
3
- "version": "0.2.40",
3
+ "version": "0.2.41",
4
4
  "description": "MyTh Quasar UI Kit App Extension",
5
5
  "author": {
6
6
  "name": "MyTh Ahmed Faiz",
@@ -580,19 +580,26 @@ defineExpose({
580
580
  </q-btn>
581
581
  </template>
582
582
  <template v-else-if="getProp('imageMode') === 'image'">
583
- <q-img
584
- v-if="col.value"
585
- :src="col.value"
586
- :style="`width: ${getProp('imageSize')}; height: ${getProp('imageSize')}`"
587
- class="cursor-pointer"
588
- fit="contain"
589
- no-spinner
590
- @click="openImageDialog(col.value)"
591
- >
592
- <q-tooltip class="m--dt-btn-tooltip">
593
- {{ __('myth.titles.show') }}
594
- </q-tooltip>
595
- </q-img>
583
+ <q-avatar :size="getProp('imageSize')">
584
+ <q-img
585
+ v-if="col.value"
586
+ :src="col.value"
587
+ :style="`width: ${getProp('imageSize')}; height: ${getProp('imageSize')}`"
588
+ class="cursor-pointer"
589
+ fit="contain"
590
+ no-spinner
591
+ @click="openImageDialog(col.value)"
592
+ >
593
+ <q-tooltip class="m--dt-btn-tooltip">
594
+ {{ __('myth.titles.show') }}
595
+ </q-tooltip>
596
+ </q-img>
597
+ <q-icon
598
+ v-else
599
+ :size="getProp('imageSize')"
600
+ name="ion-ios-aperture"
601
+ />
602
+ </q-avatar>
596
603
  </template>
597
604
  </template>
598
605
  <template v-else-if="urlColumnsProp.indexOf(col.name) !== -1">
@@ -1184,19 +1191,26 @@ defineExpose({
1184
1191
  </q-btn>
1185
1192
  </template>
1186
1193
  <template v-else-if="getProp('imageMode') === 'image'">
1187
- <q-img
1188
- v-if="colProps.row[c]"
1189
- :src="colProps.row[c]"
1190
- :style="`width: ${getProp('imageSize')}; height: ${getProp('imageSize')}`"
1191
- class="cursor-pointer"
1192
- fit="contain"
1193
- no-spinner
1194
- @click="openImageDialog(colProps.row[c])"
1195
- >
1196
- <q-tooltip class="m--dt-btn-tooltip">
1197
- {{ __('myth.titles.show') }}
1198
- </q-tooltip>
1199
- </q-img>
1194
+ <q-avatar :size="getProp('imageSize')">
1195
+ <q-img
1196
+ v-if="colProps.row[c]"
1197
+ :src="colProps.row[c]"
1198
+ :style="`width: ${getProp('imageSize')}; height: ${getProp('imageSize')}`"
1199
+ class="cursor-pointer"
1200
+ fit="contain"
1201
+ no-spinner
1202
+ @click="openImageDialog(colProps.row[c])"
1203
+ >
1204
+ <q-tooltip class="m--dt-btn-tooltip">
1205
+ {{ __('myth.titles.show') }}
1206
+ </q-tooltip>
1207
+ </q-img>
1208
+ <q-icon
1209
+ v-else
1210
+ :size="getProp('imageSize')"
1211
+ name="ion-ios-aperture"
1212
+ />
1213
+ </q-avatar>
1200
1214
  </template>
1201
1215
  </q-td>
1202
1216
  </template>
@@ -1269,6 +1283,13 @@ defineExpose({
1269
1283
  />
1270
1284
  </template>
1271
1285
  </q-table>
1286
+ <q-inner-loading
1287
+ :label="__('labels.plz_wait')"
1288
+ :showing="loading"
1289
+ color="brand"
1290
+ label-class="text-brand"
1291
+ label-style="font-size: 1.1em"
1292
+ />
1272
1293
  <slot
1273
1294
  :dt="datatableItemsScope"
1274
1295
  :form="useFormContext"
@@ -225,7 +225,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
225
225
  meta.value = { ...initMetaServer }
226
226
  pagination.value.page = 1
227
227
  pagination.value.rowsNumber = 0
228
- getRows.value = []
228
+ // getRows.value = []
229
229
  nextTick(() => {
230
230
  fetchDatatableItems({
231
231
  pagination: pagination.value,