输入和搜索选择的使用 Select、ApiSelect、AutoComplete

[Mr-LiuDC]

前端新手请教各位大佬，望不吝赐教。

我希望实现输入内容可以查询搜索的效果，如果有查询到数据直接下拉选择，选择后并且要自动回填其他字段。如果没有搜到内容还是显示输入的内容。试过 Select、ApiSelect 和 AutoComplete，都没达到想要的效果。

是哪里没用对吗？

export const customerFormSchema: FormSchema[] = [
  {
    field: 'name',
    label: '客户姓名',
    component: 'AutoComplete',
    componentProps: ({ schema, formModel, formActionType }) => {
      console.log('schema', schema);
      console.log('formModel', formModel);
      console.log('formActionType', formActionType);
      const options = ref([]);
      return {
        showSearch: true,
        options: options.value,
        onSearch: async (value: string) => {
          // 请求接口查询数据
          if (isEmptyOrUnDef(value)) {
            return;
          }
          console.log('onSearch', value);
          queryCustomer({ name: value }).then((res) => {
            console.log(res);
            const data = res.content || [];
            options.value = data.map((item) => {
              return {
                label: item.name,
                value: item.id,
              };
            });
            console.log('options.value', options.value);
            return options;
          });
        },
        onSelect: (value: string) => {
          console.log('onSelect', value);
        },
      };
    },
  },
  {
    field: 'address',
    label: '客户地址',
    component: 'Input',
  },
];