@mythpe/quasar-ui-qui 0.3.22 → 0.3.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/datatable/MDatatable.vue

@@ -665,7 +665,7 @@ defineExpose({
                           <MDtCopyColumn
                             v-if="col.value !== undefined && col.value !== null"
                             :label="col.value"
-                            :value="col.value"
+                            :value="col.copyValue && typeof col.copyValue === 'function' ? col.copyValue(iTempProps.row) : col.value"
                           />
                         </template>
                         <template v-else-if="descColumnsProp.indexOf(col.name) !== -1">
@@ -918,6 +918,7 @@ defineExpose({
                 <!-- Export PDF-->
                 <MDtBtn
                   v-if="pdf && getRows.length > 0"
+                  :disable="loading"
                   icon="fa-solid fa-file-pdf"
                   v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any, textColor: 'red'}"
                   @click="exportData('pdf')"
@@ -930,6 +931,7 @@ defineExpose({
                 <MDtBtn
                   v-if="excel && getRows.length > 0"
                   icon="fa-solid fa-file-excel"
+                  :disable="loading"
                   v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any, textColor: 'green'}"
                   @click="exportData('excel')"
                 >
@@ -945,6 +947,7 @@ defineExpose({
                   icon="ion-ios-options"
                   label="myth.datatable.hints.filter"
                   text-color="on-brand"
+                  :disable="loading"
                   v-bind="{...pluginOptions.dt?.buttons?.filter as any}"
                 >
                   <MModalMenu
@@ -1374,7 +1377,7 @@ defineExpose({
             <MDtCopyColumn
               v-if="copyColumnProps.row[copyColumnProps.col.field] !== undefined && copyColumnProps.row[copyColumnProps.col.field] !== null"
               :label="copyColumnProps.row[copyColumnProps.col.field]"
-              :value="copyColumnProps.row[copyColumnProps.col.field]"
+              :value="copyColumnProps.col.copyValue && typeof copyColumnProps.col.copyValue === 'function' ? copyColumnProps.col.copyValue(copyColumnProps.row) : copyColumnProps.row[copyColumnProps.col.copyValue || copyColumnProps.col.field]"
             />
           </q-td>
         </template>

package/src/components/form/MOptions.vue

@@ -149,6 +149,9 @@ const customViewModeValue = computed(() => {
   }
   const opt = options.value?.find((e) => {
     const k = props.optionValue === undefined ? 'value' : (typeof props.optionValue === 'function' ? props.optionValue(e) : props.optionValue)
+    if (props.type === 'checkbox') {
+      return value.value?.includes?.(e[k]) || e[k] === value.value
+    }
     return e[k] === value.value
   })
   if (opt) {

package/src/components/form/MSelect.vue

@@ -198,7 +198,7 @@ const getViewModeValue = computed(() => {
       return i[props.optionLabel]
     }
   }
-  return '...'
+  return value.value || '-'
 })
 defineExpose<typeof scopes & {
   input: typeof input,