@topvisor/ui 1.0.20-selector2-3 → 1.0.20-selector2-4

package/src/components/project/selectorRegion/composables/selectorRegion.ts

@@ -1,165 +0,0 @@
-import { computed, watch } from 'vue';
-import { findRegion, genSearcherByKey } from '../utils/utils';
-import { dummyIndex, searcherUndefined } from '../utils/consts';
-import type { Props, Region, SearcherIndexed } from '../selectorRegion';
-import { useSelectSearcher } from './selectSearcher';
-import { useSelectRegion } from './selectRegion';
-import { useCompare } from './compare';
-
-/**
- * Создание и управления рективными переменными компонента
- *
- * @param props - входные props компонента
- */
-export const useSelectorRegion = (props: Props) => {
-	const searcherByKey = computed(() => {
-		return genSearcherByKey(props.forFrequency, props.autoRegion, props.searchers);
-	});
-
-	const activeSearcherIndexed = computed(() => {
-		return searcherByKey.value.get(selectSearcher.searcherKey.value) || searcherUndefined;
-	});
-
-	/**
-	 * Все индексы регионов из mapSearchers
-	 */
-	const allRegionsIndexes = computed(() => {
-		const regionsIndexes = new Set<number>();
-
-		searcherByKey.value.forEach((searcher) => {
-			searcher.regions?.forEach((region) => {
-				if (region.index === -1) return;
-				if (region.index === dummyIndex) return;
-
-				regionsIndexes.add(region.index);
-			});
-		});
-
-		return regionsIndexes;
-	});
-
-	const selectSearcher = useSelectSearcher(props, searcherByKey);
-	const selectRegion = useSelectRegion(props, activeSearcherIndexed);
-	const compare = useCompare(props, searcherByKey, allRegionsIndexes);
-
-	// контроль за внешним изменением списка ПС
-	watch(searcherByKey, () => {
-		// возможные значения для сравнения регионов/пс
-		if (props.onlySearcher) {
-			compare.regionsIndexes.value = Array.from(searcherByKey.value.keys());
-		} else {
-			compare.regionsIndexes.value = compare.regionsIndexes.value.filter(regionIndex => {
-				return allRegionsIndexes.value.has(regionIndex);
-			});
-		}
-
-		if (selectSearcher.searcherKey.value === -1) return;
-
-		let newSearcherKey = searcherByKey.value.keys().next().value;
-
-		searcherByKey.value.forEach((searcher) => {
-			// определить выбранную ПС
-			if (props.onlySearcher && searcher.key === selectSearcher.searcherKey.value) {
-				newSearcherKey = selectSearcher.searcherKey.value;
-				return;
-			}
-
-			if (
-				selectRegion.regionIndex.value &&
-				searcher.regionByIndex?.has(selectRegion.regionIndex.value)
-			) {
-				newSearcherKey = searcher.key;
-			}
-
-			// выбрать первую ПС с выбранным регионом
-			if (!props.onlySearcher) {
-				let regionsNewSearcher: SearcherIndexed['regionByIndex'] | undefined;
-
-				if (newSearcherKey !== undefined) {
-					regionsNewSearcher = searcherByKey.value.get(newSearcherKey)?.regionByIndex;
-				}
-
-				const regionsCurrentSearcher = searcherByKey.value.get(searcher.key)?.regionByIndex;
-				if (
-					regionsNewSearcher?.has(dummyIndex) &&
-					!regionsCurrentSearcher?.has(dummyIndex)
-				) {
-					newSearcherKey = searcher.key;
-				}
-			}
-		});
-
-		// if (props.addCompare && !selectSearcher.optionBySearcherKey.value.has(dummyIndex)) {
-		// 	if (!selectRegion.regionIndex.value && compare.regionsIndexes.value?.length) newSearcherKey = -1;
-		// }
-
-		// if (props.onlySearcher && selectRegion.regionIndex.value !== dummyIndex) newSearcherKey = selectRegion.regionIndex.value;
-
-		if (newSearcherKey !== undefined) {
-			selectSearcher.searcherKey.value = newSearcherKey;
-		}
-
-		if (
-			selectRegion.regionIndex.value !== undefined &&
-			!(activeSearcherIndexed.value?.regionByIndex)?.has(selectRegion.regionIndex.value)
-		) {
-			selectRegion.regionIndex.value = activeSearcherIndexed.value?.regions?.keys().next().value as number;
-		}
-	}, { immediate: true });
-
-	const getSearcherKey = () => {
-		if (selectSearcher.searcherKey.value === -1 || selectSearcher.searcherKey.value === dummyIndex) return;
-
-		return selectSearcher.searcherKey.value;
-	};
-
-	const getRegionIndex = () => {
-		if (props.onlySearcher) return;
-
-		if (selectRegion.regionIndex.value === dummyIndex) return;
-
-		let res: Region['index'] | undefined = selectRegion.regionIndex.value;
-
-		// в качестве ключа используется region.key
-		if (props.forFrequency) {
-			const regionKey = selectRegion.regionIndex.value;
-			const region = findRegion(props.forFrequency, { searcher_key: getSearcherKey(), key: regionKey } as Region, props.searchers);
-
-			res = region?.index;
-		}
-
-		return res;
-	};
-
-	/**
-	 * Получить выбранную ПС
-	 */
-	const getSearcher = () => {
-		const searcherKey = getSearcherKey();
-		if (searcherKey === undefined) return;
-
-		return searcherByKey.value.get(searcherKey);
-	};
-
-	/**
-	 * Получить выбранный регион
-	 */
-	const getRegion = () => {
-		const regionIndex = getRegionIndex();
-		if (regionIndex === undefined) return;
-
-		return getSearcher()?.regionByIndex?.get(regionIndex);
-	};
-
-	return {
-		selectSearcher,
-		selectRegion,
-		compare,
-
-		searcherByKey,
-		allRegionsIndexes,
-
-		getSearcher,
-		getRegion,
-	};
-};

