bfg-common 1.5.583 → 1.5.584

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/CODE_STYLE.md +109 -109
  2. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  3. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  4. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  5. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  6. package/assets/localization/local_be.json +3 -1
  7. package/assets/localization/local_en.json +3 -1
  8. package/assets/localization/local_hy.json +3 -1
  9. package/assets/localization/local_kk.json +3 -1
  10. package/assets/localization/local_ru.json +3 -1
  11. package/assets/localization/local_zh.json +3 -1
  12. package/components/atoms/TheIcon3.vue +50 -50
  13. package/components/atoms/collapse/CollapseNav.vue +170 -170
  14. package/components/atoms/perPage/PerPage.vue +58 -58
  15. package/components/atoms/table/dataGrid/DataGrid.vue +1718 -1718
  16. package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
  17. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  18. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  19. package/components/common/backup/storage/actions/add/Add.vue +252 -251
  20. package/components/common/backup/storage/actions/add/Old.vue +3 -2
  21. package/components/common/backup/storage/actions/add/lib/utils.ts +51 -51
  22. package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue +2 -2
  23. package/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails.ts +7 -7
  24. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  25. package/components/common/diagramMain/modals/lib/config/portModal.ts +251 -251
  26. package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
  27. package/components/common/diagramMain/port/Port.vue +580 -580
  28. package/components/common/layout/theHeader/helpMenu/About.vue +79 -79
  29. package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue +79 -79
  30. package/components/common/monitor/overview/filters/lib/config/filterOptions.ts +2 -2
  31. package/components/common/pages/backups/DetailView.vue +52 -52
  32. package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
  33. package/components/common/pages/backups/modals/Modals.vue +243 -243
  34. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  35. package/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions.ts +69 -69
  36. package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
  37. package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
  38. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  39. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  40. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  41. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  42. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  43. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  44. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  45. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  46. package/components/common/select/radio/RadioGroup.vue +137 -137
  47. package/components/common/spiceConsole/Drawer.vue +420 -420
  48. package/components/common/spiceConsole/SpiceConsole.vue +184 -184
  49. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  50. package/components/common/tools/Actions.vue +207 -207
  51. package/components/common/treeView/TreeView.vue +52 -52
  52. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  53. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  54. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryNew.vue +158 -158
  55. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryOld.vue +155 -155
  56. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  57. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  59. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  61. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  62. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  63. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  64. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  65. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  66. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  67. package/components/common/vm/actions/common/select/storage/Old.vue +125 -125
  68. package/components/common/vm/actions/common/select/storage/Storage.vue +178 -178
  69. package/components/common/vm/actions/common/select/storage/new/New.vue +311 -311
  70. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  71. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  72. package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
  73. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  74. package/components/common/vm/actions/register/Register.vue +352 -352
  75. package/components/common/vm/actions/register/lib/config/steps.ts +86 -86
  76. package/components/common/wizards/common/compatibility/Compatibility.vue +35 -35
  77. package/components/common/wizards/common/compatibility/New.vue +99 -99
  78. package/components/common/wizards/common/compatibility/Old.vue +53 -53
  79. package/components/common/wizards/common/steps/computeResource/ComputeResource.vue +86 -86
  80. package/components/common/wizards/common/steps/computeResource/New.vue +93 -93
  81. package/components/common/wizards/common/steps/computeResource/Old.vue +104 -103
  82. package/components/common/wizards/common/steps/name/Name.vue +178 -178
  83. package/components/common/wizards/common/steps/name/New.vue +221 -221
  84. package/components/common/wizards/common/steps/name/Old.vue +121 -121
  85. package/components/common/wizards/common/steps/name/lib/models/interfaces.ts +4 -4
  86. package/components/common/wizards/common/steps/name/location/Location.vue +85 -85
  87. package/components/common/wizards/common/steps/name/location/New.vue +40 -40
  88. package/components/common/wizards/common/steps/name/location/Old.vue +1 -0
  89. package/components/common/wizards/datastore/add/Add.vue +228 -228
  90. package/components/common/wizards/datastore/add/lib/utils.ts +85 -85
  91. package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
  92. package/components/common/wizards/vm/migrate/select/computeResource/ComputeResource.vue +205 -205
  93. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  94. package/composables/useAppVersion.ts +21 -21
  95. package/composables/useLocal.ts +6 -6
  96. package/composables/useLocalCommon.ts +39 -39
  97. package/package.json +1 -1
  98. package/plugins/console.ts +21 -21
  99. package/plugins/date.ts +233 -233
  100. package/plugins/mouse.ts +21 -21
  101. package/plugins/panelStates.ts +70 -70
  102. package/plugins/text.ts +59 -59
  103. package/public/spice-console/application/clientgui.js +854 -854
  104. package/public/spice-console/application/packetfactory.js +211 -211
  105. package/public/spice-console/application/virtualmouse.js +147 -147
  106. package/public/spice-console/lib/images/bitmap.js +203 -203
  107. package/public/spice-console/network/spicechannel.js +440 -440
  108. package/public/spice-console/process/cursorprocess.js +121 -121
  109. package/public/spice-console/process/inputprocess.js +227 -227
  110. package/public/spice-console/process/mainprocess.js +210 -210
  111. package/public/spice-console/run.js +210 -210
  112. package/store/main/mutations.ts +7 -7
  113. package/store/main/state.ts +7 -7
