a-form 表单展示顺序和tab响应顺序修改

背景：

在不同的条件下，同一表单的展示顺序不一样。

实现：

• 通过style=“order：n” 指定表单的展示顺序。

  <a-form-item :label="邮箱" style="order: 1" name="email">
    <a-input
      allow-clear
      v-model:value="formState.email"
      :placeholder="请输入邮箱"
      show-count
      :maxlength="100"
    />
  </a-form-item>
  <a-form-item :label="姓名" style="order: 1" name="name">
    <a-input
      allow-clear
      v-model:value="formState.name"
      :placeholder="请输入姓名"
      show-count
      :maxlength="100"
    />
  </a-form-item>
  

  修改完后发现一个新问题，使用`tab按键`切换输入框的时候不是根据展示顺序切换，而是根据DOM顺序切换。

• 通过tabindex 指定tab按键的响应顺序。

  <a-form-item :label="邮箱" style="order: 1" name="email">
    <a-input
      allow-clear
      v-model:value="formState.email"
      tabindex="2"
      :placeholder="请输入邮箱"
      show-count
      :maxlength="100"
    />
  </a-form-item>
  <a-form-item :label="姓名" style="order: 1" name="name">
    <a-input
      allow-clear
      v-model:value="formState.name"
      tabindex="1"
      :placeholder="请输入姓名"
      show-count
      :maxlength="100"
    />
  </a-form-item>