package/src/components/project/selectorRegion/selectorRegion.stories.ts

@@ -1,69 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
-
-import { genArgsTypes } from '@/components/helpersStories';
-import Component from './selectorRegion.vue';
-import * as ComponentsConst from './selectorRegion';
-import ReadMe from './stories/README.md?raw';
-import searchers from './stories/searchers';
-
-const argTypes = genArgsTypes(Component, ComponentsConst);
-
-const subcategoryRegions = 'Для выбора регионов';
-
-// argTypes.compareRegionsIndexes.table!.subcategory = subcategoryRegions;
-argTypes.forFrequency.table!.subcategory = subcategoryRegions;
-argTypes.autoRegion.table!.subcategory = subcategoryRegions;
-argTypes.addRegionIcon.table!.subcategory = subcategoryRegions;
-
-const meta = {
-	component: Component,
-	tags: ['autodocs'],
-	argTypes,
-	parameters: {
-		docs: {
-			description: {
-				component: ReadMe,
-			},
-		},
-	},
-} as Meta<typeof Component>;
-
-type Story = StoryObj<typeof meta>;
-
-export const Playground = {
-	args: {
-		projectId: 1,
-		searchers,
-		modelValue: [25],
-	},
-} satisfies Story;
-
-export const CompareRegions = {
-	args: {
-		projectId: 1,
-		searchers,
-		modelValue: [1],
-		addCompare: true,
-	},
-} satisfies Story;
-
-export const Searchers = {
-	args: {
-		projectId: 1,
-		searchers,
-		modelValue: [],
-		onlySearcher: true,
-	},
-} satisfies Story;
-
-export const CompareSearchers = {
-	args: {
-		projectId: 1,
-		searchers,
-		modelValue: [],
-		onlySearcher: true,
-		addCompare: true,
-	},
-} satisfies Story;
-
-export default meta;

package/src/components/project/selectorRegion/selectorRegion.ts