@@ -3048,6 +3048,7 @@
3048
3048
  "timeRangeShouldNotBeMoreThanValidTo": "Указаны дыяпазон часу несапраўдны. Яно не павінна перавышаць {0}.",
3049
3049
  "overview": "Агляд",
3050
3050
  "spaceUtilization": "Выкарыстанне прасторы",
3051
+ "hyperConvergedInfrastructure": "Гіперканвергентная інфраструктура",
3051
3052
  "changeCustomInterval": "Зменіце карыстацкі інтэрвал",
3052
3053
  "measuresInPackets": "Меры ў пакетах",
3053
3054
  "packets": "пакет",
@@ -3087,7 +3088,8 @@
3087
3088
  "drsRecommendations": "Рэкамендацыі DRS",
3088
3089
  "applyRecommendations": "Прымяняць рэкамендацыі",
3089
3090
  "runDrsNow": "Запусціце DRS прама зараз",
3090
- "apply": "Прымяняць"
3091
+ "apply": "Прымяняць",
3092
+ "informationNotAvailable": "Інфармацыя недаступная"
3091
3093
  },
3092
3094
  "inventoryTabs": {
3093
3095
  "summary": "Рэзюмэ",
@@ -3052,6 +3052,7 @@
3052
3052
  "timeRangeShouldNotBeMoreThanValidTo": "The specified time range is not valid. It should not be more than {0}.",
3053
3053
  "overview": "Overview",
3054
3054
  "spaceUtilization": "Space Utilization",
3055
+ "hyperConvergedInfrastructure": "Hyper-Converged Infrastructure",
3055
3056
  "changeCustomInterval": "Change custom interval",
3056
3057
  "measuresInPackets": "Measures in packets",
3057
3058
  "packets": "packets",
@@ -3091,7 +3092,8 @@
3091
3092
  "drsRecommendations": "DRS Recommendations",
3092
3093
  "applyRecommendations": "Apply Recommendations",
3093
3094
  "runDrsNow": "Run DRS Now",
3094
- "apply": "Apply"
3095
+ "apply": "Apply",
3096
+ "informationNotAvailable": "Information not available"
3095
3097
  },
3096
3098
  "inventoryTabs": {
3097
3099
  "summary": "Summary",
@@ -3052,6 +3052,7 @@
3052
3052
  "timeRangeShouldNotBeMoreThanValidTo": "Նշված ժամանակային միջակայքը վավեր չէ: Այն չպետք է լինի {0}-ից ավելի:",
3053
3053
  "overview": "Ակնարկ",
3054
3054
  "spaceUtilization": "Օգտագործելով տարածություն",
3055
+ "hyperConvergedInfrastructure": "Գեր-կոնվերգենտ ենթակառուցվածք",
3055
3056
  "changeCustomInterval": "Փոխեք օգտագործողի միջակայքը",
3056
3057
  "measuresInPackets": "Միջոցառումներ փաթեթներում",
3057
3058
  "packets": "փաթեթներ",
@@ -3091,7 +3092,8 @@
3091
3092
  "drsRecommendations": "DRS առաջարկություններ",
3092
3093
  "applyRecommendations": "Կիրառել առաջարկություններ",
3093
3094
  "runDrsNow": "Գործարկել DRS-ը հիմա",
3094
- "apply": "Դիմել"
3095
+ "apply": "Դիմել",
3096
+ "informationNotAvailable": "Տեղեկությունը հասանելի չէ"
3095
3097
  },
