@mythpe/quasar-ui-qui 0.3.94 → 0.3.96

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -39,6 +39,7 @@ type Props = {
   excel?: boolean;
   exportUrl?: MDatatableProps['exportUrl'];
   hideSearch?: boolean;
+  hideSearchColumns?: boolean;
   hideTitle?: boolean;
   searchDebounce?: MDatatableProps['searchDebounce'];
   withIndex?: MDatatableProps['withIndex'];
@@ -119,6 +120,7 @@ const props = withDefaults(defineProps<Props>(), {
   excel: undefined,
   exportUrl: undefined,
   hideSearch: !1,
+  hideSearchColumns: !1,
   hideTitle: undefined,
   searchDebounce: 600,
   withIndex: undefined,
@@ -926,7 +928,10 @@ defineExpose({
                       </q-tooltip>
                     </q-icon>
                   </template>
-                  <template #after>
+                  <template
+                    v-if="!hideSearchColumns"
+                    #after
+                  >
                     <q-btn
                       :aria-label="__('menu')"
                       :icon="pluginOptions.dt?.searchInput?.optionsIcon || 'ion-ios-options'"
@@ -1012,7 +1017,10 @@ defineExpose({
                       </MTooltip>
                     </q-btn>
                   </template>
-                  <template #append>
+                  <template
+                    v-if="!hideSearchColumns"
+                    #append
+                  >
                     <q-btn
                       :icon="`ion-ios-${lockSearch ? 'magnet' : 'lock'}`"
                       fab-mini

package/src/composable/useDtHelpers.ts

@@ -151,6 +151,9 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
     searchColumnsRef.value = isSearchSelectedAll.value ? [getSearchColumnsHeaders.value[0].name] : getSearchColumnsHeaders.value.map(e => e.name)
   }
   const searchPlaceholder = computed<string>(() => {
+    if (props.hideSearchColumns) {
+      return __('labels.search')
+    }
     if (searchColumnsRef.value.length > 0) {
       return __('myth.datatable.searchInputPlaceholder',
         {

package/src/types/m-datatable.d.ts

@@ -246,6 +246,7 @@ export type MDatatableProps<I extends GenericFormValues = GenericFormValues> = O
   importBtn?: boolean;
   noExampleBtn?: boolean;
   hideSearch?: boolean;
+  hideSearchColumns?: boolean;
   hideTitle?: boolean;
   searchDebounce?: string | number;
   withIndex?: string | string[];