shared-ritm 1.1.86 → 1.1.88

package/src/common/app-sidebar/components/SidebarMenuItem.vue

@@ -1,146 +1,146 @@
-<template>
-  <q-expansion-item
-    v-if="item.items"
-    :model-value="isRouteActive(item) && expand"
-    header-class="text-purple"
-    :class="[$style['menu-item'], { 'expansion-item-active': isRouteActive(item) && minify }]"
-    @update:model-value="expand = $event"
-  >
-    <template #header>
-      <q-tooltip
-        v-if="minify"
-        :delay="100"
-        transition-show="jump-right"
-        transition-hide="jump-left"
-        anchor="center right"
-        self="center left"
-      >
-        {{ item.label }}
-      </q-tooltip>
-
-      <q-item-section v-if="item.icon" avatar>
-        <app-icon :name="item.icon" color="white" size="24px" />
-      </q-item-section>
-
-      <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
-    </template>
-
-    <sidebar-menu-item
-      v-for="(subItem, index) in item.items"
-      :key="index"
-      :item="subItem"
-      :main="main"
-      :is-route-active="isRouteActive"
-    />
-  </q-expansion-item>
-  <q-item
-    v-else-if="item.name !== 'sign-out'"
-    v-ripple
-    :class="$style['menu-item']"
-    :active="isRouteActive(item)"
-    active-class="menu-active"
-    clickable
-    :to="main ? item.to : ''"
-    @click="goToRoute(item.to)"
-  >
-    <q-item-section v-if="item.icon" avatar>
-      <app-icon :name="item.icon" color="white" size="24px" />
-    </q-item-section>
-
-    <q-item-section :class="$style['menu-item__label']">
-      <p>{{ item.label }}</p>
-    </q-item-section>
-    <q-tooltip
-      :delay="100"
-      transition-show="jump-right"
-      transition-hide="jump-left"
-      anchor="center right"
-      self="center left"
-    >
-      {{ item.label }}
-    </q-tooltip>
-  </q-item>
-</template>
-
-<script lang="ts" setup>
-import { defineProps, ref } from 'vue'
-import AppIcon from '@/common/app-icon/AppIcon.vue'
-
-interface Props {
-  minify?: boolean
-  main: boolean
-  isRouteActive: (item: any) => boolean
-  item: {
-    name: string
-    label: string
-    icon: string
-    href: string
-    to: string
-    items: any[]
-  }
-}
-
-const emits = defineEmits(['goToRoute'])
-const props = defineProps<Props>()
-
-const expand = ref(true)
-
-const goToRoute = (to: string) => {
-  if (!props.main) window.location.href = to
-}
-</script>
-
-<style lang="scss" scoped>
-.expansion-item-active {
-  background: rgba(243, 249, 253, 0.1);
-  border-radius: 10px;
-}
-</style>
-
-<style lang="scss" module>
-.menu-item {
-  margin: 0 8px;
-  &:global(.menu-active) {
-    border-radius: 10px;
-    background: rgba(243, 249, 253, 0.1);
-  }
-  :global(.q-item__section--avatar) {
-    min-width: 24px;
-    padding-right: 14px;
-  }
-
-  :global(.q-expansion-item__content .q-item) {
-    padding-left: 20px;
-  }
-  :global(.q-item__section--main ~ .q-item__section--side) {
-    color: white;
-  }
-  &__label {
-    color: #fff;
-    font-family: 'Nunito Sans', sans-serif;
-    font-size: 16px;
-    font-weight: 300;
-    p {
-      display: inline-block;
-      max-width: 160px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      margin: 0;
-    }
-  }
-}
-
-@media (max-width: 1440px) {
-  .menu-item {
-    margin: 0 4px;
-    :global(.q-item__section--avatar) {
-      min-width: 24px;
-      padding-right: 10px;
-    }
-    &__label {
-      font-size: 14px;
-    }
-  }
-}
-</style>
+<template>
+  <q-expansion-item
+    v-if="item.items"
+    :model-value="isRouteActive(item) && expand"
+    header-class="text-purple"
+    :class="[$style['menu-item'], { 'expansion-item-active': isRouteActive(item) && minify }]"
+    @update:model-value="expand = $event"
+  >
+    <template #header>
+      <q-tooltip
+        v-if="minify"
+        :delay="100"
+        transition-show="jump-right"
+        transition-hide="jump-left"
+        anchor="center right"
+        self="center left"
+      >
+        {{ item.label }}
+      </q-tooltip>
+
+      <q-item-section v-if="item.icon" avatar>
+        <app-icon :name="item.icon" color="white" size="24px" />
+      </q-item-section>
+
+      <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
+    </template>
+
+    <sidebar-menu-item
+      v-for="(subItem, index) in item.items"
+      :key="index"
+      :item="subItem"
+      :main="main"
+      :is-route-active="isRouteActive"
+    />
+  </q-expansion-item>
+  <q-item
+    v-else-if="item.name !== 'sign-out'"
+    v-ripple
+    :class="$style['menu-item']"
+    :active="isRouteActive(item)"
+    active-class="menu-active"
+    clickable
+    :to="main ? item.to : ''"
+    @click="goToRoute(item.to)"
+  >
+    <q-item-section v-if="item.icon" avatar>
+      <app-icon :name="item.icon" color="white" size="24px" />
+    </q-item-section>
+
+    <q-item-section :class="$style['menu-item__label']">
+      <p>{{ item.label }}</p>
+    </q-item-section>
+    <q-tooltip
+      :delay="100"
+      transition-show="jump-right"
+      transition-hide="jump-left"
+      anchor="center right"
+      self="center left"
+    >
+      {{ item.label }}
+    </q-tooltip>
+  </q-item>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, ref } from 'vue'
+import AppIcon from '@/common/app-icon/AppIcon.vue'
+
+interface Props {
+  minify?: boolean
+  main: boolean
+  isRouteActive: (item: any) => boolean
+  item: {
+    name: string
+    label: string
+    icon: string
+    href: string
+    to: string
+    items: any[]
+  }
+}
+
+const emits = defineEmits(['goToRoute'])
+const props = defineProps<Props>()
+
+const expand = ref(true)
+
+const goToRoute = (to: string) => {
+  if (!props.main) window.location.href = to
+}
+</script>
+
+<style lang="scss" scoped>
+.expansion-item-active {
+  background: rgba(243, 249, 253, 0.1);
+  border-radius: 10px;
+}
+</style>
+
+<style lang="scss" module>
+.menu-item {
+  margin: 0 8px;
+  &:global(.menu-active) {
+    border-radius: 10px;
+    background: rgba(243, 249, 253, 0.1);
+  }
+  :global(.q-item__section--avatar) {
+    min-width: 24px;
+    padding-right: 14px;
+  }
+
+  :global(.q-expansion-item__content .q-item) {
+    padding-left: 20px;
+  }
+  :global(.q-item__section--main ~ .q-item__section--side) {
+    color: white;
+  }
+  &__label {
+    color: #fff;
+    font-family: 'Nunito Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    p {
+      display: inline-block;
+      max-width: 160px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin: 0;
+    }
+  }
+}
+
+@media (max-width: 1440px) {
+  .menu-item {
+    margin: 0 4px;
+    :global(.q-item__section--avatar) {
+      min-width: 24px;
+      padding-right: 10px;
+    }
+    &__label {
+      font-size: 14px;
+    }
+  }
+}
+</style>

