bfg-common 1.0.76 → 1.0.78

package/components/common/browse/blocks/contents/Files.vue

@@ -1,68 +1,68 @@
-<template>
-  <ul class="file-view__container">
-    <template v-for="file in props.selectedFolderFiles" :key="file.name">
-      <li
-        :class="[
-          'file-view',
-          { selected: file.name === props.selectedFile?.name },
-        ]"
-        @click="onSelectFile(file)"
-      >
-        <span :class="file.iconClassName"></span>
-        <span>{{ file.name }}</span>
-      </li>
-    </template>
-  </ul>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  selectedFolderFiles: any[]
-  selectedFile: any
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-file', file: any): void
-}>()
-
-const onSelectFile = (file: any) => {
-  emits('select-file', file)
-}
-</script>
-
-<style scoped lang="scss">
-.file-view {
-  &__container {
-    list-style-position: inside;
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-
-    li {
-      line-height: 20px;
-      padding: 2px;
-      border-bottom: 1px solid #eee;
-      cursor: pointer;
-
-      &:hover {
-        background-color: #c6e7ff;
-        line-height: 20px;
-        padding: 2px;
-        border-bottom: 1px solid #eee;
-        cursor: pointer;
-      }
-      &.selected {
-        background-color: #a3d7ff;
-      }
-      span {
-        line-height: 20px;
-      }
-      span:first-of-type {
-        width: 16px;
-        height: 16px;
-        line-height: 20px;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <ul class="file-view__container">
+    <template v-for="file in props.selectedFolderFiles" :key="file.name">
+      <li
+        :class="[
+          'file-view',
+          { selected: file.name === props.selectedFile?.name },
+        ]"
+        @click="onSelectFile(file)"
+      >
+        <span :class="file.iconClassName"></span>
+        <span>{{ file.name }}</span>
+      </li>
+    </template>
+  </ul>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  selectedFolderFiles: any[]
+  selectedFile: any
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-file', file: any): void
+}>()
+
+const onSelectFile = (file: any) => {
+  emits('select-file', file)
+}
+</script>
+
+<style scoped lang="scss">
+.file-view {
+  &__container {
+    list-style-position: inside;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+
+    li {
+      line-height: 20px;
+      padding: 2px;
+      border-bottom: 1px solid #eee;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #c6e7ff;
+        line-height: 20px;
+        padding: 2px;
+        border-bottom: 1px solid #eee;
+        cursor: pointer;
+      }
+      &.selected {
+        background-color: #a3d7ff;
+      }
+      span {
+        line-height: 20px;
+      }
+      span:first-of-type {
+        width: 16px;
+        height: 16px;
+        line-height: 20px;
+      }
+    }
+  }
+}
+</style>

package/components/common/browse/blocks/info/Date.vue

@@ -1,21 +1,21 @@
-<template>
-  <div>
-    <span>{{ props.title }}:</span>
-    <span>{{ formattedDateString }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { format } from 'date-fns'
-const props = defineProps<{
-  title: string
-  value: number
-}>()
-
-const getDateString = (dateAlias: number) =>
-  format(new Date(dateAlias), 'MM/dd/yyyy HH:mm:ss a')
-
-const formattedDateString = computed(() => getDateString(props.value))
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div>
+    <span>{{ props.title }}:</span>
+    <span>{{ formattedDateString }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { format } from 'date-fns'
+const props = defineProps<{
+  title: string
+  value: number
+}>()
+
+const getDateString = (dateAlias: number) =>
+  format(new Date(dateAlias), 'MM/dd/yyyy HH:mm:ss a')
+
+const formattedDateString = computed(() => getDateString(props.value))
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/browse/blocks/info/Size.vue

@@ -1,17 +1,17 @@
-<template>
-  <div>
-    <span>{{ props.title }}:</span>
-    <span>{{ size }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  title: string
-  value: number
-}>()
-const { $binary } = useNuxtApp()
-const size = computed(() => $binary.round(props.value, true))
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div>
+    <span>{{ props.title }}:</span>
+    <span>{{ size }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  title: string
+  value: number
+}>()
+const { $binary } = useNuxtApp()
+const size = computed(() => $binary.round(props.value, true))
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/browse/blocks/info/Text.vue

@@ -1,17 +1,17 @@
-<template>
-  <div>
-    <span>{{ props.title }}:</span>
-    <span>{{ props.value }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  title: string
-  value: string
-}>()
-</script>
-
-<style scoped lang="scss">
-
+<template>
+  <div>
+    <span>{{ props.title }}:</span>
+    <span>{{ props.value }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  title: string
+  value: string
+}>()
+</script>
+
+<style scoped lang="scss">
+
 </style>

package/components/common/browse/blocks/models/types.ts

@@ -1 +1 @@
-export type UI_T_BlocksWidth = [number, number, number]
+export type UI_T_BlocksWidth = [number, number, number]

package/components/common/browse/models/interfaces.ts

@@ -1,5 +1,5 @@
-export interface UI_I_FileInfo {
-  type: string
-  title: string
-  value: string | number
-}
+export interface UI_I_FileInfo {
+  type: string
+  title: string
+  value: string | number
+}

package/components/common/context/Context.spec.ts

@@ -1,20 +1,20 @@
-import { describe, test, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import Context from './Context.vue'
-
-describe('Context.vue', () => {
-  test('testing popup position', () => {
-    const wrapper = mount(Context, {
-      props: {
-        contextMenu: {
-          x: 100,
-          y: 200,
-        },
-      },
-    })
-
-    const popup = wrapper.find('.context-popup')
-    expect(popup.attributes().style).toContain('100px')
-    expect(popup.attributes().style).toContain('200px')
-  })
-})
+import { describe, test, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import Context from './Context.vue'
+
+describe('Context.vue', () => {
+  test('testing popup position', () => {
+    const wrapper = mount(Context, {
+      props: {
+        contextMenu: {
+          x: 100,
+          y: 200,
+        },
+      },
+    })
+
+    const popup = wrapper.find('.context-popup')
+    expect(popup.attributes().style).toContain('100px')
+    expect(popup.attributes().style).toContain('200px')
+  })
+})

package/components/common/context/Context.vue

@@ -1,97 +1,97 @@
-<template>
-  <div
-    class="context-popup"
-    :style="{
-      top: currentContextMenuY,
-      left: currentContextMenuX,
-    }"
-  >
-    <common-context-recursion
-      :action-loading="props.actionLoading"
-      :items="props.contextMenu.items"
-      @select-item="selectItem"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  UI_I_ContextMenuItem,
-  UI_I_ContextMenu,
-} from '~/components/common/context/models/interfaces'
-
-const props = defineProps<{
-  contextMenu: UI_I_ContextMenu
-  actionLoading: string | null
-}>()
-const emits = defineEmits<{
-  (event: 'select-item', value: UI_I_ContextMenuItem): void
-  (event: 'hide'): void
-}>()
-const selectItem = (item: UI_I_ContextMenuItem): void => {
-  emits('select-item', item)
-}
-
-const windowMousedown = () => {
-  emits('hide')
-}
-onMounted(() => {
-  window.addEventListener('mousedown', windowMousedown)
-})
-onUnmounted(() => {
-  window.removeEventListener('mousedown', windowMousedown)
-})
-
-const currentContextMenuY = ref('')
-const currentContextMenuX = ref('')
-const setCurrentPositionsPopup = (): void => {
-  const contextMenuY = props.contextMenu.y
-  const contextMenuX = props.contextMenu.x
-
-  const contextWrap: HTMLElement | null =
-    document.querySelector('.context-wrap')
-  const contextW = contextWrap?.offsetWidth || 0
-  const contextH = contextWrap?.offsetHeight || 0
-
-  const windowW = window.innerWidth
-  const windowH = window.innerHeight
-
-  if (contextMenuY + contextH >= windowH) {
-    currentContextMenuY.value = 'auto'
-  } else {
-    currentContextMenuY.value = `${contextMenuY}px`
-  }
-
-  if (contextMenuX + contextW >= windowW) {
-    const divisionW = windowW - contextW
-    currentContextMenuX.value = `${divisionW}px`
-  } else {
-    currentContextMenuX.value = `${contextMenuX}px`
-  }
-}
-
-watch(
-  () => props.contextMenu.y,
-  (val) => {
-    if (!val) return
-
-    setTimeout(() => {
-      setCurrentPositionsPopup()
-    }, 0)
-  }
-)
-</script>
-
-<style scoped lang="scss">
-.context-popup {
-  top: -9999px;
-  left: -9999px;
-  bottom: 0;
-  border: none;
-  box-sizing: content-box;
-  overflow: visible;
-  display: block;
-  position: fixed;
-  z-index: 10002;
-}
-</style>
+<template>
+  <div
+    class="context-popup"
+    :style="{
+      top: currentContextMenuY,
+      left: currentContextMenuX,
+    }"
+  >
+    <common-context-recursion
+      :action-loading="props.actionLoading"
+      :items="props.contextMenu.items"
+      @select-item="selectItem"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  UI_I_ContextMenuItem,
+  UI_I_ContextMenu,
+} from '~/components/common/context/models/interfaces'
+
+const props = defineProps<{
+  contextMenu: UI_I_ContextMenu
+  actionLoading: string | null
+}>()
+const emits = defineEmits<{
+  (event: 'select-item', value: UI_I_ContextMenuItem): void
+  (event: 'hide'): void
+}>()
+const selectItem = (item: UI_I_ContextMenuItem): void => {
+  emits('select-item', item)
+}
+
+const windowMousedown = () => {
+  emits('hide')
+}
+onMounted(() => {
+  window.addEventListener('mousedown', windowMousedown)
+})
+onUnmounted(() => {
+  window.removeEventListener('mousedown', windowMousedown)
+})
+
+const currentContextMenuY = ref('')
+const currentContextMenuX = ref('')
+const setCurrentPositionsPopup = (): void => {
+  const contextMenuY = props.contextMenu.y
+  const contextMenuX = props.contextMenu.x
+
+  const contextWrap: HTMLElement | null =
+    document.querySelector('.context-wrap')
+  const contextW = contextWrap?.offsetWidth || 0
+  const contextH = contextWrap?.offsetHeight || 0
+
+  const windowW = window.innerWidth
+  const windowH = window.innerHeight
+
+  if (contextMenuY + contextH >= windowH) {
+    currentContextMenuY.value = 'auto'
+  } else {
+    currentContextMenuY.value = `${contextMenuY}px`
+  }
+
+  if (contextMenuX + contextW >= windowW) {
+    const divisionW = windowW - contextW
+    currentContextMenuX.value = `${divisionW}px`
+  } else {
+    currentContextMenuX.value = `${contextMenuX}px`
+  }
+}
+
+watch(
+  () => props.contextMenu.y,
+  (val) => {
+    if (!val) return
+
+    setTimeout(() => {
+      setCurrentPositionsPopup()
+    }, 0)
+  }
+)
+</script>
+
+<style scoped lang="scss">
+.context-popup {
+  top: -9999px;
+  left: -9999px;
+  bottom: 0;
+  border: none;
+  box-sizing: content-box;
+  overflow: visible;
+  display: block;
+  position: fixed;
+  z-index: 10002;
+}
+</style>

package/components/common/context/ContextRecursion.spec.ts

@@ -1,55 +1,55 @@
-// import { describe, test, expect } from 'vitest'
-// import { mount } from '@vue/test-utils'
-// import ContextRecursion from './ContextRecursion.vue'
-//
-// const items = [
-//   {
-//     text: 'parent',
-//     actionType: 'addParent',
-//     iconClassName: 'icon-parent',
-//     isHeader: false,
-//     disabled: false,
-//     isShowItems: false,
-//     items: [
-//       {
-//         text: 'child',
-//         actionType: 'addChild',
-//         iconClassName: 'icon-child',
-//         isHeader: false,
-//         disabled: true,
-//         isShowItems: false,
-//         items: []
-//       }
-//     ]
-//   }
-// ]
-//
-// const factory = () => {
-//   return mount(ContextRecursion, {
-//     props: {
-//       items
-//     }
-//   })
-// }
-//
-// describe('ContextRecursion.vue', () => {
-//   test('testing select item', async () => {
-//     const wrapper = await factory()
-//
-//     const item = wrapper.find('.menu-item')
-//     await item.trigger('click')
-//     expect(wrapper.emitted().selectItem[0][0].actionType).toBe('addParent')
-//   })
-//   test('testing show items', async () => {
-//     const wrapper = await factory()
-//
-//     const item = wrapper.find('.context-link')
-//     await item.trigger('mouseenter')
-//     const popupContextRecursion1 = wrapper.find('atoms-popup-context-recursion')
-//     expect(popupContextRecursion1.exists()).toBe(true)
-//
-//     await item.trigger('mouseleave')
-//     const popupContextRecursion2 = wrapper.find('atoms-popup-context-recursion')
-//     expect(popupContextRecursion2.exists()).toBe(false)
-//   })
-// })
+// import { describe, test, expect } from 'vitest'
+// import { mount } from '@vue/test-utils'
+// import ContextRecursion from './ContextRecursion.vue'
+//
+// const items = [
+//   {
+//     text: 'parent',
+//     actionType: 'addParent',
+//     iconClassName: 'icon-parent',
+//     isHeader: false,
+//     disabled: false,
+//     isShowItems: false,
+//     items: [
+//       {
+//         text: 'child',
+//         actionType: 'addChild',
+//         iconClassName: 'icon-child',
+//         isHeader: false,
+//         disabled: true,
+//         isShowItems: false,
+//         items: []
+//       }
+//     ]
+//   }
+// ]
+//
+// const factory = () => {
+//   return mount(ContextRecursion, {
+//     props: {
+//       items
+//     }
+//   })
+// }
+//
+// describe('ContextRecursion.vue', () => {
+//   test('testing select item', async () => {
+//     const wrapper = await factory()
+//
+//     const item = wrapper.find('.menu-item')
+//     await item.trigger('click')
+//     expect(wrapper.emitted().selectItem[0][0].actionType).toBe('addParent')
+//   })
+//   test('testing show items', async () => {
+//     const wrapper = await factory()
+//
+//     const item = wrapper.find('.context-link')
+//     await item.trigger('mouseenter')
+//     const popupContextRecursion1 = wrapper.find('atoms-popup-context-recursion')
+//     expect(popupContextRecursion1.exists()).toBe(true)
+//
+//     await item.trigger('mouseleave')
+//     const popupContextRecursion2 = wrapper.find('atoms-popup-context-recursion')
+//     expect(popupContextRecursion2.exists()).toBe(false)
+//   })
+// })