@mythpe/quasar-ui-qui 0.2.42 → 0.2.44

package/src/types/google.d.ts

@@ -0,0 +1,19 @@
+/*
+ * 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 { MapOptions } from 'google.maps'
+
+export interface CoordsLatLng {
+  lat: number;
+  lng: number;
+}
+
+export interface InstallGoogleMap {
+  apiKey: string;
+  mapsOptions?: MapOptions;
+}

package/src/types/index.d.ts

@@ -8,9 +8,9 @@
 
 export * from './api-helpers'
 export * from './components'
-export * from './install-options'
 export * from './m-datatable'
-export * from './m-geolocation'
+export * from './google'
+export * from '../global'
 export * from './myth-api'
 export * from './plugin-props-option'
 export * from './m-helpers'
@@ -22,3 +22,87 @@ export * from './api/MAxios'
 export * from './api/MSelect'
 export * from './api/MSignaturePad'
 export * from './api/MTransition'
+export { MSarStringSlots } from './api/MSar'
+export { MSarStringProps } from './api/MSar'
+export { MSarIconSlots } from './api/MSar'
+export { MSarIconProps } from './api/MSar'
+export { MCkeditorSlots } from './api/MCkeditor'
+export { MCkeditorProps } from './api/MCkeditor'
+export { MDialogSlots } from './api/MDialog'
+export { MDialogProps } from './api/MDialog'
+export { MTooltipSlots } from './api/MTooltip'
+export { MTooltipProps } from './api/MTooltip'
+export { MModalMenuSlots } from './api/MModalMenu'
+export { MModalMenuProps } from './api/MModalMenu'
+export { MUploaderXhrInfo } from './api/MUploader'
+export { MUploaderSlots } from './api/MUploader'
+export { MUploaderProps } from './api/MUploader'
+export { MUploaderServiceType } from './api/MUploader'
+export { MUploaderMediaItem } from './api/MUploader'
+export { MToggleSlots } from './api/MToggle'
+export { MToggleProps } from './api/MToggle'
+export { MOptionsSlots } from './api/MOptions'
+export { MOptionsProps } from './api/MOptions'
+export { MOptionsOptionContext } from './api/MOptions'
+export { MOtpSlots } from './api/MOtp'
+export { MOtpProps } from './api/MOtp'
+export { MFormSlots } from './api/MForm'
+export { MFormProps } from './api/MForm'
+export { MFormScope } from './api/MForm'
+export { MBtnSlots } from './api/MBtn'
+export { MBtnProps } from './api/MBtn'
+export { MBlockSlots } from './api/MBlock'
+export { MBlockProps } from './api/MBlock'
+export { MColSlots } from './api/MCol'
+export { MColProps } from './api/MCol'
+export { ColStyleType } from './api/MCol'
+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 { MHelpRowSlots } from './api/MHelpRow'
+export { MHelpRowProps } from './api/MHelpRow'
+export { MTypingStringSlots } from './api/MTypingString'
+export { MTypingStringProps } from './api/MTypingString'
+export { MInputFieldControlSlots } from './api/MInputFieldControl'
+export { MInputFieldControlProps } from './api/MInputFieldControl'
+export { MHiddenSlots } from './api/MHidden'
+export { MHiddenProps } from './api/MHidden'
+export { MHiddenInputProps } from './api/MHiddenInput'
+export { MHiddenInputSlots } from './api/MHiddenInput'
+export { MFieldSlots } from './api/MField'
+export { MFieldProps } from './api/MField'
+export { MTimeSlots } from './api/MTime'
+export { MTimeProps } from './api/MTime'
+export { MDateSlots } from './api/MDate'
+export { MDateProps } from './api/MDate'
+export { MPickerSlots } from './api/MPicker'
+export { MPickerProps } from './api/MPicker'
+export { MRadioSlots } from './api/MRadio'
+export { MRadioProps } from './api/MRadio'
+export { MCheckboxSlots } from './api/MCheckbox'
+export { MCheckboxProps } from './api/MCheckbox'
+export { BaseCheckboxProps } from './api/MCheckbox'
+export { MFileSlots } from './api/MFile'
+export { MFileProps } from './api/MFile'
+export { MEditorSlots } from './api/MEditor'
+export { MEditorProps } from './api/MEditor'
+export { MPasswordProps } from './api/MPassword'
+export { MInputLabelSlots } from './api/MInputLabel'
+export { MInputLabelProps } from './api/MInputLabel'
+export { MInputSlots } from './api/MInput'
+export { MInputProps } from './api/MInput'
+export { GenericFormValues } from './api/MInput'
+export { BaseInputsSlots } from './api/MInput'
+export { BaseInputsProps } from './api/MInput'
+export { BaseInputFormProps } from './api/MInput'
+export { InputFormErrorsContext } from './api/MInput'
+export { InputErrorsContext } from './api/MInput'
+export { InputRulesContext } from './api/MInput'
+export { InputHelpSlots } from './api/MInput'
+export { InputHelpProps } from './api/MInput'
+export { ViewModeProps } from './api/MInput'
+export { BaseInputFieldProps } from './api/MInput'
+export { BaseInputFieldPropContext } from './api/MInput'

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

@@ -10,9 +10,11 @@ import type { AxiosResponse } from 'axios'
 import type { NamedColor, QAvatarProps, QAvatarSlots, QTableProps, QTableSlots } from 'quasar'
 import type { ComputedRef, MaybeRef, MaybeRefOrGetter, Ref, UnwrapNestedRefs, UnwrapRef, VNode } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
-import type { GenericFormValues, MBtnProps, MBtnSlots, MFormSlots } from './components'
 import type { StubSchema } from './api-helpers'
 import type { ApiMetaInterface, Generic } from './m-helpers'
+import type { MFormSlots } from './api/MForm'
+import type { MBtnProps, MBtnSlots } from './api/MBtn'
+import type { GenericFormValues } from './api/MInput'
 
 export type MDtItem<T extends object = Record<keyof T, any>> = T & {
   id: string | number;

package/src/types/{myth-api.ts → myth-api.d.ts}

@@ -2,7 +2,8 @@ import type { AxiosInstance } from 'axios'
 import type { HelpersStubSchema } from './api-helpers'
 import type { ThemeContext } from './theme'
 import type { MythComponentsProps } from './plugin-props-option'
-import type { MInputProps } from './components'
+import type { InstallGoogleMap } from './google'
+import type { MInputProps } from './api/MInput'
 
 export interface ApiContext {
   url: string;
@@ -40,5 +41,11 @@ export interface MythApi {
    * The Length must be 10.
    */
   mobileRule: MInputProps['mobile'];
