itube-specs 0.0.792 → 0.0.794

package/components/filter/main.vue

@@ -1,37 +1,41 @@
 <!-- Главный контейнер фильтра видео: синхронизация с query и применение фильтров -->
 <template>
   <div class="filter-main">
-    <FilterBtn v-model="filterOpen"
-               :count="filterCount"
-               :theme="buttonTheme"
-               :size="buttonSize"
+    <FilterBtn
+      v-model="filterOpen"
+      :count="filterCount"
+      :theme="buttonTheme"
+      :size="buttonSize"
     />
 
     <transition>
-      <LazyFilterPopup v-if="filterOpen"
-                       v-model="filterOpen"
-                       :title="$t('filter')"
-                       :active-count="activeCount"
-                       :active-chips="activeChips"
-                       :quick="quickFields"
-                       :groups="groupItems"
-                       :loading="!scheme.length"
-                       @chip-click="onChipClick"
-                       @field-update="onFieldUpdate"
+      <LazyFilterPopup
+        v-if="filterOpen"
+        v-model="filterOpen"
+        :title="$t('filter')"
+        :active-count="activeCount"
+        :active-chips="activeChips"
+        :quick="quickFields"
+        :groups="groupItems"
+        :loading="!scheme.length"
+        @chip-click="onChipClick"
+        @field-update="onFieldUpdate"
       >
         <template #footer>
           <div class="filter-main__footer-buttons">
-            <UiBtn :disabled="!isFiltered"
-                   theme="secondary"
-                   wide
-                   size="l"
-                   @click="reset"
+            <UiBtn
+              :disabled="!isFiltered"
+              theme="secondary"
+              wide
+              size="l"
+              @click="reset"
             >{{ $t('reset_all') }}
             </UiBtn>
-            <UiBtn wide
-                   size="l"
-                   theme="primary"
-                   @click="saveResult"
+            <UiBtn
+              wide
+              size="l"
+              theme="primary"
+              @click="saveResult"
             >{{ $t('apply') }}{{ activeCount ? ` (${activeCount})` : '' }}
             </UiBtn>
           </div>

package/components/filter/model-field.vue

@@ -1,49 +1,54 @@
 <!-- Одно поле фильтра моделей (слайдер/селект/радио) с поддержкой единиц роста -->
 <template>
-  <FilterSlider v-if="field.kind === 'range'"
-                :item="field"
-                :group-name="field.group.name"
-                :index="index"
-                :query="pendingQuery"
-                :icon="(field as any).icon"
-                class="filter-model-field__slider"
-                icon-prefix="models"
-                @update:query="$emit('update:pending-query', $event)"
+  <FilterSlider
+    v-if="field.kind === 'range'"
+    :item="field"
+    :group-name="field.group.name"
+    :index="index"
+    :query="pendingQuery"
+    :icon="(field as any).icon"
+    class="filter-model-field__slider"
+    icon-prefix="models"
+    @update:query="$emit('update:pending-query', $event)"
   >
-    <template v-if="isHeight"
-              #title-append
+    <template
+      v-if="isHeight"
+      #title-append
     >
-      <UiSegmented :class="{'_hidden': !field.show_on_form}"
-                   :items="unitItems"
-                   :model-value="units"
-                   class="filter-model-field__units"
-                   small
-                   @update:model-value="$emit('update:units', $event)"
+      <UiSegmented
+        :class="{'_hidden': !field.show_on_form}"
+        :items="unitItems"
+        :model-value="units"
+        class="filter-model-field__units"
+        small
+        @update:model-value="$emit('update:units', $event)"
       />
     </template>
   </FilterSlider>
-  <UiSelect v-else-if="field.kind === 'select'"
-            :class="{'_hidden': !field.show_on_form}"
-            :name="field.name"
-            :model-value="currentValue"
-            :items="selectItems"
-            :active="isActive"
-            :label="field.title"
-            :label-icon="(field as any).icon ? { icon: (field as any).icon, prefix: 'models' } : undefined"
-            class="filter-model-field__select"
-            size="s"
-            is-first-placeholder
-            @update:model-value="onUpdate"
+  <UiSelect
+    v-else-if="field.kind === 'select'"
+    :class="{'_hidden': !field.show_on_form}"
+    :name="field.name"
+    :model-value="currentValue"
+    :items="selectItems"
+    :active="isActive"
+    :label="field.title"
+    :label-icon="(field as any).icon ? { icon: (field as any).icon, prefix: 'models' } : undefined"
+    class="filter-model-field__select"
+    size="s"
+    is-first-placeholder
+    @update:model-value="onUpdate"
   />
