bfg-common 1.5.707 → 1.5.708
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.
- package/CODE_STYLE.md +109 -109
- package/assets/img/icons/icons-sprite-dark-1.svg +3 -2
- package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
- package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
- package/assets/img/icons/icons-sprite-light-1.svg +4 -3
- package/assets/img/icons/icons-sprite-light-3.svg +227 -227
- package/assets/img/icons/icons-sprite-light-5.svg +488 -488
- package/assets/localization/local_be.json +3 -46
- package/assets/localization/local_en.json +3 -46
- package/assets/localization/local_hy.json +3 -46
- package/assets/localization/local_kk.json +3 -46
- package/assets/localization/local_ru.json +5 -48
- package/assets/localization/local_zh.json +3 -46
- package/assets/scss/common/icons/icons-1.scss +1 -1
- package/assets/scss/common/icons/icons-2.scss +0 -18
- package/assets/scss/common/theme.scss +0 -2
- package/assets/scss/components/auth.scss +5 -32
- package/components/atoms/TheIcon3.vue +50 -50
- package/components/atoms/collapse/CollapseNav.vue +170 -170
- package/components/atoms/dropdown/tree/Tree.vue +0 -2
- package/components/atoms/perPage/PerPage.vue +58 -58
- package/components/atoms/switch/Switch.vue +1 -7
- package/components/atoms/table/dataGrid/DataGrid.vue +1718 -1718
- package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
- package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
- package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
- package/components/atoms/wizard/Wizard.vue +1 -1
- package/components/common/backup/storage/actions/add/lib/utils.ts +51 -51
- package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
- package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
- package/components/common/diagramMain/port/Port.vue +580 -580
- package/components/common/help/navbar/left/lib/utils/constructAccordion.ts +1 -2
- package/components/common/help/navbar/right/Right.vue +1 -1
- package/components/common/layout/theHeader/TheHeaderNew.vue +315 -315
- package/components/common/layout/theHeader/TheHeaderOld.vue +262 -262
- package/components/common/layout/theHeader/helpMenu/About.vue +79 -79
- package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue +79 -79
- package/components/common/layout/theHeader/modals/reconnect/ReconnectOld.vue +0 -2
- package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePassword.vue +21 -12
- package/components/common/layout/theHeader/userMenu/modals/changePassword/New.vue +43 -36
- package/components/common/layout/theHeader/userMenu/modals/changePassword/Old.vue +2 -0
- package/components/common/layout/theHeader/userMenu/modals/changePassword/lib/utils.ts +1 -1
- package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesNew.vue +0 -13
- package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesOld.vue +144 -144
- package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguage.vue +15 -8
- package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/{New.vue → ChangeLanguageNew.vue} +2 -1
- package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/{Old.vue → ChangeLanguageOld.vue} +2 -0
- package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsole.vue +7 -8
- package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/{New.vue → DefaultConsoleNew.vue} +3 -3
- package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/{Old.vue → DefaultConsoleOld.vue} +2 -2
- package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/Inventory.vue +8 -7
- package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/{New.vue → InventoryNew.vue} +2 -3
- package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/{Old.vue → InventoryOld.vue} +2 -2
- package/components/common/layout/theHeader/userMenu/modals/preferences/lib/models/types.ts +7 -7
- package/components/common/layout/theHeader/userMenu/modals/preferences/security/New.vue +12 -277
- package/components/common/layout/theHeader/userMenu/modals/preferences/security/Old.vue +56 -30
- package/components/common/layout/theHeader/userMenu/modals/preferences/security/Security.vue +6 -65
- package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormat.vue +8 -8
- package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/{New.vue → TimeFormatNew.vue} +3 -3
- package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/{Old.vue → TimeFormatOld.vue} +2 -2
- package/components/common/layout/theHeader/userMenu/modals/preferences/view/View.vue +7 -8
- package/components/common/layout/theHeader/userMenu/modals/preferences/view/{New.vue → ViewNew.vue} +3 -12
- package/components/common/layout/theHeader/userMenu/modals/preferences/view/{Old.vue → ViewOld.vue} +2 -2
- package/components/common/monitor/advanced/graphView/GraphView.vue +0 -8
- package/components/common/monitor/advanced/tools/Tools.vue +1 -5
- package/components/common/pages/backups/DetailView.vue +52 -52
- package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
- package/components/common/pages/backups/modals/Modals.vue +243 -243
- package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
- package/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions.ts +69 -69
- package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
- package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
- package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
- package/components/common/pages/hardwareHealth/historyTestimony/tools/Tools.vue +2 -7
- package/components/common/pages/hardwareHealth/tableView/TableView.vue +0 -8
- package/components/common/pages/hardwareHealth/tableView/lib/config/sensorTable.ts +1 -13
- package/components/common/pages/hardwareHealth/toolsPanel/lib/config/actionsPanel.ts +4 -4
- package/components/common/pages/home/lib/models/interfaces.ts +48 -48
- package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
- package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
- package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
- package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
- package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
- package/components/common/qrcode/Qrcode.vue +56 -0
- package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
- package/components/common/select/radio/RadioGroup.vue +137 -137
- package/components/common/spiceConsole/Drawer.vue +420 -420
- package/components/common/spiceConsole/SpiceConsole.vue +184 -184
- package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
- package/components/common/split/horizontal/New.vue +2 -0
- package/components/common/split/vertical/New.vue +1 -2
- package/components/common/tools/Actions.vue +207 -207
- package/components/common/treeView/TreeView.vue +52 -52
- package/components/common/vm/actions/add/New.vue +1 -1
- package/components/common/vm/actions/add/Old.vue +1 -1
- package/components/common/vm/actions/clone/lib/config/steps.ts +295 -295
- package/components/common/vm/actions/clone/new/New.vue +438 -438
- package/components/common/vm/actions/clone/old/Old.vue +0 -1
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/New.vue +34 -10
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/Old.vue +37 -15
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue +50 -49
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/coresPerSocket/CoresPerSocket.vue +3 -3
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces.ts +1 -3
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +283 -283
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +7 -13
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/New.vue +4 -7
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +45 -52
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/Old.vue +8 -5
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIo.vue +3 -1
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/New.vue +2 -2
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/Old.vue +2 -2
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +1 -1
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/New.vue +2 -1
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/Old.vue +2 -1
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/New.vue +1 -1
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGrid.vue +1 -1
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/Old.vue +1 -1
- package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +156 -156
- package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
- package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
- package/components/common/vm/actions/common/select/options/New.vue +264 -264
- package/components/common/vm/actions/common/select/options/Old.vue +2 -1
- package/components/common/vm/actions/common/select/options/Options.vue +58 -58
- package/components/common/vm/actions/common/select/storage/Old.vue +125 -125
- package/components/common/vm/actions/common/select/storage/new/New.vue +311 -311
- package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
- package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
- package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
- package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
- package/components/common/wizards/common/compatibility/Compatibility.vue +35 -35
- package/components/common/wizards/common/compatibility/New.vue +1 -1
- package/components/common/wizards/common/compatibility/Old.vue +1 -1
- package/components/common/wizards/common/steps/computeResource/New.vue +93 -93
- package/components/common/wizards/common/steps/name/Name.vue +178 -178
- package/components/common/wizards/common/steps/name/New.vue +221 -221
- package/components/common/wizards/common/steps/name/Old.vue +121 -121
- package/components/common/wizards/common/steps/name/lib/models/interfaces.ts +4 -4
- package/components/common/wizards/common/steps/name/location/New.vue +40 -40
- package/components/common/wizards/datastore/add/Add.vue +228 -228
- package/components/common/wizards/datastore/add/lib/config/createDatastore.ts +0 -1
- package/components/common/wizards/datastore/add/lib/models/interfaces.ts +0 -1
- package/components/common/wizards/datastore/add/lib/utils.ts +85 -85
- package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDeviceNew.vue +0 -5
- package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDeviceOld.vue +0 -5
- package/components/common/wizards/datastore/add/steps/nameAndDevice/table/old/Old.vue +3 -2
- package/components/common/wizards/datastore/add/steps/readyComplete/lib/config/propertiesDetails.ts +1 -8
- package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
- package/components/common/wizards/vm/migrate/lib/models/enums.ts +2 -2
- package/components/common/wizards/vm/migrate/steps/selectStorage/SelectStorage.vue +4 -4
- package/components/common/wizards/vm/migrate/steps/selectStorage/configure/disk/table/new/lib/config/diskTable.ts +2 -6
- package/components/common/wizards/vm/migrate/steps/selectStorage/configure/disk/table/old/lib/config/diskTable.ts +12 -18
- package/composables/useAppVersion.ts +21 -21
- package/composables/useEnvLanguage.ts +8 -7
- package/composables/useLocal.ts +6 -6
- package/composables/useLocalCommon.ts +39 -39
- package/lib/models/interfaces.ts +0 -1
- package/package.json +4 -3
- package/plugins/console.ts +21 -21
- package/plugins/date.ts +37 -14
- package/plugins/mouse.ts +21 -21
- package/plugins/panelStates.ts +70 -70
- package/plugins/text.ts +59 -59
- package/public/spice-console/application/clientgui.js +854 -854
- package/public/spice-console/application/packetfactory.js +211 -211
- package/public/spice-console/application/virtualmouse.js +147 -147
- package/public/spice-console/lib/images/bitmap.js +203 -203
- package/public/spice-console/network/spicechannel.js +440 -440
- package/public/spice-console/process/cursorprocess.js +128 -128
- package/public/spice-console/process/inputprocess.js +227 -227
- package/public/spice-console/process/mainprocess.js +212 -212
- package/public/spice-console/run.js +210 -210
- package/store/main/getters.ts +2 -2
- package/store/main/mutations.ts +7 -7
- package/store/main/state.ts +7 -7
- package/store/tasks/mappers/recentTasks.ts +123 -123
- package/store/tasks/mutations.ts +82 -82
- package/components/common/certificate/Certificate.vue +0 -27
- package/components/common/certificate/CertificateInfo.vue +0 -139
- package/components/common/certificate/Tools.vue +0 -59
- package/components/common/certificate/lib/config/tabsPannel.ts +0 -22
- package/components/common/certificate/lib/models/interfaces.ts +0 -9
- package/components/common/certificate/lib/models/types.ts +0 -1
- package/components/common/certificate/modals/renew/New.vue +0 -64
- package/components/common/certificate/modals/renew/Old.vue +0 -122
- package/components/common/certificate/modals/renew/Renew.vue +0 -67
- package/components/common/pages/auth/TheFooter.vue +0 -104
- package/components/common/pages/files/lib/models/enums.ts +0 -10
- package/components/common/qr/Qr.vue +0 -69
- package/components/common/wizards/datastore/add/steps/nameAndDevice/advancedOptions/AdvancedOptions.vue +0 -43
- package/components/common/wizards/datastore/add/steps/nameAndDevice/advancedOptions/New.vue +0 -114
- package/components/common/wizards/datastore/add/steps/nameAndDevice/advancedOptions/Old.vue +0 -114
package/CODE_STYLE.md
CHANGED
|
@@ -1,109 +1,109 @@
|
|
|
1
|
-

