@topvisor/ui 1.0.22-test-ci-cd-10 → 1.2.0

package/project/project.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"project.amd.js","sources":["../../src/components/project/selectorCompetitors/selectorCompetitors.vue","../../src/components/project/selectorRegion/utils/consts.ts","../../src/components/project/selectorRegion/utils/utils.ts","../../src/components/project/selectorRegion/composables/selectSearcher.ts","../../src/components/project/selectorRegion/composables/selectRegion.ts","../../src/components/project/selectorRegion/composables/compare.ts","../../src/components/project/selectorRegion/composables/selectorRegion.ts","../../src/components/project/selectorRegion/selectorRegion.vue","../../src/components/project/tagSelector/tagsDefaults.ts","../../src/components/project/tagSelector/utils/utils.ts","../../src/components/project/tagSelector/popupListItem/tagPopupListItem.vue","../../src/components/project/tagSelector/popupOpener/popupOpener.vue","../../src/components/project/tagSelector/tagSelector.vue","../../src/components/project/selectorCompetitors/composables.ts","../../src/components/project/tagSelector/utils/el.ts","../../src/components/project/project.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props } from './selectorCompetitors';\r\nimport Core from '@/core/core/core';\r\nimport Button from '@/components/forms/button/button.vue';\r\nimport Popup from '@/components/popup/popup/popup.vue';\r\nimport ListItem from '@/components/popup/popup/listItem.vue';\r\nimport Menu from '@/components/formsExt/menu/menu.vue';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tshowSelectAllItem: true,\r\n});\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\nconst selectAllItem = computed(() => {\r\n\tif (props.showSelectAllItem) {\r\n\t\treturn {\r\n\t\t\ticon: '',\r\n\t\t\ttitle: useI18n().Common.Select_all,\r\n\t\t\tvalue: 'all',\r\n\t\t\tcontent: '',\r\n\t\t};\r\n\t}\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-selectorCompetitors\">\r\n\t\t<Popup v-if=\"Core.state.isMobile\">\r\n\t\t\t<template #opener>\r\n\t\t\t\t<Button\r\n\t\t\t\t\tclass=\"top-selectorCompetitors_opener\"\r\n\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\ticon=\"\"\r\n\t\t\t\t\ticon2=\"\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ items.find((item) => item.value === model?.[0])?.content }}\r\n\t\t\t\t</Button>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #contentList>\r\n\t\t\t\t<ListItem\r\n\t\t\t\t\tv-for=\"(item, index) in items\"\r\n\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t'top-active': model?.includes(item.value)\r\n\t\t\t\t\t}\"\r\n\t\t\t\t\t:data-top-icon=\"item.icon\"\r\n\t\t\t\t\t:title=\"item.title\"\r\n\t\t\t\t\t@click=\"() => model = [item.value]\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"top-ellipsis1\">\r\n\t\t\t\t\t\t{{ item.content }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</ListItem>\r\n\t\t\t</template>\r\n\t\t</Popup>\r\n\r\n\t\t<Menu\r\n\t\t\tv-else\r\n\t\t\tv-model=\"model\"\r\n\t\t\t:items=\"items\"\r\n\t\t\t:isMultiple=\"true\"\r\n\t\t\tstyling=\"bar\"\r\n\t\t\t:canBeEmptyMultiple=\"false\"\r\n\t\t\t:selectAllItem=\"selectAllItem\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-selectorCompetitors_opener.top-button {\r\n\twidth: 100%;\r\n}\r\n</style>\r\n","import type { Region, SearcherIndexed } from '../selectorRegion';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\n\r\nexport const dummyIndex = -2;\r\n\r\nexport const searchersNames = {\r\n\t0: 'Yandex',\r\n\t1: 'Google',\r\n\t4: 'YouTube',\r\n\t5: 'Bing',\r\n\t7: 'Seznam',\r\n\t8: 'AppStore',\r\n\t9: 'GoogleStore',\r\n\t20: 'Yandex.com',\r\n\t21: 'Yandex.com.tr',\r\n};\r\n\r\nexport const regionUndefined: Region = {\r\n\tkey: dummyIndex,\r\n\tname: '--',\r\n\tindex: dummyIndex,\r\n};\r\n\r\nexport const searcherUndefined: SearcherIndexed = {\r\n\tkey: dummyIndex,\r\n\tname: '--',\r\n\tregions: [regionUndefined],\r\n\tregionByIndex: new Map([[dummyIndex, regionUndefined]]),\r\n};\r\n\r\nconst regionAuto: Region = {\r\n\tkey: dummyIndex,\r\n\tname: 'Autoselect',\r\n\tindex: dummyIndex,\r\n};\r\n\r\nconst searcherAuto: SearcherIndexed = {\r\n\tkey: dummyIndex,\r\n\tname: 'Autoselect',\r\n\tregions: [regionAuto],\r\n\tregionByIndex: new Map([[dummyIndex, regionAuto]]),\r\n};\r\n\r\nconst regionGlobal: Region = {\r\n\tcountryCode: '00',\r\n\tdepth: 1,\r\n\tdevice: 0,\r\n\tkey: -1,\r\n\tindex: -1,\r\n\tlang: 'ru',\r\n\tname: 'Without region',\r\n};\r\n\r\nexport const getRegionAuto = () => {\r\n\tregionAuto.name = useI18n().Common.Autoselect!;\r\n\r\n\treturn regionAuto;\r\n};\r\n\r\nexport const getSearcherAuto = () => {\r\n\tgetRegionAuto();\r\n\r\n\tsearcherAuto.name = useI18n().Common.Autoselect!;\r\n\tconsole.log(searcherAuto);\r\n\r\n\treturn searcherAuto;\r\n};\r\n\r\nexport const getRegionGlobal = () => {\r\n\tregionGlobal.name = useI18n().Keywords.Without_region!;\r\n\r\n\treturn regionGlobal;\r\n};\r\n","import type { Region, Searcher, SearcherByKey, SearcherIndexed } from '../selectorRegion';\r\nimport { dummyIndex, getRegionGlobal, getSearcherAuto, regionUndefined, searchersNames, searcherUndefined } from './consts';\r\nimport { useAsyncTopDialog } from '@/components/dialog/dialog/composables/utils';\r\n\r\n/**\r\n * Генерация Map ПС с Map регионов из массива searchers\r\n * - ключ для ПС - searcherKey\r\n * - ключ для региона - regionIndex\r\n *\r\n * Если поисковиков в списке нет, в список будет добавлен searcherUndefined\r\n *\r\n * Если регионов в списке нет, в список будет добавлен regionUndefined\r\n *\r\n * @param forFrequency - получить массив для просмотра частоты (или ставок)\r\n * @param autoRegion - добавить элемент с ключем -2, который в API заменяется на нужный ключ в зависимости от контекста\r\n * @param searchers - поисковики с регионами проекта, см.: get/projects_2/projects, show_searchers_and_regions = 1\r\n */\r\nexport const genSearcherByKey = (\r\n\tforFrequency: boolean = false,\r\n\tautoRegion: boolean = false,\r\n\tsearchers: Searcher[] = [],\r\n) => {\r\n\tlet searcherByKey: SearcherByKey;\r\n\r\n\tif (forFrequency) {\r\n\t\tsearcherByKey = genSearchersMapVolume(searchers);\r\n\t} else {\r\n\t\tsearcherByKey = genSearchersMapCommon(searchers);\r\n\t}\r\n\r\n\tif (autoRegion) searcherByKey.set(dummyIndex, getSearcherAuto());\r\n\tif (!searcherByKey.size) searcherByKey.set(dummyIndex, searcherUndefined);\r\n\r\n\treturn searcherByKey;\r\n};\r\n\r\n/**\r\n * Список ПС с регионами\r\n *\r\n * @param searchers\r\n * @param onlyEnabledRegions\r\n * @param forceSearchersKeys - ключи ПС, которые нееобходимо вывести в любом случае\r\n * @param forFrequency - для частоты будут выводиться только Яндекс, Google и Mail\r\n */\r\nconst genSearchersMapCommon = (\r\n\tsearchers: Searcher[],\r\n\tonlyEnabledRegions: boolean = true,\r\n\tforceSearchersKeys: Searcher['key'][] = [],\r\n\tforFrequency: boolean = false,\r\n) => {\r\n\tconst searcherByKey: Map<Searcher['key'], SearcherIndexed> = new Map();\r\n\r\n\t// настроенные ПС\r\n\tsearchers.forEach((searcher) => {\r\n\t\tif (!searcher.enabled) return;\r\n\t\tif (forFrequency && typeof searcher.key === 'number' && searcher.key > 1) return;\r\n\r\n\t\tconst searcherI = { ...searcher } as SearcherIndexed;\r\n\t\tsearcherI.regionByIndex = new Map();\r\n\r\n\t\tif (searcher.regions) {\r\n\t\t\tsearcher.regions.forEach((region: Region) => {\r\n\t\t\t\tif (onlyEnabledRegions && !region.enabled) return;\r\n\r\n\t\t\t\tconst regionI = { ...region };\r\n\t\t\t\tsearcherI.regionByIndex.set(regionI.index, regionI);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (!searcherI.regionByIndex.size && !forceSearchersKeys.length) {\r\n\t\t\tsearcherI.regionByIndex.set(regionUndefined.index, regionUndefined);\r\n\t\t}\r\n\r\n\t\tif (typeof searcherI.key === 'number') searcherByKey.set(searcherI.key, searcherI);\r\n\t});\r\n\r\n\t// дополнительные ПС\r\n\tforceSearchersKeys.forEach((searcherKey) => {\r\n\t\tif (searcherByKey.has(searcherKey)) return;\r\n\r\n\t\tconst searcherI: SearcherIndexed = {\r\n\t\t\tkey: searcherKey,\r\n\t\t\tname: searchersNames[searcherKey],\r\n\t\t\tregions: [],\r\n\t\t\tregionByIndex: new Map(),\r\n\t\t};\r\n\r\n\t\tsearcherByKey.set(searcherI.key, searcherI);\r\n\t});\r\n\r\n\treturn searcherByKey;\r\n};\r\n\r\n/**\r\n * Список ПС с регионами для проверки частоты (Яндекс, Google, Mail если добавлен в проект)\r\n *\r\n * @param searchers\r\n */\r\nconst genSearchersMapVolume = (searchers: Searcher[]) => {\r\n\tconst serarcherByKey = genSearchersMapCommon(searchers, false, [0, 1], true);\r\n\r\n\t// в Mail нет регионов\r\n\tif (serarcherByKey.has(2)) {\r\n\t\tconst searcherMail = serarcherByKey.get(2);\r\n\t\tif (searcherMail) searcherMail.regionByIndex = new Map();\r\n\t}\r\n\r\n\t// добавление глобального региона\r\n\tserarcherByKey.forEach((searcher) => {\r\n\t\tif (!searcher.regionByIndex) return;\r\n\r\n\t\tconst region = { ...getRegionGlobal() };\r\n\t\tsearcher.regionByIndex.set(region.index, region);\r\n\t});\r\n\r\n\treturn serarcherByKey;\r\n};\r\n\r\n/**\r\n * Поиск региона по заданному критерию из списка поисковиков проекта\r\n *\r\n * @param forFrequency - поиск региона для просмотра частоты или ставок\r\n * @param searchRegion - объект с параметрами региона, который следует найти\r\n * @param searchers\r\n */\r\nexport const findRegion = (forFrequency: boolean, searchRegion: Partial<Region>, searchers: Searcher[] = []) => {\r\n\tconst searcherByKey = genSearcherByKey(forFrequency, false, searchers);\r\n\r\n\tlet findedRegion: Region | undefined;\r\n\r\n\t// поиск ПС\r\n\tsearcherByKey.forEach((searcher) => {\r\n\t\tif (searchRegion.searcher_key !== undefined && searchRegion.searcher_key != searcher.key) return;\r\n\t\tif (!searcher.regions) return;\r\n\r\n\t\t// поиск региона\r\n\t\tsearcher.regions.forEach((region) => {\r\n\t\t\tif (findedRegion) return;\r\n\r\n\t\t\tif (searchRegion.key !== undefined && searchRegion.key != region.key) return;\r\n\t\t\tif (searchRegion.index !== undefined && searchRegion.index != region.index) return;\r\n\r\n\t\t\tif (!forFrequency) {\r\n\t\t\t\tif (searchRegion.lang !== undefined && searchRegion.lang != region.lang) return;\r\n\t\t\t\tif (searchRegion.device !== undefined && searchRegion.device != region.device) return;\r\n\t\t\t}\r\n\r\n\t\t\tregion.searcher_key = searcher.key;\r\n\t\t\tfindedRegion = region;\r\n\r\n\t\t\treturn false;\r\n\t\t});\r\n\r\n\t\tif (findedRegion) return false;\r\n\t});\r\n\r\n\treturn findedRegion;\r\n};\r\n\r\n/**\r\n * Открыть диалоговое окно с выбором нескольких регионов\r\n *\r\n * @see import('../dialog_selectorRegions/types').Props\r\n */\r\nexport const dialogSelectorRegions = useAsyncTopDialog(() => {\r\n\treturn import('@/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue');\r\n});\r\n","import { computed, type ComputedRef, ref } from 'vue';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\nimport type { Props, SearcherByKey } from '../selectorRegion';\r\nimport type { Option, Options } from '@/components/forms/select/select';\r\nimport { dummyIndex } from '../utils/consts';\r\nimport { getSearcherGIcon } from '@/core/utils/searchers';\r\n\r\n/**\r\n * Создание и управление реактивными переменными для выбора ПС\r\n *\r\n * @param props - входные props компонента\r\n * @param mapSearchers - Map ПС (реактивная)\r\n */\r\nexport const useSelectSearcher = (\r\n\tprops: Props,\r\n\tmapSearchers: ComputedRef<SearcherByKey>,\r\n) => {\r\n\tconst i18n = useI18n();\r\n\r\n\t/**\r\n\t * Ключ выбранной поисковой системы\r\n\t */\r\n\tconst searcherKey = ref(mapSearchers.value.keys().next().value ?? dummyIndex);\r\n\r\n\t/**\r\n\t * Коллекция опций для выбора ПС\r\n\t */\r\n\tconst optionBySearcherKey = computed(() => {\r\n\t\tconst res: Options = new Map();\r\n\t\tmapSearchers.value.forEach((searcher) => {\r\n\t\t\tlet option: Option = {\r\n\t\t\t\tvalue: searcher.key,\r\n\t\t\t\ttitle: searcher.name,\r\n\t\t\t};\r\n\r\n\t\t\tif (props.addSearcherIcon) option.icon = getSearcherGIcon(searcher.key);\r\n\r\n\t\t\tres.set(searcher.key, option);\r\n\t\t});\r\n\r\n\t\t// добавить режим сравнения, если есть хотя бы одна ПС\r\n\t\tif (props.addCompare && !res.has(dummyIndex)) {\r\n\t\t\tconst dummyOption: Option = {\r\n\t\t\t\tvalue: '',\r\n\t\t\t\ttitle: '--------------------',\r\n\t\t\t\tdisabled: true,\r\n\t\t\t};\r\n\t\t\tres.set(dummyOption.value, dummyOption);\r\n\r\n\t\t\tconst compareOption: Option = {\r\n\t\t\t\tvalue: -1,\r\n\t\t\t\ttitle: i18n.Common.Compare!,\r\n\t\t\t};\r\n\t\t\tres.set(compareOption.value, compareOption);\r\n\t\t}\r\n\r\n\t\treturn res;\r\n\t});\r\n\r\n\treturn {\r\n\t\tsearcherKey,\r\n\t\toptionBySearcherKey,\r\n\t};\r\n};\r\n","import { computed, type ComputedRef, ref, watch } from 'vue';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\nimport { getDeviceGIcon, getLangLabel } from '@/core/utils/searchers';\r\nimport type { Option } from '@/components/forms/select/select';\r\nimport { dummyIndex } from '../utils/consts';\r\nimport type { Props, Region, SearcherIndexed } from '../selectorRegion';\r\n\r\n/**\r\n * Создание и управление реактивными переменными для выбора региона\r\n *\r\n * @param props - входные props компонента\r\n * @param activeSearcherIndexed - объект активной поисковой системы (реактивная)\r\n * @param regionsIndexes - входные индексы регионов/ПС\r\n */\r\nexport const useSelectRegion = (props: Props, activeSearcherIndexed: ComputedRef<SearcherIndexed>) => {\r\n\tconst i18n = useI18n();\r\n\r\n\t/**\r\n\t * Индекс выбранного региона\r\n\t */\r\n\tconst regionIndex = ref(dummyIndex);\r\n\r\n\tif (props.modelValue.length === 1) {\r\n\t\tregionIndex.value = props.modelValue[0];\r\n\t}\r\n\r\n\tif (regionIndex.value === dummyIndex) {\r\n\t\tif (props.forFrequency) {\r\n\t\t\t// в качетсве ключа используется region.key, а не region.index\r\n\t\t\tregionIndex.value = activeSearcherIndexed.value?.regionByIndex.values().next().value?.key ?? dummyIndex;\r\n\t\t} else {\r\n\t\t\tregionIndex.value = activeSearcherIndexed.value?.regionByIndex.keys().next().value ?? dummyIndex;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Коллекция опций для выбора региона\r\n\t */\r\n\tconst optionByRegionIndex = computed(() => {\r\n\t\tconst options = new Map<number, Option>();\r\n\r\n\t\tactiveSearcherIndexed.value.regionByIndex?.forEach((region) => {\r\n\t\t\tlet regionLabel = region.name;\r\n\r\n\t\t\t// на частоту в текущей версии устройство и язык не влияют\r\n\t\t\t// обратите внимание, в качетсве ключа используется region.key, а не region.index\r\n\t\t\tif (props.forFrequency) {\r\n\t\t\t\tconst option: Option = {\r\n\t\t\t\t\tvalue: region.key,\r\n\t\t\t\t\ttitle: regionLabel,\r\n\t\t\t\t};\r\n\t\t\t\tif (!options.has(region.key)) options.set(region.key, option);\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (region.device) {\r\n\t\t\t\tregionLabel += ' (' + i18n.Common['Device_' + region.device] + ')';\r\n\t\t\t}\r\n\r\n\t\t\tconst langLabel = getLangLabel(activeSearcherIndexed.value.key || 0, region.lang ?? '');\r\n\t\t\tif (langLabel) regionLabel += ' / ' + langLabel;\r\n\r\n\t\t\tconst option: Option = {\r\n\t\t\t\tvalue: region.index,\r\n\t\t\t\ttitle: regionLabel,\r\n\t\t\t\ticon: region.device ? getDeviceGIcon(region.device) : undefined,\r\n\t\t\t};\r\n\r\n\t\t\toptions.set(region.index, option);\r\n\t\t});\r\n\r\n\t\treturn options;\r\n\t});\r\n\r\n\t/**\r\n\t * Выбор максимально похожего региона в новой коллекции регионов\r\n\t */\r\n\twatch(optionByRegionIndex, (optionByRegionIndex, oldOptionByRegionIndex) => {\r\n\t\tif (props.onlySearcher || regionIndex.value !== undefined && optionByRegionIndex.get(regionIndex.value)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet newRegionIndex = optionByRegionIndex.keys().next().value as Region['index'];\r\n\t\tif (regionIndex.value === dummyIndex || newRegionIndex === dummyIndex) {\r\n\t\t\tregionIndex.value = newRegionIndex;\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet regionName = (oldOptionByRegionIndex?.get(regionIndex.value) as Option)?.title || '';\r\n\t\tlet regionMatchLevel = -1;\r\n\t\tfor (const [index, option] of optionByRegionIndex.entries()) {\r\n\t\t\tconst title = (option as Option).title;\r\n\r\n\t\t\tif (typeof title !== 'string' || typeof index === 'string') {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\t// полное совпадение\r\n\t\t\tif (title === regionName) {\r\n\t\t\t\tnewRegionIndex = index;\r\n\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tconst regexpDevice = new RegExp(` \\\\((${i18n.Common['Device_1']}|${i18n.Common['Device_2']})\\\\)`);\r\n\t\t\tlet regionNameCompare = regionName;\r\n\t\t\tlet regionMatchLevelI = 3;\r\n\r\n\t\t\t// без устройства\r\n\t\t\tif (title.indexOf(regionNameCompare) === -1) {\r\n\t\t\t\tregionNameCompare = regionName.replace(/^[^a-zа-я]/i, '').replace(regexpDevice, '');\r\n\r\n\t\t\t\tregionMatchLevelI--;\r\n\t\t\t}\r\n\r\n\t\t\t// без языка\r\n\t\t\tif (title.indexOf(regionNameCompare) === -1) {\r\n\t\t\t\tregionNameCompare = regionName.replace(/ \\/.*/, '');\r\n\r\n\t\t\t\tregionMatchLevelI--;\r\n\t\t\t}\r\n\r\n\t\t\t// без устройства и без языка\r\n\t\t\tif (title.indexOf(regionNameCompare) === -1) {\r\n\t\t\t\tregionNameCompare = regionName.replace(/ \\/.*/, '');\r\n\t\t\t\tregionNameCompare = regionNameCompare.replace(/^[^a-zа-я]/i, '').replace(regexpDevice, '');\r\n\r\n\t\t\t\tregionMatchLevelI--;\r\n\t\t\t}\r\n\r\n\t\t\tif (title.indexOf(regionNameCompare) === -1) continue;\r\n\t\t\tif (regionMatchLevelI <= regionMatchLevel) continue;\r\n\r\n\t\t\tregionMatchLevel = regionMatchLevelI;\r\n\t\t\tnewRegionIndex = index;\r\n\t\t}\r\n\r\n\t\tregionIndex.value = newRegionIndex;\r\n\t});\r\n\r\n\treturn {\r\n\t\tregionIndex,\r\n\t\toptionByRegionIndex,\r\n\t};\r\n};\r\n","import { type ComputedRef, ref, watch } from 'vue';\r\nimport type { Props, SearcherByKey } from '../selectorRegion';\r\n\r\n/**\r\n * Создание и управление реактивными переменными для сравнения\r\n *\r\n * @param props - входные props компонента\r\n * @param searcherByKey - Map ПС (реактивная)\r\n * @param allRegionsIndexes - Все доступные индексы регионов (реактивная)\r\n */\r\nexport const useCompare = (props: Props, searcherByKey: ComputedRef<SearcherByKey>, allRegionsIndexes: ComputedRef<Set<number>>) => {\r\n\t/**\r\n\t * Индексы регионов/ПС в сравнение\r\n\t */\r\n\tconst regionsIndexes = ref<number[]>([]);\r\n\r\n\t/**\r\n\t * Загрузка индексов регионов для сравнения\r\n\t *\r\n\t * Если в modelValue передано несколько регионов, они будут установлены как выбранные для сравнения\r\n\t */\r\n\tconst compareLoad = () => {\r\n\t\tif (props.onlySearcher && searcherByKey.value) {\r\n\t\t\tregionsIndexes.value = Array.from(searcherByKey.value.keys());\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet regionsIndexesSaved: Props['modelValue'] = [];\r\n\r\n\t\tif (props.modelValue.length > 1) {\r\n\t\t\tregionsIndexesSaved = [...props.modelValue];\r\n\t\t} else {\r\n\t\t\ttry {\r\n\t\t\t\t// загрузить индексы регионов, если они были сохранены\r\n\t\t\t\tregionsIndexesSaved = JSON.parse(\r\n\t\t\t\t\tlocalStorage.getItem('ui:project:regionSelector' + props.projectId + ':regionsIndexes') as string,\r\n\t\t\t\t) ?? [];\r\n\t\t\t} catch (e) {\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// убрать из сравнения регионы, которых нет в props.searchers\r\n\t\tif (regionsIndexesSaved.length) {\r\n\t\t\tregionsIndexesSaved = regionsIndexesSaved.filter((regionIndex) => {\r\n\t\t\t\treturn allRegionsIndexes.value.has(regionIndex);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// если не сохранено ни одного региона, выбрать все регионы проекта\r\n\t\tif (!regionsIndexesSaved.length) {\r\n\t\t\tregionsIndexesSaved = Array.from(allRegionsIndexes.value);\r\n\t\t}\r\n\r\n\t\tregionsIndexes.value = [...regionsIndexesSaved];\r\n\t};\r\n\r\n\t/**\r\n\t * Сохранение выбранных регионов\r\n\t */\r\n\tconst compareSave = () => {\r\n\t\tif (regionsIndexes.value.length) {\r\n\t\t\tlocalStorage.setItem('ui:project:regionSelector:' + props.projectId + ':regionsIndexes', JSON.stringify(regionsIndexes.value));\r\n\t\t} else {\r\n\t\t\tlocalStorage.removeItem('ui:project:regionSelector:' + props.projectId + ':regionsIndexes');\r\n\t\t}\r\n\t};\r\n\r\n\twatch(regionsIndexes, () => {\r\n\t\tcompareSave();\r\n\t});\r\n\r\n\tif (props.addCompare) {\r\n\t\t// if (props.compareRegionsIndexes?.length) {\r\n\t\t// \tcompareRegionsIndexes.value = [...props.compareRegionsIndexes];\r\n\t\t// } else {\r\n\t\t// \tcompareLoad();\r\n\t\t// }\r\n\r\n\t\tcompareLoad();\r\n\t}\r\n\r\n\treturn {\r\n\t\tregionsIndexes,\r\n\t};\r\n};\r\n","import { computed, watch } from 'vue';\r\nimport { findRegion, genSearcherByKey } from '../utils/utils';\r\nimport { dummyIndex, searcherUndefined } from '../utils/consts';\r\nimport type { Props, Region, SearcherIndexed } from '../selectorRegion';\r\nimport { useSelectSearcher } from './selectSearcher';\r\nimport { useSelectRegion } from './selectRegion';\r\nimport { useCompare } from './compare';\r\n\r\n/**\r\n * Создание и управления рективными переменными компонента\r\n *\r\n * @param props - входные props компонента\r\n */\r\nexport const useSelectorRegion = (props: Props) => {\r\n\tconst searcherByKey = computed(() => {\r\n\t\treturn genSearcherByKey(props.forFrequency, props.autoRegion, props.searchers);\r\n\t});\r\n\r\n\tconst activeSearcherIndexed = computed(() => {\r\n\t\treturn searcherByKey.value.get(selectSearcher.searcherKey.value) || searcherUndefined;\r\n\t});\r\n\r\n\t/**\r\n\t * Все индексы регионов из searcherByKey\r\n\t *\r\n\t * Активность регионов определяется в searcherByKey\r\n\t */\r\n\tconst allRegionsIndexes = computed(() => {\r\n\t\tconst regionsIndexes = new Set<number>();\r\n\r\n\t\tsearcherByKey.value.forEach((searcher) => {\r\n\t\t\tsearcher.regionByIndex.forEach((region) => {\r\n\t\t\t\tif (region.index === -1) return;\r\n\t\t\t\tif (region.index === dummyIndex) return;\r\n\r\n\t\t\t\tregionsIndexes.add(region.index);\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\treturn regionsIndexes;\r\n\t});\r\n\r\n\tconst selectSearcher = useSelectSearcher(props, searcherByKey);\r\n\tconst selectRegion = useSelectRegion(props, activeSearcherIndexed);\r\n\tconst compare = useCompare(props, searcherByKey, allRegionsIndexes);\r\n\r\n\t// контроль за внешним изменением списка ПС\r\n\twatch(searcherByKey, () => {\r\n\t\t// возможные значения для сравнения регионов/пс\r\n\t\tif (props.onlySearcher) {\r\n\t\t\tcompare.regionsIndexes.value = Array.from(searcherByKey.value.keys());\r\n\t\t} else {\r\n\t\t\tcompare.regionsIndexes.value = compare.regionsIndexes.value.filter(regionIndex => {\r\n\t\t\t\treturn allRegionsIndexes.value.has(regionIndex);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (selectSearcher.searcherKey.value === -1) return;\r\n\r\n\t\tlet newSearcherKey = searcherByKey.value.keys().next().value;\r\n\r\n\t\tsearcherByKey.value.forEach((searcher) => {\r\n\t\t\t// определить выбранную ПС\r\n\t\t\tif (props.onlySearcher && searcher.key === selectSearcher.searcherKey.value) {\r\n\t\t\t\tnewSearcherKey = selectSearcher.searcherKey.value;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (\r\n\t\t\t\tselectRegion.regionIndex.value &&\r\n\t\t\t\tsearcher.regionByIndex?.has(selectRegion.regionIndex.value)\r\n\t\t\t) {\r\n\t\t\t\tnewSearcherKey = searcher.key;\r\n\t\t\t}\r\n\r\n\t\t\t// выбрать первую ПС с выбранным регионом\r\n\t\t\tif (!props.onlySearcher) {\r\n\t\t\t\tlet regionsNewSearcher: SearcherIndexed['regionByIndex'] | undefined;\r\n\r\n\t\t\t\tif (newSearcherKey !== undefined) {\r\n\t\t\t\t\tregionsNewSearcher = searcherByKey.value.get(newSearcherKey)?.regionByIndex;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst regionsCurrentSearcher = searcherByKey.value.get(searcher.key)?.regionByIndex;\r\n\t\t\t\tif (\r\n\t\t\t\t\tregionsNewSearcher?.has(dummyIndex) &&\r\n\t\t\t\t\t!regionsCurrentSearcher?.has(dummyIndex)\r\n\t\t\t\t) {\r\n\t\t\t\t\tnewSearcherKey = searcher.key;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// if (props.addCompare && !selectSearcher.optionBySearcherKey.value.has(dummyIndex)) {\r\n\t\t// \tif (!selectRegion.regionIndex.value && compare.regionsIndexes.value?.length) newSearcherKey = -1;\r\n\t\t// }\r\n\r\n\t\t// if (props.onlySearcher && selectRegion.regionIndex.value !== dummyIndex) newSearcherKey = selectRegion.regionIndex.value;\r\n\r\n\t\tif (newSearcherKey !== undefined) {\r\n\t\t\tselectSearcher.searcherKey.value = newSearcherKey;\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\tselectRegion.regionIndex.value !== undefined &&\r\n\t\t\t!(activeSearcherIndexed.value?.regionByIndex)?.has(selectRegion.regionIndex.value)\r\n\t\t) {\r\n\t\t\tselectRegion.regionIndex.value = activeSearcherIndexed.value?.regions?.keys().next().value as number;\r\n\t\t}\r\n\t}, { immediate: true });\r\n\r\n\tconst getSearcherKey = () => {\r\n\t\tif (selectSearcher.searcherKey.value === -1 || selectSearcher.searcherKey.value === dummyIndex) return;\r\n\r\n\t\treturn selectSearcher.searcherKey.value;\r\n\t};\r\n\r\n\tconst getRegionIndex = () => {\r\n\t\tif (props.onlySearcher) return;\r\n\r\n\t\tif (selectRegion.regionIndex.value === dummyIndex) return;\r\n\r\n\t\tlet res: Region['index'] | undefined = selectRegion.regionIndex.value;\r\n\r\n\t\t// в качестве ключа используется region.key\r\n\t\tif (props.forFrequency) {\r\n\t\t\tconst regionKey = selectRegion.regionIndex.value;\r\n\t\t\tconst region = findRegion(props.forFrequency, { searcher_key: getSearcherKey(), key: regionKey } as Region, props.searchers);\r\n\r\n\t\t\tres = region?.index;\r\n\t\t}\r\n\r\n\t\treturn res;\r\n\t};\r\n\r\n\t/**\r\n\t * Получить выбранную ПС\r\n\t */\r\n\tconst getSearcher = () => {\r\n\t\tconst searcherKey = getSearcherKey();\r\n\t\tif (searcherKey === undefined) return;\r\n\r\n\t\treturn searcherByKey.value.get(searcherKey);\r\n\t};\r\n\r\n\t/**\r\n\t * Получить выбранный регион\r\n\t */\r\n\tconst getRegion = () => {\r\n\t\tconst regionIndex = getRegionIndex();\r\n\t\tif (regionIndex === undefined) return;\r\n\r\n\t\treturn getSearcher()?.regionByIndex?.get(regionIndex);\r\n\t};\r\n\r\n\treturn {\r\n\t\tselectSearcher,\r\n\t\tselectRegion,\r\n\t\tcompare,\r\n\r\n\t\tsearcherByKey,\r\n\t\tallRegionsIndexes,\r\n\r\n\t\tgetSearcher,\r\n\t\tgetRegion,\r\n\t};\r\n};\r\n","<script setup lang=\"ts\">\r\nimport { watch } from 'vue';\r\nimport type { Props, Region } from './selectorRegion';\r\nimport Select from '@/components/forms/select/select.vue';\r\nimport Button from '@/components/forms/button/button.vue';\r\nimport { useSelectorRegion } from './composables/selectorRegion';\r\nimport { dummyIndex } from './utils/consts';\r\nimport { dialogSelectorRegions } from '@/components/project/selectorRegion/utils/utils';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsearchers: () => [],\r\n\t// compareRegionsIndexes: () => [],\r\n\taddSearcherIcon: true,\r\n\taddRegionIcon: true,\r\n\taddChanger: true,\r\n});\r\n\r\nconst model = defineModel<Props['modelValue']>({ required: true });\r\nconst modelSingle = defineModel<Props['modelValueSingle']>('modelValueSingle');\r\n\r\nconst {\r\n\tselectSearcher,\r\n\tselectRegion,\r\n\tcompare,\r\n\r\n\tsearcherByKey,\r\n\tallRegionsIndexes,\r\n\r\n\tgetSearcher,\r\n\tgetRegion,\r\n} = useSelectorRegion(props);\r\n\r\nconst onClickCompare = () => {\r\n\tconst regions: Region[] = [];\r\n\r\n\tsearcherByKey.value.forEach((searcher) => {\r\n\t\tif (!searcher.enabled) return;\r\n\r\n\t\tsearcher.regions.forEach((region) => {\r\n\t\t\tif (!region.enabled) return;\r\n\r\n\t\t\tregions.push(region);\r\n\t\t});\r\n\t});\r\n\r\n\tdialogSelectorRegions.open('selectorRegions', {\r\n\t\tregions,\r\n\t\tregionsIndexes: compare.regionsIndexes.value,\r\n\t\t'@update:regionsIndexes': (regionsIndexes: number[]) => compare.regionsIndexes.value = regionsIndexes,\r\n\t});\r\n};\r\n\r\nwatch([selectRegion.regionIndex, selectSearcher.searcherKey, compare.regionsIndexes], () => {\r\n\tif (selectSearcher.searcherKey.value === -1 && compare.regionsIndexes.value.length) {\r\n\t\tif (JSON.stringify(model.value) === JSON.stringify(compare.regionsIndexes.value)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tmodel.value = [...compare.regionsIndexes.value];\r\n\t} else {\r\n\t\tmodel.value = [props.onlySearcher ? selectSearcher.searcherKey.value : selectRegion.regionIndex.value];\r\n\t}\r\n\r\n\t// регионов нет\r\n\tif (!props.onlySearcher && !allRegionsIndexes.value.size) {\r\n\t\tselectSearcher.searcherKey.value = dummyIndex;\r\n\t}\r\n});\r\n\r\nif (modelSingle.value) {\r\n\twatch(modelSingle, () => {\r\n\t\tmodel.value = [modelSingle.value!];\r\n\t}, { immediate: true });\r\n}\r\n\r\nwatch(model, () => {\r\n\tif (model.value[0]) {\r\n\t\tmodelSingle.value = model.value[0];\r\n\t}\r\n\r\n\t// проверка входных данных v-model на корректность\r\n\tif (props.onlySearcher) {\r\n\t\tif (\r\n\t\t\t!model.value.length ||\r\n\t\t\tmodel.value.length === 1 && !searcherByKey.value.has(model.value[0])\r\n\t\t) {\r\n\t\t\tlet defaultKey: number | undefined = searcherByKey.value.keys().next().value;\r\n\r\n\t\t\tif (defaultKey !== undefined) {\r\n\t\t\t\tmodel.value = [defaultKey];\r\n\t\t\t}\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\tmodel.value.length > 1 &&\r\n\t\t\tJSON.stringify(model.value) !== JSON.stringify(compare.regionsIndexes.value)\r\n\t\t) {\r\n\t\t\tmodel.value = [...compare.regionsIndexes.value];\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\t} else {\r\n\t\tlet newModel = [...new Set(model.value)];\r\n\r\n\t\tlet defaultIndex = searcherByKey.value.values().next().value?.regionByIndex?.keys().next().value;\r\n\t\tif (props.forFrequency) {\r\n\t\t\tdefaultIndex = searcherByKey.value.values().next().value?.regionByIndex?.values().next().value?.key;\r\n\t\t}\r\n\r\n\t\tif (!newModel.length) {\r\n\t\t\tif (defaultIndex !== undefined) {\r\n\t\t\t\tnewModel.push(defaultIndex);\r\n\t\t\t}\r\n\t\t} else if (newModel.length === 1) {\r\n\t\t\tlet all = allRegionsIndexes.value;\r\n\r\n\t\t\tif (props.forFrequency) {\r\n\t\t\t\tall = new Set();\r\n\t\t\t\tsearcherByKey.value.forEach((searcher) => {\r\n\t\t\t\t\tsearcher.regionByIndex.forEach((region) => {\r\n\t\t\t\t\t\tif (region.index === -1) return;\r\n\t\t\t\t\t\tif (region.index === dummyIndex) return;\r\n\r\n\t\t\t\t\t\tall.add(region.key);\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (!all.has(newModel[0]) && newModel[0] !== -2) {\r\n\t\t\t\tnewModel = [];\r\n\t\t\t\tif (defaultIndex !== undefined) {\r\n\t\t\t\t\tnewModel.push(defaultIndex);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tnewModel = newModel.filter(index => allRegionsIndexes.value.has(index));\r\n\t\t\tif (!newModel.length && defaultIndex !== undefined) {\r\n\t\t\t\tnewModel.push(defaultIndex);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (JSON.stringify(model.value) !== JSON.stringify(newModel)) {\r\n\t\t\tmodel.value = newModel;\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\t// входные данные v-model совпадают с внутренними значениями\r\n\tif (\r\n\t\tmodel.value.length === 1 &&\r\n\t\tmodel.value[0] === (props.onlySearcher ? selectSearcher.searcherKey.value : selectRegion.regionIndex.value)\r\n\t) {\r\n\t\treturn;\r\n\t}\r\n\r\n\t// if (\r\n\t// \tmodel.value.length > 1 &&\r\n\t// \tselectorSearcher.searcherKey.value === -1 &&\r\n\t// \tJSON.stringify(model.value) === JSON.stringify(selectorCompare.regionsIndexes.value)\r\n\t// ) {\r\n\t// \treturn;\r\n\t// }\r\n\r\n\t// обновление regionIndex, searcherKey, selectorCompare.regionsIndexes\r\n\tif (props.onlySearcher) {\r\n\t\t// if (!model.value.length) {\r\n\t\t// \tselectorSearcher.searcherKey.value = dummyIndex;\r\n\t\t//\r\n\t\t// \treturn;\r\n\t\t// }\r\n\r\n\t\tif (model.value.length === 1) {\r\n\t\t\tselectSearcher.searcherKey.value = model.value[0];\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tselectSearcher.searcherKey.value = -1;\r\n\r\n\t\treturn;\r\n\t} else {\r\n\t\t// if (!model.value.length) {\r\n\t\t// \tselectorSearcher.searcherKey.value = dummyIndex;\r\n\t\t// \tselectorRegion.regionIndex.value = dummyIndex;\r\n\t\t//\r\n\t\t// \treturn;\r\n\t\t// }\r\n\r\n\t\tif (model.value.length === 1 && selectSearcher.searcherKey.value !== -1) {\r\n\t\t\tselectRegion.regionIndex.value = model.value[0];\r\n\r\n\t\t\tlet newSearherKey: number | undefined;\r\n\t\t\tfor (const searcher of searcherByKey.value.values()) {\r\n\t\t\t\tfor (const region of searcher.regionByIndex.values()) {\r\n\t\t\t\t\tconst currentRegionIndex = props.forFrequency ? region.key : region.index;\r\n\t\t\t\t\tif (currentRegionIndex === selectRegion.regionIndex.value) {\r\n\t\t\t\t\t\tnewSearherKey = searcher.key;\r\n\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (newSearherKey !== undefined) {\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (newSearherKey !== undefined) {\r\n\t\t\t\tselectSearcher.searcherKey.value = newSearherKey;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tselectSearcher.searcherKey.value = -1;\r\n\t\t\tcompare.regionsIndexes.value = [...model.value];\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\ndefineExpose({\r\n\tgetSearcher,\r\n\tgetRegion,\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t'top-selectorRegion': true,\r\n\t\t\t'top-selectorRegion-onlySearcher': onlySearcher,\r\n\t\t}\"\r\n\t>\r\n\t\t<Select\r\n\t\t\t:options=\"selectSearcher.optionBySearcherKey.value\"\r\n\t\t\tv-model=\"selectSearcher.searcherKey.value\"\r\n\t\t\tname=\"searcher_key\"\r\n\t\t\t:addChanger=\"addChanger\"\r\n\t\t/>\r\n\r\n\t\t<Select\r\n\t\t\tv-if=\"!onlySearcher && selectSearcher.searcherKey.value !== -1\"\r\n\t\t\tclass=\"top-select-region\"\r\n\t\t\t:options=\"selectRegion.optionByRegionIndex.value\"\r\n\t\t\tv-model=\"selectRegion.regionIndex.value\"\r\n\t\t\t:name=\"forFrequency ? 'region_key' : 'region_index'\"\r\n\t\t\t:addChanger=\"addChanger\"\r\n\t\t\t:data-top-icon=\"addRegionIcon ? '' : undefined\"\r\n\t\t/>\r\n\r\n\t\t<Button\r\n\t\t\tv-if=\"addCompare && !onlySearcher && selectSearcher.searcherKey.value === -1\"\r\n\t\t\tname=\"compare\"\r\n\t\t\t@click=\"onClickCompare\"\r\n\t\t\t:data-count-compare-regions-indexes=\"compare.regionsIndexes.value.length\"\r\n\t\t>\r\n\t\t\t{{ $i18n.Common.Selected_regions }}\r\n\t\t</Button>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/searcherColors.css\";\r\n\r\n.top-selectorRegion {\r\n\twidth: 320px;\r\n\tdisplay: inline-flex;\r\n\tvertical-align: middle;\r\n}\r\n\r\n.top-selectorRegion > .top-select {\r\n\tflex-grow: 1;\r\n}\r\n\r\n.top-selectorRegion > .top-select:focus-within {\r\n\tz-index: 4;\r\n}\r\n\r\n.top-selectorRegion > .top-select > .top-select_select:hover,\r\n.top-selectorRegion > .top-select > .top-select_select.top-error {\r\n\tz-index: 1;\r\n}\r\n\r\n.top-selectorRegion > .top-select-searcher_key {\r\n\twidth: 120px;\r\n\tmax-width: 140px;\r\n\tmargin-right: -1px;\r\n}\r\n\r\n.top-selectorRegion > .top-select-region > select {\r\n\tborder-top-left-radius: 0;\r\n\tborder-bottom-left-radius: 0;\r\n}\r\n\r\n.top-selectorRegion > .top-select-region {\r\n\t--top-icon-size: 20px;\r\n\t--top-icon-color: var(--color-text-primary-1);\r\n\r\n\t--top-icon2-size: 20px;\r\n\t--top-icon2-color: var(--color-text-primary-1);\r\n}\r\n\r\n.top-selectorRegion > .top-select-region[data-top-icon][data-top-icon2] {\r\n\t--top-icon2-size: 16px;\r\n}\r\n\r\n.top-selectorRegion > .top-select-region[data-top-icon][data-top-icon2]:after {\r\n\ttext-indent: -4px;\r\n}\r\n\r\n.top-selectorRegion > [name=\"compare\"] {\r\n\tborder-top-left-radius: 0;\r\n\tborder-bottom-left-radius: 0;\r\n\tflex-grow: 1;\r\n}\r\n\r\n.top-selectorRegion > [name=\"compare\"]:after {\r\n\tcontent: \"(\" attr(data-count-compare-regions-indexes) \")\";\r\n\tmargin: 0 0 0 6px;\r\n}\r\n\r\n.top-selectorRegion:not(.top-selectorRegion-onlySearcher) > .top-select-searcher_key > select {\r\n\tborder-top-right-radius: 0;\r\n\tborder-bottom-right-radius: 0;\r\n\tmargin-right: 0;\r\n}\r\n\r\n.top-selectorRegion:not(.top-selectorRegion-onlySearcher) > .top-select-searcher_key[data-value=\"-1\"] > select {\r\n\tborder-right: none;\r\n}\r\n\r\n.top-selectorRegion-onlySearcher {\r\n\twidth: 120px;\r\n}\r\n</style>\r\n","import type { Tag } from './types';\r\n\r\nexport default [\r\n\t{\r\n\t\tid: '1',\r\n\t\tname: 'Without Tag',\r\n\t\tcolor_id: '1',\r\n\t},\r\n\t{\r\n\t\tid: '2',\r\n\t\tname: 'Red',\r\n\t\tcolor_id: '2',\r\n\t},\r\n\t{\r\n\t\tid: '3',\r\n\t\tname: 'Orange',\r\n\t\tcolor_id: '3',\r\n\t},\r\n\t{\r\n\t\tid: '4',\r\n\t\tname: 'Yellow',\r\n\t\tcolor_id: '4',\r\n\t},\r\n\t{\r\n\t\tid: '5',\r\n\t\tname: 'Blue',\r\n\t\tcolor_id: '5',\r\n\t},\r\n\t{\r\n\t\tid: '6',\r\n\t\tname: 'Purple',\r\n\t\tcolor_id: '6',\r\n\t},\r\n\t{\r\n\t\tid: '7',\r\n\t\tname: 'Green',\r\n\t\tcolor_id: '7',\r\n\t},\r\n\t{\r\n\t\tid: '8',\r\n\t\tname: 'Magenta',\r\n\t\tcolor_id: '8',\r\n\t},\r\n\t{\r\n\t\tid: '9',\r\n\t\tname: 'Dark blue',\r\n\t\tcolor_id: '9',\r\n\t},\r\n\t{\r\n\t\tid: '10',\r\n\t\tname: 'Turquoise',\r\n\t\tcolor_id: '10',\r\n\t},\r\n] as Tag[];\r\n","import type { Props as TagSelectorOpenerProps, TagSelectorTarget } from '../popupOpener/types';\r\nimport type { Tag, TagIdExclude } from '../types';\r\n\r\n/**\r\n * Полуичить значение исключения тега tagId\r\n */\r\nexport const genTagIdExcluded = (tagId: Tag['id']): TagIdExclude => {\r\n\treturn '-' + tagId as TagIdExclude;\r\n};\r\n\r\n/**\r\n * Вернуть чистый tagId без exclude флага\r\n */\r\nexport const genTagIdClear = (tagId: Tag['id'] | TagIdExclude) => {\r\n\tif (tagId[0] === '-') return tagId.substring(1) as Tag['id'];\r\n\r\n\treturn tagId as Tag['id'];\r\n};\r\n\r\n/**\r\n * Получить инфомрацию о теге по его id\r\n */\r\nexport const getTagById = (tagId: Tag['id'] | TagIdExclude, tags: TagSelectorOpenerProps['tags']) => {\r\n\ttagId = genTagIdClear(tagId);\r\n\r\n\tconst tag = tags.find(tag => tag.id === tagId);\r\n\tif (!tag) return;\r\n\r\n\treturn tag;\r\n};\r\n","<script setup lang=\"ts\">\r\nimport { computed, nextTick, ref } from 'vue';\r\nimport type { Emits, Props } from './types';\r\nimport TopTagIcon from '../tagIcon/tagIcon.vue';\r\nimport TopPopupListItem from '@/components/popup/popup/listItem.vue';\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst name = defineModel<Props['name']>('name', {\r\n\trequired: true,\r\n});\r\n\r\nconst elName = ref<HTMLElement | null>(null);\r\n\r\n/**\r\n * @todo Удалить через пол года после выхода версии firefox с поддержкой contenteditable plaintext-only, включая бета версии\r\n */\r\nconst firefoxProps = computed(() => {\r\n\tif (navigator.userAgent.indexOf('Firefox') != -1) {\r\n\r\n\t\treturn {\r\n\t\t\tcontenteditable: inEdit.value,\r\n\t\t\tonpaste: (event: Event) => event.preventDefault(),\r\n\t\t};\r\n\t}\r\n\r\n\treturn {};\r\n});\r\n\r\n/**\r\n * Включен режим редактирвоания\r\n */\r\nconst inEdit = ref(false);\r\n\r\n/**\r\n * Включить режим редактирование\r\n */\r\nconst turnToEdit = async () => {\r\n\tinEdit.value = true;\r\n\r\n\tawait nextTick();\r\n\r\n\telName.value?.focus();\r\n};\r\n\r\n/**\r\n * Применить редактирование\r\n */\r\nconst editCommit = () => {\r\n\tconst name = elName.value?.innerText;\r\n\tif (!name) return editCancel();\r\n\r\n\tif (elName.value) elName.value.innerText = name;\r\n\r\n\tinEdit.value = false;\r\n\r\n\temit('update:name', name);\r\n};\r\n\r\n/**\r\n * Отменить редактирование\r\n */\r\nconst editCancel = async () => {\r\n\tif (elName.value) elName.value.innerText = props.name;\r\n\r\n\tinEdit.value = false;\r\n};\r\n\r\n/**\r\n * Применить выбор\r\n */\r\nconst changeSelect = (e: MouseEvent) => {\r\n\t// в режиме редактирования выбор не применяется\r\n\tif (inEdit.value) return;\r\n\r\n\t// тег запрещено выбирать\r\n\tif (props.disabled) return;\r\n\r\n\tlet toState: Props['state'] = 'selected';\r\n\r\n\tif (props.canExclude) {\r\n\t\tif (e.ctrlKey || e.metaKey) {\r\n\t\t\ttoState = 'excluded';\r\n\t\t}\r\n\t}\r\n\r\n\tif (props.state == toState) {\r\n\t\ttoState = '';\r\n\t}\r\n\r\n\tif (toState === '') emit('unselect');\r\n\tif (toState === 'selected') emit('select');\r\n\tif (toState === 'excluded') emit('exclude');\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<TopPopupListItem\r\n\t\t:class=\"{\r\n\t\t\t'top-tagSelector_tagListItem': true,\r\n\t\t\t'top-tagSelector_tagListItem-inEdit': inEdit,\r\n\t\t\t'top-tagSelector_tagListItem-disabled': disabled,\r\n\t\t\t'top-tagSelector_tagListItem-canExclude': canExclude,\r\n\t\t\t'top-tagSelector-active': !!state,\r\n\t\t\t'top-tagSelector-excluded': state === 'excluded'\r\n\t\t}\"\r\n\t\t@click.stop=\"changeSelect\"\r\n\t>\r\n\t\t<TopTagIcon\r\n\t\t\t:id\r\n\t\t\t:name\r\n\t\t\t:colorId\r\n\t\t\t:state\r\n\t\t/>\r\n\r\n\t\t<span\r\n\t\t\tref=\"elName\"\r\n\t\t\tclass=\"top-tagSelector_tagListItemName\"\r\n\t\t\t:contenteditable=\"inEdit ? 'plaintext-only' : false\"\r\n\t\t\t:=\"firefoxProps\"\r\n\t\t\t@keydown.enter.stop=\"editCommit\"\r\n\t\t\t@keydown.esc.stop=\"editCancel\"\r\n\t\t>\r\n\t\t\t{{ name }}\r\n\t\t</span>\r\n\r\n\t\t<template v-if=\"editable\">\r\n\t\t\t<span\r\n\t\t\t\tv-if=\"!inEdit\"\r\n\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\tclass=\"top-tagSelector_edit\"\r\n\t\t\t\t@click=\"turnToEdit\"\r\n\t\t\t></span>\r\n\r\n\t\t\t<span\r\n\t\t\t\tv-else\r\n\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\tclass=\"top-tagSelector_edit\"\r\n\t\t\t\t@click.stop=\"editCommit\"\r\n\t\t\t></span>\r\n\t\t</template>\r\n\t</TopPopupListItem>\r\n</template>\r\n\r\n<style>\r\n.top-tagSelector_tagListItem.top-popup_listItem {\r\n\tpadding-top: var(--top-padding-2) !important;\r\n\tpadding-bottom: var(--top-padding-2) !important;\r\n\tgap: 10px;\r\n}\r\n\r\n.top-tagSelector_tagListItemName {\r\n\tborder-radius: var(--top-radius-1);\r\n\twidth: 120px;\r\n\tpadding: 4px 2px;\r\n\tmargin: -4px -2px;\r\n\ttext-overflow: ellipsis;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n}\r\n\r\n/* редактирование */\r\n.top-tagSelector_edit {\r\n\t--top-icon-size: 18px;\r\n\t--top-icon-color: var(--color-text-3);\r\n\r\n\twidth: 20px;\r\n\tflex-grow: 0;\r\n}\r\n\r\n.top-tagSelector_edit:before {\r\n\tline-height: 0;\r\n}\r\n\r\n.top-tagSelector_edit { opacity: 0; }\r\n.top-tagSelector_edit:hover {\r\n\t--top-icon-color: var(--color-text-primary);\r\n}\r\n\r\n.top-tagSelector_tagListItem:hover .top-tagSelector_edit,\r\n.top-tagSelector_tagListItem-inEdit .top-tagSelector_edit {\r\n\tcursor: pointer;\r\n\topacity: 1;\r\n}\r\n\r\n.top-tagSelector_tagListItem-inEdit {\r\n\tbackground: var(--color-layout-front-3) !important;\r\n\toutline: 1px dashed var(--color-line-2);\r\n\toutline-offset: -1px;\r\n}\r\n\r\n.top-tagSelector_tagListItem-inEdit .top-tagSelector_tagListItemName {\r\n\tcursor: text;\r\n\tbackground: var(--color-layout-front-1);\r\n}\r\n\r\n/* disabled */\r\n.top-tagSelector_tagListItem-disabled {\r\n\tcursor: not-allowed !important;\r\n\topacity: 0.85;\r\n}\r\n.top-tagSelector_tagListItem-disabled:hover {\r\n\tbackground: inherit;\r\n}\r\n.top-tagSelector_tagListItem-disabled [data-tag_id] {\r\n\topacity: 0.6;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { Props, TagSelectorTarget } from './types';\r\nimport TopPopupOpener from '../../../popup/popup/opener.vue';\r\nimport TopButton from '@/components/forms/button/button.vue';\r\nimport { genTagIdClear, getTagById } from '../utils/utils';\r\nimport TopTagIcon from '../tagIcon/tagIcon.vue';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = defineProps<Props>();\r\n\r\nconst model = defineModel<Props['modelValue']>({\r\n\trequired: true,\r\n});\r\n\r\nconst component = props.useTopButton ? TopButton : 'div';\r\nconst componentSlotName = props.useTopButton ? 'html' : 'default';\r\n\r\nconst topTagSelectorTarget: TagSelectorTarget = {\r\n\tmodel,\r\n\tmode: props.mode,\r\n\ttargetId: props.targetId,\r\n\tfilters: props.filters,\r\n\tpayload: props.payload,\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<TopPopupOpener :id>\r\n\t\t<component\r\n\t\t\t:is=\"component\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t'top-tagSelector': true,\r\n\t\t\t\t'top-tagSelector-filter': props.mode === 'filter',\r\n\t\t\t\t'top-tagSelector-setter_single': props.mode === 'setter' && !filters,\r\n\t\t\t\t'top-tagSelector-setter_several': props.mode === 'setter' && filters,\r\n\t\t\t\t'top-tagSelector-selectedOne': !model.length || model.length === 1,\r\n\t\t\t\t'top-tagSelector-toTwoLine': model.length > 5,\r\n\t\t\t}\"\r\n\t\t\tcolor=\"theme\"\r\n\t\t\tstyling=\"\"\r\n\t\t\tv-top-data:topTagSelectorTarget=\"topTagSelectorTarget\"\r\n\t\t\t:=$attrs\r\n\t\t>\r\n\t\t\t<template #[componentSlotName]>\r\n\t\t\t\t<TopTagIcon\r\n\t\t\t\t\tv-if=\"!model.length && mode === 'filter'\"\r\n\t\t\t\t\tid=\"all\"\r\n\t\t\t\t\tcolorId=\"\"\r\n\t\t\t\t\t:name=\"$i18n.Common.All_tags ?? ''\"\r\n\t\t\t\t\tstate=\"\"\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t<!-- Массовое редактирование -->\r\n\t\t\t\t<div v-if=\"mode === 'setter' && filters\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<!-- Список тегов -->\r\n\t\t\t\t<TopTagIcon\r\n\t\t\t\t\tv-else\r\n\t\t\t\t\tv-for=\"tagId in model\"\r\n\t\t\t\t\t:id=\"genTagIdClear(tagId)\"\r\n\t\t\t\t\t:colorId=\"getTagById(tagId, tags)?.color_id ?? ''\"\r\n\t\t\t\t\t:name=\"getTagById(tagId, tags)?.name ?? ''\"\r\n\t\t\t\t\t:state=\"genTagIdClear(tagId) === tagId ? 'selected' : 'excluded'\"\r\n\t\t\t\t/>\r\n\t\t\t</template>\r\n\t\t</component>\r\n\t</TopPopupOpener>\r\n</template>\r\n\r\n<style>\r\n.top-tagSelector {\r\n\tcursor: pointer;\r\n\tmin-width: 0;\r\n\twhite-space: nowrap;\r\n\tjustify-content: left;\r\n}\r\n\r\n.top-tagSelector.top-button {\r\n\twidth: 112px;\r\n\tvertical-align: middle;\r\n}\r\n\r\n.top-tagSelector.top-button.top-select_arrow {\r\n\twidth: calc(112px + 20px);\r\n}\r\n\r\n.top-tagSelector-filter {\r\n\tgap: var(--top-gap-1);\r\n}\r\n\r\n/* все теги в фильтре */\r\n.top-tagSelector-filter [data-tag_id=\"all\"] {\r\n\tmargin-left: 0;\r\n}\r\n.top-tagSelector-filter [data-tag_id=\"all\"]:before {\r\n\tborder: none;\r\n\tmargin-left: 3px;\r\n\topacity: 0.5;\r\n}\r\n\r\n/* фильтр по одному тегу */\r\n.top-tagSelector-filter.top-tagSelector-selectedOne [data-tag_id]:after {\r\n\tcontent: attr(title);\r\n\tmargin-left: 20px;\r\n\tmin-width: 74px;\r\n\ttext-align: left;\r\n\tline-height: 1.2;\r\n\ttext-overflow: ellipsis;\r\n\toverflow: hidden;\r\n}\r\n\r\n.top-tagSelector-filter.top-tagSelector-selectedOne [data-tag_id=\"all\"]:after {\r\n\tmargin-left: 0;\r\n}\r\n\r\n/* фильтр по многим тегам */\r\n.top-button.top-tagSelector-filter.top-tagSelector-toTwoLine {\r\n\tflex-wrap: wrap;\r\n\talign-content: center;\r\n}\r\n\r\n.top-button.top-tagSelector-filter.top-tagSelector-toTwoLine [data-tag_id] {\r\n\t--top-tag-selector-size: 8px;\r\n}\r\n\r\n.top-button.top-tagSelector-filter.top-tagSelector-toTwoLine [data-tag_id]:nth-child(5) {\r\n\tmargin-right: 5px;\r\n}\r\n\r\n/* установка тегов */\r\n.top-tagSelector-setter_single {\r\n\tposition: relative;\r\n\tdisplay: flex !important; flex-direction: column; flex-wrap: wrap; align-items: stretch !important;\r\n}\r\n\r\n.top-tagSelector-setter_single [data-tag_id] {\r\n\twidth: auto; min-height: 20%; min-width: 50%;\r\n\tflex: 1 1 auto;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { computed, reactive, ref, shallowRef, watch } from 'vue';\r\n\r\nimport Core from '@/core/core/core';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\nimport { storage } from '@/core/utils/dom';\r\nimport { debounce } from '@/core/utils/lodash';\r\n\r\nimport type { Option } from '@/components/forms/select/select';\r\nimport TopSelect from '@/components/forms/select/select.vue';\r\n\r\nimport TopButton from '@/components/forms/button/button.vue';\r\n\r\nimport type { PopupEvent } from '@/components/popup/popup/popup';\r\nimport TopPopup from '../../popup/popup/popup.vue';\r\nimport TopPopupListItem from '../../popup/popup/listItem.vue';\r\n\r\nimport type { Emits, FiltersAction, Props, Tag } from './types';\r\nimport tagsDefaults from './tagsDefaults';\r\nimport { genTagIdExcluded } from './utils/utils';\r\n\r\nimport type { Props as TagListItemProps } from './popupListItem/types';\r\nimport TopTagListItem from './popupListItem/tagPopupListItem.vue';\r\n\r\nimport type { TagSelectorTarget } from './popupOpener/types';\r\nimport TopTagSelectorPopupOpener from './popupOpener/popupOpener.vue';\r\n\r\nconst i18n = useI18n();\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\ttagsMax: 10,\r\n\trequiredForSetter: true,\r\n\temitDelay: 500,\r\n});\r\n\r\n/**\r\n * Выбранные теги кнопки в этом компоненте\r\n *\r\n * Редактирвоание ведется только через `editTarget.model`\r\n */\r\nconst model = defineModel<Props['modelValue']>({\r\n\trequired: true,\r\n});\r\n\r\n/**\r\n * Список тегов\r\n */\r\nconst tags = defineModel<Tag[]>('tags', {\r\n\tdefault: reactive(tagsDefaults),\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst emitDebounce: typeof emit = debounce((name, e) => {\r\n\temit(name, e);\r\n}, props.emitDelay);\r\n\r\n// требуется сразу указать один тег\r\nif (props.singleMode && !model.value.length) {\r\n\tmodel.value = [tags.value[0].id];\r\n}\r\n\r\nconst id = props.id ?? 'top-popup-id-' + Math.random() + '';\r\n\r\nconst filtersAction = ref<FiltersAction>('add');\r\n\r\n/**\r\n * Сгенерировать опции для выбора дейсвтия массого редактирования\r\n */\r\nconst genFiltersActionOptions = () => {\r\n\tconst tagsText = ' ' + i18n.Common.Tags?.toLowerCase();\r\n\r\n\tconst res = new Map<FiltersAction, Option>();\r\n\tres.set('add', { value: 'add', title: i18n.Common.Add + tagsText });\r\n\tres.set('replace', { value: 'replace', title: i18n.Common.Replace + tagsText });\r\n\tres.set('delete', { value: 'delete', title: i18n.Common.Delete + tagsText });\r\n\r\n\treturn res;\r\n};\r\n\r\n/**\r\n * Целевой объект редактирвоания тегов\r\n *\r\n * Определяется кнопкой, которая открыла popup выбора тегов\r\n */\r\nlet target = shallowRef<TagSelectorTarget>({\r\n\tmodel,\r\n\tmode: 'filter',\r\n\ttargetId: undefined,\r\n\tfilters: undefined,\r\n\tpayload: undefined,\r\n});\r\n\r\nwatch(model, () => {\r\n\temitDebounce('selector', model.value);\r\n});\r\n\r\n/**\r\n * Можно ли выбрать еще теги\r\n */\r\nconst disabled = computed(() => {\r\n\tif (target.value.mode !== 'setter') return;\r\n\r\n\tif (!props.maxTagsForSetter) return;\r\n\r\n\t// массовая смена тегов, количество тегов в результате узнать невозможно\r\n\tif (target.value.filters) return;\r\n\r\n\treturn target.value.model.value.length >= props.maxTagsForSetter;\r\n});\r\n\r\nconst genTargetTagState = (tagId: Tag['id'] | 'all'): TagListItemProps['state'] => {\r\n\tif (tagId !== 'all') {\r\n\t\tif (target.value.model.value.includes(tagId)) return 'selected';\r\n\r\n\t\tif (target.value.model.value.includes(genTagIdExcluded(tagId))) return 'excluded';\r\n\t}\r\n\r\n\t// Все теги, ни один из тегов не выбран\r\n\tif (tagId === 'all' && !target.value.model.value.length) return 'selected';\r\n\r\n\treturn '';\r\n};\r\n\r\nconst updateTargetModel = (tagId: Tag['id'], action: 'unselect' | 'select' | 'exclude') => {\r\n\tconst tagIdExcluded = genTagIdExcluded(tagId);\r\n\r\n\tlet tagsIds = target.value.model.value.filter(modelTagId => modelTagId !== tagId && modelTagId !== tagIdExcluded);\r\n\r\n\tif (action === 'select') tagsIds.push(tagId);\r\n\tif (action === 'exclude') tagsIds.push(tagIdExcluded);\r\n\r\n\t// режим редактирвоания тегов одного объекта с требованием указать хотя бы один тег\r\n\tif (target.value.mode === 'setter' && target.value.targetId !== undefined && props.requiredForSetter) {\r\n\t\t// нельзя снимать выделение со всех тегов\r\n\t\tif (!tagsIds.length) {\r\n\t\t\ttagsIds.push('1');\r\n\t\t}\r\n\r\n\t\t// при первом выборе сразу снять тег \"Без тега\"\r\n\t\tif (tagsIds.length === 2 && target.value.model.value.length === 1 && target.value.model.value[0] === '1') {\r\n\t\t\ttagsIds = tagsIds.filter((tagId) => tagId !== '1');\r\n\t\t}\r\n\t}\r\n\r\n\t// режим выбора одного тега\r\n\tif (props.singleMode && !target.value.filters) {\r\n\t\t// нужно указать хотя бы один тег\r\n\t\tif (!tagsIds.length) {\r\n\t\t\ttagsIds = target.value.model.value;\r\n\t\t}\r\n\r\n\t\tif (tagsIds.length > 1) {\r\n\t\t\ttagsIds = [tagsIds[tagsIds.length - 1]];\r\n\t\t}\r\n\t}\r\n\r\n\t// всегда выводить теги в порядке, указанном в настройках tags\r\n\ttagsIds.sort((a, b) => {\r\n\t\tif (!props.tags) return 0;\r\n\r\n\t\tconst aIndex = props.tags.findIndex((tag) => tag.id === a);\r\n\t\tconst bIndex = props.tags.findIndex((tag) => tag.id === b);\r\n\r\n\t\treturn aIndex - bIndex;\r\n\t});\r\n\r\n\ttarget.value.model.value = tagsIds;\r\n\r\n\tif (target.value.mode === 'setter' && target.value.targetId !== undefined) {\r\n\t\temitDebounce('setter', {\r\n\t\t\ttagsIds: tagsIds as Tag['id'][],\r\n\t\t\ttargetId: target.value.targetId,\r\n\t\t\tpayload: target.value.payload,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nconst classString = computed(() => {\r\n\tlet res = 'top-tagSelector_popup';\r\n\r\n\tif (target.value.mode === 'filter') res += ' top-tagSelector_popup-filter';\r\n\tif (target.value.mode === 'setter') res += ' top-tagSelector_popup-setter';\r\n\r\n\treturn res;\r\n});\r\n\r\n/**\r\n * Добавить тег\r\n */\r\nconst addTag = () => {\r\n\tconst tagName = prompt('', 'New tag');\r\n\tif (!tagName || tagName === 'New tag') return;\r\n\r\n\tconst tagId = tags.value.length + 1;\r\n\r\n\ttags.value.push({\r\n\t\tid: String(tagId) as Tag['id'],\r\n\t\tname: tagName,\r\n\t\tcolor_id: String((tagId - 1) % 10 + 1) as Tag['color_id'],\r\n\t});\r\n\r\n\temit('tagsChanged', tags.value);\r\n};\r\n\r\nconst onOpen = (popupEvent: PopupEvent) => {\r\n\t// popup открыт другой кнопкой c другим modelValue, для редактирвоания объектов\r\n\ttarget.value = storage(popupEvent.elPopupOpener, 'topTagSelectorTarget');\r\n\tif (!target.value) throw new Error('Open popup TopTagSelector required v-data:topTagSelectorTarget');\r\n\r\n\t// при начале массовой установки тегов сбросить состояние формы\r\n\tif (target.value.filters) {\r\n\t\tfiltersAction.value = 'add';\r\n\t\ttarget.value.model.value = [];\r\n\t}\r\n\r\n\tif (!Core.$?.ui['sortable']) {\r\n\t\tconsole.info('Для работы сортировки требуется глобальная загрузка jQuery UI Sortable');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tif (!Core.state.isMobile && !Core.state.isMobileUA && tags.value) {\r\n\t\t$(popupEvent.elPopup).sortable({\r\n\t\t\titems: 'li:has([data-tag_id]:not([data-tag_id=\"all\"]))',\r\n\r\n\t\t\t/**\r\n\t\t\t * @todo Удалить `[contenteditable=\"true\"]` через пол года после выхода версии firefox с поддержкой contenteditable plaintext-only, включая бета версии\r\n\t\t\t */\r\n\t\t\tcancel: '[contenteditable=\"plaintext-only\"], [contenteditable=\"true\"]',\r\n\r\n\t\t\tdistance: 10,\r\n\t\t\tstop: function (_e, ui) {\r\n\t\t\t\tif (!tags.value) return;\r\n\r\n\t\t\t\tconst $tags = $(ui.item).parent().find('[data-tag_id]');\r\n\r\n\t\t\t\tconst tagsSorted: Tag['id'][] = [];\r\n\t\t\t\t$tags.each((_index, elTag) => {\r\n\t\t\t\t\tif (!tags.value) return;\r\n\r\n\t\t\t\t\tconst tagId = $(elTag).attr('data-tag_id') as Tag['id'];\r\n\t\t\t\t\ttagsSorted.push(tagId);\r\n\t\t\t\t});\r\n\r\n\t\t\t\ttags.value.sort((tagIdA, tagIdB) => {\r\n\t\t\t\t\tconst a = tagsSorted.findIndex(tagSorted => tagSorted === tagIdA.id);\r\n\t\t\t\t\tconst b = tagsSorted.findIndex(tagSorted => tagSorted === tagIdB.id);\r\n\r\n\t\t\t\t\treturn a - b;\r\n\t\t\t\t});\r\n\r\n\t\t\t\temitDebounce('tagsChanged', tags.value);\r\n\t\t\t},\r\n\t\t});\r\n\t}\r\n};\r\n\r\nconst onClose = (popupEvent: PopupEvent) => {\r\n\tif (!Core.$?.ui['sortable']) return;\r\n\r\n\tif ($(popupEvent.elPopup).data('ui-sortable')) {\r\n\t\t$(popupEvent.elPopup).sortable('destroy');\r\n\t}\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<TopTagSelectorPopupOpener\r\n\t\tclass=\"top-select_arrow\"\r\n\t\tv-model=\"model\"\r\n\t\t:id\r\n\t\t:tags\r\n\t\tmode=\"filter\"\r\n\t\tuseTopButton\r\n\t/>\r\n\r\n\t<TopPopup\r\n\t\t:id\r\n\t\t:class=\"classString\"\r\n\t\t@open=\"onOpen($event)\"\r\n\t\t@close=\"onClose($event)\"\r\n\t\t:transition-duration=\"50\"\r\n\t>\r\n\t\t<!-- Массовое редактирвоание-->\r\n\t\t<template #header v-if=\"target.mode === 'setter' && target.filters\">\r\n\t\t\t<TopSelect\r\n\t\t\t\tv-model=\"filtersAction\"\r\n\t\t\t\t:options=\"genFiltersActionOptions()\"\r\n\t\t\t/>\r\n\t\t</template>\r\n\r\n\t\t<template #footer v-if=\"target.mode === 'setter' && target.filters\">\r\n\t\t\t<TopButton color=\"theme\">\r\n\t\t\t\t{{ $i18n.Common.Cancel }}\r\n\t\t\t</TopButton>\r\n\r\n\t\t\t<TopButton\r\n\t\t\t\t@click=\"emitDebounce('setter', {\r\n\t\t\t\t\ttagsIds: target.model.value as Tag['id'][],\r\n\t\t\t\t\tfilters: target.filters,\r\n\t\t\t\t\tfiltersAction,\r\n\t\t\t\t\tpayload: target.payload,\r\n\t\t\t\t})\"\r\n\t\t\t>\r\n\t\t\t\t{{ filtersAction === 'add' ? $i18n.Common['Add'] : '' }}\r\n\t\t\t\t{{ filtersAction === 'replace' ? $i18n.Common['Replace'] : '' }}\r\n\t\t\t\t{{ filtersAction === 'delete' ? $i18n.Common['Remove'] : '' }}\r\n\t\t\t</TopButton>\r\n\t\t</template>\r\n\r\n\t\t<template #contentList>\r\n\t\t\t<TopTagListItem\r\n\t\t\t\tv-if=\"target.mode === 'filter' && !singleMode\"\r\n\t\t\t\tid=\"all\"\r\n\t\t\t\tcolorId=\"\"\r\n\t\t\t\t:name=\"$i18n.Common.All_tags ?? ''\"\r\n\t\t\t\t:state=\"target.model.value.length ? '' : 'selected'\"\r\n\t\t\t\t@select=\"target.model.value = []\"\r\n\t\t\t/>\r\n\r\n\t\t\t<TopTagListItem\r\n\t\t\t\tv-for=\"tag in tags\"\r\n\t\t\t\t:key=\"tag.id\"\r\n\t\t\t\t:id=\"tag.id\"\r\n\t\t\t\t:colorId=\"tag.color_id\"\r\n\t\t\t\t:name=\"tag.name\"\r\n\t\t\t\t:state=\"genTargetTagState(tag.id)\"\r\n\t\t\t\t:canExclude=\"target.mode === 'filter' && !singleMode\"\r\n\t\t\t\t:editable=\"tagsEditable\"\r\n\t\t\t\t:disabled=\"disabled && genTargetTagState(tag.id) === ''\"\r\n\t\t\t\t@unselect=\"updateTargetModel(tag.id, 'unselect')\"\r\n\t\t\t\t@select=\"updateTargetModel(tag.id, 'select')\"\r\n\t\t\t\t@exclude=\"updateTargetModel(tag.id, 'exclude')\"\r\n\t\t\t\t@update:name=\"tag.name = $event as string, emitDebounce('tagsChanged', tags);\"\r\n\t\t\t/>\r\n\r\n\t\t\t<TopPopupListItem\r\n\t\t\t\tv-if=\"tagsEditable && tags.length < tagsMax && tags.length < 20\"\r\n\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t@click.stop=\"addTag\"\r\n\t\t\t>\r\n\t\t\t\t{{ $i18n.Common.Add }}\r\n\t\t\t</TopPopupListItem>\r\n\t\t</template>\r\n\t</TopPopup>\r\n</template>\r\n\r\n<style>\r\n.top-tagSelector_popup .top-popup {\r\n\tuser-select: none;\r\n\tmin-width: 220px !important;\r\n\ttext-align: left;\r\n}\r\n\r\n.top-tagSelector_popup .top-popup_header .top-select{\r\n\tflex-grow: 1;\r\n}\r\n</style>\r\n","import type { MaybeRefOrGetter } from 'vue';\r\nimport { computed, toValue } from 'vue';\r\nimport type { Item } from '@/components/project/selectorCompetitors/selectorCompetitors';\r\nimport type { Competitor } from '@/components/project/selectorCompetitors/types/competitor';\r\n\r\nexport const useItemsFromCompetitors = (competitors: MaybeRefOrGetter<Competitor[]>, projectId: MaybeRefOrGetter<number>) => {\r\n\treturn computed(() => {\r\n\t\tconst activeCompetitors = toValue(competitors).filter(competitor => competitor.on >= 0 || competitor.id === projectId);\r\n\r\n\t\tconst items: Item[] = activeCompetitors.map(competitor => {\r\n\t\t\treturn {\r\n\t\t\t\tvalue: competitor.id,\r\n\t\t\t\ttitle: competitor.url + ` [${competitor.id}]`,\r\n\t\t\t\ticon: competitor.id === toValue(projectId) ? '' : '',\r\n\t\t\t\tcontent: competitor.name,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\treturn items;\r\n\t});\r\n};\r\n","import { isRef, type Ref, ref, unref, watch } from 'vue';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\nimport { storage } from '@/core/utils/dom';\r\nimport TopPopupWorker from '@/components/popup/lib/worker';\r\nimport type { OpenerProps as PopupOpenerProps } from '@/components/popup/popup/popup';\r\nimport type { Props as TagSelectorOpenerProps, TagSelectorTarget } from '../popupOpener/types';\r\nimport type { Props as TagIconProps } from '../tagIcon/types';\r\nimport { genTagIdClear, getTagById } from '../utils/utils';\r\n\r\n/**\r\n * Сгенерировтаь элемент для открытия popup с выбором тегов\r\n *\r\n * Альтернатива TopTagSelecorPopupOpener для работы вне vue\r\n *\r\n * Требует монтирования компонента TopTagSelecor\r\n */\r\nexport const genElPopupOpener = (\r\n\tprops: TagSelectorOpenerProps & { modelValue: TagSelectorOpenerProps['modelValue'] | Ref<TagSelectorOpenerProps['modelValue']> },\r\n\tpropsPopup?: Partial<PopupOpenerProps>,\r\n\thtmlSetterSeveral?: string,\r\n): HTMLElement => {\r\n\tif (!propsPopup) propsPopup = { id: props.id };\r\n\r\n\tpropsPopup.id = props.id;\r\n\r\n\tconst el = TopPopupWorker.genElPopupOpener('div', propsPopup as PopupOpenerProps);\r\n\r\n\tel.classList.add('top-tagSelector');\r\n\tif (props.useTopButton) el.classList.add('top-button', 'top-color_theme');\r\n\tif (props.mode === 'filter') el.classList.add('top-tagSelector-filter');\r\n\tif (props.mode === 'setter' && !props.filters) el.classList.add('top-tagSelector-setter_single');\r\n\tif (props.mode === 'setter' && props.filters) el.classList.add('top-tagSelector-setter_several');\r\n\r\n\t// прокcи клик: lazy connect\r\n\tel.onclick = (e) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\r\n\t\tel.onclick = null;\r\n\r\n\t\tconst model = ref(props.modelValue);\r\n\r\n\t\tconst target: TagSelectorTarget = {\r\n\t\t\tmodel,\r\n\t\t\tmode: props.mode,\r\n\t\t\ttargetId: props.targetId,\r\n\t\t\tfilters: props.filters,\r\n\t\t\tpayload: props.payload,\r\n\t\t};\r\n\r\n\t\tstorage(el, 'topTagSelectorTarget', target);\r\n\r\n\t\tdelete el.dataset.topPopupDisabled;\r\n\r\n\t\tif (!isRef(props.modelValue)) {\r\n\t\t\twatch(model, () => {\r\n\t\t\t\tprops.modelValue = model.value;\r\n\r\n\t\t\t\telPopupOpenerRender(el, props, htmlSetterSeveral);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// выполнение клика\r\n\t\tel.click();\r\n\t};\r\n\r\n\tif (isRef(props.modelValue)) {\r\n\t\twatch(props.modelValue, () => elPopupOpenerRender(el, props, htmlSetterSeveral));\r\n\t} else {\r\n\t\tstorage(el, 'topTagSelectorRender', (modelValue: TagSelectorOpenerProps['modelValue']) => {\r\n\t\t\tprops.modelValue = modelValue;\r\n\r\n\t\t\tconst target = storage(el, 'topTagSelectorTarget');\r\n\t\t\tif (target) target.model.value = modelValue;\r\n\r\n\t\t\telPopupOpenerRender(el, props, htmlSetterSeveral);\r\n\t\t});\r\n\t}\r\n\r\n\telPopupOpenerRender(el, props, htmlSetterSeveral);\r\n\r\n\treturn el;\r\n};\r\n\r\n/**\r\n * Вызвать перерисовку элемента, который был создан через genElPopupOpener()\r\n *\r\n * Работет только для элементов не с реактивным modelValue\r\n */\r\nexport const renderElPopupOpener = (el: HTMLElement, modelValue: TagSelectorOpenerProps['modelValue']) => {\r\n\tstorage(el, 'topTagSelectorRender')?.(modelValue);\r\n};\r\n\r\n/**\r\n * Отрисовать TopTagSelecorPopupOpener\r\n */\r\nconst elPopupOpenerRender = (el, props: TagSelectorOpenerProps, htmlSetterSeveral?: string) => {\r\n\tconst tagsIds = unref(props.modelValue);\r\n\r\n\tel.classList.toggle('top-tagSelector-selectedOne', !tagsIds.length || tagsIds.length === 1);\r\n\tel.classList.toggle('top-tagSelector-toTwoLine', tagsIds.length > 5);\r\n\r\n\tif (props.mode === 'setter' && props.filters) {\r\n\t\tel.innerHTML = `<div>${htmlSetterSeveral}</div>`;\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tel.innerHTML = '';\r\n\r\n\tif (!tagsIds.length && props.mode === 'filter') {\r\n\t\tconst elTagIcon = genElTagIcon({\r\n\t\t\tid: 'all',\r\n\t\t\tcolorId: '',\r\n\t\t\tname: useI18n().Common?.All_tags ?? '',\r\n\t\t\tstate: '',\r\n\t\t});\r\n\r\n\t\tel.append(elTagIcon);\r\n\t}\r\n\r\n\ttagsIds.forEach(tagId => {\r\n\t\tconst elTagIcon = genElTagIcon({\r\n\t\t\tid: genTagIdClear(tagId),\r\n\t\t\tcolorId: getTagById(tagId, props.tags)?.color_id ?? '',\r\n\t\t\tname: getTagById(tagId, props.tags)?.name ?? '',\r\n\t\t\tstate: genTagIdClear(tagId) === tagId ? 'selected' : 'excluded',\r\n\t\t});\r\n\r\n\t\tel.append(elTagIcon);\r\n\t});\r\n};\r\n\r\n/**\r\n * Сгенерировтаь элемент для открытия popup с выбором тегов\r\n *\r\n * Альтернатива TopTagSelecorTagIcon для работы вне vue\r\n */\r\nconst genElTagIcon = (props: TagIconProps) => {\r\n\tconst el = document.createElement('div');\r\n\r\n\tel.classList.add('top-tagSelector_tagIcon');\r\n\tel.classList.toggle('top-tagSelector-active', !!props.state);\r\n\tel.classList.toggle('top-tagSelector-excluded', props.state === 'excluded');\r\n\r\n\tel.dataset.tag_id = props.id;\r\n\tel.dataset.tag_color_id = props.colorId;\r\n\tel.title = props.name;\r\n\r\n\treturn el;\r\n};\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport SelectorCompetitors from './selectorCompetitors/selectorCompetitors.vue';\r\nimport SelectorRegion from './selectorRegion/selectorRegion.vue';\r\n\r\nimport TagSelector from './tagSelector/tagSelector.vue';\r\nimport TagSelectorPopupOpener from './tagSelector/popupOpener/popupOpener.vue';\r\nimport TagSelectorTagIcon from './tagSelector/tagIcon/tagIcon.vue';\r\n\r\nexport const TopSelectorCompetitors = SelectorCompetitors as typeof SelectorCompetitors & ComponentCustomProps;\r\nexport { useItemsFromCompetitors } from './selectorCompetitors/composables';\r\n\r\nexport { findRegion, genSearcherByKey, dialogSelectorRegions } from './selectorRegion/utils/utils';\r\nexport const TopSelectorRegion = SelectorRegion as typeof SelectorRegion & ComponentCustomProps;\r\n\r\nexport type { Emits as TopTagSelectorEmits, Tag, TagId, TagIdExclude } from './tagSelector/types';\r\nexport {\r\n\tgenElPopupOpener as genElTopTagSelectorPopupOpener,\r\n\trenderElPopupOpener as renderElTopTagSelectorPopupOpener,\r\n} from './tagSelector/utils/el';\r\nexport const TopTagSelector = TagSelector as typeof TagSelector & ComponentCustomProps;\r\nexport const TopTagSelectorPopupOpener = TagSelectorPopupOpener as typeof TagSelectorPopupOpener & ComponentCustomProps;\r\nexport const TopTagSelectorTagIcon = TagSelectorTagIcon as typeof TagSelectorTagIcon & ComponentCustomProps;\r\n"],"names":["selectAllItem","vue","props","forms","searchersNames","regionUndefined","dummyIndex","searcherUndefined","regionAuto","searcherAuto","regionGlobal","getRegionAuto","genSearcherByKey","forFrequency","autoRegion","searchers","searcherByKey","genSearchersMapVolume","genSearchersMapCommon","onlyEnabledRegions","forceSearchersKeys","searcher","searcherI","region","regionI","searcherKey","serarcherByKey","getRegionGlobal","findRegion","searchRegion","findedRegion","dialogSelectorRegions","utils","useSelectSearcher","mapSearchers","i18n","optionBySearcherKey","res","option","utils_searchers","useSelectRegion","activeSearcherIndexed","regionIndex","_c","optionByRegionIndex","options","regionLabel","langLabel","optionByRegionIndex2","newRegionIndex","regionName","_a","oldOptionByRegionIndex","index","title","regionNameCompare","regexpDevice","regionMatchLevelI","regionMatchLevel","regionsIndexes","regionsIndexesSaved","compareSave","compareLoad","useSelectorRegion","selectSearcher","allRegionsIndexes","compare","newSearcherKey","selectRegion","regionsNewSearcher","regionsCurrentSearcher","_d","regionKey","getSearcherKey","getSearcher","getRegionIndex","regions","modelSingle","model","defaultKey","newModel","defaultIndex","all","newSearherKey","__expose","tagsDefaults","genTagIdExcluded","tagId","genTagIdClear","getTagById","tags","tag","tag2","elName","firefoxProps","inEdit","event","name2","editCancel","emit","changeSelect","e","toState","name","id","filtersAction","tagsText","target","emitDebounce","disabled","genTargetTagState","updateTargetModel","action","tagIdExcluded","tagsIds","tagId2","aIndex","a","bIndex","b","classString","tagName","onOpen","popupEvent","_e","ui","$tags","tagsSorted","tagSorted","tagIdA","tagIdB","onClose","useItemsFromCompetitors","competitors","projectId","competitor","genElPopupOpener","propsPopup","htmlSetterSeveral","el","utils_dom","elPopupOpenerRender","modelValue","renderElPopupOpener","elTagIcon","genElTagIcon","_b","TopSelectorCompetitors","_sfc_main$5","TopSelectorRegion","_sfc_main$4","TopTagSelector","_sfc_main","TopTagSelectorPopupOpener","_sfc_main$1","TopTagSelectorTagIcon","_sfc_main$3"],"mappings":"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"}

package/project/project.d.ts

@@ -1,2 +0,0 @@
-export * from '../components/project/project'
-export {}