-  <UiSegmented v-else-if="field.kind === 'radio'"
-               :class="{'_hidden': !field.show_on_form}"
-               :items="radioItems"
-               :title="field.title"
-               :icon="(field as any).icon"
-               :model-value="currentValue"
-               class="filter-model-field__radio"
-               icon-prefix="models"
-               @update:model-value="onUpdate"
+  <UiSegmented
+    v-else-if="field.kind === 'radio'"
+    :class="{'_hidden': !field.show_on_form}"
+    :items="radioItems"
+    :title="field.title"
+    :icon="(field as any).icon"
+    :model-value="currentValue"
+    class="filter-model-field__radio"
+    icon-prefix="models"
+    @update:model-value="onUpdate"
   />
 </template>
 

package/components/filter/model.vue

@@ -1,45 +1,50 @@
 <!-- Контейнер фильтра моделей с отложенным применением (pending) перед навигацией -->
 <template>
   <div class="filter-model">
-    <FilterChips :items="chipsItems"
-                 @click="onChipsClick"
+    <FilterChips
+      :items="chipsItems"
+      @click="onChipsClick"
     />
     <transition appear>
-      <FilterPopup v-model="model"
-                   :title="t('filter')"
-                   :active-count="pendingChipsItems.length"
-                   :active-chips="pendingChipsItems"
-                   :quick="quickFields"
-                   :groups="groupItems"
-                   models-page
-                   :loading="status === 'pending'"
-                   @chip-click="onPendingChipsClick"
-                   @field-update="onFieldUpdate"
+      <FilterPopup
+        v-model="model"
+        :title="t('filter')"
+        :active-count="pendingChipsItems.length"
+        :active-chips="pendingChipsItems"
+        :quick="quickFields"
+        :groups="groupItems"
+        models-page
+        :loading="status === 'pending'"
+        @chip-click="onPendingChipsClick"
+        @field-update="onFieldUpdate"
       >
         <template #field="{ field, index }">
-          <FilterModelField :field="field as IModelFilter"
-                            :index="index"
-                            :pending-query="pendingQuery"
-                            :units="units"
-                            :unit-items="unitItems"
-                            @update:pending-query="onQueryUpdate"
-                            @update:units="units = $event"
+          <FilterModelField
+            :field="field as IModelFilter"
+            :index="index"
+            :pending-query="pendingQuery"
+            :units="units"
+            :unit-items="unitItems"
+            @update:pending-query="onQueryUpdate"
+            @update:units="units = $event"
           />
         </template>
 
         <template #footer>
           <div class="filter-model__footer-buttons">
-            <UiBtn wide
-                   :disabled="!isPendingFiltered"
-                   size="l"
-                   theme="secondary"
-                   @click="onResetClick"
+            <UiBtn
+              wide
+              :disabled="!isPendingFiltered"
+              size="l"
+              theme="secondary"
+              @click="onResetClick"
             >{{ t('reset_all') }}
             </UiBtn>
-            <UiBtn wide
-                   size="l"
-                   theme="primary"
-                   @click="onApplyClick"
+            <UiBtn
+              wide
+              size="l"
+              theme="primary"
+              @click="onApplyClick"
             >{{ t('apply') }}{{ pendingChipsItems.length ? ` (${pendingChipsItems.length})` : '' }}
             </UiBtn>
           </div>

package/components/filter/page.vue

@@ -2,65 +2,75 @@
 <template>
   <div class="filter-page">
     <div class="filter-page__items-wrapper">
-      <h2 v-if="title"
-          class="filter-page__title"
+      <h2
+        v-if="title"
+        class="filter-page__title"
       >{{ title }}
       </h2>
-      <div v-for="(group, index) in groups"
-           :key="`filter-group-${index}`"
-           :class="{'--short': group.name === 'tags'}"
-           class="filter-page__group"
+      <div
+        v-for="(group, index) in groups"
+        :key="`filter-group-${index}`"
+        :class="{'--short': group.name === 'tags'}"
+        class="filter-page__group"
       >
-        <div v-if="filters.length > 0"
-             class="filter-page__group-header"
+        <div
+          v-if="filters.length > 0"
+          class="filter-page__group-header"
         >
           <span class="filter-page__group-title">
             {{ group?.title }}
           </span>
-          <UiSegmented v-if="group?.name === 'physical'"
-                       :items="unitItems"
-                       :model-value="units"
-                       small
-                       @update:model-value="units = $event"
+          <UiSegmented
+            v-if="group?.name === 'physical'"
+            :items="unitItems"
+            :model-value="units"
+            small
+            @update:model-value="units = $event"
           />
         </div>
-        <div v-if="getGroupSliders(group?.name).length > 1"
-             :style="{ '--slider-count': getGroupSliders(group?.name).length }"
-             class="filter-page__sliders"
+        <div
+          v-if="getGroupSliders(group?.name).length > 1"
+          :style="{ '--slider-count': getGroupSliders(group?.name).length }"
+          class="filter-page__sliders"
         >
