@mythpe/quasar-ui-qui 0.1.82 → 0.1.84

package/package.json

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

package/src/components/form/MCheckbox.vue

@@ -159,7 +159,7 @@ defineOptions({
               <MRow class="items-center">
                 <div
                   v-if="!!getLabel"
-                  class="text-color"
+                  :class="errorMessage ? undefined : 'text-color'"
                 >
                   {{ getLabel }}
                 </div>

package/src/components/form/MCkeditor.vue

@@ -96,12 +96,12 @@ type P = {
   fieldOptions?: Props['fieldOptions'];
 }
 const props = withDefaults(defineProps<P>(), {
-  name: () => '',
-  lang: () => 'ar',
+  name: '',
+  lang: 'ar',
   config: undefined,
-  tagName: () => 'div',
-  disabled: () => !1,
-  disableTwoWayDataBinding: () => !1,
+  tagName: 'div',
+  disabled: !1,
+  disableTwoWayDataBinding: !1,
 
   auto: undefined,
   col: undefined,
@@ -115,7 +115,7 @@ const props = withDefaults(defineProps<P>(), {
   help: undefined,
   required: undefined,
   rules: undefined,
-  viewMode: () => !1,
+  viewMode: !1,
   viewModeValue: undefined,
   fieldOptions: undefined
 })

package/src/components/form/MOtp.vue

@@ -254,7 +254,7 @@ defineOptions({
         no-error-icon
         outlined
         style="width: 6ch"
-        v-bind="{...pluginOptions.otp as any,...$attrs}"
+        v-bind="{...pluginOptions.otp as any,...$attrs, autocomplete: 'off'}"
         @focusin="onFocusIn($event, i - 1)"
         @keydown="onKeyDown($event)"
         @keyup="onKeyUp($event, i - 1)"

package/src/components/form/index.ts

@@ -10,7 +10,7 @@ import MAxios from './MAxios.vue'
 import MAvatarViewer from './MAvatarViewer.vue'
 import MBtn from './MBtn.vue'
 import MCheckbox from './MCheckbox.vue'
-import MCkeditor from './MCkeditor.vue'
+// import MCkeditor from './MCkeditor.vue'
 import MColor from './MColor.vue'
 import MDate from './MDate.vue'
 import MEditor from './MEditor.vue'
@@ -40,7 +40,7 @@ export {
   MAvatarViewer,
   MBtn,
   MCheckbox,
-  MCkeditor,
+  // MCkeditor,
   MColor,
   MDate,
   MEditor,

package/src/types/myth-api.ts

@@ -35,7 +35,8 @@ export interface MythApi {
   rules: string[];
   /**
    * Define mobile rule.
-   * Default is true. Length must be 10.
+   * Default is true.
+   * The Length must be 10.
    */
   mobileRule?: boolean | string | number;
 }

package/src/utils/Str.ts

@@ -6,7 +6,7 @@
  * Github: https://github.com/mythpe
  */
 
-import { plural as pluralCase, singular as singularCase } from 'pluralize'
+// import { plural as pluralCase, singular as singularCase } from 'pluralize'
 import { camelCase, capitalCase, dotCase, kebabCase, pascalCase, snakeCase } from 'change-case'
 
 export const Str = {
@@ -92,10 +92,14 @@ export const Str = {
     return string ? dotCase(string?.toString() || '') : ''
   },
   pluralize (string?: unknown): string {
-    return string ? pluralCase(string?.toString() || '') : ''
+    console.log(string)
+    // return string ? pluralCase(string?.toString() || '') : ''
+    return ''
   },
   singular (string?: unknown): string {
-    return string ? singularCase(string?.toString() || '') : ''
+    console.log(string)
+    // return string ? singularCase(string?.toString() || '') : ''
+    return ''
   },
   flipChoice (data: Record<any, any>) {
     const f: Record<any, any> = {}

package/src/utils/createMyth.ts

@@ -31,7 +31,7 @@ export const createMyth = (options: InstallOptions) => {
     },
     props: {},
     rules: [],
-    mobileRule: !0
+    mobileRule: undefined
   } as MythApi
   const opts = reactive<MythApi>(extend<MythApi>(!0, { ...defaultOptions }, options))
   const functions = {