@pgcorp/ui-kit 0.9.0 → 0.10.0

package/src/components/shared/persona/SPersonaRunWorkbench.vue

@@ -43,6 +43,7 @@ import type {
   PersonaRunWorkbenchWatcher,
 } from './types'
 import { useOwnedAttrs } from '../../../internal/ownedAttrs'
+import { useUiKitLocale } from '../../../composables/useUiKitLocale'
 
 defineOptions({ inheritAttrs: false })
 
@@ -97,12 +98,13 @@ const emit = defineEmits<{
   'load-more-events': []
 }>()
 const ownedAttrs = useOwnedAttrs({ component: 'SPersonaRunWorkbench', owner: 'persona workbench shell' })
+const { locale, t } = useUiKitLocale()
 
 const search = ref('')
 const diagnosticSearch = ref('')
 const diagnosticSeverity = ref<'all' | 'danger' | 'warn'>('all')
 
-const uiLabels = computed(() => resolvePersonaRunWorkbenchLabels(props.labels))
+const uiLabels = computed(() => resolvePersonaRunWorkbenchLabels(props.labels, t))
 
 const consoleOperation = computed<PersonaRunConsoleOperation>(() => {
   switch (props.operation) {
@@ -127,7 +129,7 @@ const catalogAsyncState = computed(() => resolvePersonaInventoryAsyncState(
   'SPersonaRunWorkbench.catalogState',
   props.catalogState,
   {
-    loadingMessage: 'Загрузка каталога',
+    loadingMessage: t('persona.loadingCatalog'),
     emptyMessage: uiLabels.value.noCatalogTests,
   },
 ))
@@ -150,7 +152,7 @@ const validatedDiagnostics = computed(() => assertPersonaInventory(
 ))
 
 const visibleTests = computed(() => {
-  const query = search.value.trim().toLocaleLowerCase('ru-RU')
+  const query = search.value.trim().toLocaleLowerCase(locale.value)
   if (!query) return catalogTests.value
   return catalogTests.value.filter((test) => {
     const haystack = [
@@ -161,31 +163,31 @@ const visibleTests = computed(() => {
       test.variantId,
       test.sourcePath,
       ...(test.tags ?? []),
-    ].filter((value): value is string => Boolean(value)).join(' ').toLocaleLowerCase('ru-RU')
+    ].filter((value): value is string => Boolean(value)).join(' ').toLocaleLowerCase(locale.value)
     return haystack.includes(query)
   })
 })
 
 const diagnosticSeverityOptions = computed<SegmentedControlOption[]>(() => [
-  { value: 'all', label: `Все ${validatedDiagnostics.value.length}`, title: 'Показать все сообщения' },
+  { value: 'all', label: t('persona.allCount', { count: validatedDiagnostics.value.length }), title: t('persona.showAllMessages') },
   {
     value: 'danger',
-    label: `Ошибки ${validatedDiagnostics.value.filter((diagnostic) => diagnostic.statusSeverity === 'danger').length}`,
-    title: 'Показать ошибки',
+    label: t('persona.errorsCount', { count: validatedDiagnostics.value.filter((diagnostic) => diagnostic.statusSeverity === 'danger').length }),
+    title: t('persona.showErrors'),
   },
   {
     value: 'warn',
-    label: `Предупреждения ${validatedDiagnostics.value.filter((diagnostic) => diagnostic.statusSeverity === 'warn').length}`,
-    title: 'Показать предупреждения',
+    label: t('persona.warningsCount', { count: validatedDiagnostics.value.filter((diagnostic) => diagnostic.statusSeverity === 'warn').length }),
+    title: t('persona.showWarnings'),
   },
 ])
 
-const diagnosticGroupTitles: Record<PersonaRunWorkbenchDiagnostic['category'], string> = {
-  scenario_import: 'Недоступные сценарии',
-  component_analysis: 'Ошибки анализа компонентов',
-  support_quality: 'Замечания качества PageObject',
-  unclassified: 'Сообщения без классификации',
-}
+const diagnosticGroupTitles = computed<Record<PersonaRunWorkbenchDiagnostic['category'], string>>(() => ({
+  scenario_import: t('persona.unavailableScenarios'),
+  component_analysis: t('persona.componentAnalysisErrors'),
+  support_quality: t('persona.pageObjectQualityIssues'),
+  unclassified: t('persona.unclassifiedMessages'),
+}))
 
 const diagnosticGroups = computed(() => {
   const categories: PersonaRunWorkbenchDiagnostic['category'][] = [
@@ -202,10 +204,14 @@ const diagnosticGroups = computed(() => {
       : diagnostics.some((diagnostic) => diagnostic.statusSeverity === 'warn')
         ? 'warn' as const
         : 'info' as const
-    const countLabel = personaCountLabel(diagnostics.length, ['сообщение', 'сообщения', 'сообщений'])
+    const countLabel = personaCountLabel(diagnostics.length, [
+      t('persona.messageOne'),
+      t('persona.messageFew'),
+      t('persona.messageMany'),
+    ], locale.value)
     return [{
       category,
-      title: diagnosticGroupTitles[category],
+      title: diagnosticGroupTitles.value[category],
       description: countLabel,
       countLabel,
       statusSeverity,
@@ -214,7 +220,7 @@ const diagnosticGroups = computed(() => {
 })
 
 const visibleDiagnostics = computed(() => {
-  const query = diagnosticSearch.value.trim().toLocaleLowerCase('ru-RU')
+  const query = diagnosticSearch.value.trim().toLocaleLowerCase(locale.value)
   return validatedDiagnostics.value.filter((diagnostic) => {
     if (diagnosticSeverity.value !== 'all' && diagnostic.statusSeverity !== diagnosticSeverity.value) {
       return false
@@ -231,7 +237,7 @@ const visibleDiagnostics = computed(() => {
     ]
       .filter((value): value is string => Boolean(value))
       .join(' ')
-      .toLocaleLowerCase('ru-RU')
+      .toLocaleLowerCase(locale.value)
       .includes(query)
   })
 })
@@ -304,12 +310,12 @@ function diagnosticDescription(diagnostic: PersonaRunWorkbenchDiagnostic): strin
       </div>
       <div v-if="validatedDiagnostics.length > 0" class="s-persona-run-workbench__diagnostics">
         <SCollapsiblePanel
-          summary="Диагностика проекта"
+          :summary="t('persona.projectDiagnostics')"
           density="compact"
           header-variant="minimal"
           surface="plain"
         >
-          <div class="s-persona-run-workbench__diagnostic-groups" aria-label="Сводка причин диагностики">
+          <div class="s-persona-run-workbench__diagnostic-groups" :aria-label="t('persona.diagnosticOverview')">
             <SActionListItem
               v-for="group in diagnosticGroups"
               :key="group.category"
@@ -322,11 +328,11 @@ function diagnosticDescription(diagnostic: PersonaRunWorkbenchDiagnostic): strin
             />
           </div>
           <div class="s-persona-run-workbench__diagnostic-controls">
-            <SInputText v-model="diagnosticSearch" placeholder="Поиск по диагностике" size="sm" />
+            <SInputText v-model="diagnosticSearch" :placeholder="t('persona.diagnosticSearch')" size="sm" />
             <SSegmentedControl
               v-model="diagnosticSeverity"
               :options="diagnosticSeverityOptions"
-              label="Важность диагностических сообщений"
+              :label="t('persona.diagnosticImportance')"
               size="sm"
             />
           </div>
@@ -337,7 +343,7 @@ function diagnosticDescription(diagnostic: PersonaRunWorkbenchDiagnostic): strin
             :item-size="virtualRowSize"
             :height="diagnosticsViewportHeight"
             :item-key="(diagnostic) => diagnostic.id"
-            accessible-label="Диагностические сообщения"
+            :accessible-label="t('persona.diagnosticMessages')"
             :item-label="(diagnostic) => diagnostic.title"
           >
             <template #default="{ item }">
@@ -354,7 +360,7 @@ function diagnosticDescription(diagnostic: PersonaRunWorkbenchDiagnostic): strin
               />
             </template>
           </SVirtualList>
-          <SEmptyState v-else title="Диагностические сообщения не найдены." size="sm" />
+          <SEmptyState v-else :title="t('persona.diagnosticNoResults')" size="sm" />
         </SCollapsiblePanel>
       </div>
     </section>
@@ -367,17 +373,17 @@ function diagnosticDescription(diagnostic: PersonaRunWorkbenchDiagnostic): strin
         trailing-layout="stacked"
       >
         <template #badges>
-          <SBadge severity="info">{{ visibleTests.length }} доступно</SBadge>
+          <SBadge severity="info">{{ personaCountLabel(visibleTests.length, [t('persona.availableOne'), t('persona.availableFew'), t('persona.availableMany')], locale) }}</SBadge>
           <SBadge v-if="catalogOverview?.unavailableTests" severity="danger">
-            {{ catalogOverview.unavailableTests }} недоступно
+            {{ personaCountLabel(catalogOverview.unavailableTests, [t('persona.unavailableOne'), t('persona.unavailableFew'), t('persona.unavailableMany')], locale) }}
           </SBadge>
-          <SBadge v-if="catalogOverview" severity="secondary">{{ catalogOverview.components }} компонентов</SBadge>
-          <SBadge v-if="catalogOverview" severity="secondary">{{ catalogOverview.pages }} страниц</SBadge>
+          <SBadge v-if="catalogOverview" severity="secondary">{{ personaCountLabel(catalogOverview.components, [t('persona.componentOne'), t('persona.componentFew'), t('persona.componentMany')], locale) }}</SBadge>
+          <SBadge v-if="catalogOverview" severity="secondary">{{ personaCountLabel(catalogOverview.pages, [t('persona.pageOne'), t('persona.pageFew'), t('persona.pageMany')], locale) }}</SBadge>
           <SBadge v-if="catalogOverview?.diagnosticErrors" severity="danger">
-            {{ personaCountLabel(catalogOverview.diagnosticErrors, ['ошибка', 'ошибки', 'ошибок']) }}
+            {{ personaCountLabel(catalogOverview.diagnosticErrors, [t('persona.errorOne'), t('persona.errorFew'), t('persona.errorMany')], locale) }}
           </SBadge>
           <SBadge v-if="catalogOverview?.diagnosticWarnings" severity="warn">
-            {{ personaCountLabel(catalogOverview.diagnosticWarnings, ['предупреждение', 'предупреждения', 'предупреждений']) }}
+            {{ personaCountLabel(catalogOverview.diagnosticWarnings, [t('persona.warningOne'), t('persona.warningFew'), t('persona.warningMany')], locale) }}
           </SBadge>
         </template>
       </SSectionHeader>
@@ -411,7 +417,7 @@ function diagnosticDescription(diagnostic: PersonaRunWorkbenchDiagnostic): strin
                 height-mode="fill"
                 :surface="{
                   mode: 'action',
-                  accessibleLabel: `Выбрать тест ${item.title}`,
+                  accessibleLabel: t('persona.selectTest', { title: item.title }),
                   pressed: selectedTest?.id === item.id,
                 }"
                 @activate="emit('select-test', item.id)"
@@ -470,7 +476,7 @@ function diagnosticDescription(diagnostic: PersonaRunWorkbenchDiagnostic): strin
       <nav
         v-if="selectedTestLinks.length > 0"
         class="s-persona-run-workbench__links"
-        aria-label="Связанные материалы теста"
+        :aria-label="t('persona.linkedTestMaterials')"
       >
         <SLink
           v-for="link in selectedTestLinks"

package/src/components/shared/persona/_internal/SPersonaRunConsole.vue

@@ -16,6 +16,7 @@ import {
   resolvePersonaInventoryAsyncState,
 } from './inventory'
 import { personaDistinctMessage } from '../presentation'
+import { useUiKitLocale } from '../../../../composables/useUiKitLocale'
 import { getPersonaRunConsoleFactKey } from '../types'
 import type {
   PersonaPaginatedInventoryState,
@@ -64,6 +65,7 @@ const emit = defineEmits<{
   'append-events': []
   'load-more-events': []
 }>()
+const { locale, t } = useUiKitLocale()
 const runs = computed(() => props.runsState.status === 'ready'
   ? assertPersonaInventory('SPersonaRunConsole.runsState', props.runsState.items)
   : [])
@@ -77,7 +79,7 @@ const runsAsyncState = computed(() => resolvePersonaInventoryAsyncState(
   'SPersonaRunConsole.runsState',
   props.runsState,
   {
-    loadingMessage: 'Загрузка запусков',
+    loadingMessage: t('persona.loadingRuns'),
     emptyMessage: props.resolvedLabels.noRuns,
   },
 ))
@@ -85,7 +87,7 @@ const itemsAsyncState = computed(() => resolvePersonaInventoryAsyncState(
   'SPersonaRunConsole.itemsState',
   props.itemsState,
   {
-    loadingMessage: 'Загрузка рабочих элементов',
+    loadingMessage: t('persona.loadingItems'),
     emptyMessage: props.resolvedLabels.noItems,
   },
 ))
@@ -93,7 +95,7 @@ const eventsAsyncState = computed(() => resolvePersonaInventoryAsyncState(
   'SPersonaRunConsole.eventsState',
   props.eventsState,
   {
-    loadingMessage: 'Загрузка событий',
+    loadingMessage: t('persona.loadingEvents'),
     emptyMessage: props.resolvedLabels.noEvents,
   },
 ))
@@ -109,7 +111,7 @@ const itemsViewportHeight = computed(() => Math.min(props.itemsHeight, items.val
 const eventsViewportHeight = computed(() => Math.min(props.eventsHeight, events.value.length * virtualRowSize))
 
 function eventDetail(event: PersonaRunConsoleEvent): string | null {
-  return personaDistinctMessage(event.title, event.message)
+  return personaDistinctMessage(event.title, event.message, locale.value)
 }
 </script>
 
@@ -138,7 +140,7 @@ function eventDetail(event: PersonaRunConsoleEvent): string | null {
               :status-severity="item.statusSeverity"
               trailing-layout="inline"
               height-mode="fill"
-              :surface="{ mode: 'action', accessibleLabel: `Открыть запуск ${item.title}` }"
+              :surface="{ mode: 'action', accessibleLabel: t('persona.openRun', { title: item.title }) }"
               @activate="emit('select-run', item.id)"
             />
           </template>
@@ -184,7 +186,7 @@ function eventDetail(event: PersonaRunConsoleEvent): string | null {
           </template>
         </SSectionHeader>
 
-        <SMessage v-if="selectedRun.artifactLabel" severity="info" title="Артефакты">
+        <SMessage v-if="selectedRun.artifactLabel" severity="info" :title="t('persona.artifacts')">
           {{ selectedRun.artifactLabel }}
         </SMessage>
 

package/src/components/shared/persona/_internal/labels.ts

@@ -1,79 +1,88 @@
 import { validateNonEmptyString } from '../../../../internal/runtimeContract'
+import type { UiKitTranslate } from '../../../../locales/locale'
+import { createUiKitTranslate, UI_KIT_MESSAGES } from '../../../../locales/messages'
 
 import type { PersonaRunWorkbenchLabels } from '../types'
 
-const PERSONA_RUN_WORKBENCH_DEFAULT_LABELS = Object.freeze({
-  projectTitle: 'Проект',
-  discoveryTitle: 'Discovery',
-  catalogTitle: 'Каталог тестов',
-  structureTitle: 'Структура сценария',
-  selectedTestTitle: 'Выбранный тест',
-  runSelected: 'Запустить тест',
-  runAll: 'Запустить каталог',
-  discover: 'Обнаружить',
-  watch: 'Наблюдать',
-  searchPlaceholder: 'Поиск по тестам',
-  noCatalogTests: 'Тесты не найдены.',
-  emptyStructure: 'Структура сценария не сохранена.',
-  runListTitle: 'Запуски',
-  selectedRunTitle: 'События запуска',
-  itemsTitle: 'Рабочие элементы',
-  eventsTitle: 'События',
-  loadMoreRuns: 'Загрузить ещё',
-  loadMoreItems: 'Догрузить рабочие элементы',
-  appendEvents: 'Догрузить новые',
-  loadMoreEvents: 'Догрузить историю',
-  refreshEvents: 'Обновить события',
-  cancelRun: 'Отменить',
-  reportSummary: 'Сводка отчёта',
-  emptyRun: 'Выберите запуск для просмотра событий и артефактов.',
-  noRuns: 'Запуски не найдены.',
-  noItems: 'Рабочие элементы ещё не появились.',
-  noEvents: 'События запуска ещё не поступили.',
-} satisfies PersonaRunWorkbenchLabels)
+const defaultTranslate = createUiKitTranslate(() => UI_KIT_MESSAGES.ru)
+
+function defaultLabels(t: UiKitTranslate): PersonaRunWorkbenchLabels {
+  return {
+    projectTitle: t('persona.projectTitle'),
+    discoveryTitle: t('persona.discoveryTitle'),
+    catalogTitle: t('persona.catalogTitle'),
+    structureTitle: t('persona.structureTitle'),
+    selectedTestTitle: t('persona.selectedTestTitle'),
+    runSelected: t('persona.runSelected'),
+    runAll: t('persona.runAll'),
+    discover: t('persona.discover'),
+    watch: t('persona.watch'),
+    searchPlaceholder: t('persona.searchTests'),
+    noCatalogTests: t('persona.noCatalogTests'),
+    emptyStructure: t('persona.emptyStructure'),
+    runListTitle: t('persona.runListTitle'),
+    selectedRunTitle: t('persona.selectedRunTitle'),
+    itemsTitle: t('persona.itemsTitle'),
+    eventsTitle: t('persona.eventsTitle'),
+    loadMoreRuns: t('persona.loadMoreRuns'),
+    loadMoreItems: t('persona.loadMoreItems'),
+    appendEvents: t('persona.appendEvents'),
+    loadMoreEvents: t('persona.loadMoreEvents'),
+    refreshEvents: t('persona.refreshEvents'),
+    cancelRun: t('persona.cancelRun'),
+    reportSummary: t('persona.reportSummary'),
+    emptyRun: t('persona.emptyRun'),
+    noRuns: t('persona.noRuns'),
+    noItems: t('persona.noItems'),
+    noEvents: t('persona.noRunEvents'),
+  }
+}
 
 type PersonaRunWorkbenchLabelKey = keyof PersonaRunWorkbenchLabels
 
 function resolveLabel(
+  defaults: Readonly<PersonaRunWorkbenchLabels>,
   overrides: Readonly<Partial<PersonaRunWorkbenchLabels>>,
   key: PersonaRunWorkbenchLabelKey,
 ): string {
   const override = overrides[key]
   return override === undefined
-    ? PERSONA_RUN_WORKBENCH_DEFAULT_LABELS[key]
+    ? defaults[key]
     : validateNonEmptyString('SPersonaRunWorkbench', `labels.${key}`, override)
 }
 
 export function resolvePersonaRunWorkbenchLabels(
   overrides: Readonly<Partial<PersonaRunWorkbenchLabels>> = {},
+  t: UiKitTranslate = defaultTranslate,
 ): PersonaRunWorkbenchLabels {
+  const defaults = defaultLabels(t)
   return {
-    projectTitle: resolveLabel(overrides, 'projectTitle'),
-    discoveryTitle: resolveLabel(overrides, 'discoveryTitle'),
-    catalogTitle: resolveLabel(overrides, 'catalogTitle'),
-    structureTitle: resolveLabel(overrides, 'structureTitle'),
-    selectedTestTitle: resolveLabel(overrides, 'selectedTestTitle'),
-    runSelected: resolveLabel(overrides, 'runSelected'),
-    runAll: resolveLabel(overrides, 'runAll'),
-    discover: resolveLabel(overrides, 'discover'),
-    watch: resolveLabel(overrides, 'watch'),
-    searchPlaceholder: resolveLabel(overrides, 'searchPlaceholder'),
-    noCatalogTests: resolveLabel(overrides, 'noCatalogTests'),
-    emptyStructure: resolveLabel(overrides, 'emptyStructure'),
-    runListTitle: resolveLabel(overrides, 'runListTitle'),
-    selectedRunTitle: resolveLabel(overrides, 'selectedRunTitle'),
-    itemsTitle: resolveLabel(overrides, 'itemsTitle'),
-    eventsTitle: resolveLabel(overrides, 'eventsTitle'),
-    loadMoreRuns: resolveLabel(overrides, 'loadMoreRuns'),
-    loadMoreItems: resolveLabel(overrides, 'loadMoreItems'),
-    appendEvents: resolveLabel(overrides, 'appendEvents'),
-    loadMoreEvents: resolveLabel(overrides, 'loadMoreEvents'),
-    refreshEvents: resolveLabel(overrides, 'refreshEvents'),
-    cancelRun: resolveLabel(overrides, 'cancelRun'),
-    reportSummary: resolveLabel(overrides, 'reportSummary'),
-    emptyRun: resolveLabel(overrides, 'emptyRun'),
-    noRuns: resolveLabel(overrides, 'noRuns'),
-    noItems: resolveLabel(overrides, 'noItems'),
-    noEvents: resolveLabel(overrides, 'noEvents'),
+    projectTitle: resolveLabel(defaults, overrides, 'projectTitle'),
+    discoveryTitle: resolveLabel(defaults, overrides, 'discoveryTitle'),
+    catalogTitle: resolveLabel(defaults, overrides, 'catalogTitle'),
+    structureTitle: resolveLabel(defaults, overrides, 'structureTitle'),
+    selectedTestTitle: resolveLabel(defaults, overrides, 'selectedTestTitle'),
+    runSelected: resolveLabel(defaults, overrides, 'runSelected'),
+    runAll: resolveLabel(defaults, overrides, 'runAll'),
+    discover: resolveLabel(defaults, overrides, 'discover'),
+    watch: resolveLabel(defaults, overrides, 'watch'),
+    searchPlaceholder: resolveLabel(defaults, overrides, 'searchPlaceholder'),
+    noCatalogTests: resolveLabel(defaults, overrides, 'noCatalogTests'),
+    emptyStructure: resolveLabel(defaults, overrides, 'emptyStructure'),
+    runListTitle: resolveLabel(defaults, overrides, 'runListTitle'),
+    selectedRunTitle: resolveLabel(defaults, overrides, 'selectedRunTitle'),
+    itemsTitle: resolveLabel(defaults, overrides, 'itemsTitle'),
+    eventsTitle: resolveLabel(defaults, overrides, 'eventsTitle'),
+    loadMoreRuns: resolveLabel(defaults, overrides, 'loadMoreRuns'),
+    loadMoreItems: resolveLabel(defaults, overrides, 'loadMoreItems'),
+    appendEvents: resolveLabel(defaults, overrides, 'appendEvents'),
+    loadMoreEvents: resolveLabel(defaults, overrides, 'loadMoreEvents'),
+    refreshEvents: resolveLabel(defaults, overrides, 'refreshEvents'),
+    cancelRun: resolveLabel(defaults, overrides, 'cancelRun'),
+    reportSummary: resolveLabel(defaults, overrides, 'reportSummary'),
+    emptyRun: resolveLabel(defaults, overrides, 'emptyRun'),
+    noRuns: resolveLabel(defaults, overrides, 'noRuns'),
+    noItems: resolveLabel(defaults, overrides, 'noItems'),
+    noEvents: resolveLabel(defaults, overrides, 'noEvents'),
   }
 }