shared-ritm 1.3.92 → 1.3.93

package/src/common/app-icon/AppIcon.vue

@@ -1,110 +1,110 @@
-<template>
-  <component :is="sideBarIcon" :tag="tag" :class="[$style['app-icon']]" />
-</template>
-
-<script setup lang="ts">
-import ProjectsIcon from '@/icons/sidebar/projects-icon.vue'
-import RepairsIcon from '@/icons/sidebar/repairs-icon.vue'
-import InstrumentHistoryIcon from '@/icons/sidebar/instrument-history-icon.vue'
-import RepairObjectIcon from '@/icons/sidebar/repair-object-icon.vue'
-import StatusHistoryIcon from '@/icons/sidebar/status-history-icon.vue'
-import SettingIcon from '@/icons/header/SettingIcon.vue'
-import PassIcon from '@/icons/sidebar/pass-icon.vue'
-import AssignModuleIcon from '@/icons/sidebar/assign-module-icon.vue'
-import UsersIcon from '@/icons/sidebar/users-icon.vue'
-import UserIcon from '@/icons/sidebar/user-icon.vue'
-import UserRequestsIcon from '@/icons/sidebar/user-requests-icon.vue'
-import WorkzonesIcon from '@/icons/sidebar/workzones-icon.vue'
-import LogoutIcon from '@/icons/sidebar/logout-icon.vue'
-import LogoIcon from '@/icons/sidebar/logo-icon.vue'
-import TasksIcon from '@/icons/sidebar/tasks-icon.vue'
-import InstrumentsIcon from '@/icons/sidebar/instruments-icon.vue'
-import OrderIcon from '@/icons/sidebar/order-icon.vue'
-import ModulesIcon from '@/icons/sidebar/modules-icon.vue'
-import NotificationsIcon from '@/icons/sidebar/notifications-icon.vue'
-import VideozonesIcon from '@/icons/sidebar/videozones-icon.vue'
-import InstrumentWorkZoneIcon from '@/icons/sidebar/instrument-work-zone-icon.vue'
-import WorkshopIcon from '@/icons/sidebar/workshop-icon.vue'
-import WarehousesIcon from '@/icons/sidebar/warehouses-icon.vue'
-import TeamsIcon from '@/icons/sidebar/teams-icon.vue'
-import RolesIcon from '@/icons/sidebar/roles-icon.vue'
-import PositionsIcon from '@/icons/sidebar/positions-icon.vue'
-import PersonIcon from '@/icons/header/PersonIcon.vue'
-import InstrumentOrderIcon from '@/icons/sidebar/instrument-order-icon.vue'
-import PreorderIcon from '@/icons/sidebar/preorder-icon.vue'
-import VideowallIcon from '@/icons/sidebar/videowall-icon.vue'
-import VideosourcesIcon from '@/icons/sidebar/videosources-icon.vue'
-import Tasks_tasksIcon from '@/icons/sidebar/tasks_tasks-icon.vue'
-import Tasks_todayIcon from '@/icons/sidebar/tasks_today-icon.vue'
-import ArrowFrameIcon from '@/icons/components/arrow-frame-icon.vue'
-
-import { computed, defineProps } from 'vue'
-
-interface Props {
-  size?: string | undefined
-  tag?: string | undefined
-  name: string
-  color?: string | undefined
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  tag: '',
-  name: '',
-})
-
-function toPascalCase(str: string): string {
-  if (!str) return ''
-  return str
-    .split('-')
-    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-    .join('')
-}
-const sideBarIcon = computed(
-  () =>
-    ({
-      ProjectsIcon,
-      RepairsIcon,
-      RepairObjectIcon,
-      InstrumentHistoryIcon,
-      StatusHistoryIcon,
-      SettingIcon,
-      PassIcon,
-      AssignModuleIcon,
-      UsersIcon,
-      UserIcon,
-      UserRequestsIcon,
-      WorkzonesIcon,
-      LogoutIcon,
-      LogoIcon,
-      TasksIcon,
-      InstrumentsIcon,
-      OrderIcon,
-      ModulesIcon,
-      NotificationsIcon,
-      VideozonesIcon,
-      InstrumentWorkZoneIcon,
-      WorkshopIcon,
-      WarehousesIcon,
-      TeamsIcon,
-      RolesIcon,
-      PositionsIcon,
-      PersonIcon,
-      InstrumentOrderIcon,
-      PreorderIcon,
-      VideowallIcon,
-      VideosourcesIcon,
-      Tasks_tasksIcon,
-      Tasks_todayIcon,
-      ArrowFrameIcon,
-    })[toPascalCase(props.name)],
-)
-</script>
-
-<style module lang="scss">
-.app-icon {
-  stroke: v-bind(color);
-  fill: none;
-  width: v-bind(size);
-  height: v-bind(size);
-}
-</style>
+<template>
+  <component :is="sideBarIcon" :tag="tag" :class="[$style['app-icon']]" />
+</template>
+
+<script setup lang="ts">
+import ProjectsIcon from '@/icons/sidebar/projects-icon.vue'
+import RepairsIcon from '@/icons/sidebar/repairs-icon.vue'
+import InstrumentHistoryIcon from '@/icons/sidebar/instrument-history-icon.vue'
+import RepairObjectIcon from '@/icons/sidebar/repair-object-icon.vue'
+import StatusHistoryIcon from '@/icons/sidebar/status-history-icon.vue'
+import SettingIcon from '@/icons/header/SettingIcon.vue'
+import PassIcon from '@/icons/sidebar/pass-icon.vue'
+import AssignModuleIcon from '@/icons/sidebar/assign-module-icon.vue'
+import UsersIcon from '@/icons/sidebar/users-icon.vue'
+import UserIcon from '@/icons/sidebar/user-icon.vue'
+import UserRequestsIcon from '@/icons/sidebar/user-requests-icon.vue'
+import WorkzonesIcon from '@/icons/sidebar/workzones-icon.vue'
+import LogoutIcon from '@/icons/sidebar/logout-icon.vue'
+import LogoIcon from '@/icons/sidebar/logo-icon.vue'
+import TasksIcon from '@/icons/sidebar/tasks-icon.vue'
+import InstrumentsIcon from '@/icons/sidebar/instruments-icon.vue'
+import OrderIcon from '@/icons/sidebar/order-icon.vue'
+import ModulesIcon from '@/icons/sidebar/modules-icon.vue'
+import NotificationsIcon from '@/icons/sidebar/notifications-icon.vue'
+import VideozonesIcon from '@/icons/sidebar/videozones-icon.vue'
+import InstrumentWorkZoneIcon from '@/icons/sidebar/instrument-work-zone-icon.vue'
+import WorkshopIcon from '@/icons/sidebar/workshop-icon.vue'
+import WarehousesIcon from '@/icons/sidebar/warehouses-icon.vue'
+import TeamsIcon from '@/icons/sidebar/teams-icon.vue'
+import RolesIcon from '@/icons/sidebar/roles-icon.vue'
+import PositionsIcon from '@/icons/sidebar/positions-icon.vue'
+import PersonIcon from '@/icons/header/PersonIcon.vue'
+import InstrumentOrderIcon from '@/icons/sidebar/instrument-order-icon.vue'
+import PreorderIcon from '@/icons/sidebar/preorder-icon.vue'
+import VideowallIcon from '@/icons/sidebar/videowall-icon.vue'
+import VideosourcesIcon from '@/icons/sidebar/videosources-icon.vue'
+import Tasks_tasksIcon from '@/icons/sidebar/tasks_tasks-icon.vue'
+import Tasks_todayIcon from '@/icons/sidebar/tasks_today-icon.vue'
+import ArrowFrameIcon from '@/icons/components/arrow-frame-icon.vue'
+
+import { computed, defineProps } from 'vue'
+
+interface Props {
+  size?: string | undefined
+  tag?: string | undefined
+  name: string
+  color?: string | undefined
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  tag: '',
+  name: '',
+})
+
+function toPascalCase(str: string): string {
+  if (!str) return ''
+  return str
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join('')
+}
+const sideBarIcon = computed(
+  () =>
+    ({
+      ProjectsIcon,
+      RepairsIcon,
+      RepairObjectIcon,
+      InstrumentHistoryIcon,
+      StatusHistoryIcon,
+      SettingIcon,
+      PassIcon,
+      AssignModuleIcon,
+      UsersIcon,
+      UserIcon,
+      UserRequestsIcon,
+      WorkzonesIcon,
+      LogoutIcon,
+      LogoIcon,
+      TasksIcon,
+      InstrumentsIcon,
+      OrderIcon,
+      ModulesIcon,
+      NotificationsIcon,
+      VideozonesIcon,
+      InstrumentWorkZoneIcon,
+      WorkshopIcon,
+      WarehousesIcon,
+      TeamsIcon,
+      RolesIcon,
+      PositionsIcon,
+      PersonIcon,
+      InstrumentOrderIcon,
+      PreorderIcon,
+      VideowallIcon,
+      VideosourcesIcon,
+      Tasks_tasksIcon,
+      Tasks_todayIcon,
+      ArrowFrameIcon,
+    })[toPascalCase(props.name)],
+)
+</script>
+
+<style module lang="scss">
+.app-icon {
+  stroke: v-bind(color);
+  fill: none;
+  width: v-bind(size);
+  height: v-bind(size);
+}
+</style>