3096
3098
  "inventoryTabs": {
3097
3099
  "summary": "Ամփոփում",
@@ -3051,6 +3051,7 @@
3051
3051
  "timeRangeShouldNotBeMoreThanValidTo": "Көрсетілген уақыт аралығы жарамсыз. Ол {0} аспауы керек.",
3052
3052
  "overview": "Шолу",
3053
3053
  "spaceUtilization": "Кеңістікті пайдалану",
3054
+ "hyperConvergedInfrastructure": "Гиперконвергенттік инфрақұрылым",
3054
3055
  "changeCustomInterval": "Пайдаланушы аралығын өзгертіңіз",
3055
3056
  "measuresInPackets": "Пакеттердегі шаралар",
3056
3057
  "packets": "пакеттер",
@@ -3090,7 +3091,8 @@
3090
3091
  "drsRecommendations": "DRS Ұсыныстары",
3091
3092
  "applyRecommendations": "Ұсыныстарды Қолдану",
3092
3093
  "runDrsNow": "ҚАЗІР DRS іске қосыңыз",
3093
- "apply": "Өтініш беру"
3094
+ "apply": "Өтініш беру",
3095
+ "informationNotAvailable": "Ақпарат қолжетімді емес"
3094
3096
  },
3095
3097
  "inventoryTabs": {
3096
3098
  "summary": "Түйіндеме",
@@ -3051,6 +3051,7 @@
3051
3051
  "timeRangeShouldNotBeMoreThanValidTo": "Указанный временной диапазон недействителен. Он не должен быть больше {0}.",
3052
3052
  "overview": "Обзор",
3053
3053
  "spaceUtilization": "Использование пространства",
3054
+ "hyperConvergedInfrastructure": "Гиперконвергентная инфраструктура",
3054
3055
  "changeCustomInterval": "Измените пользовательский интервал",
3055
3056
  "measuresInPackets": "Меры в пакетах",
3056
3057
  "packets": "пакеты",
@@ -3090,7 +3091,8 @@
3090
3091
  "drsRecommendations": "Рекомендации DRS",
3091
3092
  "applyRecommendations": "Применять рекомендации",
3092
3093
  "runDrsNow": "Запустите DRS прямо сейчас",
3093
- "apply": "Применять"
3094
+ "apply": "Применять",
3095
+ "informationNotAvailable": "Информация недоступна"
3094
3096
  },
3095
3097
  "inventoryTabs": {
3096
3098
  "summary": "Сводка",
@@ -3049,6 +3049,7 @@
3049
3049
  "timeRangeShouldNotBeMoreThanValidTo": "指定的时间范围无效。它不应超过 {0}。",
3050
3050
  "overview": "概述",
3051
3051
  "spaceUtilization": "空间利用",
3052
+ "hyperConvergedInfrastructure": "超融合基础架构",
3052
3053
  "changeCustomInterval": "更改自定义间隔",
3053
3054
  "measuresInPackets": "数据包中的措施",
3054
3055
  "packets": "数据包",
@@ -3088,7 +3089,8 @@
3088
3089
  "drsRecommendations": "DRS建议",
3089
3090
  "applyRecommendations": "应用建议",
3090
3091
  "runDrsNow": "现在运行DRS",
3091
- "apply": "申请"
3092
+ "apply": "申请",
3093
+ "informationNotAvailable": "信息不可用"
3092
3094
  },
