bfg-common 1.5.243 → 1.5.245

package/components/common/backup/storage/actions/delete/Delete.vue

@@ -1,65 +1,65 @@
-<template>
-  <common-modals-confirm-by-input
-    :title="localization.common.confirmDeletionDatastoreTitle"
-    :sub-title="props.datastore?.name || ''"
-    test-id="datastore-delete"
-    width="576px"
-    @hide="onHide"
-    @confirm="onDelete"
-  >
-    <template #content>
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodyFirst }}
-      </p>
-
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodySecond }}
-      </p>
-
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodyThird }}
-      </p>
-    </template>
-  </common-modals-confirm-by-input>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DeleteItem } from '~/components/common/backup/storage/actions/delete/lib/models/interfaces'
-import { sendTask } from '~/lib/utils/sendTask'
-import { getBackupTreeNodeIdByTypeFromRoute } from '~/components/common/backup/lib/utils/getBackupOrBackupStorageId'
-
-const props = defineProps<{
-  datastore: UI_I_DeleteItem | null
-}>()
-const emits = defineEmits<{
-  (event: 'delete', value: string): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const targetId = computed<string>(() =>
-  getBackupTreeNodeIdByTypeFromRoute('last')
-)
-const onDelete = (): void => {
-  emits('delete', targetId.value)
-}
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.delete-group__text {
-  @include text($fs: 0.6rem);
-  font-size: 0.6rem;
-  letter-spacing: normal;
-  line-height: 1rem;
-
-  &:first-child {
-    margin-bottom: 1.2em;
-  }
-}
-</style>
+<template>
+  <common-modals-confirm-by-input
+    :title="localization.common.confirmDeletionDatastoreTitle"
+    :sub-title="props.datastore?.name || ''"
+    test-id="datastore-delete"
+    width="576px"
+    @hide="onHide"
+    @confirm="onDelete"
+  >
+    <template #content>
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodyFirst }}
+      </p>
+
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodySecond }}
+      </p>
+
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodyThird }}
+      </p>
+    </template>
+  </common-modals-confirm-by-input>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DeleteItem } from '~/components/common/backup/storage/actions/delete/lib/models/interfaces'
+import { sendTask } from '~/lib/utils/sendTask'
+import { getBackupTreeNodeIdByTypeFromRoute } from '~/components/common/backup/lib/utils/getBackupOrBackupStorageId'
+
+const props = defineProps<{
+  datastore: UI_I_DeleteItem | null
+}>()
+const emits = defineEmits<{
+  (event: 'delete', value: string): void
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const targetId = computed<string>(() =>
+  getBackupTreeNodeIdByTypeFromRoute('last')
+)
+const onDelete = (): void => {
+  emits('delete', targetId.value)
+}
+const onHide = (): void => {
+  emits('hide')
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.delete-group__text {
+  @include text($fs: 0.6rem);
+  font-size: 0.6rem;
+  letter-spacing: normal;
+  line-height: 1rem;
+
+  &:first-child {
+    margin-bottom: 1.2em;
+  }
+}
+</style>

package/components/common/browse/BrowseNew.vue

@@ -37,7 +37,9 @@
                         :class="['browse-tree-item', { active: node.isActive }]"
                       >
                         <span :class="node.iconClassName"></span>
-                        <span class="text-ellipsis">{{ node.name }}</span>
+                        <span class="text-ellipsis datastore-node-name">{{
+                          node.name
+                        }}</span>
                       </div>
                     </template>
                   </ui-tree>
@@ -204,7 +206,7 @@ const selectedFileTypeLocal = computed<any>({
 
 <style scoped lang="scss">
 .file-type-label {
-  color: #4d5d69;
+  color: var(--select-file-type-label);
 }
 
 .new-view-info {
@@ -239,6 +241,10 @@ const selectedFileTypeLocal = computed<any>({
   display: flex;
   align-items: center;
   column-gap: 8px;
+
+  .datastore-node-name {
+    font-size: 12px;
+  }
 }
 .first-block-content {
   :deep(.tree-content) {

package/components/common/browse/blocks/contents/filesNew/Skeleton.vue

@@ -1,18 +1,18 @@
-<template>
-  <div class="skeleton-wrap">
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-  </div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-.skeleton-wrap {
-  display: grid;
-  grid-gap: 12px;
-}
-</style>
+<template>
+  <div class="skeleton-wrap">
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss">
+.skeleton-wrap {
+  display: grid;
+  grid-gap: 12px;
+}
+</style>

package/components/common/context/lib/models/interfaces.ts

@@ -1,31 +1,31 @@
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-
-export interface UI_I_ContextMenuByEvent {
-  event: any
-  node: UI_I_TreeNode
-}
-export interface UI_I_ContextMenu<T = string> {
-  x: number
-  y: number
-  id: string | number
-  type: T
-  titleText: string
-  titleIconClassName: string
-  items: UI_I_ContextMenuItem[]
-}
-export interface UI_I_ContextMenuItem<T = string> {
-  name: string
-  actionType: T | ''
-  iconClassName: string
-  items: UI_I_ContextMenuItem<T>[]
-  shortcut?: string
-  hasBorderTop?: boolean
-  isHeader?: boolean
-  disabled?: boolean
-  development?: boolean
-  isShowItems?: boolean
-  testId?: string
-  style?: {
-    color: string
-  }
-}
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+
+export interface UI_I_ContextMenuByEvent {
+  event: any
+  node: UI_I_TreeNode
+}
+export interface UI_I_ContextMenu<T = string> {
+  x: number
+  y: number
+  id: string | number
+  type: T
+  titleText: string
+  titleIconClassName: string
+  items: UI_I_ContextMenuItem[]
+}
+export interface UI_I_ContextMenuItem<T = string> {
+  name: string
+  actionType: T | ''
+  iconClassName: string
+  items: UI_I_ContextMenuItem<T>[]
+  shortcut?: string
+  hasBorderTop?: boolean
+  isHeader?: boolean
+  disabled?: boolean
+  development?: boolean
+  isShowItems?: boolean
+  testId?: string
+  style?: {
+    color: string
+  }
+}