-          <FilterSlider v-for="(item, subIndex) in getGroupSliders(group?.name)"
-                        :key="`slider-${subIndex}`"
-                        :item="item"
-                        :group-name="item.group.name"
-                        :index="subIndex"
+          <FilterSlider
+            v-for="(item, subIndex) in getGroupSliders(group?.name)"
+            :key="`slider-${subIndex}`"
+            :item="item"
+            :group-name="item.group.name"
+            :index="subIndex"
           />
         </div>
         <div class="filter-page__items">
-          <template v-for="(item, subIndex) in filters"
-                    :key="`model-filter-${subIndex}`"
+          <template
+            v-for="(item, subIndex) in filters"
+            :key="`model-filter-${subIndex}`"
           >
-            <FilterSlider v-if="(item.kind === 'range') && (item.group.name === group?.name) && !hiddenByUnits.has(item.name) && getGroupSliders(group?.name).length === 1"
-                          :item="item"
-                          :group-name="item.group.name"
-                          :index="subIndex"
-                          class="filter-page__slider"
+            <FilterSlider
+              v-if="(item.kind === 'range') && (item.group.name === group?.name) && !hiddenByUnits.has(item.name) && getGroupSliders(group?.name).length === 1"
+              :item="item"
+              :group-name="item.group.name"
+              :index="subIndex"
+              class="filter-page__slider"
             />
-            <UiSelect v-if="(item.kind === 'select') && (item.group.name === group?.name) && !hiddenByUnits.has(item.name)"
-                      :name="item.name"
-                      :model-value="getValue(item.name)"
-                      :items="selectItems(item)"
-                      :active="isActiveSelect(item.name)"
-                      :label="item.title"
-                      class="filter-page__select"
-                      size="s"
-                      @update:model-value="val => updateFilter(item.name, val)"
+            <UiSelect
+              v-if="(item.kind === 'select') && (item.group.name === group?.name) && !hiddenByUnits.has(item.name)"
+              :name="item.name"
+              :model-value="getValue(item.name)"
+              :items="selectItems(item)"
+              :active="isActiveSelect(item.name)"
+              :label="item.title"
+              class="filter-page__select"
+              size="s"
+              @update:model-value="val => updateFilter(item.name, val)"
             />
-            <UiSegmented v-if="(item.kind === 'radio') && (item.group.name === group?.name)"
-                         :items="getRadioItems(item.options)"
-                         :title="item.title"
-                         :model-value="getValue(item.name)"
-                         class="filter-page__radio"
-                         @update:model-value="val => updateFilter(item.name, val)"
+            <UiSegmented
+              v-if="(item.kind === 'radio') && (item.group.name === group?.name)"
+              :items="getRadioItems(item.options)"
+              :title="item.title"
+              :model-value="getValue(item.name)"
+              class="filter-page__radio"
+              @update:model-value="val => updateFilter(item.name, val)"
             />
           </template>
         </div>

package/components/filter/popup.vue

@@ -1,102 +1,117 @@
 <!-- Модалка фильтра (видео и модели): вкладки групп + быстрые фильтры -->
 <template>
-  <UiPopup v-if="model"
-           v-model="model"
-           drawer
-           class="filter-popup"
+  <UiPopup
+    v-if="model"
+    v-model="model"
+    drawer
+    class="filter-popup"
   >
     <template #title>
       <div class="filter-popup__title-wrapper">
         {{ title ?? t('filter') }}
-        <span v-if="activeCount"
-              class="filter-popup__active"
+        <span
+          v-if="activeCount"
+          class="filter-popup__active"
         >{{ t('filter_popup.active_count', { count: activeCount }) }}</span>
       </div>
     </template>
 
-    <div :class="{ '_loading': loading }"
-         class="filter-popup__content"
+    <div
+      :class="{ '_loading': loading }"
+      class="filter-popup__content"
     >
-      <div v-if="activeChips && activeChips.length > 0"
-           class="filter-popup__active-filters"
+      <div
+        v-if="activeChips && activeChips.length > 0"
+        class="filter-popup__active-filters"
       >
         <span class="filter-popup__active-filters-title">{{ t('filter_popup.active_title') }}</span>
         <div class="filter-popup__active-chips">
-          <UiChips v-for="(chip, index) in activeChips"
-                   :key="`s-filter-popup-active-${index}`"
-                   :index="`s-filter-popup-chips-${index}`"
-                   :item="chip"
-                   class="filter-popup__chips"
-                   with-close
-                   @click="$emit('chip-click', chip)"
+          <UiChips
+            v-for="(chip, index) in activeChips"
+            :key="`s-filter-popup-active-${index}`"
+            :index="`s-filter-popup-chips-${index}`"
+            :item="chip"
+            class="filter-popup__chips"
+            with-close
+            @click="$emit('chip-click', chip)"
           />
         </div>
       </div>
 