package/src/common/app-toggle/AppToggle.vue

@@ -1,23 +1,23 @@
-<template>
-  <div>
-    <q-toggle v-model="value" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-interface Props {
-  modelValue: any
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits(['update:modelValue', 'number'])
-
-const value = computed({
-  get: () => props.modelValue,
-  set: (newValue: any) => emit('update:modelValue', newValue),
-})
-</script>
-
-<style module lang="scss"></style>
+<template>
+  <div>
+    <q-toggle v-model="value" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Props {
+  modelValue: any
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits(['update:modelValue', 'number'])
+
+const value = computed({
+  get: () => props.modelValue,
+  set: (newValue: any) => emit('update:modelValue', newValue),
+})
+</script>
+
+<style module lang="scss"></style>

package/src/global.d.ts

@@ -1 +1 @@
-declare module 'shared-ritm'
+declare module 'shared-ritm'

package/src/icons/components/arrow-down-icon.vue

@@ -1,25 +1,25 @@
-<script>
-export default {
-  name: 'ArrowDownIcon',
-}
-</script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M15.53 10.74L12 14.26L8.47003 10.74"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<script>
+export default {
+  name: 'ArrowDownIcon',
+}
+</script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.53 10.74L12 14.26L8.47003 10.74"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/components/arrow-frame-icon.vue

@@ -1,19 +1,19 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M8.46997 13.26L12 9.73999L15.53 13.26"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.46997 13.26L12 9.73999L15.53 13.26"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/components/arrow-square.vue

@@ -1,22 +1,22 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M10.7402 15.53L14.2602 12L10.7402 8.46997"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.7402 15.53L14.2602 12L10.7402 8.46997"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<style scoped lang="scss"></style>

package/src/icons/header/flashIcon.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M6.08998 13.28H9.17998V20.48C9.17998 22.16 10.09 22.5 11.2 21.24L18.77 12.64C19.7 11.59 19.31 10.72 17.9 10.72H14.81V3.52002C14.81 1.84002 13.9 1.50002 12.79 2.76002L5.21998 11.36C4.29998 12.42 4.68998 13.28 6.08998 13.28Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M9.18005 20.4798C9.18005 22.1598 10.0901 22.4998 11.2001 21.2398L18.7701 12.6398C19.7001 11.5898 19.3101 10.7198 17.9001 10.7198H14.8101"
-      stroke="#408CFF"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
-
-<style scoped lang="stylus"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M6.08998 13.28H9.17998V20.48C9.17998 22.16 10.09 22.5 11.2 21.24L18.77 12.64C19.7 11.59 19.31 10.72 17.9 10.72H14.81V3.52002C14.81 1.84002 13.9 1.50002 12.79 2.76002L5.21998 11.36C4.29998 12.42 4.68998 13.28 6.08998 13.28Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.18005 20.4798C9.18005 22.1598 10.0901 22.4998 11.2001 21.2398L18.7701 12.6398C19.7001 11.5898 19.3101 10.7198 17.9001 10.7198H14.8101"
+      stroke="#408CFF"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<style scoped lang="stylus"></style>

package/src/icons/header/notificationIcon.vue

@@ -1,18 +1,18 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path d="M12 6.43994V9.76994" stroke="#408CFF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" />
-    <path
-      d="M12.0199 2C8.3399 2 5.3599 4.98 5.3599 8.66V10.76C5.3599 11.44 5.0799 12.46 4.7299 13.04L3.4599 15.16C2.6799 16.47 3.2199 17.93 4.6599 18.41C9.4399 20 14.6099 20 19.3899 18.41C20.7399 17.96 21.3199 16.38 20.5899 15.16L19.3199 13.04C18.9699 12.46 18.6899 11.43 18.6899 10.76V8.66C18.6799 5 15.6799 2 12.0199 2Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-    />
-    <path
-      d="M15.33 18.8199C15.33 20.6499 13.83 22.1499 12 22.1499C11.09 22.1499 10.25 21.7699 9.65004 21.1699C9.05004 20.5699 8.67004 19.7299 8.67004 18.8199"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-    />
-  </svg>
-</template>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M12 6.43994V9.76994" stroke="#408CFF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" />
+    <path
+      d="M12.0199 2C8.3399 2 5.3599 4.98 5.3599 8.66V10.76C5.3599 11.44 5.0799 12.46 4.7299 13.04L3.4599 15.16C2.6799 16.47 3.2199 17.93 4.6599 18.41C9.4399 20 14.6099 20 19.3899 18.41C20.7399 17.96 21.3199 16.38 20.5899 15.16L19.3199 13.04C18.9699 12.46 18.6899 11.43 18.6899 10.76V8.66C18.6799 5 15.6799 2 12.0199 2Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M15.33 18.8199C15.33 20.6499 13.83 22.1499 12 22.1499C11.09 22.1499 10.25 21.7699 9.65004 21.1699C9.05004 20.5699 8.67004 19.7299 8.67004 18.8199"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+    />
+  </svg>
+</template>

package/src/icons/header/searchStatusIcon.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M20 11C20 15.97 15.97 20 11 20C6.03 20 2 15.97 2 11C2 6.03 6.03 2 11 2"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M18.9299 20.6898C19.4599 22.2898 20.6699 22.4498 21.5999 21.0498C22.4499 19.7698 21.8899 18.7198 20.3499 18.7198C19.2099 18.7098 18.5699 19.5998 18.9299 20.6898Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path d="M14 5H20" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-    <path d="M14 8H17" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-  </svg>
-</template>
-
-<style scoped lang="stylus"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M20 11C20 15.97 15.97 20 11 20C6.03 20 2 15.97 2 11C2 6.03 6.03 2 11 2"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18.9299 20.6898C19.4599 22.2898 20.6699 22.4498 21.5999 21.0498C22.4499 19.7698 21.8899 18.7198 20.3499 18.7198C19.2099 18.7098 18.5699 19.5998 18.9299 20.6898Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M14 5H20" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M14 8H17" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  </svg>
+</template>
+
+<style scoped lang="stylus"></style>