bfg-common 1.4.557 → 1.4.559

package/components/common/browse/BrowseNew.vue

@@ -1,237 +1,237 @@
-<template>
-  <ui-modal
-    v-if="props.show"
-    :title="localization.common.selectFile"
-    test-id="browse"
-    size="md"
-    show
-    width="864px"
-    :texts="modalButtonsText"
-    :is-disabled-accept="!props.selectedFile"
-    @submit="emits('submit')"
-    @hide="emits('hide')"
-  >
-    <template #content>
-      <div class="browse-container">
-        <common-browse-blocks-container
-          type="horizontal"
-          :blocks-width="props.blocksWidth"
-          @change-widths="onChangeWidths"
-        >
-          <template #firstBlock>
-            <common-browse-blocks-title-new
-              :width="props.blocksWidth[0]"
-              :title="localization.common.datastores"
-              :sorting="props.firstBlockSorting"
-              @sort="emits('sort-first')"
-            >
-              <template #content>
-                <div>
-                  <ui-tree
-                    :nodes="props.nodesLocalWithLoading"
-                    @toggle-node="onShowNodes"
-                    @select-node="onSelectNode"
-                  >
-                    <template #content="{ node }">
-                      <div
-                        :class="['browse-tree-item', { active: node.isActive }]"
-                      >
-                        <span :class="node.iconClassName"></span>
-                        <span class="text-ellipsis">{{ node.name }}</span>
-                      </div>
-                    </template>
-                  </ui-tree>
-                </div>
-              </template>
-            </common-browse-blocks-title-new>
-          </template>
-          <template #secondBlock>
-            <common-browse-blocks-title-new
-              :width="props.blocksWidth[1]"
-              :title="localization.common.contents"
-              :sorting="props.secondBlockSorting"
-              position="second-block"
-              @sort="emits('sort-second')"
-            >
-              <template #content>
-                <common-browse-blocks-contents-files
-                  :selected-folder-files="props.filesLocal"
-                  :selected-file="props.selectedFile"
-                  :files-loading="props.filesLoading"
-                  @select-file="onSelectFile"
-                />
-              </template>
-            </common-browse-blocks-title-new>
-          </template>
-          <template #thirdBlock>
-            <common-browse-blocks-title-new
-              :width="props.blocksWidth[2]"
-              :title="localization.common.information"
-              position="third-block"
-            >
-              <template v-if="props.info" #content>
-                <div class="new-view-info">
-                  <div class="new-view-info_prop">
-                    <template v-for="item in props.info" :key="item.title">
-                      <span class="new-view-info_prop-item">
-                        {{ item.title }}:
-                      </span>
-                    </template>
-                  </div>
-                  <div class="text-ellipsis">
-                    <div v-for="item in props.info" :key="item.title">
-                      <common-browse-blocks-info-text
-                        v-if="item.type === 'text'"
-                        :title="item.title"
-                        :value="item.value"
-                      />
-                      <common-browse-blocks-info-size
-                        v-if="item.type === 'size'"
-                        :title="item.title"
-                        :value="item.value"
-                      />
-                      <common-browse-blocks-info-date
-                        v-if="item.type === 'date'"
-                        :title="item.title"
-                        :value="item.value"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </template>
-            </common-browse-blocks-title-new>
-          </template>
-        </common-browse-blocks-container>
-        <div v-if="props.fileTypes" class="ptm">
-          <b>{{ localization.common.fileType }}:</b>
-          <select
-            v-model="selectedFileTypeLocal"
-            :data-id="`${props.testId}-select`"
-          >
-            <option
-              v-for="item in props.fileTypes"
-              :key="item.value"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </div>
-    </template>
-    <template #footerLeftContent>
-      <span></span>
-    </template>
-  </ui-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_FileInfo } from '~/components/common/browse/lib/models/interfaces'
-import type { UI_T_BlocksWidth } from '~/components/common/browse/blocks/lib/models/types'
-
-const props = defineProps<{
-  show: boolean
-  selectedFile: any | null
-  blocksWidth: UI_T_BlocksWidth
-  firstBlockSorting: [boolean, boolean]
-  secondBlockSorting: [boolean, boolean]
-  nodesLocalWithLoading: any[]
-  filesLocal: any[]
-  filesLoading: boolean
-  selectedFileType?: any
-  testId?: string
-  fileTypes?: UI_I_OptionItem[]
-  info: UI_I_FileInfo[] | null
-}>()
-
-const emits = defineEmits<{
-  (event: 'change-widths', value1: number, value2: number): void
-  (event: 'sort-first'): void
-  (event: 'sort-second'): void
-  (event: 'toggle-node', value: { node: any | null; cb: () => void }): void
-  (event: 'select-node', value: any): void
-  (event: 'select-file', value: any): void
-  (event: 'update:selected-file-type', value: any): void
-  (event: 'submit'): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const modalButtonsText = computed<UI_I_ModalTexts>(() => ({
-  button1: localization.value.common.cancel,
-  button2: localization.value.common.select,
-}))
-
-const onChangeWidths = (width: number, index: number): void => {
-  emits('change-widths', width, index)
-}
-
-const onShowNodes = (data: { node: any | null; cb: () => void }): void => {
-  emits('toggle-node', data)
-}
-
-const onSelectNode = (node: any): void => {
-  emits('select-node', node)
-}
-
-const onSelectFile = (file: any): void => {
-  emits('select-file', file)
-}
-
-const selectedFileTypeLocal = computed<any>({
-  get() {
-    return props.selectedFileType
-  },
-  set(newValue) {
-    emits('update:selected-file-type', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss">
-.ptm {
-  padding-top: 5px;
-
-  select {
-    outline: none;
-    border-color: rgb(118, 118, 118);
-    color: rgb(133, 133, 133);
-    margin-left: 5px;
-  }
-}
-
-.new-view-info {
-  display: flex;
-
-  &_prop {
-    margin-right: 16px;
-
-    &-item {
-      display: block;
-      font-size: 12px;
-      font-weight: 500;
-      line-height: 14.52px;
-      color: #9da6ad;
-      padding-bottom: 12px;
-    }
-  }
-}
-
-:deep(.node-wrapper) {
-  border-radius: 4px;
-}
-
-.browse-container {
-  padding: 0 32px;
-}
-
-.browse-tree-item {
-  display: flex;
-  align-items: center;
-  column-gap: 8px;
-}
-</style>
+<template>
+  <!--  v-if="props.show"-->
+  <ui-modal
+    :show="props.show"
+    :title="localization.common.selectFile"
+    test-id="browse"
+    size="md"
+    width="864px"
+    :texts="modalButtonsText"
+    :is-disabled-accept="!props.selectedFile"
+    @submit="emits('submit')"
+    @hide="emits('hide')"
+  >
+    <template #content>
+      <div class="browse-container">
+        <common-browse-blocks-container
+          type="horizontal"
+          :blocks-width="props.blocksWidth"
+          @change-widths="onChangeWidths"
+        >
+          <template #firstBlock>
+            <common-browse-blocks-title-new
+              :width="props.blocksWidth[0]"
+              :title="localization.common.datastores"
+              :sorting="props.firstBlockSorting"
+              @sort="emits('sort-first')"
+            >
+              <template #content>
+                <div>
+                  <ui-tree
+                    :nodes="props.nodesLocalWithLoading"
+                    @toggle-node="onShowNodes"
+                    @select-node="onSelectNode"
+                  >
+                    <template #content="{ node }">
+                      <div
+                        :class="['browse-tree-item', { active: node.isActive }]"
+                      >
+                        <span :class="node.iconClassName"></span>
+                        <span class="text-ellipsis">{{ node.name }}</span>
+                      </div>
+                    </template>
+                  </ui-tree>
+                </div>
+              </template>
+            </common-browse-blocks-title-new>
+          </template>
+          <template #secondBlock>
+            <common-browse-blocks-title-new
+              :width="props.blocksWidth[1]"
+              :title="localization.common.contents"
+              :sorting="props.secondBlockSorting"
+              position="second-block"
+              @sort="emits('sort-second')"
+            >
+              <template #content>
+                <common-browse-blocks-contents-files
+                  :selected-folder-files="props.filesLocal"
+                  :selected-file="props.selectedFile"
+                  :files-loading="props.filesLoading"
+                  @select-file="onSelectFile"
+                />
+              </template>
+            </common-browse-blocks-title-new>
+          </template>
+          <template #thirdBlock>
+            <common-browse-blocks-title-new
+              :width="props.blocksWidth[2]"
+              :title="localization.common.information"
+              position="third-block"
+            >
+              <template v-if="props.info" #content>
+                <div class="new-view-info">
+                  <div class="new-view-info_prop">
+                    <template v-for="item in props.info" :key="item.title">
+                      <span class="new-view-info_prop-item">
+                        {{ item.title }}:
+                      </span>
+                    </template>
+                  </div>
+                  <div class="text-ellipsis">
+                    <div v-for="item in props.info" :key="item.title">
+                      <common-browse-blocks-info-text
+                        v-if="item.type === 'text'"
+                        :title="item.title"
+                        :value="item.value"
+                      />
+                      <common-browse-blocks-info-size
+                        v-if="item.type === 'size'"
+                        :title="item.title"
+                        :value="item.value"
+                      />
+                      <common-browse-blocks-info-date
+                        v-if="item.type === 'date'"
+                        :title="item.title"
+                        :value="item.value"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </template>
+            </common-browse-blocks-title-new>
+          </template>
+        </common-browse-blocks-container>
+        <div v-if="props.fileTypes" class="ptm">
+          <b>{{ localization.common.fileType }}:</b>
+          <select
+            v-model="selectedFileTypeLocal"
+            :data-id="`${props.testId}-select`"
+          >
+            <option
+              v-for="item in props.fileTypes"
+              :key="item.value"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </div>
+    </template>
+    <template #footerLeftContent>
+      <span></span>
+    </template>
+  </ui-modal>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_FileInfo } from '~/components/common/browse/lib/models/interfaces'
+import type { UI_T_BlocksWidth } from '~/components/common/browse/blocks/lib/models/types'
+
+const props = defineProps<{
+  show: boolean
+  selectedFile: any | null
+  blocksWidth: UI_T_BlocksWidth
+  firstBlockSorting: [boolean, boolean]
+  secondBlockSorting: [boolean, boolean]
+  nodesLocalWithLoading: any[]
+  filesLocal: any[]
+  filesLoading: boolean
+  selectedFileType?: any
+  testId?: string
+  fileTypes?: UI_I_OptionItem[]
+  info: UI_I_FileInfo[] | null
+}>()
+
+const emits = defineEmits<{
+  (event: 'change-widths', value1: number, value2: number): void
+  (event: 'sort-first'): void
+  (event: 'sort-second'): void
+  (event: 'toggle-node', value: { node: any | null; cb: () => void }): void
+  (event: 'select-node', value: any): void
+  (event: 'select-file', value: any): void
+  (event: 'update:selected-file-type', value: any): void
+  (event: 'submit'): void
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const modalButtonsText = computed<UI_I_ModalTexts>(() => ({
+  button1: localization.value.common.cancel,
+  button2: localization.value.common.select,
+}))
+
+const onChangeWidths = (width: number, index: number): void => {
+  emits('change-widths', width, index)
+}
+
+const onShowNodes = (data: { node: any | null; cb: () => void }): void => {
+  emits('toggle-node', data)
+}
+
+const onSelectNode = (node: any): void => {
+  emits('select-node', node)
+}
+
+const onSelectFile = (file: any): void => {
+  emits('select-file', file)
+}
+
+const selectedFileTypeLocal = computed<any>({
+  get() {
+    return props.selectedFileType
+  },
+  set(newValue) {
+    emits('update:selected-file-type', newValue)
+  },
+})
+</script>
+
+<style scoped lang="scss">
+.ptm {
+  padding-top: 5px;
+
+  select {
+    outline: none;
+    border-color: rgb(118, 118, 118);
+    color: rgb(133, 133, 133);
+    margin-left: 5px;
+  }
+}
+
+.new-view-info {
+  display: flex;
+
+  &_prop {
+    margin-right: 16px;
+
+    &-item {
+      display: block;
+      font-size: 12px;
+      font-weight: 500;
+      line-height: 14.52px;
+      color: #9da6ad;
+      padding-bottom: 12px;
+    }
+  }
+}
+
+:deep(.node-wrapper) {
+  border-radius: 4px;
+}
+
+.browse-container {
+  padding: 0 32px;
+}
+
+.browse-tree-item {
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+}
+</style>

package/components/common/browse/BrowseOld.vue

@@ -1,217 +1,217 @@
-<template>
-  <atoms-modal
-    test-id="browse"
-    width="864px"
-    height="586px"
-    :show="props.show"
-    :title="localization.common.selectFile"
-    :disabled-submit="!props.selectedFile"
-    @submit="emits('submit')"
-    @hide="emits('hide')"
-  >
-    <template #modalBody>
-      <div class="filter-content">
-        <atoms-the-icon
-          width="16"
-          class="filter-icon"
-          name="filter"
-          fill="#666"
-        />
-        <input
-          type="text"
-          data-id="browse-filter-input"
-          :placeholder="localization.common.filter"
-        />
-      </div>
-      <common-browse-blocks-container
-        type="horizontal"
-        :blocks-width="props.blocksWidth"
-        @change-widths="onChangeWidths"
-      >
-        <template #firstBlock>
-          <common-browse-blocks-title-old
-            :width="props.blocksWidth[0]"
-            :title="localization.common.datastores"
-            :sorting="props.firstBlockSorting"
-            @sort="emits('sort-first')"
-          >
-            <template #content>
-              <div>
-                <common-recursion-tree
-                  :nodes="props.nodesLocal"
-                  class="recursion-tree"
-                  @get-nodes="onShowNodes"
-                  @select-node="onSelectNode"
-                />
-              </div>
-            </template>
-          </common-browse-blocks-title-old>
-        </template>
-        <template #secondBlock>
-          <common-browse-blocks-title-old
-            :width="props.blocksWidth[1]"
-            :title="localization.common.contents"
-            :sorting="props.secondBlockSorting"
-            @sort="emits('sort-second')"
-          >
-            <template #content>
-              <common-browse-blocks-contents-files
-                :selected-folder-files="props.filesLocal"
-                :selected-file="props.selectedFile"
-                :files-loading="props.filesLoading"
-                @select-file="onSelectFile"
-              />
-            </template>
-          </common-browse-blocks-title-old>
-        </template>
-        <template #thirdBlock>
-          <common-browse-blocks-title-old
-            :width="props.blocksWidth[2]"
-            :title="localization.common.information"
-          >
-            <template v-if="props.info" #content>
-              <div
-                v-for="item in props.info"
-                :key="item.title"
-                class="info-container"
-              >
-                <common-browse-blocks-info-text
-                  v-if="item.type === 'text'"
-                  :title="item.title"
-                  :value="item.value"
-                />
-                <common-browse-blocks-info-size
-                  v-if="item.type === 'size'"
-                  :title="item.title"
-                  :value="item.value"
-                />
-                <common-browse-blocks-info-date
-                  v-if="item.type === 'date'"
-                  :title="item.title"
-                  :value="item.value"
-                />
-              </div>
-            </template>
-          </common-browse-blocks-title-old>
-        </template>
-      </common-browse-blocks-container>
-      <div v-if="props.fileTypes" class="ptm">
-        <b>{{ localization.common.fileType }}:</b>
-        <select
-          v-model="selectedFileTypeLocal"
-          :data-id="`${props.testId}-select`"
-        >
-          <option
-            v-for="item in props.fileTypes"
-            :key="item.value"
-            :value="item.value"
-          >
-            {{ item.text }}
-          </option>
-        </select>
-      </div>
-    </template>
-  </atoms-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_FileInfo } from '~/components/common/browse/lib/models/interfaces'
-import type { UI_T_BlocksWidth } from '~/components/common/browse/blocks/lib/models/types'
-
-const props = defineProps<{
-  show: boolean
-  selectedFile: any | null
-  blocksWidth: UI_T_BlocksWidth
-  firstBlockSorting: [boolean, boolean]
-  secondBlockSorting: [boolean, boolean]
-  nodesLocal: any[]
-  filesLocal: any[]
-  filesLoading: boolean
-  selectedFileType?: any
-  testId?: string
-  fileTypes?: UI_I_OptionItem[]
-  info: UI_I_FileInfo[] | null
-}>()
-
-const emits = defineEmits<{
-  (event: 'change-widths', value1: number, value2: number): void
-  (event: 'sort-first'): void
-  (event: 'sort-second'): void
-  (event: 'toggle-node', value: { node: any | null; cb: () => void }): void
-  (event: 'select-node', value: any): void
-  (event: 'select-file', value: any): void
-  (event: 'update:selected-file-type', value: any): void
-  (event: 'submit'): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onChangeWidths = (width: number, index: number): void => {
-  emits('change-widths', width, index)
-}
-
-const onShowNodes = (data: { node: any | null; cb: () => void }): void => {
-  emits('toggle-node', data)
-}
-
-const onSelectNode = (node: any): void => {
-  emits('select-node', node)
-}
-
-const onSelectFile = (file: any): void => {
-  emits('select-file', file)
-}
-
-const selectedFileTypeLocal = computed<any>({
-  get() {
-    return props.selectedFileType
-  },
-  set(newValue) {
-    emits('update:selected-file-type', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss">
-:deep(.recursion-tree) {
-  .tree-node-text-drag {
-    border-radius: 3px 0 0 3px;
-  }
-}
-
-:deep(.modal-body) {
-  overflow: hidden;
-  min-height: 430px;
-}
-
-.info-container {
-  padding: 3px;
-  div {
-    line-height: 17px;
-    span {
-      font-size: 13px;
-      font-weight: 400;
-    }
-  }
-}
-
-.ptm {
-  padding-top: 5px;
-
-  select {
-    outline: none;
-    border-color: rgb(118, 118, 118);
-    color: rgb(133, 133, 133);
-    margin-left: 5px;
-  }
-}
-
-.filter-content {
-  display: flex;
-  justify-content: flex-end;
-  margin-bottom: 6px;
-}
-</style>
+<template>
+  <atoms-modal
+    :show="props.show"
+    test-id="browse"
+    width="864px"
+    height="586px"
+    :title="localization.common.selectFile"
+    :disabled-submit="!props.selectedFile"
+    @submit="emits('submit')"
+    @hide="emits('hide')"
+  >
+    <template #modalBody>
+      <div class="filter-content">
+        <atoms-the-icon
+          width="16"
+          class="filter-icon"
+          name="filter"
+          fill="#666"
+        />
+        <input
+          type="text"
+          data-id="browse-filter-input"
+          :placeholder="localization.common.filter"
+        />
+      </div>
+      <common-browse-blocks-container
+        type="horizontal"
+        :blocks-width="props.blocksWidth"
+        @change-widths="onChangeWidths"
+      >
+        <template #firstBlock>
+          <common-browse-blocks-title-old
+            :width="props.blocksWidth[0]"
+            :title="localization.common.datastores"
+            :sorting="props.firstBlockSorting"
+            @sort="emits('sort-first')"
+          >
+            <template #content>
+              <div>
+                <common-recursion-tree
+                  :nodes="props.nodesLocal"
+                  class="recursion-tree"
+                  @get-nodes="onShowNodes"
+                  @select-node="onSelectNode"
+                />
+              </div>
+            </template>
+          </common-browse-blocks-title-old>
+        </template>
+        <template #secondBlock>
+          <common-browse-blocks-title-old
+            :width="props.blocksWidth[1]"
+            :title="localization.common.contents"
+            :sorting="props.secondBlockSorting"
+            @sort="emits('sort-second')"
+          >
+            <template #content>
+              <common-browse-blocks-contents-files
+                :selected-folder-files="props.filesLocal"
+                :selected-file="props.selectedFile"
+                :files-loading="props.filesLoading"
+                @select-file="onSelectFile"
+              />
+            </template>
+          </common-browse-blocks-title-old>
+        </template>
+        <template #thirdBlock>
+          <common-browse-blocks-title-old
+            :width="props.blocksWidth[2]"
+            :title="localization.common.information"
+          >
+            <template v-if="props.info" #content>
+              <div
+                v-for="item in props.info"
+                :key="item.title"
+                class="info-container"
+              >
+                <common-browse-blocks-info-text
+                  v-if="item.type === 'text'"
+                  :title="item.title"
+                  :value="item.value"
+                />
+                <common-browse-blocks-info-size
+                  v-if="item.type === 'size'"
+                  :title="item.title"
+                  :value="item.value"
+                />
+                <common-browse-blocks-info-date
+                  v-if="item.type === 'date'"
+                  :title="item.title"
+                  :value="item.value"
+                />
+              </div>
+            </template>
+          </common-browse-blocks-title-old>
+        </template>
+      </common-browse-blocks-container>
+      <div v-if="props.fileTypes" class="ptm">
+        <b>{{ localization.common.fileType }}:</b>
+        <select
+          v-model="selectedFileTypeLocal"
+          :data-id="`${props.testId}-select`"
+        >
+          <option
+            v-for="item in props.fileTypes"
+            :key="item.value"
+            :value="item.value"
+          >
+            {{ item.text }}
+          </option>
+        </select>
+      </div>
+    </template>
+  </atoms-modal>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_FileInfo } from '~/components/common/browse/lib/models/interfaces'
+import type { UI_T_BlocksWidth } from '~/components/common/browse/blocks/lib/models/types'
+
+const props = defineProps<{
+  show: boolean
+  selectedFile: any | null
+  blocksWidth: UI_T_BlocksWidth
+  firstBlockSorting: [boolean, boolean]
+  secondBlockSorting: [boolean, boolean]
+  nodesLocal: any[]
+  filesLocal: any[]
+  filesLoading: boolean
+  selectedFileType?: any
+  testId?: string
+  fileTypes?: UI_I_OptionItem[]
+  info: UI_I_FileInfo[] | null
+}>()
+
+const emits = defineEmits<{
+  (event: 'change-widths', value1: number, value2: number): void
+  (event: 'sort-first'): void
+  (event: 'sort-second'): void
+  (event: 'toggle-node', value: { node: any | null; cb: () => void }): void
+  (event: 'select-node', value: any): void
+  (event: 'select-file', value: any): void
+  (event: 'update:selected-file-type', value: any): void
+  (event: 'submit'): void
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onChangeWidths = (width: number, index: number): void => {
+  emits('change-widths', width, index)
+}
+
+const onShowNodes = (data: { node: any | null; cb: () => void }): void => {
+  emits('toggle-node', data)
+}
+
+const onSelectNode = (node: any): void => {
+  emits('select-node', node)
+}
+
+const onSelectFile = (file: any): void => {
+  emits('select-file', file)
+}
+
+const selectedFileTypeLocal = computed<any>({
+  get() {
+    return props.selectedFileType
+  },
+  set(newValue) {
+    emits('update:selected-file-type', newValue)
+  },
+})
+</script>
+
+<style scoped lang="scss">
+:deep(.recursion-tree) {
+  .tree-node-text-drag {
+    border-radius: 3px 0 0 3px;
+  }
+}
+
+:deep(.modal-body) {
+  overflow: hidden;
+  min-height: 430px;
+}
+
+.info-container {
+  padding: 3px;
+  div {
+    line-height: 17px;
+    span {
+      font-size: 13px;
+      font-weight: 400;
+    }
+  }
+}
+
+.ptm {
+  padding-top: 5px;
+
+  select {
+    outline: none;
+    border-color: rgb(118, 118, 118);
+    color: rgb(133, 133, 133);
+    margin-left: 5px;
+  }
+}
+
+.filter-content {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 6px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue

@@ -182,7 +182,7 @@
     <Teleport to="body">
 <!--      v-if="props.isShowFileModal"-->
       <common-vm-actions-common-customize-hardware-virtual-hardware-browse-view
-        show
+        :show="props.isShowFileModal"
         :nodes="props.nodes"
         :files="props.files"
         :files-loading="props.filesLoading"

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue

@@ -134,7 +134,7 @@
     <Teleport to="body">
 <!--      v-if="props.isShowFileModal"-->
       <common-vm-actions-common-customize-hardware-virtual-hardware-browse-view
-        show
+        :show="props.isShowFileModal"
         :nodes="props.nodes"
         :files="props.files"
         :files-loading="props.filesLoading"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.557",
+  "version": "1.4.559",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",