-  ckeditorKey: string | null;
+  /**
+   * Ckeditor Auth key.
+   */
+  ckeditorKey: string | undefined;
+  google: InstallGoogleMap;
 }
+
+export type InstallOptions = Partial<Omit<MythApi, 'api'>> & Required<Pick<MythApi, 'api'>>

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

@@ -1,29 +1,3 @@
-import type {
-  MBlockProps,
-  MBtnProps,
-  MCheckboxProps,
-  MCkeditorProps,
-  MColProps,
-  MColumnProps,
-  MContainerProps,
-  MDateProps,
-  MDialogProps,
-  MEditorProps,
-  MFileProps,
-  MHelpRowProps,
-  MInputProps,
-  MModalMenuProps,
-  MOptionsProps,
-  MOtpProps,
-  MPickerProps,
-  MRadioProps,
-  MRowProps,
-  MTimeProps,
-  MToggleProps,
-  MTooltipProps,
-  MTypingStringProps,
-  MUploaderProps
-} from './components'
 import type {
   QBtnDropdownProps,
   QBtnProps,
@@ -45,6 +19,30 @@ import type { MDatatableProps, MDtBtnProps } from './m-datatable'
 import type { MAvatarViewerProps } from './api/MAvatarViewer'
 import type { MSelectProps } from './api/MSelect'
 import type { MSignaturePadProps } from './api/MSignaturePad'
+import type { MCkeditorProps } from './api/MCkeditor'
+import type { MDialogProps } from './api/MDialog'
+import type { MTooltipProps } from './api/MTooltip'
+import type { MModalMenuProps } from './api/MModalMenu'
+import type { MUploaderProps } from './api/MUploader'
+import type { MToggleProps } from './api/MToggle'
+import type { MOptionsProps } from './api/MOptions'
+import type { MOtpProps } from './api/MOtp'
+import type { MBtnProps } from './api/MBtn'
+import type { MBlockProps } from './api/MBlock'
+import type { MColProps } from './api/MCol'
+import type { MColumnProps } from './api/MColumn'
+import type { MContainerProps } from './api/MContainer'
+import type { MRowProps } from './api/MRow'
+import type { MHelpRowProps } from './api/MHelpRow'
+import type { MTypingStringProps } from './api/MTypingString'
+import type { MTimeProps } from './api/MTime'
+import type { MDateProps } from './api/MDate'
+import type { MPickerProps } from './api/MPicker'
+import type { MRadioProps } from './api/MRadio'
+import type { MCheckboxProps } from './api/MCheckbox'
+import type { MFileProps } from './api/MFile'
+import type { MEditorProps } from './api/MEditor'
+import type { MInputProps } from './api/MInput'
 
 export interface MythComponentsProps {
   // Grid.

package/src/types/theme.d.ts

@@ -109,6 +109,8 @@ export interface Theme {
   input: ThemeInput
 }
 
+export type ButtonLoadingStyle = ButtonLoadingOptions | false
+
 /**
  * Theme context with default values
  */
@@ -156,5 +158,5 @@ export interface ThemeContext {
    * Default loading configuration for buttons
    * Set to false to disable
    */
-  buttonLoading: ButtonLoadingOptions | false
+  buttonLoading: ButtonLoadingStyle;
 }

package/src/utils/createMyth.ts

@@ -1,17 +1,10 @@
-import type { InstallOptions, MythApi } from '../types'
+import type { ButtonLoadingStyle, InstallOptions, MythApi, ThemeBtn } from '../types'
 import { reactive, toRefs } from 'vue'
-import type { AxiosInstance } from 'axios'
 import { extend } from 'quasar'
 
-export const createMyth = (options: InstallOptions) => {
+export const extendOptions = (options: InstallOptions): MythApi => {
   const defaultOptions = {
-    ckeditorKey: null,
-    asyncComponents: !1,
-    api: {
-      url: '',
-      services: {},
-      axios: {} as AxiosInstance
-    },
+    asyncComponents: !0,
     theme: {
       inTransition: 'fadeIn',
       outTransition: 'fadeOut',
@@ -30,15 +23,20 @@ export const createMyth = (options: InstallOptions) => {
         label: !1,
         color: undefined,
         size: undefined
-      } as MythApi['theme']['buttonLoading']
+      } as ButtonLoadingStyle
     },
     props: {},
     rules: [],
-    mobileRule: undefined
-  } as MythApi
-  const opts = reactive<MythApi>(extend<MythApi>(!0, { ...defaultOptions }, options))
+    mobileRule: false
+  }
+  return extend<MythApi>(!0, {}, defaultOptions, options)
+}
+export const createMyth = (options: InstallOptions) => {
+  // const opts = reactive<MythApi>(extend<MythApi>(!0, { ...defaultOptions }, options))
+  const extOpt = extendOptions(options)
+  const opts = reactive(extOpt)
   const functions = {
-    btnStyle (value: MythApi['theme']['buttons']) {
+    btnStyle (value: ThemeBtn) {
       opts.theme.buttons = value
     }
   }

package/src/utils/vue-plugin.ts

@@ -11,13 +11,15 @@ import type { InstallOptions } from '../types'
 import { defineAsyncComponents } from '../plugin/defineAsyncComponents'
 import { defineComponents } from '../plugin/defineComponents'
 
-import { createMyth } from './createMyth'
+import { createMyth, extendOptions } from './createMyth'
 import { MythKey } from './const'
 
 function install (app: App, options: InstallOptions) {
-  const myth = createMyth(options)
+  const opts = extendOptions(options)
+  const myth = createMyth(opts)
   app.provide(MythKey, myth)
-  if (options?.asyncComponents) {
+  console.log(opts)
+  if (opts?.asyncComponents) {
     defineAsyncComponents(app)
   } else {
     defineComponents(app)

package/tsconfig.json

@@ -22,7 +22,11 @@
     "exactOptionalPropertyTypes": false,
     "noUncheckedIndexedAccess": true,
     "types": [
-      "vite/client"
+      "vite/client",
+      "google.maps"
+    ],
+    "typeRoots": [
+      "node_modules/@types"
     ],
     "noImplicitAny": false,
     "moduleResolution": "node",

package/src/types/install-options.d.ts

@@ -1,14 +0,0 @@
-import type { ThemeContext } from './theme'
-import type { MythComponentsProps } from './plugin-props-option'
-import type { ApiContext, MythApi } from './myth-api'
-import type { MInputProps } from './components'
-
-export interface InstallOptions extends MythApi {
-  api: ApiContext;
-  asyncComponents?: boolean;
-  props?: Partial<MythComponentsProps>;
-  theme?: Partial<ThemeContext>;
-  rules?: string[];
-  mobileRule?: MInputProps['mobile'];
-  ckeditorKey?: string;
-}

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

@@ -1,16 +0,0 @@
-/*
- * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
- * Email: mythpe@gmail.com
- * Mobile: +966590470092
- * Website: https://www.4myth.com
- * Github: https://github.com/mythpe
- */
-
-/// <reference types="google.maps" />
-
-export interface CoordsProps {
-  latitude: number;
-  longitude: number;
-}
-
-export {}