fix(ui): no schema form autocomplete

obiba · Aug 9, 2024 · 8809bf4 · 8809bf4
1 parent 09273e0
commit 8809bf4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/opal-ui/src/components/SchemaForm.vue b/opal-ui/src/components/SchemaForm.vue
@@ -1,15 +1,16 @@
 <template>
   <div v-if="schema">
-
-    <div v-if="schema.title" class="text-help">{{ schema.title }}</div>
-    <div v-if="schema.description" class="text-hint q-mb-sm">{{ schema.description }}</div>
-    <div v-for="item in schema.items" :key="item.key">
-      <schema-form-item
-        v-model="data[item.key]"
-        :field="item"
-        :disable="disable"
-        @update:model-value="onUpdate(item.key)" />
-    </div>
+    <form autocomplete="off">
+      <div v-if="schema.title" class="text-help">{{ schema.title }}</div>
+      <div v-if="schema.description" class="text-hint q-mb-sm">{{ schema.description }}</div>
+      <div v-for="item in schema.items" :key="item.key">
+        <schema-form-item
+          v-model="data[item.key]"
+          :field="item"
+          :disable="disable"
+          @update:model-value="onUpdate(item.key)" />
+      </div>
+    </form>
   </div>
 </template>
 

diff --git a/opal-ui/src/components/SchemaFormItem.vue b/opal-ui/src/components/SchemaFormItem.vue
@@ -19,6 +19,7 @@
         :label="field.title"
         :hint="field.description"
         type="password"
+        autocomplete="new-password"
         dense
         :disable="disable"
         class="q-mb-md"
@@ -43,6 +44,7 @@
         v-model="data"
         :label="field.title"
         :hint="field.description"
+        autocomplete="off"
         dense
         :disable="disable"
         class="q-mb-md"
@@ -130,7 +132,7 @@ import FileSelect from 'src/components/files/FileSelect.vue';
 import { FileObject, FormObject, SchemaFormField } from 'src/components/models';
 
 interface Props {
-  modelValue: boolean | number | string | FileObject | FormObject | Array<FormObject> | undefined;
+  modelValue: string | number | boolean | FileObject | FormObject | Array<FormObject> | undefined;
   field: SchemaFormField;
   disable?: boolean;
 }
@@ -144,7 +146,7 @@ const data = ref(props.modelValue);
 const dataFile = ref<FileObject>();
 const dataArray = ref<Array<FormObject>>([]);
 
-onMounted(init);
+//onMounted(init);
 
 watch([() => props.modelValue, () => props.field], init);