@mythpe/quasar-ui-qui 0.4.93 → 0.4.95

package/package.json

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

package/src/components/form/MSelect.vue

@@ -340,13 +340,19 @@ defineOptions({
                 />
               </template>
               <template v-else-if="!search?.length && useInput">
-                {{ __('myth.select.typeToSearch') }}
+                <slot name="type-to-search">
+                  {{ __('myth.select.typeToSearch') }}
+                </slot>
               </template>
               <template v-else-if="search?.length > 0">
-                {{ __('myth.select.noResult') }}
+                <slot name="no-result">
+                  {{ __('myth.select.noResult') }}
+                </slot>
               </template>
               <template v-else>
-                {{ __('myth.select.noData') }}
+                <slot name="no-data">
+                  {{ __('myth.select.noData') }}
+                </slot>
               </template>
             </q-item-section>
           </q-item>
@@ -363,18 +369,23 @@ defineOptions({
       </template>
       <template
         v-if="multiple"
-        #before-options
+        #before-options="boProps"
       >
-        <MContainer>
-          <MRow class="full-width">
-            <MBtn
-              :class="{'full-width': $q.screen.lt.sm}"
-              :label="__('labels.done')"
-              :size="$q.screen.xs ? 'lg' : undefined"
-              @click="onDoneOptions()"
-            />
-          </MRow>
-        </MContainer>
+        <slot
+          name="before-options"
+          v-bind="boProps"
+        >
+          <MContainer>
+            <MRow class="full-width">
+              <MBtn
+                :class="{'full-width': $q.screen.lt.sm}"
+                :label="__('labels.done')"
+                :size="$q.screen.xs ? 'lg' : undefined"
+                @click="onDoneOptions()"
+              />
+            </MRow>
+          </MContainer>
+        </slot>
       </template>
       <template
         v-for="(_,slot) in $slots as Readonly<QSelectSlots>"

package/src/types/api/MSelect.d.ts

@@ -180,4 +180,16 @@ export interface MSelectSlots extends QSelectSlots, QFieldSlots, BaseInputsSlots
      */
     itemProps: any;
   }) => VNode[];
+  /**
+   * Default slot inside QSelectMenu; Suggestion: <div></div>
+   */
+  'type-to-search': () => VNode[];
+  /**
+   * Default slot inside QSelectMenu; Suggestion: <div></div>
+   */
+  'no-result': () => VNode[];
+  /**
+   * Default slot inside QSelectMenu; Suggestion: <div></div>
+   */
+  'no-data': () => VNode[];
 }