shared-ritm 1.1.59 → 1.1.61

package/src/common/app-button/AppButton.vue

@@ -1,173 +1,173 @@
-<template>
-  <q-btn
-    v-bind="$props"
-    :class="[$style.wrapper]"
-    :disable="isDisabled"
-    :no-caps="!uppercase"
-    :no-wrap="!wrap"
-    class="hover-bg-secondary hover-text-black"
-    @click="onClick"
-  >
-    <slot></slot>
-    <q-badge
-      v-if="badge"
-      style="padding: 6px; top: -10px; right: -10px; font-size: 12px"
-      :color="badgeColor"
-      :floating="!badgeInline"
-      :rounded="true"
-      >{{ badgeText }}</q-badge
-    >
-    <q-tooltip v-if="tooltip" class="text-body2" :delay="400">{{ tooltip }}</q-tooltip>
-  </q-btn>
-</template>
-
-<script lang="ts" setup>
-import { computed, defineProps, defineEmits } from 'vue'
-
-interface QBtnProps {
-  size?: string | undefined
-  type?: string | undefined
-  to?: string | any | undefined
-  replace?: boolean | undefined
-  href?: string | undefined
-  target?: string | undefined
-  label?: string | number | undefined
-  icon?: string | undefined
-  iconRight?: string | undefined
-  outline?: boolean | undefined
-  flat?: boolean | undefined
-  unelevated?: boolean | undefined
-  rounded?: boolean | undefined
-  push?: boolean | undefined
-  square?: boolean | undefined
-  glossy?: boolean | undefined
-  fab?: boolean | undefined
-  fabMini?: boolean | undefined
-  padding?: string | undefined
-  color?: string | undefined
-  textColor?: string | undefined
-  noCaps?: boolean | undefined
-  noWrap?: boolean | undefined
-  dense?: boolean | undefined
-  ripple?: boolean | any | undefined
-  tabindex?: number | string | undefined
-  align?: 'left' | 'right' | 'center' | 'around' | 'between' | 'evenly' | undefined
-  stack?: boolean | undefined
-  stretch?: boolean | undefined
-  loading?: boolean | undefined
-  round?: boolean | undefined
-  percentage?: number | undefined
-  darkPercentage?: boolean | undefined
-}
-
-interface Props extends QBtnProps {
-  disable?: boolean | ((...args: any[]) => boolean)
-  tooltip?: string
-  uppercase?: boolean
-  xSmall?: boolean
-  small?: boolean
-  large?: boolean
-  fullWidth?: boolean
-  wrap?: boolean
-  largeIcon?: boolean
-  modelValue?: boolean
-  badge?: string | boolean | number
-  badgeColor?: string
-  badgeInline?: boolean
-  link?: boolean
-  borderColor?: string
-  borderRadius?: string
-  borderWidth?: string
-  width?: string
-  height?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  borderRadius: '16px',
-  borderWidth: '1px',
-  width: 'auto',
-  height: 'auto',
-  disable: false,
-})
-
-const emit = defineEmits(['update:modelValue', 'click'])
-
-function onClick(event: any) {
-  emit('click', event)
-  emit('update:modelValue', !props.modelValue)
-}
-
-const badgeText = computed(() => {
-  if (props.badge === undefined || props.badge === false) return ''
-  if (props.badge === true || props.badge === '') return ''
-  return props.badge
-})
-
-// const btnClasses = computed(() => {
-//   return {
-//     '--icon': props.icon && !props.label,
-//     '--width-left-icon': props.icon && props.label,
-//     '--width-right-icon': props.iconRight && props.label,
-//     '--default': !props.small && !props.large && !props.xSmall,
-//     '--x-small': props.xSmall,
-//     '--small': props.small,
-//     '--large': props.large,
-//     '--full-width': props.fullWidth,
-//     '--large-icon': props.largeIcon,
-//     '--is-active': props.modelValue,
-//     '--link': props.link,
-//     '--loading': props.loading,
-//   }
-// })
-
-const isDisabled = computed(() => {
-  return typeof props.disable === 'function' ? props.disable() : props.disable
-})
-</script>
-
-<style lang="scss" module>
-.wrapper {
-  flex: 0 0 auto;
-  width: v-bind(width);
-  height: v-bind(height);
-  &:global(.q-btn--rounded) {
-    border-radius: v-bind(borderRadius);
-  }
-  &:global(.q-btn--outline:before) {
-    border-width: v-bind(borderWidth);
-  }
-  &:global(.q-btn) {
-    color: #0a1629;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 700;
-    font-family: NunitoSansFont, sans-serif;
-  }
-
-  &:global(.--loading) {
-    span:has(> svg) {
-      overflow: hidden;
-    }
-  }
-
-  :global(.q-icon) {
-    font-size: 1.2em;
-  }
-
-  &:global(.--large-icon .q-icon) {
-    font-size: 1.715em;
-  }
-
-  &:global(.--full-width) {
-    width: 100%;
-  }
-
-  &:global(.--link) {
-    padding: 0 8px;
-    display: inline;
-    min-height: unset;
-    font-size: inherit;
-    text-decoration: underline;
-  }
-}
-</style>
+<template>
+  <q-btn
+    v-bind="$props"
+    :class="[$style.wrapper]"
+    :disable="isDisabled"
+    :no-caps="!uppercase"
+    :no-wrap="!wrap"
+    class="hover-bg-secondary hover-text-black"
+    @click="onClick"
+  >
+    <slot></slot>
+    <q-badge
+      v-if="badge"
+      style="padding: 6px; top: -10px; right: -10px; font-size: 12px"
+      :color="badgeColor"
+      :floating="!badgeInline"
+      :rounded="true"
+      >{{ badgeText }}</q-badge
+    >
+    <q-tooltip v-if="tooltip" class="text-body2" :delay="400">{{ tooltip }}</q-tooltip>
+  </q-btn>
+</template>
+
+<script lang="ts" setup>
+import { computed, defineProps, defineEmits } from 'vue'
+
+interface QBtnProps {
+  size?: string | undefined
+  type?: string | undefined
+  to?: string | any | undefined
+  replace?: boolean | undefined
+  href?: string | undefined
+  target?: string | undefined
+  label?: string | number | undefined
+  icon?: string | undefined
+  iconRight?: string | undefined
+  outline?: boolean | undefined
+  flat?: boolean | undefined
+  unelevated?: boolean | undefined
+  rounded?: boolean | undefined
+  push?: boolean | undefined
+  square?: boolean | undefined
+  glossy?: boolean | undefined
+  fab?: boolean | undefined
+  fabMini?: boolean | undefined
+  padding?: string | undefined
+  color?: string | undefined
+  textColor?: string | undefined
+  noCaps?: boolean | undefined
+  noWrap?: boolean | undefined
+  dense?: boolean | undefined
+  ripple?: boolean | any | undefined
+  tabindex?: number | string | undefined
+  align?: 'left' | 'right' | 'center' | 'around' | 'between' | 'evenly' | undefined
+  stack?: boolean | undefined
+  stretch?: boolean | undefined
+  loading?: boolean | undefined
+  round?: boolean | undefined
+  percentage?: number | undefined
+  darkPercentage?: boolean | undefined
+}
+
+interface Props extends QBtnProps {
+  disable?: boolean | ((...args: any[]) => boolean)
+  tooltip?: string
+  uppercase?: boolean
+  xSmall?: boolean
+  small?: boolean
+  large?: boolean
+  fullWidth?: boolean
+  wrap?: boolean
+  largeIcon?: boolean
+  modelValue?: boolean
+  badge?: string | boolean | number
+  badgeColor?: string
+  badgeInline?: boolean
+  link?: boolean
+  borderColor?: string
+  borderRadius?: string
+  borderWidth?: string
+  width?: string
+  height?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  borderRadius: '16px',
+  borderWidth: '1px',
+  width: 'auto',
+  height: 'auto',
+  disable: false,
+})
+
+const emit = defineEmits(['update:modelValue', 'click'])
+
+function onClick(event: any) {
+  emit('click', event)
+  emit('update:modelValue', !props.modelValue)
+}
+
+const badgeText = computed(() => {
+  if (props.badge === undefined || props.badge === false) return ''
+  if (props.badge === true || props.badge === '') return ''
+  return props.badge
+})
+
+// const btnClasses = computed(() => {
+//   return {
+//     '--icon': props.icon && !props.label,
+//     '--width-left-icon': props.icon && props.label,
+//     '--width-right-icon': props.iconRight && props.label,
+//     '--default': !props.small && !props.large && !props.xSmall,
+//     '--x-small': props.xSmall,
+//     '--small': props.small,
+//     '--large': props.large,
+//     '--full-width': props.fullWidth,
+//     '--large-icon': props.largeIcon,
+//     '--is-active': props.modelValue,
+//     '--link': props.link,
+//     '--loading': props.loading,
+//   }
+// })
+
+const isDisabled = computed(() => {
+  return typeof props.disable === 'function' ? props.disable() : props.disable
+})
+</script>
+
+<style lang="scss" module>
+.wrapper {
+  flex: 0 0 auto;
+  width: v-bind(width);
+  height: v-bind(height);
+  &:global(.q-btn--rounded) {
+    border-radius: v-bind(borderRadius);
+  }
+  &:global(.q-btn--outline:before) {
+    border-width: v-bind(borderWidth);
+  }
+  &:global(.q-btn) {
+    color: #0a1629;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    font-family: NunitoSansFont, sans-serif;
+  }
+
+  &:global(.--loading) {
+    span:has(> svg) {
+      overflow: hidden;
+    }
+  }
+
+  :global(.q-icon) {
+    font-size: 1.2em;
+  }
+
+  &:global(.--large-icon .q-icon) {
+    font-size: 1.715em;
+  }
+
+  &:global(.--full-width) {
+    width: 100%;
+  }
+
+  &:global(.--link) {
+    padding: 0 8px;
+    display: inline;
+    min-height: unset;
+    font-size: inherit;
+    text-decoration: underline;
+  }
+}
+</style>

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

@@ -1,104 +1,104 @@
-<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 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 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 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,
-      PassIcon,
-      AssignModuleIcon,
-      UsersIcon,
-      UserIcon,
-      WorkzonesIcon,
-      LogoutIcon,
-      LogoIcon,
-      TasksIcon,
-      InstrumentsIcon,
-      OrderIcon,
-      ModulesIcon,
-      NotificationsIcon,
-      VideozonesIcon,
-      InstrumentWorkZoneIcon,
-      WorkshopIcon,
-      WarehousesIcon,
-      TeamsIcon,
-      RolesIcon,
-      PositionsIcon,
-      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 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 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 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,
+      PassIcon,
+      AssignModuleIcon,
+      UsersIcon,
+      UserIcon,
+      WorkzonesIcon,
+      LogoutIcon,
+      LogoIcon,
+      TasksIcon,
+      InstrumentsIcon,
+      OrderIcon,
+      ModulesIcon,
+      NotificationsIcon,
+      VideozonesIcon,
+      InstrumentWorkZoneIcon,
+      WorkshopIcon,
+      WarehousesIcon,
+      TeamsIcon,
+      RolesIcon,
+      PositionsIcon,
+      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>