From 0380b2d6e420b7ca318ceb935a2845e5a0d3664a Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Fri, 23 Sep 2022 18:03:55 +0800
Subject: [PATCH] perf: add name attribute for formkit form component

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 .../components/AttachmentGroupEditingModal.vue   |  2 ++
 .../components/AttachmentPolicyEditingModal.vue  |  1 +
 .../comments/components/ReplyCreationModal.vue   |  1 +
 .../pages/components/SinglePageSettingModal.vue  | 16 ++++++++++++++--
 .../components/CategoryEditingModal.vue          |  1 +
 .../posts/components/PostSettingModal.vue        | 16 ++++++++++++++--
 .../posts/tags/components/TagEditingModal.vue    |  1 +
 .../menus/components/MenuEditingModal.vue        |  1 +
 .../menus/components/MenuItemEditingModal.vue    |  1 +
 src/modules/interface/themes/ThemeSetting.vue    |  1 +
 src/modules/system/plugins/PluginSetting.vue     |  1 +
 .../system/roles/components/RoleEditingModal.vue |  1 +
 src/modules/system/settings/SystemSetting.vue    |  1 +
 src/modules/system/users/Login.vue               |  1 +
 .../system/users/PersonalAccessTokens.vue        |  2 +-
 .../system/users/components/UserEditingModal.vue |  1 +
 .../users/components/UserPasswordChangeModal.vue |  1 +
 17 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/src/modules/contents/attachments/components/AttachmentGroupEditingModal.vue b/src/modules/contents/attachments/components/AttachmentGroupEditingModal.vue
