perf: add name attribute for formkit form component

Signed-off-by: Ryan Wang <i@ryanc.cc>
2022-09-23 18:03:55 +08:00 · 2022-09-23 18:03:55 +08:00 · 0380b2d6e4
parent 5a4aaaf9aa
commit 0380b2d6e4
17 changed files with 44 additions and 5 deletions
--- 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
--- 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"
--- 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"
--- 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="[
--- 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"
--- 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="[
--- 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"
--- 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' }"
--- 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"
--- 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"
--- 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"
--- 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' }"
--- 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"
--- 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' }"
--- 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>
--- 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"
--- 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' }"