@mythpe/quasar-ui-qui 0.0.48 → 0.0.50

package/package.json

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

package/src/components/datatable/MDtBtn.vue

@@ -47,7 +47,7 @@ type Events = {
 const emit = defineEmits<Events>()
 
 const hasTooltip = computed(() => !!props.tooltip || !!props.show || !!props.update || !!props.destroy)
-const { __, mOptions } = useMyth()
+const { __, props: pluginOptions } = useMyth()
 const getTooltip = computed(() => {
   if (props.tooltip !== undefined) {
     return props.tooltip ? __(props.tooltip) : props.tooltip
@@ -75,11 +75,11 @@ const getColor = computed<string | undefined>(() => {
     return props.color
   }
   if (props.show) {
-    return mOptions.value?.dt?.contextmenu?.btnStyle?.showColor
+    return pluginOptions.value?.dt?.contextmenu?.btnStyle?.showColor
   } else if (props.update) {
-    return mOptions.value?.dt?.contextmenu?.btnStyle?.updateColor
+    return pluginOptions.value?.dt?.contextmenu?.btnStyle?.updateColor
   } else if (props.destroy) {
-    return mOptions.value?.dt?.contextmenu?.btnStyle?.destroyColor
+    return pluginOptions.value?.dt?.contextmenu?.btnStyle?.destroyColor
   }
   return props.color
 })
@@ -107,21 +107,21 @@ defineOptions({
     v-if="listItem"
     v-close-popup
     clickable
-    v-bind="{...mOptions.dt?.MDtBtn?.item?.props,...$attrs}"
+    v-bind="{...pluginOptions.dt?.MDtBtn?.item?.props,...$attrs}"
     @click="emit('click',$event)"
   >
     <q-item-section
       side
-      v-bind="mOptions.dt?.MDtBtn?.item?.avatarProps"
+      v-bind="pluginOptions.dt?.MDtBtn?.item?.avatarProps"
     >
       <q-icon
         :color="getColor"
         :name="getIcon"
-        v-bind="mOptions.dt?.MDtBtn?.item?.iconProps"
+        v-bind="pluginOptions.dt?.MDtBtn?.item?.iconProps"
       />
     </q-item-section>
-    <q-item-section v-bind="mOptions.dt?.MDtBtn?.item?.labelSectionProps">
-      <q-item-label v-bind="mOptions.dt?.MDtBtn?.item?.itemLabelProps">
+    <q-item-section v-bind="pluginOptions.dt?.MDtBtn?.item?.labelSectionProps">
+      <q-item-label v-bind="pluginOptions.dt?.MDtBtn?.item?.itemLabelProps">
         <slot>
           {{ label ? __(label) : label }}
         </slot>
@@ -131,11 +131,11 @@ defineOptions({
   <q-btn
     v-else
     v-bind="{
-      ...mOptions.dt?.MDtBtn?.btn?.props,
+      ...pluginOptions.dt?.MDtBtn?.btn?.props,
       ...$attrs,
-      fabMini: fabMini !== undefined ? fabMini : ( mOptions.dt?.btn?.fabMini !== undefined ? mOptions.dt.btn.fabMini : label === undefined),
-      round: round !== undefined ? round : ( mOptions.dt?.btn?.round !== undefined ? mOptions.dt.btn.round : label === undefined),
-      dense: dense !== undefined ? dense : ( mOptions.dt?.btn?.dense !== undefined ? mOptions.dt.btn.dense : label === undefined),
+      fabMini: fabMini !== undefined ? fabMini : ( pluginOptions.dt?.btn?.fabMini !== undefined ? pluginOptions.dt.btn.fabMini : label === undefined),
+      round: round !== undefined ? round : ( pluginOptions.dt?.btn?.round !== undefined ? pluginOptions.dt.btn.round : label === undefined),
+      dense: dense !== undefined ? dense : ( pluginOptions.dt?.btn?.dense !== undefined ? pluginOptions.dt.btn.dense : label === undefined),
       label: label !== undefined ? __(label) : label,
       icon: getIcon,
       color: getColor

package/src/components/form/MCkeditor.vue

@@ -120,7 +120,7 @@ const props = withDefaults(defineProps<P>(), {
   fieldOptions: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
-const { __, mOptions } = useMyth()
+const { __, props: pluginOptions } = useMyth()
 const helper = useBindInput<any>(() => props, 'ckeditor')
 const { getLabel, inputRules } = helper
 const inputScope = useField<Props['modelValue']>(() => props.name, inputRules, {
@@ -389,7 +389,7 @@ defineOptions({
         :editor="ClassicEditor"
         :model-value="value || ''"
         :tag-name="tagName"
-        v-bind="{...$attrs,...mOptions.ckeditor}"
+        v-bind="{...$attrs,...pluginOptions.ckeditor}"
         v-on="listeners"
       />
       <slot v-bind="scopes" />

package/src/components/form/MFile.vue

@@ -164,7 +164,7 @@ defineOptions({
       :model-value="value"
       v-bind="{
         ...$attrs,
-        ...attrs,
+        ...attrs as any,
         ...( viewMode ? { stackLabel: !0 } : {} )
       }"
       v-on="listeners"

package/src/components/form/MInput.vue

@@ -169,11 +169,5 @@ defineOptions({
       name="bottom-input"
       v-bind="scopes"
     />
-    <div>
-      <div>theme</div>
-      <pre>{{ theme }}</pre>
-      <div>attrs</div>
-      <pre>{{ attrs }}</pre>
-    </div>
   </MCol>
 </template>

package/src/components/form/MPicker.vue

@@ -194,7 +194,7 @@ defineOptions({
           <template v-else>
             <div>
               <template v-if="value && Array.isArray(value)">
-                {{ value.join(rangeSeparator || options.picker?.rangeSeparator || defSeparator) }}
+                {{ value.join(rangeSeparator || pluginOptions.picker?.rangeSeparator || defSeparator) }}
               </template>
               <template v-else>
                 {{ value?.toString() }}
@@ -209,7 +209,7 @@ defineOptions({
           :icon="isDate ? 'ion-ios-calendar' : 'ion-ios-clock'"
           flat
           round
-          v-bind="{...options?.pickerBtn, ...btnProps}"
+          v-bind="{...pluginOptions?.pickerBtn, ...btnProps}"
         >
           <q-popup-proxy
             cover
@@ -225,7 +225,7 @@ defineOptions({
                 v-if="isDate"
                 ref="dateElm"
                 v-bind="{
-                  ...options.date as any,
+                  ...pluginOptions.date as any,
                   ...props,
                   ...$attrs,
                   todayBtn: getProp('todayBtn') === undefined ? !0 : getProp('todayBtn'),
@@ -258,7 +258,7 @@ defineOptions({
                 ref="timeElm"
                 v-bind="{
                   ...$props,
-                  ...options.time,
+                  ...pluginOptions.time,
                   ...$attrs,
                   mask:format,
                   nowBtn: getProp('nowBtn') === undefined? !0 : getProp('nowBtn'),

package/src/components/modal/MDialog.vue

@@ -34,7 +34,7 @@ const map = {
 
 const slideHide = computed<string>(() => 'slide-' + props.from)
 const slideShow = computed<string>(() => 'slide-' + map[props.from])
-const { mOptions } = reactive(useMyth())
+const { props: pluginOptions } = useMyth()
 defineOptions({
   name: 'MDialog',
   inheritAttrs: !1
@@ -51,7 +51,7 @@ defineOptions({
     no-esc-dismiss
     no-shake
     persistent
-    v-bind="{...mOptions.dialog,...$attrs}"
+    v-bind="{...pluginOptions.dialog,...$attrs}"
   >
     <slot />
   </q-dialog>

package/src/components/modal/MModalMenu.vue

@@ -12,14 +12,13 @@
 
 import type { MModalMenuProps } from '../../types'
 import { useMyth } from '../../composable'
-import { reactive } from 'vue'
 
 interface Props {
   noCloseBtn?: MModalMenuProps['noCloseBtn'];
   position?: MModalMenuProps['position'];
 }
 
-const { mOptions, __ } = reactive(useMyth())
+const { props: pluginOptions, __ } = useMyth()
 withDefaults(defineProps<Props>(), {
   noCloseBtn: () => !1,
   position: () => 'bottom'
@@ -38,9 +37,9 @@ defineOptions({
     maximized
     no-backdrop-dismiss
     no-shake
-    v-bind="{...mOptions.modalMenu,...$attrs}"
+    v-bind="{...pluginOptions.modalMenu,...$attrs}"
   >
-    <q-card v-bind="mOptions.modalMenuOptions?.card">
+    <q-card v-bind="pluginOptions.modalMenuOptions?.card">
       <slot />
       <template v-if="!noCloseBtn">
         <q-separator class="lt-md" />
@@ -48,7 +47,7 @@ defineOptions({
           v-close-popup
           class="lt-md"
           clickable
-          v-bind="mOptions.modalMenuOptions?.closeBtn"
+          v-bind="pluginOptions.modalMenuOptions?.closeBtn"
         >
           <q-item-section>
             <q-item-label header>

package/src/components/modal/MTooltip.vue

@@ -24,7 +24,7 @@ defineOptions({
   name: 'MTooltip',
   inheritAttrs: !1
 })
-const { mOptions } = useMyth()
+const { props: pluginOptions } = useMyth()
 </script>
 
 <template>
@@ -32,7 +32,7 @@ const { mOptions } = useMyth()
     class="m--dt-btn-tooltip"
     transition-hide="scale"
     transition-show="scale"
-    v-bind="{...mOptions.tooltip,...$attrs}"
+    v-bind="{...pluginOptions.tooltip,...$attrs}"
   >
     <slot />
   </q-tooltip>

package/src/composable/useMyth.ts

@@ -283,20 +283,8 @@ export const useMyth = () => {
       ...opts as any
     })
   }
-  // const api = computed(() => myth.api.value)
-  // const url = computed(() => myth.url.value)
-  // const mAxios = computed(() => myth.mAxios.value)
-  // const mOptions = computed(() => myth.props.value)
   const isSmall = computed(() => q.screen.lt.md)
-  // const themeInput = computed(() => myth.themeInput.value)
-  // const themeBtn = computed(() => myth.themeBtn.value)
   return {
-    // api,
-    // url,
-    // mAxios,
-    // mOptions,
-    // themeInput,
-    // themeBtn,
     __,
     getPageTitle,
     parseHeaders,