@mythpe/quasar-ui-qui 0.3.8 → 0.3.10

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -886,8 +886,7 @@ defineExpose({
                 <MDtBtn
                   v-if="pdf && getRows.length > 0"
                   icon="fa-solid fa-file-pdf"
-                  text-color="red"
-                  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any}"
+                  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any, textColor: 'red'}"
                   @click="exportData('pdf')"
                 >
                   <q-tooltip class="m-dt-btn-tooltip">
@@ -898,8 +897,7 @@ defineExpose({
                 <MDtBtn
                   v-if="excel && getRows.length > 0"
                   icon="fa-solid fa-file-excel"
-                  text-color="green"
-                  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any}"
+                  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any, textColor: 'green'}"
                   @click="exportData('excel')"
                 >
                   <q-tooltip class="m-dt-btn-tooltip">
@@ -1060,6 +1058,7 @@ defineExpose({
                   label="myth.datatable.columnsToShow"
                   text-color="on-brand"
                   tooltip="myth.datatable.columnsToShowCaption"
+                  v-bind="pluginOptions.dt?.buttons?.filter as any"
                 >
                   <MModalMenu
                     :no-close-btn="$q.screen.gt.xs"
@@ -1118,9 +1117,7 @@ defineExpose({
                 <MDtBtn
                   v-if="!noWrapBtnProp"
                   :icon="`ion-ios-${!wrapCellsRef ? 'grid' : 'list'}`"
-                  color="brand"
                   flat
-                  text-color="brand"
                   @click="wrapCellsRef = !wrapCellsRef"
                 />
               </MRow>

package/src/composable/useBindInput.ts

@@ -128,7 +128,7 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
       if (typeof props.images === 'string' && props.images?.length > 0) {
         l.push(props.images)
       } else {
-        l.push('image/png,image/jpg,image/jpeg')
+        l.push('image/png,image/jpg,image/jpeg,image/webp')
       }
     }
     if (props.svg) {