package/src/common/app-icon/Icon.stories.ts

@@ -1,91 +1,91 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import AppIcon from '@/common/app-icon/AppIcon.vue'
-import { quasarColorOpts } from '@/configs/storybook'
-
-const ICON_NAMES = [
-  'projects',
-  'repairs',
-  'instrument-history',
-  'repair-object',
-  'status-history',
-  'setting',
-  'pass',
-  'assign-module',
-  'users',
-  'user',
-  'workzones',
-  'logout',
-  'logo',
-  'tasks',
-  'instruments',
-  'order',
-  'modules',
-  'notifications',
-  'videozones',
-  'instrument-work-zone',
-  'workshop',
-  'warehouses',
-  'teams',
-  'roles',
-  'positions',
-  'person',
-  'instrument-order',
-  'preorder',
-  'videowall',
-  'videosources',
-  'tasks-tasks',
-  'tasks-today',
-  'arrow-frame',
-] as const
-
-const meta: Meta<typeof AppIcon> = {
-  title: 'Components/AppIcon',
-  component: AppIcon,
-  tags: ['autodocs'],
-  argTypes: {
-    name: {
-      control: 'select',
-      options: ICON_NAMES,
-      description: 'Название иконки.',
-    },
-    size: {
-      control: 'text',
-      description: 'Размер иконки (CSS-значение: например, "24px", "1.5em", "100%").',
-    },
-    color: {
-      control: 'select',
-      options: quasarColorOpts,
-      description: 'Цвет иконки из палитры Quasar.',
-    },
-    tag: {
-      control: 'text',
-      description: 'HTML-тег, в который будет обёрнута иконка (например, "span", "div").',
-    },
-  },
-  args: {
-    name: 'user',
-    size: '24px',
-    color: 'primary',
-    tag: '',
-  },
-}
-
-export default meta
-
-type Story = StoryObj<typeof AppIcon>
-
-export const Default: Story = { args: { name: 'person-icon' } }
-
-export const Sizes: Story = {
-  render: () => ({
-    components: { AppIcon },
-    template: `
-        <div style="display: flex; gap: 24px; align-items: center; flex-wrap: wrap;">
-          <AppIcon name="person-icon" size="16px" color="primary" />
-          <AppIcon name="person-icon" size="24px" color="primary" />
-          <AppIcon name="person-icon" size="32px" color="primary" />
-          <AppIcon name="person-icon" size="48px" color="primary" />
-        </div>
-    `,
-  }),
-}
+import type { Meta, StoryObj } from '@storybook/vue3'
+import AppIcon from '@/common/app-icon/AppIcon.vue'
+import { quasarColorOpts } from '@/configs/storybook'
+
+const ICON_NAMES = [
+  'projects',
+  'repairs',
+  'instrument-history',
+  'repair-object',
+  'status-history',
+  'setting',
+  'pass',
+  'assign-module',
+  'users',
+  'user',
+  'workzones',
+  'logout',
+  'logo',
+  'tasks',
+  'instruments',
+  'order',
+  'modules',
+  'notifications',
+  'videozones',
+  'instrument-work-zone',
+  'workshop',
+  'warehouses',
+  'teams',
+  'roles',
+  'positions',
+  'person',
+  'instrument-order',
+  'preorder',
+  'videowall',
+  'videosources',
+  'tasks-tasks',
+  'tasks-today',
+  'arrow-frame',
+] as const
+
+const meta: Meta<typeof AppIcon> = {
+  title: 'Components/AppIcon',
+  component: AppIcon,
+  tags: ['autodocs'],
+  argTypes: {
+    name: {
+      control: 'select',
+      options: ICON_NAMES,
+      description: 'Название иконки.',
+    },
+    size: {
+      control: 'text',
+      description: 'Размер иконки (CSS-значение: например, "24px", "1.5em", "100%").',
+    },
+    color: {
+      control: 'select',
+      options: quasarColorOpts,
+      description: 'Цвет иконки из палитры Quasar.',
+    },
+    tag: {
+      control: 'text',
+      description: 'HTML-тег, в который будет обёрнута иконка (например, "span", "div").',
+    },
+  },
+  args: {
+    name: 'user',
+    size: '24px',
+    color: 'primary',
+    tag: '',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof AppIcon>
+
+export const Default: Story = { args: { name: 'person-icon' } }
+
+export const Sizes: Story = {
+  render: () => ({
+    components: { AppIcon },
+    template: `
+        <div style="display: flex; gap: 24px; align-items: center; flex-wrap: wrap;">
+          <AppIcon name="person-icon" size="16px" color="primary" />
+          <AppIcon name="person-icon" size="24px" color="primary" />
+          <AppIcon name="person-icon" size="32px" color="primary" />
+          <AppIcon name="person-icon" size="48px" color="primary" />
+        </div>
+    `,
+  }),
+}