AutoComplete is not support options slot，How to realize the a-select-opt-group？

[274153705]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

2.x的时候可以实现下拉分组，到了3不支持了，只支持options prop，请问如何实现呢？

  <a-auto-complete>
    <template #options>
      <a-select-opt-group
        v-for="(item, idx) in arr"
        :key="idx"
      >
        <template #label>
          <span> {{ item.label }} </span>
        </template>
        <a-select-option
          v-for="(el, idx2) in item.children"
          :key="`${idx}_${idx2}`"
          :value="el.value"
        >
          <div>{{ el.label }}</div>
        </a-select-option>
      </a-select-opt-group>
    </template>
  </a-auto-complete>

What does the proposed API look like?

类似2.x版本功能

[274153705]

  <a-auto-complete  :options="arr">
    <template #option="item">
      <span v-if="item.options">{{ item.label }}</span>
      <a-space v-else>
        {{ item.label }}
        {{ item.value}}
      </a-space>
    </template>
  </a-auto-complete>

试出来了，只能这样使用，必须得使用options字段和value字段

arr = [
  {
    label: "label",
    options: [
      {
        label: "child 1",
        value: "1"
      }
    ]
  }
];

不得不说，比较难用与理解

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.