@mythpe/quasar-ui-qui 0.0.22 → 0.0.23-dev

package/src/utils/vee-rules.ts

@@ -0,0 +1,31 @@
+/*
+ * 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 lodash from 'lodash'
+import { patterns } from 'quasar'
+
+const { testPattern } = patterns
+
+export const veeRules = {
+  float: (v: any) => lodash.isNumber(parseInt(v)) && !isNaN(parseInt(v)) && v?.toString().split('.')?.length <= 2 && (/(\d)+/g.test(v) && !/[a-zA-Z]/.test(
+    v)),
+  date: (v: any) => /^-?[\d]+-[0-1]\d-[0-3]\d$/.test(v),
+  time: (v: any) => testPattern.time(v),
+  fulltime: (v: any) => testPattern.fulltime(v),
+  timeOrFulltime: (v: any) => testPattern.timeOrFulltime(v),
+  hexColor: (v: any) => testPattern.hexColor(v),
+  hexaColor: (v: any) => testPattern.hexaColor(v),
+  hexOrHexaColor: (v: any) => testPattern.hexOrHexaColor(v),
+  rgbColor: (v: any) => testPattern.rgbColor(v),
+  rgbaColor: (v: any) => testPattern.rgbaColor(v),
+  rgbOrRgbaColor: (v: any) => testPattern.rgbOrRgbaColor(v),
+  hexOrRgbColor: (v: any) => testPattern.hexOrRgbColor(v),
+  hexaOrRgbaColor: (v: any) => testPattern.hexaOrRgbaColor(v),
+  color: (v: any) => !v ? !0 : testPattern.anyColor(v),
+  requiredColor: (v: any) => testPattern.anyColor(v)
+}

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

@@ -1,8 +1,5 @@
 {
   "compilerOptions": {
-    "baseUrl": "./",
-    "rootDir": ".",
-    "outDir": "./dist",
     "esModuleInterop": true,
     "skipLibCheck": true,
     "target": "esnext",
@@ -10,7 +7,6 @@
     "resolveJsonModule": true,
     "moduleDetection": "force",
     "isolatedModules": true,
-    "verbatimModuleSyntax": true,
     "module": "preserve",
     "noEmit": true,
     "lib": [
@@ -22,13 +18,16 @@
     "allowUnreachableCode": false,
     "allowUnusedLabels": false,
     "noImplicitOverride": true,
-    "exactOptionalPropertyTypes": true,
+    "exactOptionalPropertyTypes": false,
     "noUncheckedIndexedAccess": true
   },
-  "exclude": [
-    "./build"
-  ],
   "include": [
-    "src/**/*"
+    "./**/*.d.ts",
+    "./**/*"
+  ],
+  "exclude": [
+    "./build",
+    "./dist",
+    "./node_modules",
   ]
 }

package/src/types/myth.ts

@@ -1,42 +0,0 @@
-import type { QBtnProps } from 'quasar'
-import type { Ref } from 'vue'
-import type { MBlockProps, StyleSize } from './components'
-
-export interface UiOptionsContext {
-  /**
-   * 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 MythContext {
-  options: Ref<UiOptionsContext>;
-  setOptions: (values: Partial<UiOptionsContext>) => void;
-  withOptions: (values: Partial<UiOptionsContext>) => void;
-  withBtnOptions: (values: Partial<QBtnProps>) => void;
-}

package/src/vue-plugin.ts

@@ -1,41 +0,0 @@
-import js from './../package.json'
-import myth from './myth'
-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'
-import type { App } from 'vue'
-
-const name = js.name
-const version = js.version
-
-function install (app: App, options = {}) {
-  myth.withOptions(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 const e = {
-  name,
-  version,
-  install,
-  myth
-}
-
-export default e

package/types.d.ts

@@ -1 +0,0 @@
-export * from './src/types'