@@ -1,217 +0,0 @@
-export interface Props {
-	projectId: number;
-
-	searchers: Searcher[];
-
-	/**
-	 * Список выбранных значений
-	 *	 *
-	 * - при `onlySearcher = false`:
-	 * 	- при `forFrequency = false`: массив `regionIndex`
-	 * 	- при `forFrequency = true`: массив `regionKey`
-	 * - при `onlySearcher = true` массив `searcherKey`
-	 *
-	 * Обратите внимание, всегда является массивом, даже если не предпогается получить несколько значений
-	 *
-	 * Если не нужно работать с массивом можно указать `modelValue = []` и использовать `modelValueSingle`
-	 */
-	modelValue: number[];
-
-	/**
-	 * Выбранное значение
-	 *
-	 * Шорткат к `modelValue[0]`, если не нужно работать с массивом (для случаев без сравнений)
-	 *
-	 * Нельзя добавить динамически
-	 */
-	modelValueSingle?: number;
-
-	// compareRegionsIndexes?: number[];
-
-	/**
-	 * Добавить режим сравнения
-	 *
-	 * В режиме сравнения выбранные значения длиной массива > 1 сохраняются с привязкой к projectId
-	 *
-	 * Чтобы изменить сохраненное значение в режиме сравнения необходимо указать modelValue с длиной массива > 1
-	 *
-	 * Выбор регионов для сравнения требуется настраивать отдельно, см. emit `compareRegions`
-	 */
-	addCompare?: boolean;
-
-	/**
-	 * Режим выбора регионов для работы с частотой
-	 */
-	forFrequency?: boolean;
-
-	/**
-	 * Добавить элемент `Автовыбор` с ключем `-2`, который в API заменяется на нужный ключ в зависимости от контекста
-	 */
-	autoRegion?: boolean;
-
-	/**
-	 * В этом режиме в regionIndex будет сохраняться searcherKey
-	 */
-	onlySearcher?: boolean;
-
-	/**
-	 * См. addChanger в TopSelect
-	 */
-	addChanger?: boolean;
-
-	/**
-	 * Добавить значок ПС
-	 */
-	addSearcherIcon?: boolean;
-
-	/**
-	 * Добавить значок региона
-	 */
-	addRegionIcon?: boolean;
-}
-
-/**
- * @todo: Вынести в topvisor-openapi
- */
-export interface Searcher {
-	/**
-	 * Состояние включения поисковой системы
-	 */
-	enabled?: 0 | 1;
-
-	/**
-	 * Id поисковой системы
-	 */
-	id?: number;
-
-	/**
-	 * Ключ поисковой системы
-	 */
-	key: number;
-
-	/**
-	 * Название поисковой системы
-	 */
-	name: string;
-
-	/**
-	 * Порядок поисковой систеимы
-	 */
-	ord?: number;
-
-	/**
-	 * Id проекта
-	 */
-	project_id?: number;
-
-	/**
-	 * Регионы поисковой системы
-	 */
-	regions: Region[];
-
-	/**
-	 * Ключ поисковой системы
-	 */
-	searcher?: number;
-}
-
-/**
- * Индексирвоанные поисковики с быстрым доступом к ПС и их регионам по словарю
- */
-export type SearcherByKey = Map<Searcher['key'], SearcherIndexed>;
-
-/**
- * Индексирвоанный поисковик с быстрым доступом к регоинам по словарю
- */
-export type SearcherIndexed = Searcher & { regionByIndex: Map<Region['index'], Region> };
-
-/**
- * @todo: Вынести в topvisor-openapi
- */
-export interface Region {
-	/**
-	 * Название области
-	 */
-	areaName?: string;
-
-	/**
-	 * Код страны
-	 */
-	countryCode?: string;
-
-	/**
-	 * Глубина поиска
-	 */
-	depth?: number;
-
-	/**
-	 * Id устройства
-	 * 0 - ПК
-	 * 1 - Планшет
-	 * 2 - Смартфон
-	 */
-	device?: 0 | 1 | 2;
-
-	/**
-	 * Домен верхнего уровня
-	 */
-	domain?: string;
-
-	/**
-	 * Состояние включения региона
-	 */
-	enabled?: 0 | 1;
-
-	/**
-	 * Необходим для поддержания сортировки
-	 */
-	id?: number;
-
-	/**
-	 * Уникальный идентификатор настройки региона (ПС + регион + настройки региона)
-	 */
-	index: number;
-
-	/**
-	 * Ключ региона
-	 */
-	key: number;
-
-	/**
-	 * Код языка
-	 */
-	lang?: string;
-
-	/**
-	 * Название региона
-	 */
-	name: string;
-
-	/**
-	 * Id родительского региона
-	 */
-	parentId?: number;
-
-	/**
-	 * Ключ поисковой системы
-	 */
-	searcher_key?: Searcher['key'];
-
-	/**
-	 * Тип
-	 */
-	type?: string;
-}
-
-export type Emits = {
-	/**
-	 * Запрошен выбор регионов
-	 *
-	 * При вызове необходимо отобразить диалоговое окно и вывести список регионов
-	 *
-	 * Выбранные регионы устанвоить в `modelValue`
-	 *
-	 * Так делается по причине отсутствия диалоговых окон в UI
-	 */
-	compareRegions: [searcherByKey: SearcherByKey];
-}