@mythpe/quasar-ui-qui 0.0.92 → 0.0.94

package/package.json

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

package/src/components/form/MCheckbox.vue

@@ -127,7 +127,7 @@ defineOptions({
           v-bind="{
             error: !!errorMessage,
             errorMessage,
-            hint: hint ? __(hint) : hint,
+            hint: hint ? __(hint) : undefined,
             dense: !0,
             borderless: !0,
             outlined: !1,
@@ -143,7 +143,7 @@ defineOptions({
               ...$attrs,
               modelValue: value,
               disable: viewMode === !0 ? !0 : disable,
-              autocomplete: getAutocompleteAttribute,
+              autocomplete: getAutocompleteAttribute || undefined,
               label: undefined
             }"
             v-on="listeners"

package/src/components/form/MEditor.vue

@@ -248,10 +248,10 @@ defineOptions({
       ref="input"
       :_definitions="{..._definitions,...pluginOptions.editor?.definitions}"
       :fonts="fonts || _fonts"
-      :label="hasTopLabel ? undefined : getLabel"
+      :label="hasTopLabel ? undefined : (getLabel || undefined)"
       :min-height="minHeight"
       :model-value="value || ''"
-      :placeholder="getPlaceholder"
+      :placeholder="getPlaceholder || undefined"
       :toolbar="toolbar || _toolbar"
       v-bind="{
         ...pluginOptions.editor as any,

package/src/components/form/MField.vue

@@ -115,11 +115,11 @@ defineOptions({
         stackLabel: !0,
         error: !!errorMessage,
         errorMessage,
-        hint: hint ? __(hint) : hint,
-        label: hasTopLabel ? undefined : getLabel,
+        hint: hint ? __(hint) : undefined,
+        label: hasTopLabel ? undefined : (getLabel || undefined),
         modelValue: value,
-        autocomplete: getAutocompleteAttribute,
-        placeholder: getPlaceholder
+        autocomplete: getAutocompleteAttribute || undefined,
+        placeholder: getPlaceholder || undefined
       }"
     >
       <template

package/src/components/form/MFile.vue

@@ -160,8 +160,8 @@ defineOptions({
       :accept="accepts.join(',')"
       :error="!!errorMessage"
       :error-message="errorMessage"
-      :hint="__(hint)"
-      :label="hasTopLabel ? (viewMode ? undefined : getPlaceholder) : getLabel"
+      :hint="hint ? __(hint) : undefined"
+      :label="hasTopLabel ? (viewMode ? undefined : (getPlaceholder || undefined)) : (getLabel || undefined)"
       :model-value="value"
       v-bind="{
         ...$attrs,

package/src/components/form/MHidden.vue

@@ -18,6 +18,7 @@ import { useBindInput } from '../../composable'
 
 type P = {
   name: Props['name'];
+  type?: Props['type'];
   auto?: Props['auto'];
   col?: Props['col'];
   xs?: Props['xs'];
@@ -32,7 +33,8 @@ type P = {
 }
 
 const props = withDefaults(defineProps<P>(), {
-  name: () => '',
+  name: '',
+  type: 'text',
   auto: undefined,
   col: undefined,
   xs: undefined,
@@ -41,9 +43,9 @@ const props = withDefaults(defineProps<P>(), {
   lg: undefined,
   xl: undefined,
   rules: undefined,
-  required: () => !1,
+  required: !1,
   fieldOptions: undefined,
-  viewMode: () => !1
+  viewMode: !1
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const helper = useBindInput<P>(() => props, 'input')
@@ -79,11 +81,7 @@ defineOptions({
   >
     <MHiddenInput
       v-model="value"
-      :field-options="fieldOptions"
-      :name="name"
-      :required="required"
-      :rules="rules"
-      v-bind="$attrs"
+      v-bind="{ ...$attrs, type, name, required, rules, fieldOptions }"
     />
     <slot />
   </MCol>

package/src/components/form/MHiddenInput.vue

@@ -18,15 +18,17 @@ import { useBindInput } from '../../composable'
 
 type P = {
   name: Props['name'];
+  type?: Props['type'];
   rules?: Props['rules'];
   required?: Props['required'];
   fieldOptions?: Props['modelValue'];
 }
 
 const props = withDefaults(defineProps<P>(), {
-  name: () => '',
+  name: '',
+  type: 'text',
   rules: undefined,
-  required: () => !1,
+  required: !1,
   fieldOptions: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
@@ -53,7 +55,6 @@ defineOptions({
 <template>
   <input
     v-model="value"
-    :name="name"
-    v-bind="{...$attrs,type: 'hidden',hidden: !0 }"
+    v-bind="{ ...$attrs, type: 'text', hidden: !0, name }"
   >
 </template>

package/src/components/form/MInput.vue

@@ -137,12 +137,12 @@ defineOptions({
         ...$attrs,
         ...theme,
         ...( viewMode ? { ...pluginOptions.field, stackLabel: !0 } : pluginOptions.input as any),
-        autocomplete: getAutocompleteAttribute,
+        autocomplete: getAutocompleteAttribute || undefined,
         clearable: viewMode ? !1 : clearable,
         error: !!errorMessage,
         errorMessage,
-        hint: __(hint),
-        label: hasTopLabel ? undefined : getLabel,
+        hint: hint ? __(hint) || undefined,
+        label: hasTopLabel ? undefined : ( getLabel || undefined),
         modelValue: value,
         placeholder: getPlaceholder,
       }"

package/src/components/form/MOptions.vue

@@ -175,9 +175,9 @@ defineOptions({
       :color="!!errorMessage ? 'negative' : getProp('color')"
       :error="viewMode ? !!errorMessage : undefined"
       :error-message="viewMode ? errorMessage : undefined"
-      :hint="viewMode ? __(hint) : undefined"
+      :hint="viewMode ? ( hint ? __(hint) : undefined ) : undefined"
       :keep-color="!!errorMessage ? !0 : getProp('keepColor')"
-      :label="getLabel"
+      :label="getLabel || undefined"
       :model-value="value"
       :options="options"
       :type="viewMode ? undefined : type"

package/src/components/form/MPicker.vue

@@ -178,9 +178,9 @@ defineOptions({
         ...$attrs,
         error: !!errorMessage,
         errorMessage,
-        hint: hint ? __(hint) : hint,
-        label: hasTopLabel ? undefined : getLabel,
-        autocomplete: getAutocompleteAttribute,
+        hint: hint ? __(hint) : undefined,
+        label: hasTopLabel ? undefined : ( getLabel || undefined),
+        autocomplete: getAutocompleteAttribute || undefined,
         stackLabel: !0
       }"
     >

package/src/components/form/MRadio.vue

@@ -121,7 +121,7 @@ defineOptions({
         <q-field
           :error="!!errorMessage"
           :error-message="errorMessage"
-          :hint="__(hint)"
+          :hint="hint ? __(hint) : undefined"
           v-bind="{
             ...theme,
             ...pluginOptions.input as any,

package/src/components/form/MSelect.vue

@@ -220,7 +220,7 @@ defineOptions({
         ...theme,
         ...$attrs,
         ...( viewMode ? pluginOptions.field : pluginOptions.select as any ),
-        emitValue: emitValue,
+        emitValue,
         error: !!errorMessage,
         errorMessage,
         hideSelected: hideSelected !== undefined ? hideSelected : search.length > 0,
@@ -236,9 +236,9 @@ defineOptions({
         mapOptions,
         loading,
         useInput,
-        autocomplete: getAutocompleteAttribute,
+        autocomplete: getAutocompleteAttribute || undefined,
         clearable: viewMode ? !1 : clearable,
-        hint: hint ? __(hint) : hint,
+        hint: hint ? __(hint) : undefined,
         label: viewMode && hasTopLabel ? undefined : (loading ? undefined : getPlaceholder),
         modelValue: value,
       }"

package/src/components/form/MToggle.vue

@@ -160,10 +160,10 @@ defineOptions({
       />
       <MCol v-bind="colProps">
         <q-field
-          :error="!!errorMessage"
-          :error-message="errorMessage"
-          :hint="__(hint)"
           v-bind="{
+            error: !!errorMessage,
+            errorMessage,
+            hint: hint ? __(hint) : undefined,
             ...pluginOptions.input as any,
             ...pluginOptions.field,
             ...$attrs,
@@ -176,7 +176,7 @@ defineOptions({
             :disable="viewMode"
             :false-value="falseValue"
             :indeterminate-value="indeterminateValue"
-            :label="getLabel"
+            :label="getLabel || undefined"
             :model-value="value"
             :true-value="trueValue"
             v-bind="{

package/src/types/components.d.ts

@@ -448,7 +448,7 @@ export type MHiddenInputSlots = {
   [key: string]: () => VNode[]
 }
 
-export type MHiddenInputProps = Pick<BaseInputFormProps, 'rules' | 'required'> & {
+export type MHiddenInputProps = Pick<BaseInputFormProps, 'rules' | 'required'> & Pick<QInputProps, 'type'> & {
   /**
    * Input name.
    */