@mythpe/quasar-ui-qui 0.0.17 → 0.0.18-dev

package/src/utils/vue-plugin.ts

@@ -0,0 +1,45 @@
+/*
+ * 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
+ */
+
+import type { App } from 'vue'
+import { name, version } from '../../package.json'
+import { myth } from './myth'
+import { MBlock, MBtn, MCol, MColumn, MContainer, MHelpRow, MInput, MInputFieldControl, MInputLabel, MRow, MTypingString } from '../components'
+
+function install (app: App, options = {}) {
+  myth.withOptions(options)
+
+  // Form.
+  app.component('MBtn', MBtn)
+  app.component('MInput', MInput)
+  app.component('MInputFieldControl', MInputFieldControl)
+  app.component('MInputLabel', MInputLabel)
+
+  // Grid.
+  app.component('MBlock', MBlock)
+  app.component('MCol', MCol)
+  app.component('MColumn', MColumn)
+  app.component('MContainer', MContainer)
+  app.component('MHelpRow', MHelpRow)
+  app.component('MRow', MRow)
+
+  // Typography.
+  app.component('MTypingString', MTypingString)
+}
+
+export {
+  name,
+  version,
+  install
+}
+
+export default {
+  name,
+  version,
+  install
+}

package/tsconfig.json

@@ -7,7 +7,6 @@
     "resolveJsonModule": true,
     "moduleDetection": "force",
     "isolatedModules": true,
-    "verbatimModuleSyntax": true,
     "module": "preserve",
     "noEmit": true,
     "lib": [
@@ -19,10 +18,16 @@
     "allowUnreachableCode": false,
     "allowUnusedLabels": false,
     "noImplicitOverride": true,
-    "exactOptionalPropertyTypes": true,
-    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": false,
+    "noUncheckedIndexedAccess": true
   },
+  "include": [
+    "./**/*.d.ts",
+    "./**/*"
+  ],
   "exclude": [
-    "./build"
+    "./build",
+    "./dist",
+    "./node_modules",
   ]
 }

package/index.d.ts

@@ -1,6 +0,0 @@
-export * from './src/vue-plugin'
-export * from './src/types'
-export * from './src/utils'
-
-import * as VuePlugin from './src/vue-plugin'
-export default VuePlugin

package/src/types/VuePlugin.d.ts

@@ -1,44 +0,0 @@
-import type { QBtnProps } from 'quasar'
-import type { Ref } from 'vue'
-import type { MBlockProps, StyleSize } from './components'
-
-export interface UiOptions {
-  /**
-   * Style of the components.
-   */
-  style?: {
-    /**
-     * Apply Padding on all sides of components.
-     */
-    gutters?: StyleSize | undefined;
-    /**
-     * Apply Fluid on all sides of containers.
-     */
-    fluid?: boolean | undefined;
-  };
-  /**
-   * MBtn component.
-   */
-  btn?: {
-    props?: Partial<QBtnProps>;
-    loading?: {
-      type: 'audio' | 'ball' | 'bars' | 'box' | 'clock' | 'comment' | 'cube' | 'dots' | 'facebook' | 'gears' | 'grid' | 'hearts' | 'hourglass' | 'infinity' | 'ios' | 'orbit' | 'oval' | 'pie' | 'puff' | 'radio' | 'rings' | 'tail';
-      color?: string | undefined;
-      size?: string | undefined;
-      label?: boolean | undefined;
-    }
-  };
-  /**
-   * MBlock component.
-   */
-  block?: Partial<MBlockProps>;
-}
-
-export interface MythOptionsContext {
-  defaults: Ref<UiOptions>;
-  getDefaults: () => UiOptions;
-  setDefaults: (values: Partial<UiOptions>) => void;
-  withDefaults: (values: Partial<UiOptions>) => void;
-  withBtnDefaults: (values: Partial<QBtnProps>) => void;
-  btnDefaults: () => UiOptions;
-}

package/src/utils.ts

@@ -1,33 +0,0 @@
-import { ref } from 'vue'
-import type { QBtnProps } from 'quasar'
-import { extend } from 'quasar'
-import type { UiOptions } from './types'
-
-const defGutters = 'md'
-const defaultOptions: UiOptions = {
-  style: {
-    gutters: defGutters
-  }
-}
-const cmDefaults = ref<UiOptions>({ ...defaultOptions })
-const MythOptions = {
-  defaults: cmDefaults,
-  setDefaults (values: Partial<UiOptions>) {
-    cmDefaults.value = extend(!0, defaultOptions, values)
-  },
-  withDefaults (values: Partial<UiOptions>) {
-    cmDefaults.value = extend(!0, defaultOptions, cmDefaults.value, values)
-  },
-  withBtnDefaults (values: Partial<QBtnProps>) {
-    cmDefaults.value = {
-      ...cmDefaults.value,
-      btn: {
-        ...cmDefaults.value.btn,
-        props: { ...values }
-      }
-    }
-  }
-}
-
-export default MythOptions
-export { MythOptions }

package/src/vue-plugin.js

@@ -1,43 +0,0 @@
-import js from '../package.json'
-import { MythOptions } from './utils'
-import MBtn from './components/form/MBtn.vue'
-import MBlock from './components/grid/MBlock.vue'
-import MCol from './components/grid/MCol.vue'
-import MColumn from './components/grid/MColumn.vue'
-import MContainer from './components/grid/MContainer.vue'
-import MHelpRow from './components/grid/MHelpRow.vue'
-import MRow from './components/grid/MRow.vue'
-import MTypingString from './components/typography/MTypingString.vue'
-
-const name = js.name
-const version = js.version
-
-function install (app, options = {}) {
-  MythOptions.withDefaults(options)
-  // Form.
-  app.component('MBtn', MBtn)
-
-  // Grid.
-  app.component('MBlock', MBlock)
-  app.component('MCol', MCol)
-  app.component('MColumn', MColumn)
-  app.component('MContainer', MContainer)
-  app.component('MHelpRow', MHelpRow)
-  app.component('MRow', MRow)
-
-  // Typography.
-  app.component('MTypingString', MTypingString)
-}
-
-export {
-  name,
-  version,
-  install
-}
-
-export default {
-  name,
-  version,
-  install,
-  MythOptions
-}