index dbcbbfa76..f199cef27 100644
--- a/src/modules/contents/attachments/components/AttachmentGroupEditingModal.vue
+++ b/src/modules/contents/attachments/components/AttachmentGroupEditingModal.vue
@@ -124,8 +124,10 @@ watch(
   >
     <FormKit
       id="attachment-group-form"
+      name="attachment-group-form"
       :config="{ validationVisibility: 'submit' }"
       type="form"
+      :actions="false"
       @submit="handleSave"
     >
       <FormKit
diff --git a/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue b/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
index cb5799ee9..82e246c63 100644
--- a/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
+++ b/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
@@ -202,6 +202,7 @@ const onVisibleChange = (visible: boolean) => {
       v-if="formSchema && configMapFormData"
       id="local-policy-form"
       v-model="configMapFormData['default']"
+      name="local-policy-form"
       :actions="false"
       :preserve="true"
       type="form"
diff --git a/src/modules/contents/comments/components/ReplyCreationModal.vue b/src/modules/contents/comments/components/ReplyCreationModal.vue
index 9708f314f..e54caf3cd 100644
--- a/src/modules/contents/comments/components/ReplyCreationModal.vue
+++ b/src/modules/contents/comments/components/ReplyCreationModal.vue
@@ -150,6 +150,7 @@ watchEffect(() => {
   >
     <FormKit
       :id="formId"
+      :name="formId"
       type="form"
       :config="{ validationVisibility: 'submit' }"
       @submit="handleCreateReply"
diff --git a/src/modules/contents/pages/components/SinglePageSettingModal.vue b/src/modules/contents/pages/components/SinglePageSettingModal.vue
index ff95999ee..89c292fba 100644
--- a/src/modules/contents/pages/components/SinglePageSettingModal.vue
+++ b/src/modules/contents/pages/components/SinglePageSettingModal.vue
@@ -175,7 +175,13 @@ watchEffect(() => {
 
     <VTabs v-model:active-id="activeTab" type="outline">
       <VTabItem id="general" label="常规">
-        <FormKit id="basic" :actions="false" :preserve="true" type="form">
+        <FormKit
+          id="basic"
+          name="basic"
+          :actions="false"
+          :preserve="true"
+          type="form"
+        >
           <FormKit
             v-model="formState.page.spec.title"
             label="标题"
@@ -208,7 +214,13 @@ watchEffect(() => {
         </FormKit>
       </VTabItem>
       <VTabItem id="advanced" label="高级">
-        <FormKit id="advanced" :actions="false" :preserve="true" type="form">
+        <FormKit
+          id="advanced"
+          name="advanced"
+          :actions="false"
+          :preserve="true"
+          type="form"
+        >
           <FormKit
             v-model="formState.page.spec.allowComment"
             :options="[
diff --git a/src/modules/contents/posts/categories/components/CategoryEditingModal.vue b/src/modules/contents/posts/categories/components/CategoryEditingModal.vue
index dc3b7ed2a..2ba6cad3b 100644
--- a/src/modules/contents/posts/categories/components/CategoryEditingModal.vue
+++ b/src/modules/contents/posts/categories/components/CategoryEditingModal.vue
@@ -134,6 +134,7 @@ watch(
   >
     <FormKit
       id="category-form"
+      name="category-form"
       type="form"
       :config="{ validationVisibility: 'submit' }"
       @submit="handleSaveCategory"
diff --git a/src/modules/contents/posts/components/PostSettingModal.vue b/src/modules/contents/posts/components/PostSettingModal.vue
index 659883104..a07abf1a6 100644
--- a/src/modules/contents/posts/components/PostSettingModal.vue
+++ b/src/modules/contents/posts/components/PostSettingModal.vue
@@ -209,7 +209,13 @@ watchEffect(() => {
 
     <VTabs v-model:active-id="activeTab" type="outline">
       <VTabItem id="general" label="常规">
-        <FormKit id="basic" :actions="false" :preserve="true" type="form">
+        <FormKit
+          id="basic"
+          name="basic"
+          :actions="false"
+          :preserve="true"
+          type="form"
+        >
           <FormKit
             v-model="formState.post.spec.title"
             label="标题"
@@ -256,7 +262,13 @@ watchEffect(() => {
         </FormKit>
       </VTabItem>
       <VTabItem id="advanced" label="高级">
-        <FormKit id="advanced" :actions="false" :preserve="true" type="form">
+        <FormKit
+          id="advanced"
+          name="advanced"
+          :actions="false"
+          :preserve="true"
+          type="form"
+        >
           <FormKit
             v-model="formState.post.spec.allowComment"
             :options="[
diff --git a/src/modules/contents/posts/tags/components/TagEditingModal.vue b/src/modules/contents/posts/tags/components/TagEditingModal.vue
index 3b5fc4d1a..fa7cd19fe 100644
--- a/src/modules/contents/posts/tags/components/TagEditingModal.vue
+++ b/src/modules/contents/posts/tags/components/TagEditingModal.vue
@@ -146,6 +146,7 @@ watch(
     </template>
     <FormKit
       id="tag-form"
+      name="tag-form"
       :config="{ validationVisibility: 'submit' }"
       type="form"
       @submit="handleSaveTag"
diff --git a/src/modules/interface/menus/components/MenuEditingModal.vue b/src/modules/interface/menus/components/MenuEditingModal.vue
index 3b4101a1b..8807272da 100644
--- a/src/modules/interface/menus/components/MenuEditingModal.vue
+++ b/src/modules/interface/menus/components/MenuEditingModal.vue
@@ -119,6 +119,7 @@ watch(
   >
     <FormKit
       id="menu-form"
+      name="menu-form"
       :classes="{ form: 'w-full' }"
       type="form"
       :config="{ validationVisibility: 'submit' }"
diff --git a/src/modules/interface/menus/components/MenuItemEditingModal.vue b/src/modules/interface/menus/components/MenuItemEditingModal.vue
index a19611142..208502d16 100644
--- a/src/modules/interface/menus/components/MenuItemEditingModal.vue
+++ b/src/modules/interface/menus/components/MenuItemEditingModal.vue
@@ -306,6 +306,7 @@ watch(
   >
     <FormKit
       id="menuitem-form"
+      name="menuitem-form"
       type="form"
       :config="{ validationVisibility: 'submit' }"
       @submit="handleSaveMenuItem"
diff --git a/src/modules/interface/themes/ThemeSetting.vue b/src/modules/interface/themes/ThemeSetting.vue
index d24197e59..a03b35121 100644
--- a/src/modules/interface/themes/ThemeSetting.vue
+++ b/src/modules/interface/themes/ThemeSetting.vue
@@ -59,6 +59,7 @@ watch(
         v-if="group && formSchema && configMapFormData"
         :id="group"
         v-model="configMapFormData[group]"
+        :name="group"
         :actions="false"
         :preserve="true"
         type="form"
diff --git a/src/modules/system/plugins/PluginSetting.vue b/src/modules/system/plugins/PluginSetting.vue
index a57fc08a1..f9ee5ad31 100644
--- a/src/modules/system/plugins/PluginSetting.vue
+++ b/src/modules/system/plugins/PluginSetting.vue
@@ -68,6 +68,7 @@ await handleFetchPlugin();
         v-if="group && formSchema && configMapFormData"
         :id="group"
         v-model="configMapFormData[group]"
+        :name="group"
         :actions="false"
         :preserve="true"
         type="form"
diff --git a/src/modules/system/roles/components/RoleEditingModal.vue b/src/modules/system/roles/components/RoleEditingModal.vue
index 7bb4f0a5d..07bed3b42 100644
--- a/src/modules/system/roles/components/RoleEditingModal.vue
+++ b/src/modules/system/roles/components/RoleEditingModal.vue
@@ -125,6 +125,7 @@ const handleResetForm = () => {
         <FormKit
           v-if="formState.metadata.annotations"
           id="role-form"
+          name="role-form"
           :actions="false"
           type="form"
           :config="{ validationVisibility: 'submit' }"
diff --git a/src/modules/system/settings/SystemSetting.vue b/src/modules/system/settings/SystemSetting.vue
index e0b1101ef..4f0b4943f 100644
--- a/src/modules/system/settings/SystemSetting.vue
+++ b/src/modules/system/settings/SystemSetting.vue
@@ -39,6 +39,7 @@ await handleFetchConfigMap();
         v-if="group && formSchema && configMapFormData"
         :id="group"
         v-model="configMapFormData[group]"
+        :name="group"
         :actions="false"
         :preserve="true"
         type="form"
diff --git a/src/modules/system/users/Login.vue b/src/modules/system/users/Login.vue
index cb2e25157..db7f7cdfc 100644
--- a/src/modules/system/users/Login.vue
+++ b/src/modules/system/users/Login.vue
@@ -58,6 +58,7 @@ onMounted(() => {
       <FormKit
         id="login-form"
         v-model="loginForm"
+        name="login-form"
         :actions="false"
         type="form"
         :config="{ animation: 'none' }"
diff --git a/src/modules/system/users/PersonalAccessTokens.vue b/src/modules/system/users/PersonalAccessTokens.vue
index 1ce6285a3..7a39f94d8 100644
--- a/src/modules/system/users/PersonalAccessTokens.vue
+++ b/src/modules/system/users/PersonalAccessTokens.vue
@@ -36,7 +36,7 @@ onMounted(() => {
   <VModal v-model:visible="createVisible" :width="720" title="创建个人令牌">
     <VTabs v-model:active-id="createActiveId" type="outline">
       <VTabItem id="general" label="基础信息">
-        <FormKit id="role-form" :actions="false" type="form">
+        <FormKit id="role-form" name="role-form" :actions="false" type="form">
           <FormKit label="名称" type="text" validation="required"></FormKit>
           <FormKit label="失效日期" type="text" validation="required"></FormKit>
         </FormKit>
diff --git a/src/modules/system/users/components/UserEditingModal.vue b/src/modules/system/users/components/UserEditingModal.vue
index 313617856..073538651 100644
--- a/src/modules/system/users/components/UserEditingModal.vue
+++ b/src/modules/system/users/components/UserEditingModal.vue
@@ -198,6 +198,7 @@ const handleRawModeChange = () => {
     <div v-show="!rawMode">
       <FormKit
         id="user-form"
+        name="user-form"
         :config="{ validationVisibility: 'submit' }"
         type="form"
         @submit="handleCreateUser"
diff --git a/src/modules/system/users/components/UserPasswordChangeModal.vue b/src/modules/system/users/components/UserPasswordChangeModal.vue
index 9bd25c953..05a21a322 100644
--- a/src/modules/system/users/components/UserPasswordChangeModal.vue
+++ b/src/modules/system/users/components/UserPasswordChangeModal.vue
@@ -108,6 +108,7 @@ const handleChangePassword = async () => {
     <FormKit
       id="password-form"
       v-model="formState"
+      name="password-form"
       :actions="false"
       type="form"
       :config="{ validationVisibility: 'submit' }"