@mythpe/quasar-ui-qui 0.2.70 → 0.2.72

package/package.json

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

package/src/components/grid/MInnerLoading.vue

@@ -0,0 +1,40 @@
+<!--
+  - MyTh Ahmed Faiz Copyright © 2025 All rights reserved.
+  - Email: mythpe@gmail.com
+  - Mobile: +966590470092
+  - Website: https://www.4myth.com
+  - Github: https://github.com/mythpe
+  -->
+
+<script lang="ts" setup>
+import { useMyth } from '../../composable'
+import type { MInnerLoadingProps } from '../../types'
+
+interface Props {
+  showing?: MInnerLoadingProps['showing'];
+  labelClass?: MInnerLoadingProps['labelClass'];
+  labelStyle?: MInnerLoadingProps['labelStyle'];
+  color?: MInnerLoadingProps['color'];
+}
+
+defineProps<Props>()
+
+const { __ } = useMyth()
+defineOptions({
+  name: 'MInnerLoading',
+  inheritAttrs: !1
+})
+</script>
+
+<template>
+  <q-inner-loading
+    :color="color ?? 'brand'"
+    :label="__('labels.plz_wait')"
+    :label-class="labelClass"
+    :label-style="labelStyle ?? 'font-size: 1.1em'"
+    :showing="showing"
+    v-bind="$attrs"
+  >
+    <slot v-if="!!$slots.default" />
+  </q-inner-loading>
+</template>

package/src/components/grid/index.ts

@@ -11,8 +11,9 @@ import MCol from './MCol.vue'
 import MColumn from './MColumn.vue'
 import MContainer from './MContainer.vue'
 import MHelpRow from './MHelpRow.vue'
+import MInnerLoading from './MInnerLoading.vue'
 import MRow from './MRow.vue'
 
-export { MBlock, MCol, MColumn, MContainer, MHelpRow, MRow }
+export { MBlock, MCol, MColumn, MContainer, MHelpRow, MInnerLoading, MRow }
 
 export default {}

package/src/plugin/defineAsyncComponents.ts

@@ -37,6 +37,7 @@ export const defineAsyncComponents = function (app: App) {
   app.component('MColumn', defineAsyncComponent(() => import('../components/grid/MColumn.vue')))
   app.component('MContainer', defineAsyncComponent(() => import('../components/grid/MContainer.vue')))
   app.component('MHelpRow', defineAsyncComponent(() => import('../components/grid/MHelpRow.vue')))
+  app.component('MInnerLoading', defineAsyncComponent(() => import('../components/grid/MInnerLoading.vue')))
   app.component('MRow', defineAsyncComponent(() => import('../components/grid/MRow.vue')))
 
   // Typography.

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

@@ -0,0 +1,17 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2025 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import type { VNode } from 'vue'
+import type { QInnerLoadingProps } from 'quasar'
+
+export type MInnerLoadingProps = QInnerLoadingProps & {
+  showing?: boolean | undefined;
+}
+export type MInnerLoadingSlots = {
+  default?: () => VNode[];
+}

package/src/types/components.d.ts

@@ -66,6 +66,7 @@ import type { MModalMenuProps, MModalMenuSlots } from './api/MModalMenu'
 import type { MTooltipProps, MTooltipSlots } from './api/MTooltip'
 import type { MSarIconProps, MSarIconSlots, MSarStringProps, MSarStringSlots } from './api/MSar'
 import type { MMapProps, MMapSlots } from './api/MMap'
+import type { MInnerLoadingProps, MInnerLoadingSlots } from './api/MInnerLoading'
 
 declare module '@vue/runtime-core' {
   interface GlobalComponents {
@@ -105,6 +106,7 @@ declare module '@vue/runtime-core' {
     MColumn: GlobalComponentConstructor<MColumnProps, MColumnSlots>;
     MContainer: GlobalComponentConstructor<MContainerProps, MContainerSlots>;
     MHelpRow: GlobalComponentConstructor<MHelpRowProps, MHelpRowSlots>;
+    MInnerLoading: GlobalComponentConstructor<MInnerLoadingProps, MInnerLoadingSlots>;
     MRow: GlobalComponentConstructor<MRowProps, MRowSlots>;
 
     // Typography.

package/src/types/index.d.ts

@@ -60,8 +60,8 @@ export { MColumnSlots } from './api/MColumn'
 export { MColumnProps } from './api/MColumn'
 export { MContainerSlots } from './api/MContainer'
 export { MContainerProps } from './api/MContainer'
-export { MRowSlots } from './api/MRow'
-export { MRowProps } from './api/MRow'
+export * from './api/MInnerLoading'
+export * from './api/MRow'
 export { MHelpRowSlots } from './api/MHelpRow'
 export { MHelpRowProps } from './api/MHelpRow'
 export { MTypingStringSlots } from './api/MTypingString'

package/src/types/plugin-props-option.d.ts

@@ -43,6 +43,7 @@ import type { MCheckboxProps } from './api/MCheckbox'
 import type { MFileProps } from './api/MFile'
 import type { MEditorProps } from './api/MEditor'
 import type { MInputProps } from './api/MInput'
+import type { MInnerLoadingProps } from './api/MInnerLoading'
 
 export interface MythComponentsProps {
   // Grid.
@@ -66,6 +67,10 @@ export interface MythComponentsProps {
    * MHelpRow component.
    */
   helpRow?: Partial<MHelpRowProps>;
+  /**
+   * MInnerLoading component.
+   */
+  innerLoading?: Partial<MInnerLoadingProps>;
   /**
    * MRow component.
    */