@mythpe/quasar-ui-qui 0.0.91 → 0.0.93

package/package.json

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

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' }"
+    v-bind="{ ...$attrs, type: 'text', hidden: !0, name }"
   >
 </template>

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.
    */