-      <div v-if="quick && quick.length > 0"
-           class="filter-popup__quick"
+      <div
+        v-if="quick && quick.length > 0"
+        class="filter-popup__quick"
       >
         <span class="filter-popup__quick-title">{{ t('filter_popup.quick_title') }}</span>
         <div class="filter-popup__grid">
-          <template v-for="(item, index) in quick"
-                    :key="`quick-${index}`"
+          <template
+            v-for="(item, index) in quick"
+            :key="`quick-${index}`"
           >
-            <slot :item="item"
-                  :index="index"
-                  name="quick-field"
+            <slot
+              :item="item"
+              :index="index"
+              name="quick-field"
             >
-              <UiSelect :name="(item as any).name"
-                        :model-value="(item as any).value"
-                        :items="(item as any).items"
-                        :is-first-placeholder="modelsPage"
-                        :active="(item as any).active"
-                        :label="(item as any).label ?? (item as any).title"
-                        :label-icon="(item as any).icon ? { icon: (item as any).icon, prefix: (item as any).iconPrefix ?? (modelsPage ? 'models' : 'categories') } : undefined"
-                        :placeholder="(item as any).placeholder"
-                        separator-before="unspecified"
-                        class="filter-popup__select"
-                        size="s"
-                        @update:model-value="val => $emit('field-update', { name: (item as any).name, value: val })"
+              <UiSelect
+                :name="(item as any).name"
+                :model-value="(item as any).value"
+                :items="(item as any).items"
+                :is-first-placeholder="modelsPage"
+                :active="(item as any).active"
+                :label="(item as any).label ?? (item as any).title"
+                :label-icon="(item as any).icon ? { icon: (item as any).icon, prefix: (item as any).iconPrefix ?? (modelsPage ? 'models' : 'categories') } : undefined"
+                :placeholder="(item as any).placeholder"
+                separator-before="unspecified"
+                class="filter-popup__select"
+                size="s"
+                @update:model-value="val => $emit('field-update', { name: (item as any).name, value: val })"
               />
             </slot>
           </template>
         </div>
       </div>
 
-      <details v-for="(group, groupIndex) in groups"
-               :key="`group-${groupIndex}`"
-               class="filter-popup__group"
+      <details
+        v-for="(group, groupIndex) in groups"
+        :key="`group-${groupIndex}`"
+        class="filter-popup__group"
       >
         <summary class="filter-popup__summary">
-          <UiIcon name="angle-right"
-                  size="16"
-                  class="filter-popup__summary-arrow"
+          <UiIcon
+            name="angle-right"
+            size="16"
+            class="filter-popup__summary-arrow"
           />
           <span class="filter-popup__summary-title">{{ group.title }}</span>
           <span class="filter-popup__summary-count">{{ t('filter_popup.fields', { count: group.count ?? group.fields.length }) }}</span>
-          <span v-if="group.description"
-                class="filter-popup__summary-description"
+          <span
+            v-if="group.description"
+            class="filter-popup__summary-description"
           >{{ group.description }}</span>
         </summary>
         <div class="filter-popup__group-content">
-          <template v-for="(field, fieldIndex) in group.fields"
-                    :key="`field-${groupIndex}-${fieldIndex}`"
+          <template
+            v-for="(field, fieldIndex) in group.fields"
+            :key="`field-${groupIndex}-${fieldIndex}`"
           >
-            <slot :field="field"
-                  :group="group"
-                  :index="fieldIndex"
-                  name="field"
+            <slot
+              :field="field"
+              :group="group"
+              :index="fieldIndex"
+              name="field"
             >
-              <UiSelect :name="(field as any).name"
-                        :model-value="(field as any).value"
-                        :items="(field as any).items"
-                        :active="(field as any).active"
-                        :label="(field as any).label ?? (field as any).title"
-                        :label-icon="(field as any).icon ? { icon: (field as any).icon, prefix: (field as any).iconPrefix ?? (modelsPage ? 'models' : 'categories') } : undefined"
-                        :placeholder="(field as any).placeholder"
-                        class="filter-popup__select"
-                        size="s"
-                        @update:model-value="val => $emit('field-update', { name: (field as any).name, value: val })"
+              <UiSelect
+                :name="(field as any).name"
+                :model-value="(field as any).value"
+                :items="(field as any).items"
+                :active="(field as any).active"
+                :label="(field as any).label ?? (field as any).title"
+                :label-icon="(field as any).icon ? { icon: (field as any).icon, prefix: (field as any).iconPrefix ?? (modelsPage ? 'models' : 'categories') } : undefined"
+                :placeholder="(field as any).placeholder"
+                class="filter-popup__select"
+                size="s"
+                @update:model-value="val => $emit('field-update', { name: (field as any).name, value: val })"
               />
             </slot>
           </template>