ant-design-vue/components/vc-select/hooks/useCacheOptions.ts

29 lines
801 B
TypeScript

import type { Ref, VNodeChild } from 'vue';
import { computed } from 'vue';
import type { RawValueType, FlattenOptionsType, Key } from '../interface/generator';
export default function useCacheOptions<
OptionsType extends {
value?: RawValueType;
label?: VNodeChild;
key?: Key;
disabled?: boolean;
}[],
>(options: Ref) {
const optionMap = computed(() => {
const map: Map<RawValueType, FlattenOptionsType<OptionsType>[number]> = new Map();
options.value.forEach((item: any) => {
const {
data: { value },
} = item;
map.set(value, item);
});
return map;
});
const getValueOption = (vals: RawValueType[]): FlattenOptionsType<OptionsType> =>
vals.map(value => optionMap.value.get(value)).filter(Boolean);
return getValueOption;
}