Skip to content

[ pro-search] [偶现] 快捷面板下配置keywordFallback,一键清空,删除等操作后,输入关键字,默认选中的项不对 # #1749

@ljf52007

Description

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

Reproduction link

playground.idux.site

Steps to reproduce

复现demo:

<template>
  <div style="padding: 24px">
    <IxProSearch
                 class="pull-right"
                 style="width: 80%"
                 :value.sync="filterValue"
                 :searchFields="searchFields"
                 overlay-container='pro-search-wrapper--loophole'>
    </IxProSearch>
  </div>
</template>
 

<script setup lang="ts">
  import {ref, computed} from 'vue'
 
const filterValue = ref<SearchValue[]>([]);
  const searchFields = computed<SearchField[]>(() => [
    {
        type: 'select',
        label: '终端类型',
        key: 'host_type',
        quickSelect: true,
        placeholder: '终端类型',
        fieldConfig: {
            multiple: false,
            searchable: true,
            dataSource: [
              { label: '全部', key: 1},
              { label: 'PC', key:0},
              { label: '服务器', key:3},
          ]
        }
    },
     {
        type: 'input',
        label: '关键字1',
        key: 'xixi',
       keywordFallback: true,
        placeholder: '终端类型',
    },
         {
        type: 'input',
        label: '关键字2',
        key: 'haha',
       keywordFallback: true,
        placeholder: '终端类型',
    },

]);
const searchKeys = computed(() => searchFields.value.map(i => i.key as string));
const filterFields = (fields: SearchField[], keys: string[]) => {
  return fields.filter(field => keys.includes(field.key as string))
}
</script>

复现步骤:

第一次输入关键字,回车;
一键清除;
第二次输入关键字,回车;

What is expected?

默认选中的应该还是第一项;

What is actually happening?

默认选中第二项;

Environment Info

Any additional comments? (optional)

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions