shared-ritm 1.3.14 → 1.3.15

package/src/common/app-dropdown/AppDropdown.vue

@@ -1,37 +1,37 @@
-<template>
-  <q-btn-dropdown
-    v-model="model"
-    :color="color"
-    :content-style="{ width: width || '200px', minWidth: height || '200px' }"
-  >
-    <template #label>
-      <slot name="label">
-        {{ label }}
-      </slot>
-    </template>
-    <template #default>
-      <slot name="content" />
-    </template>
-  </q-btn-dropdown>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  label?: string
-  color?: string
-  width?: number
-  height?: number
-}
-
-const props = defineProps<Props>()
-
-const model = defineModel<boolean>()
-</script>
-
-<style scoped lang="scss">
-.q-btn {
-  &:before {
-    box-shadow: none;
-  }
-}
-</style>
+<template>
+  <q-btn-dropdown
+    v-model="model"
+    :color="color"
+    :content-style="{ width: width || '200px', minWidth: height || '200px' }"
+  >
+    <template #label>
+      <slot name="label">
+        {{ label }}
+      </slot>
+    </template>
+    <template #default>
+      <slot name="content" />
+    </template>
+  </q-btn-dropdown>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  label?: string
+  color?: string
+  width?: number
+  height?: number
+}
+
+const props = defineProps<Props>()
+
+const model = defineModel<boolean>()
+</script>
+
+<style scoped lang="scss">
+.q-btn {
+  &:before {
+    box-shadow: none;
+  }
+}
+</style>

package/src/common/app-file/AppFile.vue

@@ -1,80 +1,80 @@
-<template>
-  <div
-    v-if="!!slots['drag-drop']"
-    class="drag-wrapper"
-    @dragover.prevent.stop="isFileHover = true"
-    @dragleave.prevent.stop="isFileHover = false"
-    @drop.prevent.stop="onFileDrop"
-  >
-    <slot name="drag-drop" :isFileHover="isFileHover" />
-  </div>
-  <slot name="default" />
-  <q-file
-    ref="RefFile"
-    v-model="ModelFile"
-    style="display: none"
-    :disable="disabled"
-    :multiple="multiple"
-    :label="label"
-    :accept="accept"
-  />
-</template>
-
-<script setup lang="ts">
-import { computed, defineProps, defineEmits, defineExpose, ref, Ref, useSlots } from 'vue'
-import { QFile } from 'quasar'
-
-interface Props {
-  modelValue: File | File[] | FileList | null
-  label?: string
-  accept?: string
-  multiple?: boolean
-  disabled?: boolean
-}
-
-const emits = defineEmits(['update:modelValue'])
-const props = defineProps<Props>()
-const slots = useSlots()
-
-const RefFile: Ref<any | null> = ref(null)
-
-const isFileHover = ref(false)
-
-const ModelFile = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value: File | File[] | FileList | null) {
-    emits('update:modelValue', value)
-  },
-})
-
-function addKeyToFile(file: File) {
-  Object.defineProperty(file, '__key', {
-    value: `${file.lastModified}${file.name}${file.size}`,
-    writable: false,
-    enumerable: true,
-  })
-  return file
-}
-
-const onFileDrop = (e: DragEvent) => {
-  isFileHover.value = false
-  if (props?.disabled) return
-  if (!e?.dataTransfer?.files?.length) return
-  if (!props.multiple) ModelFile.value = Array.from(e.dataTransfer.files).map(addKeyToFile)?.[0]
-  if (props.multiple) ModelFile.value = Array.from(e.dataTransfer.files).map(addKeyToFile)
-}
-
-defineExpose({
-  removeFile: () => RefFile.value?.removeFile(),
-  pickFiles: () => RefFile.value?.pickFiles(),
-})
-</script>
-
-<style scoped lang="scss">
-.drag-wrapper {
-  width: 100%;
-  height: 100%;
-}
-</style>
+<template>
+  <div
+    v-if="!!slots['drag-drop']"
+    class="drag-wrapper"
+    @dragover.prevent.stop="isFileHover = true"
+    @dragleave.prevent.stop="isFileHover = false"
+    @drop.prevent.stop="onFileDrop"
+  >
+    <slot name="drag-drop" :isFileHover="isFileHover" />
+  </div>
+  <slot name="default" />
+  <q-file
+    ref="RefFile"
+    v-model="ModelFile"
+    style="display: none"
+    :disable="disabled"
+    :multiple="multiple"
+    :label="label"
+    :accept="accept"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, defineEmits, defineExpose, ref, Ref, useSlots } from 'vue'
+import { QFile } from 'quasar'
+
+interface Props {
+  modelValue: File | File[] | FileList | null
+  label?: string
+  accept?: string
+  multiple?: boolean
+  disabled?: boolean
+}
+
+const emits = defineEmits(['update:modelValue'])
+const props = defineProps<Props>()
+const slots = useSlots()
+
+const RefFile: Ref<any | null> = ref(null)
+
+const isFileHover = ref(false)
+
+const ModelFile = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value: File | File[] | FileList | null) {
+    emits('update:modelValue', value)
+  },
+})
+
+function addKeyToFile(file: File) {
+  Object.defineProperty(file, '__key', {
+    value: `${file.lastModified}${file.name}${file.size}`,
+    writable: false,
+    enumerable: true,
+  })
+  return file
+}
+
+const onFileDrop = (e: DragEvent) => {
+  isFileHover.value = false
+  if (props?.disabled) return
+  if (!e?.dataTransfer?.files?.length) return
+  if (!props.multiple) ModelFile.value = Array.from(e.dataTransfer.files).map(addKeyToFile)?.[0]
+  if (props.multiple) ModelFile.value = Array.from(e.dataTransfer.files).map(addKeyToFile)
+}
+
+defineExpose({
+  removeFile: () => RefFile.value?.removeFile(),
+  pickFiles: () => RefFile.value?.pickFiles(),
+})
+</script>
+
+<style scoped lang="scss">
+.drag-wrapper {
+  width: 100%;
+  height: 100%;
+}
+</style>

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

@@ -1,108 +1,108 @@
-<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 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,
-      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 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,
+      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>