|
|
2
|
-
## Javascript
|
|
3
|
-
|
|
4
|
-
### Название переменных
|
|
5
|
-
|
|
6
|
-
Используем camelCase:
|
|
7
|
-
```javascript
|
|
8
|
-
const theExample = 0
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Название переменных должно быть содержательным:
|
|
12
|
-
```javascript
|
|
13
|
-
const desc = 'some description' // Плохо
|
|
14
|
-
|
|
15
|
-
const description = 'some description' // Хорошо
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
Если переменная типа boolean, используем префиксы is или has:
|
|
19
|
-
```javascript
|
|
20
|
-
const isDisabled = true
|
|
21
|
-
|
|
22
|
-
const hasName = false
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
Приоритетно используем стрелочные функции:
|
|
26
|
-
```javascript
|
|
27
|
-
const example = () => {...}
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
---
|
|
31
|
-
|
|
32
|
-

|
|
33
|
-
## Typescript
|
|
34
|
-
|
|
35
|
-
### Interface
|
|
36
|
-
Название интерфейсов начинаем с префикса **I_** (также есть **API_**, **UI_**, подробно об этом написано в файле PROJECT_STRUCTURE.md):
|
|
37
|
-
```typescript
|
|
38
|
-
interface I_Example
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
### Type
|
|
42
|
-
Название типов начинаем с префикса **T_**:
|
|
43
|
-
```typescript
|
|
44
|
-
type T_Example
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
### Enum
|
|
48
|
-
Название enum начинаем с префикса **E_**:
|
|
49
|
-
```typescript
|
|
50
|
-
enum E_Example
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
P.S. Нужно писать как можно более понятные типы.
|
|
54
|
-
|
|
55
|
-
---
|
|
56
|
-
|
|
57
|
-

|
|
58
|
-
## Vue
|
|
59
|
-
|
|
60
|
-
### Название тегов
|
|
61
|
-
Используем kebab-case:
|
|
62
|
-
```html
|
|
63
|
-
<the-button>Button</the-button>
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
### Название тега
|
|
67
|
-
Название тега не должно состоять из одного слова:
|
|
68
|
-
```html
|
|
69
|
-
<example></example> // Плохо
|
|
70
|
-
|
|
71
|
-
<the-example></the-example> // Хорошо
|
|
72
|
-
```
|
|
73
|
-
|
|
74
|
-
### Использование "the" в названии тега
|
|
75
|
-
Если название тега, к примеру, icon, должно быть так:
|
|
76
|
-
```html
|
|
77
|
-
<the-icon></the-icon>
|
|
78
|
-
```
|
|
79
|
-
|
|
80
|
-
### Использование самозакрывающихся тегов
|
|
81
|
-
Если в тег ничего не передаем, то используем его как самозакрывающийся:
|
|
82
|
-
```html
|
|
83
|
-
<the-icon/>
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
### Props / Emits
|
|
87
|
-
Props пишем в kebab-case:
|
|
88
|
-
```html
|
|
89
|
-
<the-example my-name="Name"/>
|
|
90
|
-
```
|
|
91
|
-
|
|
92
|
-
Emits пишем в kebab-case, ключ первого аргумента всегда "event", а второго - "value":
|
|
93
|
-
```javascript
|
|
94
|
-
const emits = defineEmits<{
|
|
95
|
-
(event: 'change-name', value: string): void
|
|
96
|
-
}>()
|
|
97
|
-
```
|
|
98
|
-
|
|
99
|
-
### Composition API
|
|
100
|
-
Так как у нас используется Composition API, нужно весь код группировать по блокам:
|
|
101
|
-
```javascript
|
|
102
|
-
const isShowModal = ref<boolean>(false)
|
|
103
|
-
const toggleModal = (): void => isShowModal.value = !isShowModal.value
|
|
104
|
-
|
|
105
|
-
const errors = ref<string[]>([])
|
|
106
|
-
const updateErrors = (newErrors: string[]): void => {
|
|
107
|
-
errors.value = newErrors
|
|
108
|
-
}
|
|
109
|
-
```
|
|
1
|
+

|
|
2
|
+
## Javascript
|
|
3
|
+
|
|
4
|
+
### Название переменных
|
|
5
|
+
|
|
6
|
+
Используем camelCase:
|
|
7
|
+
```javascript
|
|
8
|
+
const theExample = 0
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Название переменных должно быть содержательным:
|
|
12
|
+
```javascript
|
|
13
|
+
const desc = 'some description' // Плохо
|
|
14
|
+
|
|
15
|
+
const description = 'some description' // Хорошо
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
Если переменная типа boolean, используем префиксы is или has:
|
|
19
|
+
```javascript
|
|
20
|
+
const isDisabled = true
|
|
21
|
+
|
|
22
|
+
const hasName = false
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
Приоритетно используем стрелочные функции:
|
|
26
|
+
```javascript
|
|
27
|
+
const example = () => {...}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
---
|
|
31
|
+
|
|
32
|
+

|
|
33
|
+
## Typescript
|
|
34
|
+
|
|
35
|
+
### Interface
|
|
36
|
+
Название интерфейсов начинаем с префикса **I_** (также есть **API_**, **UI_**, подробно об этом написано в файле PROJECT_STRUCTURE.md):
|
|
37
|
+
```typescript
|
|
38
|
+
interface I_Example
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### Type
|
|
42
|
+
Название типов начинаем с префикса **T_**:
|
|
43
|
+
```typescript
|
|
44
|
+
type T_Example
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### Enum
|
|
48
|
+
Название enum начинаем с префикса **E_**:
|
|
49
|
+
```typescript
|
|
50
|
+
enum E_Example
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
P.S. Нужно писать как можно более понятные типы.
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+

