@mythpe/quasar-ui-qui 0.3.55 → 0.3.57

package/package.json

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

package/src/composable/useMyth.ts

@@ -239,7 +239,8 @@ export const useMyth = () => {
   const alertMessage = (opts: Vue3MAlertMessageOptions): Vue3MAlertMessage => q.notify(quasarNotifyOptions(opts))
   const alertSuccess = (message: string) => alertMessage({ type: 'positive', message })
   const alertError = (message: string) => alertMessage({ type: 'negative', message })
-  const confirmMessage = (message?: string, title?: string, opts?: Partial<QDialogOptions> & Partial<QDialogProps> & Record<string, any>): Vue3MConfirmMessage => {
+  type ConfirmMessageOptions = Partial<QDialogOptions> & Partial<QDialogProps> & Record<string, any>
+  const confirmMessage = (message?: string, title?: string, opts?: ConfirmMessageOptions): Vue3MConfirmMessage => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     title = title || t('messages.are_you_sure') || ''
@@ -284,6 +285,12 @@ export const useMyth = () => {
       ...opts as any
     })
   }
+  type PromptMessageOptions = {
+    message?: string;
+    title?: string;
+    opts?: Partial<QDialogOptions> & Record<string, any>;
+  }
+  const promptMessage = (opt?: PromptMessageOptions) => confirmMessage(opt?.message, opt?.title, opt?.opts)
   const isSmall = computed(() => q.screen.lt.md)
   const colorStyle = (value: any, bg: boolean = false) => {
     if (!value) {
@@ -330,6 +337,7 @@ export const useMyth = () => {
     alertSuccess,
     alertError,
     confirmMessage,
+    promptMessage,
     ...Helpers,
     ...Str,
     veeRules,

package/src/style/m-dt.sass

@@ -6,19 +6,19 @@ $m-dt-desc-width: 150px !default
   .m-datatable-fab-tooltip
     display: none
 
-.body--light
-  .m-datatable
-    .q-table__top,
-    .q-table__bottom,
-    thead tr:first-child th
-      background: #fff
-
-.body--dark
-  .m-datatable
-    .q-table__top,
-    .q-table__bottom,
-    thead tr:first-child th
-      background: var(--q-dark-page)
+//.body--light
+//  .m-datatable
+//    .q-table__top,
+//    .q-table__bottom,
+//    thead tr:first-child th
+//      background: #fff
+
+//.body--dark
+//  .m-datatable
+//    .q-table__top,
+//    .q-table__bottom,
+//    thead tr:first-child th
+//      background: var(--q-dark-page)
 
 .m-datatable-component
   .m-datatable.m-datatable-grid