3093
3095
  "inventoryTabs": {
3094
3096
  "summary": "概括",
@@ -1,50 +1,50 @@
1
- <template>
2
- <template v-if="props.name === 'zabbix'">
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="80"
6
- height="22"
7
- viewBox="0 0 80 22"
8
- fill="none"
9
- >
10
- <g clip-path="url(#clip0_2691_29714)">
11
- <path d="M0 0.522461H80V21.477H0V0.522461Z" fill="#D40000" />
12
- <path
13
- d="M3.42089 3.71582H14.9889V5.2187L5.6782 16.625H15.2164V18.2836H3.19336V16.7807L12.504 5.37438H3.42089V3.71582ZM23.0402 5.65779L20.3378 12.9087H25.7526L23.0402 5.65779ZM21.9145 3.71582H24.1738L29.7862 18.2836H27.7145L26.3753 14.5473H19.735L18.3938 18.2836H16.2922L21.9145 3.71582ZM33.9176 11.326V16.663H37.113C38.1848 16.663 38.9791 16.4434 39.496 16.0043C40.013 15.5652 40.2704 14.8926 40.2704 13.9905C40.2704 13.0804 40.013 12.4078 39.496 11.9747C38.9791 11.5436 38.1848 11.326 37.113 11.326H33.9176ZM33.9176 5.33446V9.72535H36.8675C37.8415 9.72535 38.566 9.54373 39.043 9.18447C39.52 8.82322 39.7575 8.27237 39.7575 7.5319C39.7575 6.79743 39.518 6.24657 39.043 5.88332C38.566 5.52008 37.8415 5.33646 36.8675 5.33646H33.9176V5.33446ZM31.9257 3.71582H37.0152C38.534 3.71582 39.7056 4.02717 40.5259 4.65188C41.3482 5.27658 41.7573 6.16474 41.7573 7.31635C41.7573 8.2065 41.5478 8.91703 41.1266 9.44393C40.7055 9.97084 40.0868 10.3002 39.2725 10.4299C40.2525 10.6375 41.0129 11.0706 41.5558 11.7312C42.0986 12.3918 42.3701 13.2161 42.3701 14.2041C42.3701 15.5054 41.923 16.5093 41.0289 17.2198C40.1347 17.9283 38.8614 18.2836 37.2128 18.2836H31.9257V3.71582ZM47.5573 11.326V16.663H50.7547C51.8265 16.663 52.6208 16.4434 53.1357 16.0043C53.6527 15.5652 53.9101 14.8926 53.9101 13.9905C53.9101 13.0804 53.6527 12.4078 53.1357 11.9747C52.6188 11.5436 51.8245 11.326 50.7547 11.326H47.5573ZM47.5573 5.33446V9.72535H50.5072C51.4812 9.72535 52.2057 9.54373 52.6827 9.18447C53.1597 8.82322 53.3972 8.27237 53.3972 7.5319C53.3972 6.79743 53.1597 6.24657 52.6827 5.88332C52.2057 5.52008 51.4812 5.33646 50.5072 5.33646H47.5573V5.33446ZM45.5654 3.71582H50.6549C52.1737 3.71582 53.3453 4.02717 54.1656 4.65188C54.9879 5.27658 55.399 6.16474 55.399 7.31635C55.399 8.2065 55.1895 8.91703 54.7683 9.44393C54.3472 9.97084 53.7285 10.3002 52.9142 10.4299C53.8942 10.6375 54.6546 11.0706 55.1975 11.7312C55.7403 12.3918 56.0118 13.2161 56.0118 14.2041C56.0118 15.5054 55.5647 16.5093 54.6706 17.2198C53.7764 17.9283 52.503 18.2836 50.8545 18.2836H45.5654V3.71582ZM64.9732 3.71582H67.1646L70.6274 8.94697L74.1242 3.71582H76.2418L71.6833 10.5397L76.8086 18.2836H74.6172L70.5835 12.1882L66.51 18.2836H64.3924L69.5297 10.5955L64.9732 3.71582ZM59.2031 3.71582H61.195V18.2836H59.2031V3.71582Z"
14
- fill="white"
15
- />
16
- </g>
17
- <defs>
18
- <clipPath id="clip0_2691_29714">
19
- <rect
20
- width="80"
21
- height="20.96"
22
- fill="white"
23
- transform="translate(0 0.519531)"
24
- />
25
- </clipPath>
26
- </defs>
27
- </svg>
28
- </template>
29
- <template v-else><span></span></template>
30
- </template>
31
-
32
- <script setup lang="ts">
33
- const props = withDefaults(
34
- defineProps<{
35
- name: string
36
- type?: string
37
- color?: string
38
- width?: string
39
- height?: string
40
- }>(),
41
- {
42
- type: '',
43
- color: 'currentColor',
44
- width: '24',
45
- height: '24',
46
- }
47
- )
48
- </script>
49
-
50
- <style scoped lang="scss"></style>
1
+ <template>
2
+ <template v-if="props.name === 'zabbix'">
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ width="80"
6
+ height="22"
7
+ viewBox="0 0 80 22"
8
+ fill="none"
9
+ >
10
+ <g clip-path="url(#clip0_2691_29714)">
11
+ <path d="M0 0.522461H80V21.477H0V0.522461Z" fill="#D40000" />
12
+ <path
13
+ d="M3.42089 3.71582H14.9889V5.2187L5.6782 16.625H15.2164V18.2836H3.19336V16.7807L12.504 5.37438H3.42089V3.71582ZM23.0402 5.65779L20.3378 12.9087H25.7526L23.0402 5.65779ZM21.9145 3.71582H24.1738L29.7862 18.2836H27.7145L26.3753 14.5473H19.735L18.3938 18.2836H16.2922L21.9145 3.71582ZM33.9176 11.326V16.663H37.113C38.1848 16.663 38.9791 16.4434 39.496 16.0043C40.013 15.5652 40.2704 14.8926 40.2704 13.9905C40.2704 13.0804 40.013 12.4078 39.496 11.9747C38.9791 11.5436 38.1848 11.326 37.113 11.326H33.9176ZM33.9176 5.33446V9.72535H36.8675C37.8415 9.72535 38.566 9.54373 39.043 9.18447C39.52 8.82322 39.7575 8.27237 39.7575 7.5319C39.7575 6.79743 39.518 6.24657 39.043 5.88332C38.566 5.52008 37.8415 5.33646 36.8675 5.33646H33.9176V5.33446ZM31.9257 3.71582H37.0152C38.534 3.71582 39.7056 4.02717 40.5259 4.65188C41.3482 5.27658 41.7573 6.16474 41.7573 7.31635C41.7573 8.2065 41.5478 8.91703 41.1266 9.44393C40.7055 9.97084 40.0868 10.3002 39.2725 10.4299C40.2525 10.6375 41.0129 11.0706 41.5558 11.7312C42.0986 12.3918 42.3701 13.2161 42.3701 14.2041C42.3701 15.5054 41.923 16.5093 41.0289 17.2198C40.1347 17.9283 38.8614 18.2836 37.2128 18.2836H31.9257V3.71582ZM47.5573 11.326V16.663H50.7547C51.8265 16.663 52.6208 16.4434 53.1357 16.0043C53.6527 15.5652 53.9101 14.8926 53.9101 13.9905C53.9101 13.0804 53.6527 12.4078 53.1357 11.9747C52.6188 11.5436 51.8245 11.326 50.7547 11.326H47.5573ZM47.5573 5.33446V9.72535H50.5072C51.4812 9.72535 52.2057 9.54373 52.6827 9.18447C53.1597 8.82322 53.3972 8.27237 53.3972 7.5319C53.3972 6.79743 53.1597 6.24657 52.6827 5.88332C52.2057 5.52008 51.4812 5.33646 50.5072 5.33646H47.5573V5.33446ZM45.5654 3.71582H50.6549C52.1737 3.71582 53.3453 4.02717 54.1656 4.65188C54.9879 5.27658 55.399 6.16474 55.399 7.31635C55.399 8.2065 55.1895 8.91703 54.7683 9.44393C54.3472 9.97084 53.7285 10.3002 52.9142 10.4299C53.8942 10.6375 54.6546 11.0706 55.1975 11.7312C55.7403 12.3918 56.0118 13.2161 56.0118 14.2041C56.0118 15.5054 55.5647 16.5093 54.6706 17.2198C53.7764 17.9283 52.503 18.2836 50.8545 18.2836H45.5654V3.71582ZM64.9732 3.71582H67.1646L70.6274 8.94697L74.1242 3.71582H76.2418L71.6833 10.5397L76.8086 18.2836H74.6172L70.5835 12.1882L66.51 18.2836H64.3924L69.5297 10.5955L64.9732 3.71582ZM59.2031 3.71582H61.195V18.2836H59.2031V3.71582Z"
14
+ fill="white"
15
+ />
16
+ </g>
17
+ <defs>
18
+ <clipPath id="clip0_2691_29714">
19
+ <rect
20
+ width="80"
21
+ height="20.96"
22
+ fill="white"
23
+ transform="translate(0 0.519531)"
24
+ />
25
+ </clipPath>
26
+ </defs>
27
+ </svg>
28
+ </template>
29
+ <template v-else><span></span></template>
30
+ </template>
31
+
32
+ <script setup lang="ts">
33
+ const props = withDefaults(
34
+ defineProps<{
35
+ name: string
36
+ type?: string
37
+ color?: string
38
+ width?: string
39
+ height?: string
40
+ }>(),
41
+ {
42
+ type: '',
43
+ color: 'currentColor',
44
+ width: '24',
45
+ height: '24',
46
+ }
47
+ )
48
+ </script>
49
+
50
+ <style scoped lang="scss"></style>
@@ -1,170 +1,170 @@
1
- <template>
2
- <div class="tabs-overflow bottom-right">
3
- <button
4
- :id="collapsedBtnId"
5
- :class="[
6
- 'btn btn-link nav-link dropdown-toggle',
7
- { active: collapsedBtnActive },
8
- ]"
9
- :data-id="`${props.testId}-toggle-button`"
10
- @mouseenter="hover = true"
11
- @mouseleave="hover = false"
12
- @mousedown="showMenu"
13
- >
14
- <atoms-the-icon
15
- :class="['collapse-icon', { active: open }]"
16
- name="ellipsis-horizontal"
17
- width="16px"
18
- height="16px"
19
- />
20
- </button>
21
-
22
- <Teleport to="body">
23
- <ul
24
- v-show="open"
25
- :class="['navbar-dropdown-menu', props.popupClass]"
26
- :style="dropdownMenuStyles"
27
- >
28
- <li
29
- v-for="(item, key) in props.items"
30
- :key="key"
31
- v-permission="item.permission"
32
- :title="item.title"
33
- class="navbar-dropdown-menu-item"
34
- @mousedown.stop
35
- >
36
- <div
37
- v-if="item.separate"
38
- class="navbar-dropdown-menu-separator"
39
- ></div>
40
- <atoms-collapse-nav-item
41
- v-else
42
- :is-link="props.isLink"
43
- :item="item"
44
- :value="value"
45
- btn-class="btn"
46
- @change="change"
47
- @select-file="onSelectFile($event, key)"
48
- />
49
- </li>
50
- </ul>
51
- </Teleport>
52
- </div>
53
- </template>
54
-
55
- <script setup lang="ts">
56
- import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
57
-
58
- const props = withDefaults(
59
- defineProps<{
60
- items: UI_I_CollapseNavItem[]
61
- isLink?: boolean
62
- value?: number | string
63
- popupClass?: string
64
- closeAfterClick?: boolean
65
- testId?: string
66
- }>(),
67
- {
68
- isLink: undefined,
69
- value: undefined,
70
- popupClass: undefined,
71
- closeAfterClick: undefined,
72
- testId: '',
73
- }
74
- )
75
- const emits = defineEmits<{
76
- (event: 'change', value: number): void
77
- (event: 'select-file', value1: Event, value2: string, value3: number): void
78
- }>()
79
-
80
- const change = (value: number): void => {
81
- emits('change', value)
82
- props.closeAfterClick && (open.value = false)
83
- }
84
- const onSelectFile = (event: Event, type: string, key: number): void => {
85
- emits('select-file', event, type, key)
86
- }
87
-
88
- const collapsedBtnId = ref<string>('')
89
-
90
- const route = useRoute()
91
- const collapsedBtnActive = computed<boolean>(() => {
92
- if (props.isLink)
93
- return props.items.some((item) => route.path.includes(item.path || ''))
94
-
95
- return props.items.some((item) => item.value === props.value)
96
- })
97
-
98
- const open = ref<boolean>(false)
99
- const hover = ref<boolean>(false)
100
- const dropdownMenuStyles = ref<any>({})
101
- const showMenu = (): void => {
102
- if (open.value) {
103
- hideMenu(true)
104
- return
105
- }
106
-
107
- open.value = true
108
-
109
- const btn = document.querySelector(`#${collapsedBtnId.value}`)
110
- const { top, height, right } = btn!.getBoundingClientRect()
111
- dropdownMenuStyles.value = {
112
- top: `${top + height}px`,
113
- left: `${right}px`,
114
- }
115
- }
116
- const hideMenu = (force?: boolean): void => {
117
- if (hover.value && !force) return
118
-
119
- open.value = false
120
- }
121
-
122
- const windowClick = (): void => {
123
- hideMenu()
124
- }
125
- const windowResize = (): void => {
126
- hideMenu(true)
127
- }
128
- onMounted(() => {
129
- collapsedBtnId.value = `collapsed-btn${useUniqueId()}`
130
- window.addEventListener('mousedown', windowClick)
131
- window.addEventListener('resize', windowResize)
132
- })
133
- onUnmounted(() => {
134
- window.removeEventListener('mousedown', windowClick)
135
- window.removeEventListener('resize', windowResize)
136
- })
137
- </script>
138
-
139
- <style scoped lang="scss">
140
- .tabs-overflow {
141
- position: absolute;
142
- top: 0;
143
- right: 24px;
144
-
145
- .dropdown-toggle {
146
- .collapse-icon {
147
- fill: var(--main-color-mode);
148
-
149
- &.active {
150
- fill: #0077b8;
151
- }
152
- }
153
- }
154
- }
155
-
156
- .navbar-dropdown-menu {
157
- position: fixed;
158
- z-index: var(--z-dropdown);
159
- transform: translateX(-100%);
160
- border: 1px solid var(--global-border-color);
161
- border-radius: 3px;
162
- margin-top: 2px;
163
- background-color: var(--global-bg-color);
164
- padding: 12px 0;
165
- }
166
- .navbar-dropdown-menu-separator {
167
- margin: 6px 0;
168
- border-bottom: 0.8px solid #e8e8e8;
169
- }
170
- </style>
1
+ <template>
2
+ <div class="tabs-overflow bottom-right">
3
+ <button
4
+ :id="collapsedBtnId"
5
+ :class="[
6
+ 'btn btn-link nav-link dropdown-toggle',
7
+ { active: collapsedBtnActive },
8
+ ]"
9
+ :data-id="`${props.testId}-toggle-button`"
10
+ @mouseenter="hover = true"
11
+ @mouseleave="hover = false"
12
+ @mousedown="showMenu"
13
+ >
14
+ <atoms-the-icon
15
+ :class="['collapse-icon', { active: open }]"
16
+ name="ellipsis-horizontal"
17
+ width="16px"
18
+ height="16px"
19
+ />
20
+ </button>
21
+
22
+ <Teleport to="body">
23
+ <ul
24
+ v-show="open"
25
+ :class="['navbar-dropdown-menu', props.popupClass]"
26
+ :style="dropdownMenuStyles"
27
+ >
28
+ <li
29
+ v-for="(item, key) in props.items"
30
+ :key="key"
31
+ v-permission="item.permission"
32
+ :title="item.title"
33
+ class="navbar-dropdown-menu-item"
34
+ @mousedown.stop
35
+ >
36
+ <div
37
+ v-if="item.separate"
38
+ class="navbar-dropdown-menu-separator"
39
+ ></div>
40
+ <atoms-collapse-nav-item
41
+ v-else
42
+ :is-link="props.isLink"
43
+ :item="item"
44
+ :value="value"
45
+ btn-class="btn"
46
+ @change="change"
47
+ @select-file="onSelectFile($event, key)"
48
+ />
49
+ </li>
50
+ </ul>
51
+ </Teleport>
52
+ </div>
53
+ </template>
54
+
55
+ <script setup lang="ts">
56
+ import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
57
+
58
+ const props = withDefaults(
59
+ defineProps<{
60
+ items: UI_I_CollapseNavItem[]
61
+ isLink?: boolean
62
+ value?: number | string
63
+ popupClass?: string
64
+ closeAfterClick?: boolean
65
+ testId?: string
66
+ }>(),
67
+ {
68
+ isLink: undefined,
69
+ value: undefined,
70
+ popupClass: undefined,
71
+ closeAfterClick: undefined,
72
+ testId: '',
73
+ }
74
+ )
75
+ const emits = defineEmits<{
76
+ (event: 'change', value: number): void
77
+ (event: 'select-file', value1: Event, value2: string, value3: number): void
78
+ }>()
79
+
80
+ const change = (value: number): void => {
81
+ emits('change', value)
82
+ props.closeAfterClick && (open.value = false)
83
+ }
84
+ const onSelectFile = (event: Event, type: string, key: number): void => {
85
+ emits('select-file', event, type, key)
86
+ }
87
+
88
+ const collapsedBtnId = ref<string>('')
89
+
90
+ const route = useRoute()
91
+ const collapsedBtnActive = computed<boolean>(() => {
92
+ if (props.isLink)
93
+ return props.items.some((item) => route.path.includes(item.path || ''))
94
+
95
+ return props.items.some((item) => item.value === props.value)
96
+ })
97
+
98
+ const open = ref<boolean>(false)
99
+ const hover = ref<boolean>(false)
100
+ const dropdownMenuStyles = ref<any>({})
101
+ const showMenu = (): void => {
102
+ if (open.value) {
103
+ hideMenu(true)
104
+ return
105
+ }
106
+
107
+ open.value = true
108
+
109
+ const btn = document.querySelector(`#${collapsedBtnId.value}`)
110
+ const { top, height, right } = btn!.getBoundingClientRect()
111
+ dropdownMenuStyles.value = {
112
+ top: `${top + height}px`,
113
+ left: `${right}px`,
114
+ }
115
+ }
116
+ const hideMenu = (force?: boolean): void => {
117
+ if (hover.value && !force) return
118
+
119
+ open.value = false
120
+ }
121
+
122
+ const windowClick = (): void => {
123
+ hideMenu()
124
+ }
125
+ const windowResize = (): void => {
126
+ hideMenu(true)
127
+ }
128
+ onMounted(() => {
129
+ collapsedBtnId.value = `collapsed-btn${useUniqueId()}`
130
+ window.addEventListener('mousedown', windowClick)
131
+ window.addEventListener('resize', windowResize)
132
+ })
133
+ onUnmounted(() => {
134
+ window.removeEventListener('mousedown', windowClick)
135
+ window.removeEventListener('resize', windowResize)
136
+ })
137
+ </script>
138
+
139
+ <style scoped lang="scss">
140
+ .tabs-overflow {
141
+ position: absolute;
142
+ top: 0;
143
+ right: 24px;
144
+
145
+ .dropdown-toggle {
146
+ .collapse-icon {
147
+ fill: var(--main-color-mode);
148
+
149
+ &.active {
150
+ fill: #0077b8;
151
+ }
152
+ }
153
+ }
154
+ }
155
+
156
+ .navbar-dropdown-menu {
157
+ position: fixed;
158
+ z-index: var(--z-dropdown);
159
+ transform: translateX(-100%);
160
+ border: 1px solid var(--global-border-color);
161
+ border-radius: 3px;
162
+ margin-top: 2px;
163
+ background-color: var(--global-bg-color);
164
+ padding: 12px 0;
165
+ }
166
+ .navbar-dropdown-menu-separator {
167
+ margin: 6px 0;
168
+ border-bottom: 0.8px solid #e8e8e8;
169
+ }
170
+ </style>