|
|
58
|
+
## Vue
|
|
59
|
+
|
|
60
|
+
### Название тегов
|
|
61
|
+
Используем kebab-case:
|
|
62
|
+
```html
|
|
63
|
+
<the-button>Button</the-button>
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
### Название тега
|
|
67
|
+
Название тега не должно состоять из одного слова:
|
|
68
|
+
```html
|
|
69
|
+
<example></example> // Плохо
|
|
70
|
+
|
|
71
|
+
<the-example></the-example> // Хорошо
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
### Использование "the" в названии тега
|
|
75
|
+
Если название тега, к примеру, icon, должно быть так:
|
|
76
|
+
```html
|
|
77
|
+
<the-icon></the-icon>
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### Использование самозакрывающихся тегов
|
|
81
|
+
Если в тег ничего не передаем, то используем его как самозакрывающийся:
|
|
82
|
+
```html
|
|
83
|
+
<the-icon/>
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
### Props / Emits
|
|
87
|
+
Props пишем в kebab-case:
|
|
88
|
+
```html
|
|
89
|
+
<the-example my-name="Name"/>
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
Emits пишем в kebab-case, ключ первого аргумента всегда "event", а второго - "value":
|
|
93
|
+
```javascript
|
|
94
|
+
const emits = defineEmits<{
|
|
95
|
+
(event: 'change-name', value: string): void
|
|
96
|
+
}>()
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
### Composition API
|
|
100
|
+
Так как у нас используется Composition API, нужно весь код группировать по блокам:
|
|
101
|
+
```javascript
|
|
102
|
+
const isShowModal = ref<boolean>(false)
|
|
103
|
+
const toggleModal = (): void => isShowModal.value = !isShowModal.value
|
|
104
|
+
|
|
105
|
+
const errors = ref<string[]>([])
|
|
106
|
+
const updateErrors = (newErrors: string[]): void => {
|
|
107
|
+
errors.value = newErrors
|
|
108
|
+
}
|
|
109
|
+
```
|
|
@@ -132,8 +132,9 @@
|
|
|
132
132
|
<path d="M34 1251H16C15.7348 1251 15.4804 1250.89 15.2929 1250.71C15.1054 1250.52 15 1250.27 15 1250V1232C15 1231.73 15.1054 1231.48 15.2929 1231.29C15.4804 1231.11 15.7348 1231 16 1231H34C34.2652 1231 34.5196 1231.11 34.7071 1231.29C34.8946 1231.48 35 1231.73 35 1232V1250C35 1250.27 34.8946 1250.52 34.7071 1250.71C34.5196 1250.89 34.2652 1251 34 1251ZM17 1249H33V1233H17V1249Z" fill="#59A011"/>
|
|
133
133
|
<path d="M23.6701 1246.34L18.4601 1241.14C18.3669 1241.05 18.2929 1240.94 18.2424 1240.81C18.192 1240.69 18.166 1240.56 18.166 1240.43C18.166 1240.3 18.192 1240.17 18.2424 1240.05C18.2929 1239.92 18.3669 1239.81 18.4601 1239.72C18.5533 1239.63 18.664 1239.55 18.7859 1239.5C18.9077 1239.45 19.0382 1239.43 19.1701 1239.43C19.302 1239.43 19.4325 1239.45 19.5544 1239.5C19.6762 1239.55 19.7869 1239.63 19.8801 1239.72L23.6701 1243.52L30.1401 1237C30.3284 1236.81 30.5838 1236.71 30.8501 1236.71C31.1164 1236.71 31.3718 1236.81 31.5601 1237C31.7484 1237.19 31.8542 1237.44 31.8542 1237.71C31.8542 1237.98 31.7484 1238.23 31.5601 1238.42L23.6701 1246.34Z" fill="#59A011"/>
|
|
134
134
|
<path d="M14.7198 1282.69L4.28977 1272.27C4.12595 1272.08 4.04034 1271.83 4.05006 1271.58C4.05978 1271.33 4.16412 1271.09 4.34221 1270.91C4.5203 1270.73 4.75904 1270.63 5.01072 1270.62C5.2624 1270.61 5.50847 1270.7 5.69977 1270.86L14.6998 1279.86L32.2898 1262.29C32.4811 1262.13 32.7271 1262.04 32.9788 1262.05C33.2305 1262.06 33.4692 1262.16 33.6473 1262.34C33.8254 1262.52 33.9298 1262.76 33.9395 1263.01C33.9492 1263.26 33.8636 1263.51 33.6998 1263.7L14.7198 1282.69Z" fill="#FAFAFA"/>
|
|
135
|
-
<path d="
|
|
136
|
-
<path d="
|
|
135
|
+
<path d="M19 1295C15.8355 1295 12.7421 1295.94 10.1109 1297.7C7.4797 1299.45 5.42894 1301.95 4.21793 1304.88C3.00693 1307.8 2.69008 1311.02 3.30744 1314.12C3.92481 1317.23 5.44866 1320.08 7.6863 1322.31C9.92394 1324.55 12.7749 1326.08 15.8786 1326.69C18.9823 1327.31 22.1993 1326.99 25.1229 1325.78C28.0466 1324.57 30.5454 1322.52 32.3035 1319.89C34.0616 1317.26 35 1314.16 35 1311C35 1306.76 33.3143 1302.69 30.3137 1299.69C27.3131 1296.69 23.2435 1295 19 1295ZM19 1325C16.2311 1325 13.5243 1324.18 11.222 1322.64C8.91974 1321.1 7.12532 1318.92 6.06569 1316.36C5.00607 1313.8 4.72882 1310.98 5.26901 1308.27C5.80921 1305.55 7.14258 1303.06 9.10051 1301.1C11.0584 1299.14 13.553 1297.81 16.2687 1297.27C18.9845 1296.73 21.7994 1297.01 24.3576 1298.07C26.9157 1299.13 29.1022 1300.92 30.6406 1303.22C32.1789 1305.52 33 1308.23 33 1311C33 1314.71 31.525 1318.27 28.8995 1320.9C26.274 1323.53 22.713 1325 19 1325Z" fill="#FAFAFA"/>
|
|
136
|
+
<path d="M19.9199 1311.4V1303.75C19.9199 1303.48 19.8146 1303.23 19.627 1303.04C19.4395 1302.86 19.1851 1302.75 18.9199 1302.75C18.6547 1302.75 18.4004 1302.86 18.2128 1303.04C18.0253 1303.23 17.9199 1303.48 17.9199 1303.75V1312.47L23.8199 1316.47C23.9286 1316.55 24.0528 1316.61 24.185 1316.64C24.3171 1316.67 24.4544 1316.68 24.5885 1316.66C24.7226 1316.63 24.8506 1316.58 24.9647 1316.51C25.0789 1316.44 25.1767 1316.34 25.2523 1316.23C25.3279 1316.11 25.3796 1315.99 25.4044 1315.85C25.4291 1315.72 25.4263 1315.58 25.3961 1315.45C25.3659 1315.32 25.309 1315.19 25.2289 1315.08C25.1487 1314.97 25.047 1314.88 24.9299 1314.81L19.9199 1311.4Z" fill="#FAFAFA"/>
|
|
137
|
+
<path d="M9.0002 1310.94C8.99106 1309.14 9.4703 1307.37 10.3868 1305.83C11.3034 1304.28 12.6228 1303.01 14.2045 1302.15C15.7862 1301.29 17.5709 1300.88 19.3682 1300.96C21.1655 1301.04 22.9081 1301.6 24.4102 1302.59L25.2602 1301.23C23.8334 1300.3 22.2174 1299.69 20.5281 1299.45C18.8389 1299.22 17.1184 1299.36 15.4902 1299.87C13.8621 1300.37 12.3667 1301.24 11.1114 1302.39C9.85621 1303.55 8.87231 1304.96 8.23044 1306.55C7.58856 1308.13 7.30464 1309.83 7.39906 1311.53C7.49348 1313.23 7.96391 1314.9 8.77655 1316.39C9.58918 1317.89 10.7239 1319.2 12.0991 1320.2C13.4743 1321.21 15.0558 1321.91 16.7302 1322.23L17.0002 1320.7C14.7482 1320.24 12.7233 1319.02 11.2662 1317.24C9.80916 1315.46 9.00893 1313.24 9.0002 1310.94Z" fill="#FAFAFA"/>
|
|
137
138
|
<path d="M7 1337H23V1341H25V1337C25 1336.47 24.7893 1335.96 24.4142 1335.59C24.0391 1335.21 23.5304 1335 23 1335H7C6.46957 1335 5.96086 1335.21 5.58579 1335.59C5.21071 1335.96 5 1336.47 5 1337V1353C5 1353.53 5.21071 1354.04 5.58579 1354.41C5.96086 1354.79 6.46957 1355 7 1355H11V1353H7V1337Z" fill="#FAFAFA"/>
|
|
138
139
|
<path d="M31 1343H15C14.4696 1343 13.9609 1343.21 13.5858 1343.59C13.2107 1343.96 13 1344.47 13 1345V1361C13 1361.53 13.2107 1362.04 13.5858 1362.41C13.9609 1362.79 14.4696 1363 15 1363H31C31.5304 1363 32.0391 1362.79 32.4142 1362.41C32.7893 1362.04 33 1361.53 33 1361V1345C33 1344.47 32.7893 1343.96 32.4142 1343.59C32.0391 1343.21 31.5304 1343 31 1343ZM31 1361H15V1345H31V1361Z" fill="#FAFAFA"/>
|
|
139
140
|
<path d="M22 1359H24V1354H29V1352H24V1347H22V1352H17V1354H22V1359Z" fill="#FAFAFA"/>
|