@dao-style/biz 0.6.0 → 0.7.0

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 (186) hide show
  1. package/dist/cjs/components/gpu/style/assign-gpu-devices-list.js +1 -0
  2. package/dist/cjs/components/gpu/style/gpu-form.js +1 -0
  3. package/dist/components/form-block/FormBlock.d.ts +27 -1
  4. package/dist/components/form-block/props.d.ts +4 -0
  5. package/dist/components/form-block/props.js +4 -0
  6. package/dist/components/form-block/props.mjs +4 -0
  7. package/dist/components/form-block/src/FormBlock.vue.d.ts +11 -0
  8. package/dist/components/form-block/src/FormBlock.vue.js +4 -4
  9. package/dist/components/form-block/src/FormBlock.vue.mjs +4 -4
  10. package/dist/components/form-block/src/FormBlock.vue2.js +12 -1
  11. package/dist/components/form-block/src/FormBlock.vue2.mjs +12 -1
  12. package/dist/components/gpu/props.d.ts +121 -3
  13. package/dist/components/gpu/props.js +82 -9
  14. package/dist/components/gpu/props.mjs +82 -9
  15. package/dist/components/gpu/src/GpuForm.vue.d.ts +283 -50
  16. package/dist/components/gpu/src/GpuForm.vue.js +25 -24
  17. package/dist/components/gpu/src/GpuForm.vue.mjs +26 -25
  18. package/dist/components/gpu/src/GpuForm.vue2.js +115 -218
  19. package/dist/components/gpu/src/GpuForm.vue2.mjs +116 -219
  20. package/dist/components/gpu/src/components/AssignGpuDevicesList.vue.d.ts +77 -0
  21. package/dist/components/gpu/src/components/AssignGpuDevicesList.vue.js +40 -0
  22. package/dist/components/gpu/src/components/AssignGpuDevicesList.vue.mjs +41 -0
  23. package/dist/components/gpu/src/components/AssignGpuDevicesList.vue2.js +191 -0
  24. package/dist/components/gpu/src/components/AssignGpuDevicesList.vue2.mjs +192 -0
  25. package/dist/components/gpu/src/components/GpuAdvancedForm.vue.d.ts +180 -0
  26. package/dist/components/gpu/src/{GpuAdvancedForm.vue.js → components/GpuAdvancedForm.vue.js} +92 -37
  27. package/dist/components/gpu/src/{GpuAdvancedForm.vue.mjs → components/GpuAdvancedForm.vue.mjs} +93 -38
  28. package/dist/components/gpu/src/components/GpuAdvancedForm.vue2.js +169 -0
  29. package/dist/components/gpu/src/components/GpuAdvancedForm.vue2.mjs +153 -0
  30. package/dist/components/gpu/src/{GpuFormDynamicItem.vue.d.ts → components/GpuFormDynamicItem.vue.d.ts} +4 -4
  31. package/dist/components/gpu/src/{GpuFormDynamicItem.vue.js → components/GpuFormDynamicItem.vue.js} +1 -1
  32. package/dist/components/gpu/src/{GpuFormDynamicItem.vue.mjs → components/GpuFormDynamicItem.vue.mjs} +1 -1
  33. package/dist/components/gpu/src/{GpuFormDynamicItem.vue2.js → components/GpuFormDynamicItem.vue2.js} +1 -1
  34. package/dist/components/gpu/src/{GpuFormDynamicItem.vue2.mjs → components/GpuFormDynamicItem.vue2.mjs} +1 -1
  35. package/dist/components/gpu/src/components/GpuFormItem.vue.d.ts +310 -0
  36. package/dist/components/gpu/src/{GpuFormItem.vue.js → components/GpuFormItem.vue.js} +22 -26
  37. package/dist/components/gpu/src/{GpuFormItem.vue.mjs → components/GpuFormItem.vue.mjs} +23 -27
  38. package/dist/components/gpu/src/components/GpuFormItem.vue2.js +61 -0
  39. package/dist/components/gpu/src/components/GpuFormItem.vue2.mjs +45 -0
  40. package/dist/components/gpu/src/{GpuResources.vue.d.ts → components/GpuResources.vue.d.ts} +38 -18
  41. package/dist/components/gpu/src/components/GpuResources.vue.js +153 -0
  42. package/dist/components/gpu/src/components/GpuResources.vue.mjs +154 -0
  43. package/dist/components/gpu/src/components/GpuResources.vue2.js +278 -0
  44. package/dist/components/gpu/src/components/GpuResources.vue2.mjs +262 -0
  45. package/dist/components/gpu/src/gpuForm.constants.d.ts +3 -0
  46. package/dist/components/gpu/src/gpuForm.constants.js +10 -0
  47. package/dist/components/gpu/src/gpuForm.constants.mjs +10 -0
  48. package/dist/components/gpu/src/gpuForm.internal-types.d.ts +49 -0
  49. package/dist/components/gpu/src/gpuForm.mapper.d.ts +16 -0
  50. package/dist/components/gpu/src/gpuForm.mapper.js +199 -0
  51. package/dist/components/gpu/src/gpuForm.mapper.mjs +199 -0
  52. package/dist/components/gpu/src/gpuFormItem.mapper.d.ts +38 -0
  53. package/dist/components/gpu/src/gpuFormItem.mapper.js +153 -0
  54. package/dist/components/gpu/src/gpuFormItem.mapper.mjs +153 -0
  55. package/dist/components/gpu/src/useGPUOptions.d.ts +2 -2
  56. package/dist/components/gpu/src/useGPUOptions.js +15 -20
  57. package/dist/components/gpu/src/useGPUOptions.mjs +16 -21
  58. package/dist/components/gpu/src/useGpuFormItemState.d.ts +42 -0
  59. package/dist/components/gpu/src/useGpuFormItemState.js +178 -0
  60. package/dist/components/gpu/src/useGpuFormItemState.mjs +178 -0
  61. package/dist/components/gpu/src/useGpuFormSideState.d.ts +52 -0
  62. package/dist/components/gpu/src/useGpuFormSideState.js +71 -0
  63. package/dist/components/gpu/src/useGpuFormSideState.mjs +71 -0
  64. package/dist/components/gpu/src/useGpuFormState.d.ts +560 -0
  65. package/dist/components/gpu/src/useGpuFormState.js +52 -0
  66. package/dist/components/gpu/src/useGpuFormState.mjs +52 -0
  67. package/dist/components/gpu/src/validations/nvidiaVgpuMemoryDecimal.d.ts +5 -1
  68. package/dist/components/gpu/style/assign-gpu-devices-list.d.ts +1 -0
  69. package/dist/components/gpu/style/assign-gpu-devices-list.scss.js +3 -0
  70. package/dist/components/gpu/style/assign-gpu-devices-list.scss.mjs +4 -0
  71. package/dist/components/gpu/style/gpu-form.d.ts +1 -0
  72. package/dist/components/gpu/types.d.ts +6 -0
  73. package/dist/components/gpu/types.js +2 -0
  74. package/dist/components/gpu/types.mjs +2 -0
  75. package/dist/components/gpu/utils.d.ts +4 -0
  76. package/dist/components/gpu/utils.js +14 -0
  77. package/dist/components/gpu/utils.mjs +14 -0
  78. package/dist/components/instance-cluster/src/InstanceCluster.vue.d.ts +1 -1
  79. package/dist/components/instance-namespace/src/InstanceNamespace.vue.d.ts +1 -1
  80. package/dist/components/instance-storage-class/src/InstanceStorageClass.vue.d.ts +1 -1
  81. package/dist/components/network-config/src/NetworkConfig.vue.d.ts +1 -1
  82. package/dist/components/network-config/src/NetworkConfig.vue.js +13 -6
  83. package/dist/components/network-config/src/NetworkConfig.vue.mjs +14 -7
  84. package/dist/dialogs/create-network-config-dialog/src/CreateNetworkConfigDialog.vue.d.ts +1 -1
  85. package/dist/es/components/gpu/style/assign-gpu-devices-list.mjs +1 -0
  86. package/dist/es/components/gpu/style/gpu-form.mjs +1 -0
  87. package/dist/forms/import-parameter-template/props.d.ts +8 -8
  88. package/dist/forms/import-parameter-template/src/ImportParameterTemplate.vue.d.ts +24 -24
  89. package/dist/group-mapping.json +1 -1
  90. package/dist/index.js +34 -23
  91. package/dist/index.mjs +15 -4
  92. package/dist/locales/en-US/components/Gpu.json.js +36 -9
  93. package/dist/locales/en-US/components/Gpu.json.mjs +37 -10
  94. package/dist/locales/en-US/index.js +2 -0
  95. package/dist/locales/en-US/index.mjs +2 -0
  96. package/dist/locales/en-US/uses/UseCancelFormDialog.json.js +11 -0
  97. package/dist/locales/en-US/uses/UseCancelFormDialog.json.mjs +11 -0
  98. package/dist/locales/ja/components/Gpu.json.js +36 -9
  99. package/dist/locales/ja/components/Gpu.json.mjs +37 -10
  100. package/dist/locales/ja/components/InstancePassword.json.js +1 -1
  101. package/dist/locales/ja/components/InstancePassword.json.mjs +1 -1
  102. package/dist/locales/ja/components/MatchExpressionsEditor.json.js +1 -1
  103. package/dist/locales/ja/components/MatchExpressionsEditor.json.mjs +1 -1
  104. package/dist/locales/ja/components/NetworkConfig.json.js +1 -1
  105. package/dist/locales/ja/components/NetworkConfig.json.mjs +1 -1
  106. package/dist/locales/ja/index.js +2 -0
  107. package/dist/locales/ja/index.mjs +2 -0
  108. package/dist/locales/ja/uses/UseCancelFormDialog.json.js +11 -0
  109. package/dist/locales/ja/uses/UseCancelFormDialog.json.mjs +11 -0
  110. package/dist/locales/ja/workloads/DnsConfig.json.js +1 -1
  111. package/dist/locales/ja/workloads/DnsConfig.json.mjs +1 -1
  112. package/dist/locales/ja/workloads/workload-advanced/NetworkConfig.json.js +1 -1
  113. package/dist/locales/ja/workloads/workload-advanced/NetworkConfig.json.mjs +1 -1
  114. package/dist/locales/zh-CN/components/Gpu.json.js +36 -9
  115. package/dist/locales/zh-CN/components/Gpu.json.mjs +37 -10
  116. package/dist/locales/zh-CN/index.js +2 -0
  117. package/dist/locales/zh-CN/index.mjs +2 -0
  118. package/dist/locales/zh-CN/uses/UseCancelFormDialog.json.js +11 -0
  119. package/dist/locales/zh-CN/uses/UseCancelFormDialog.json.mjs +11 -0
  120. package/dist/style.css +692 -664
  121. package/dist/styles/components/gpu/assign-gpu-devices-list.css +10 -0
  122. package/dist/styles/components/gpu/gpu-form-item.css +16 -0
  123. package/dist/styles/components/gpu/gpu-form.css +4 -0
  124. package/dist/styles/components/network-config/network-config.css +3 -0
  125. package/dist/styles/components/resource-config/resource-config.css +0 -8
  126. package/dist/styles/styles/common.css +4 -0
  127. package/dist/uses/index.d.ts +1 -0
  128. package/dist/uses/useCancelFormDialog/index.d.ts +11 -0
  129. package/dist/uses/useCancelFormDialog/index.js +40 -0
  130. package/dist/uses/useCancelFormDialog/index.mjs +40 -0
  131. package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue.d.ts +8 -0
  132. package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue.js +25 -0
  133. package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue.mjs +26 -0
  134. package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue2.js +3 -0
  135. package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue2.mjs +4 -0
  136. package/dist/utils/index.d.ts +1 -0
  137. package/dist/utils/injectWithSelf.d.ts +6 -0
  138. package/dist/utils/injectWithSelf.js +8 -0
  139. package/dist/utils/injectWithSelf.mjs +8 -0
  140. package/dist/utils/multiRowEditorValidate.d.ts +5 -5
  141. package/dist/utils/useResetFieldValue.d.ts +13 -0
  142. package/dist/utils/useResetFieldValue.js +28 -0
  143. package/dist/utils/useResetFieldValue.mjs +28 -0
  144. package/dist/utils/useSetFieldValue.d.ts +6 -0
  145. package/dist/utils/useSetFieldValue.js +2 -5
  146. package/dist/utils/useSetFieldValue.mjs +2 -5
  147. package/dist/workloads/container-basic-info/props.d.ts +13 -0
  148. package/dist/workloads/container-basic-info/props.js +4 -0
  149. package/dist/workloads/container-basic-info/props.mjs +4 -0
  150. package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue.d.ts +10 -0
  151. package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue.js +54 -29
  152. package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue.mjs +54 -29
  153. package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue2.js +18 -8
  154. package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue2.mjs +19 -9
  155. package/dist/workloads/container-image/src/dialogs/SelectImageDialog.vue.d.ts +1 -1
  156. package/dist/workloads/containers/demo/data.d.ts +8 -1
  157. package/dist/workloads/containers/src/ContainerItem.vue.d.ts +23 -0
  158. package/dist/workloads/containers/src/Containers.vue.d.ts +4 -0
  159. package/dist/workloads/containers/src/Containers.vue2.js +18 -1
  160. package/dist/workloads/containers/src/Containers.vue2.mjs +19 -2
  161. package/dist/workloads/health-check/props.d.ts +4 -0
  162. package/dist/workloads/health-check/props.js +4 -0
  163. package/dist/workloads/health-check/props.mjs +4 -0
  164. package/dist/workloads/health-check/src/HealthCheck.vue.d.ts +9 -0
  165. package/dist/workloads/health-check/src/HealthCheck.vue.js +6 -6
  166. package/dist/workloads/health-check/src/HealthCheck.vue.mjs +6 -6
  167. package/dist/workloads/health-check/src/HealthCheckHandler.vue.js +3 -1
  168. package/dist/workloads/health-check/src/HealthCheckHandler.vue.mjs +3 -1
  169. package/dist/workloads/http-get-action/src/HttpGetAction.vue.js +1 -1
  170. package/dist/workloads/http-get-action/src/HttpGetAction.vue.mjs +1 -1
  171. package/dist/workloads/workload-annotations/props.d.ts +1 -0
  172. package/dist/workloads/workload-annotations/props.js +1 -0
  173. package/dist/workloads/workload-annotations/props.mjs +2 -1
  174. package/package.json +12 -13
  175. package/dist/components/gpu/src/GpuAdvancedForm.vue.d.ts +0 -131
  176. package/dist/components/gpu/src/GpuAdvancedForm.vue2.js +0 -92
  177. package/dist/components/gpu/src/GpuAdvancedForm.vue2.mjs +0 -76
  178. package/dist/components/gpu/src/GpuFormItem.vue.d.ts +0 -232
  179. package/dist/components/gpu/src/GpuFormItem.vue2.js +0 -235
  180. package/dist/components/gpu/src/GpuFormItem.vue2.mjs +0 -219
  181. package/dist/components/gpu/src/GpuResources.vue.js +0 -125
  182. package/dist/components/gpu/src/GpuResources.vue.mjs +0 -126
  183. package/dist/components/gpu/src/GpuResources.vue2.js +0 -197
  184. package/dist/components/gpu/src/GpuResources.vue2.mjs +0 -181
  185. package/dist/components/gpu/src/validations/nvidiaVgpuMemoryDecimal.js +0 -19
  186. package/dist/components/gpu/src/validations/nvidiaVgpuMemoryDecimal.mjs +0 -20
package/dist/style.css CHANGED
@@ -51,6 +51,12 @@
51
51
  }
52
52
  .dao-switch-workspace-dialog__cancel-btn {
53
53
  margin-right: 10px;
54
+ }.instance-password > .dao-form-item__label {
55
+ padding-right: 0;
56
+ }
57
+ .instance-password .generate-password-btn {
58
+ margin-left: 10px;
59
+ vertical-align: middle;
54
60
  }.dao-instance-cluster__select {
55
61
  vertical-align: middle;
56
62
  }
@@ -71,17 +77,33 @@
71
77
  }
72
78
  .dao-instance-cluster__refresh-btn {
73
79
  margin-left: 8px;
74
- }.dao-instance-storage-class .dao-message {
75
- display: inline-block;
76
- min-width: 400px;
80
+ }.dao-instance-namespace__option-tooltip {
81
+ z-index: 2000;
77
82
  }
78
- .dao-instance-storage-class__message-wrapper {
79
- margin-top: 10px;
83
+ .dao-instance-namespace__refresh-btn, .dao-instance-namespace__create-link {
84
+ margin-left: 8px;
80
85
  }
81
- .dao-helper-text + .dao-instance-storage-class__message-wrapper {
82
- margin-top: 14px;
83
- }.dao-instance-monitor-interval__unit.dao-select {
84
- width: 60px;
86
+ .dao-instance-namespace .align-middle {
87
+ vertical-align: middle;
88
+ }.dao-access-type--label {
89
+ display: flex;
90
+ align-items: center;
91
+ }
92
+ .dao-access-type--icon-wrapper {
93
+ display: inline-flex;
94
+ margin-left: 4px;
95
+ vertical-align: middle;
96
+ }
97
+ .dao-access-type--icon-wrapper > .dao-icon {
98
+ font-size: 14px;
99
+ color: var(--dao-icon);
100
+ cursor: pointer;
101
+ }
102
+ .dao-access-type--block {
103
+ margin-top: 5px;
104
+ }
105
+ .dao-access-type--ports {
106
+ width: 650px;
85
107
  }.dao-biz-instance-installation-env .dao-message {
86
108
  display: inline-block;
87
109
  min-width: 400px;
@@ -92,14 +114,6 @@
92
114
  }
93
115
  .dao-biz-instance-installation-env .insight-checkbox {
94
116
  margin-top: 15px;
95
- }.dao-instance-namespace__option-tooltip {
96
- z-index: 2000;
97
- }
98
- .dao-instance-namespace__refresh-btn, .dao-instance-namespace__create-link {
99
- margin-left: 8px;
100
- }
101
- .dao-instance-namespace .align-middle {
102
- vertical-align: middle;
103
117
  }.dao-import-parameter-template {
104
118
  /* stylelint-disable-next-line selector-max-compound-selectors */
105
119
  }
@@ -112,47 +126,102 @@
112
126
  .dao-import-parameter-template .parameters-editor {
113
127
  height: 400px;
114
128
  margin-top: 10px;
115
- }.instance-password > .dao-form-item__label {
116
- padding-right: 0;
129
+ }.dao-remote-component__container {
130
+ height: 100%;
131
+ }.dao-array-editor .multi-row-editor__row {
132
+ height: unset;
117
133
  }
118
- .instance-password .generate-password-btn {
119
- margin-left: 10px;
134
+ .dao-array-editor .dao-array-editor__textarea {
135
+ width: 100%;
136
+ }.match-expression-editor__label-icon {
137
+ margin-left: 4px;
138
+ color: var(--dao-icon);
120
139
  vertical-align: middle;
121
- }.dao-backup-restore__message {
140
+ }.dao-parameter-configuration .config-template-select {
141
+ margin-right: 8px;
142
+ }
143
+ .dao-parameter-configuration .dao-form-item__content {
144
+ min-width: 0;
145
+ }
146
+ .dao-parameter-configuration .config-content-editor {
147
+ height: 400px;
148
+ }.dao-instance-storage-class .dao-message {
149
+ display: inline-block;
150
+ min-width: 400px;
151
+ }
152
+ .dao-instance-storage-class__message-wrapper {
153
+ margin-top: 10px;
154
+ }
155
+ .dao-helper-text + .dao-instance-storage-class__message-wrapper {
156
+ margin-top: 14px;
157
+ }.dao-network-config__tip {
158
+ margin-bottom: 10px;
159
+ }
160
+ .dao-network-config__btn-container {
161
+ width: 600px;
162
+ margin-top: 10px;
163
+ text-align: right;
164
+ }.dao-preview-annotations__container {
165
+ padding: 0 20px 30px;
166
+ }
167
+ .dao-preview-annotations__title {
122
168
  margin-bottom: 20px;
169
+ font-size: 14px;
170
+ font-weight: 700;
171
+ line-height: 25px;
123
172
  }
124
- .dao-backup-restore__confirm-title-icon {
125
- margin-right: 8px;
126
- font-size: 18px;
127
- color: var(--dao-status-info);
173
+ .dao-preview-annotations__list {
174
+ padding: 0 0 0 30px;
175
+ margin: 0;
176
+ list-style-type: none;
128
177
  }
129
- .dao-backup-restore__status-list {
130
- width: 800px;
131
- margin: 0 auto;
132
- }.dao-access-type--label {
133
- display: flex;
134
- align-items: center;
178
+ .dao-preview-annotations__item {
179
+ margin-bottom: 15px;
180
+ font-size: 13px;
181
+ line-height: 20px;
135
182
  }
136
- .dao-access-type--icon-wrapper {
183
+ .dao-preview-annotations__item:last-child {
184
+ margin-bottom: 0;
185
+ }.dao-preview-ports {
186
+ box-sizing: content-box;
187
+ padding: 10px;
188
+ background-color: var(--dao-bg);
189
+ border-radius: 8px;
190
+ }
191
+ .dao-preview-ports .dao-table-td {
192
+ font-weight: 400;
193
+ }.dao-radio-wrapper.dao-radio-button {
194
+ margin-right: 10px;
195
+ }
196
+ .dao-radio-wrapper.dao-radio-button .dao-radio__label-wrapper {
137
197
  display: inline-flex;
138
- margin-left: 4px;
139
- vertical-align: middle;
198
+ align-items: center;
199
+ height: 30px;
200
+ padding: 0 15px;
201
+ margin-left: 0;
202
+ border: 1px solid var(--dao-gray-blue-050);
203
+ border-radius: 4px;
140
204
  }
141
- .dao-access-type--icon-wrapper > .dao-icon {
142
- font-size: 14px;
143
- color: var(--dao-icon);
144
- cursor: pointer;
205
+ .dao-radio-wrapper.dao-radio-button:not(.dao-radio-wrapper--disabled) .dao-radio__label-wrapper:hover {
206
+ border-color: var(--dao-gray-blue-030);
145
207
  }
146
- .dao-access-type--block {
147
- margin-top: 5px;
208
+ .dao-radio-wrapper.dao-radio-button .dao-radio {
209
+ display: none;
148
210
  }
149
- .dao-access-type--ports {
150
- width: 650px;
151
- }.dao-array-editor .multi-row-editor__row {
152
- height: unset;
211
+ .dao-radio-wrapper.dao-radio-button .dao-radio.dao-radio--checked + .dao-radio__label-wrapper {
212
+ color: var(--dao-system-secondary);
213
+ border-color: var(--dao-system-secondary);
153
214
  }
154
- .dao-array-editor .dao-array-editor__textarea {
155
- width: 100%;
215
+ .dao-radio-wrapper.dao-radio-button.dao-radio-button__borderless {
216
+ margin-right: 8px;
217
+ }
218
+ .dao-radio-wrapper.dao-radio-button.dao-radio-button__borderless .dao-radio__label-wrapper {
219
+ height: 26px;
220
+ padding: 0 11px;
221
+ border-color: transparent;
222
+ }
223
+ .dao-radio-wrapper.dao-radio-button.dao-radio-button__borderless:not(.dao-radio-wrapper--disabled) :not(.dao-radio.dao-radio--checked) + .dao-radio__label-wrapper:hover {
224
+ border-color: var(--dao-gray-blue-050);
156
225
  }.dao-image-preview__backdrop {
157
226
  position: fixed;
158
227
  top: 0;
@@ -306,74 +375,266 @@
306
375
  100% {
307
376
  transform: scale(1);
308
377
  }
309
- }.dao-cloud-shell-group {
310
- position: relative;
311
- z-index: 1060;
312
- padding: 10px 20px 20px;
313
- background-color: var(--dao-pure-white);
314
- border-radius: 10px 10px 0 0;
315
- box-shadow: 0 -4px 8px rgba(var(--dao-pure-black-rgb), 0.1);
316
- }
317
- .dao-cloud-shell-group .dao-tabs {
318
- display: flex;
319
- flex-direction: column;
320
- height: 100%;
378
+ }.dao-pod-affinity__switch + .dao-form-block {
379
+ margin-top: 7px;
321
380
  }
322
- .dao-cloud-shell-group .dao-tabs__header .dao-tabs__action {
323
- padding: 0;
324
- margin-right: -15px;
381
+ .dao-pod-affinity .dao-form-block__item-inner {
382
+ padding-right: 20px;
383
+ }.dao-cluster-unknown-dialog__header-icon {
384
+ margin-right: 8px;
385
+ font-size: 18px;
386
+ color: var(--dao-status-error);
387
+ }.dao-parameter-template-list {
388
+ /* stylelint-disable-next-line selector-max-compound-selectors */
325
389
  }
326
- .dao-cloud-shell-group .dao-tabs__nav__scroll {
327
- padding: 0;
328
- margin: 0;
329
- overflow: auto;
390
+ .dao-parameter-template-list .dao-toolbar__primary-action .dao-btn + .dao-btn {
391
+ margin-left: 10px;
330
392
  }
331
- .dao-cloud-shell-group .dao-tabs__header--card {
332
- padding: 0 10px;
333
- border-bottom: 0;
393
+ .dao-parameter-template-list__type {
394
+ display: flex;
395
+ align-items: center;
396
+ line-height: 16px;
334
397
  }
335
- .dao-cloud-shell-group .dao-tabs__header--card .dao-tabs__nav {
336
- line-height: 30px;
398
+ .dao-parameter-template-list__type .dao-icon {
399
+ margin-right: 5px;
400
+ font-size: 16px;
401
+ color: var(--dao-icon);
402
+ }.dao-gpu-form-enable-switch {
403
+ margin-bottom: 13px;
337
404
  }
338
- .dao-cloud-shell-group .dao-tabs__nav__wrap {
339
- padding: 0;
340
- margin-bottom: 0;
405
+
406
+ .dao-gpu-form {
407
+ width: 100%;
341
408
  }
342
- .dao-cloud-shell-group .dao-tabs__body {
409
+ .dao-gpu-form .dao-gpu-form-group {
343
410
  flex: 1;
344
- margin-right: -5px;
345
- }
346
- .dao-cloud-shell-group .dao-tab-item {
347
411
  width: 100%;
348
- height: 100%;
349
412
  }
350
- .dao-cloud-shell-group .dao-tabs__nav-item {
351
- height: 30px;
352
- padding: 0 8px 0 12px;
353
- margin-bottom: 0;
354
- font-size: 12px;
355
- line-height: 28px;
356
- color: var(--dao-text-primary);
357
- background-color: var(--dao-navigation-100);
358
- border-color: var(--dao-navigation-100);
359
- border-radius: 8px 8px 0 0;
413
+
414
+ .dao-gpu-form__item {
415
+ display: flex;
416
+ align-items: center;
417
+ margin-bottom: 10px;
360
418
  }
361
- .dao-cloud-shell-group .dao-tabs__nav-item--active {
362
- background-color: var(--dao-gray-blue-080);
363
- border-color: var(--dao-gray-blue-080);
419
+
420
+ .dao-gpu-form__add-btn {
421
+ line-height: 30px;
364
422
  }
365
- .dao-cloud-shell-group .dao-tabs__nav-item + .dao-tabs__nav-item {
423
+
424
+ .dao-gpu-form__item__remove-btn {
425
+ margin-right: 20px;
366
426
  margin-left: 10px;
367
427
  }
368
- .dao-cloud-shell-group .dao-tabs__nav-item .dao-icon.icon-close {
369
- margin-left: 5px;
370
- font-size: 14px;
371
- color: var(--dao-icon);
372
- vertical-align: middle;
373
- cursor: pointer;
374
- }
375
- .dao-cloud-shell-group .dao-tabs__nav-item .dao-icon.icon-close:hover {
376
- color: var(--dao-icon-hover);
428
+
429
+ .dao-gpu-form__item--primary {
430
+ width: 400px;
431
+ }
432
+
433
+ .dao-gpu-form__available-quota-message {
434
+ margin-bottom: 20px;
435
+ }
436
+
437
+ .dao-gpu-form__item--side {
438
+ width: 300px;
439
+ }
440
+
441
+ .solid-wrapper {
442
+ align-self: self-start;
443
+ padding: 20px;
444
+ padding-bottom: 0;
445
+ background: var(--dao-gray-blue-110);
446
+ border: 1px solid var(--dao-gray-blue-050);
447
+ border-radius: 10px;
448
+ }.dao-time-picker__content {
449
+ box-sizing: border-box;
450
+ display: inline-flex;
451
+ align-items: center;
452
+ min-width: 130px;
453
+ padding: 0 10px;
454
+ font-size: 13px;
455
+ color: var(--dao-gray-010);
456
+ cursor: pointer;
457
+ background-color: var(--dao-pure-white);
458
+ border: 1px solid var(--dao-gray-blue-050);
459
+ border-radius: 3px;
460
+ }
461
+ .dao-time-picker__content--size-sm {
462
+ height: 26px;
463
+ }
464
+ .dao-time-picker__content--size-md {
465
+ height: 30px;
466
+ }
467
+ .dao-time-picker__content--interval {
468
+ width: 140px;
469
+ }
470
+ .dao-time-picker__content__icon {
471
+ margin-right: 6px;
472
+ font-size: 16px;
473
+ color: var(--dao-gray-blue-040);
474
+ }
475
+ .dao-time-picker__content__text {
476
+ white-space: pre;
477
+ }
478
+ .dao-time-picker__content--disabled {
479
+ color: var(--dao-gray-090);
480
+ cursor: not-allowed;
481
+ background-color: var(--dao-bg);
482
+ border: 1px solid var(--dao-line-divider);
483
+ }
484
+ .dao-time-picker__content--disabled .dao-time-picker__content__icon {
485
+ color: var(--dao-text-disabled);
486
+ }
487
+
488
+ .dao-time-picker__popper.dao-popper {
489
+ border: 1px solid var(--dao-gray-180);
490
+ box-shadow: 0 8px 30px rgba(var(--dao-pure-black-rgb), 0.12);
491
+ }
492
+
493
+ .dao-time-picker__popper .dao-popper-inner {
494
+ padding-right: 0;
495
+ padding-left: 0;
496
+ }
497
+
498
+ .dao-time-picker__popper-content {
499
+ display: flex;
500
+ width: 600px;
501
+ height: 280px;
502
+ }
503
+ .dao-time-picker__popper-content .interval-selector {
504
+ display: flex;
505
+ flex-direction: column;
506
+ width: 150px;
507
+ border-right: 1px solid var(--dao-gray-blue-070);
508
+ }
509
+ .dao-time-picker__popper-content .interval-selector__title {
510
+ flex: none;
511
+ padding: 18px 13px 14px;
512
+ font-size: 14px;
513
+ font-weight: 700;
514
+ line-height: 19px;
515
+ color: var(--dao-gray-blue-030);
516
+ border-bottom: 1px solid var(--dao-gray-blue-070);
517
+ }
518
+ .dao-time-picker__popper-content .interval-selector__options {
519
+ flex: 1 1 0;
520
+ overflow-y: auto;
521
+ }
522
+ .dao-time-picker__popper-content .interval-selector__option {
523
+ padding: 0 12px;
524
+ font-size: 13px;
525
+ line-height: 30px;
526
+ color: var(--dao-gray-010);
527
+ cursor: pointer;
528
+ }
529
+ .dao-time-picker__popper-content .interval-selector__option--selected {
530
+ font-weight: 600;
531
+ color: var(--dao-acidblue-040);
532
+ background-color: var(--dao-gray-blue-090);
533
+ }
534
+ .dao-time-picker__popper-content .range-selector {
535
+ display: flex;
536
+ flex: auto;
537
+ flex-direction: column;
538
+ padding: 18px 40px 0 30px;
539
+ }
540
+ .dao-time-picker__popper-content .range-selector__content {
541
+ flex: 1;
542
+ }
543
+ .dao-time-picker__popper-content .range-selector__footer {
544
+ flex: none;
545
+ height: 49px;
546
+ padding: 11px 20px;
547
+ margin: 0 -40px 0 -30px;
548
+ text-align: right;
549
+ border-top: 1px solid var(--dao-gray-blue-070);
550
+ }
551
+ .dao-time-picker__popper-content .range-selector__title {
552
+ font-size: 14px;
553
+ font-weight: 700;
554
+ line-height: 19px;
555
+ color: var(--dao-gray-blue-030);
556
+ }
557
+ .dao-time-picker__popper-content .range-selector__label {
558
+ margin-top: 22px;
559
+ margin-bottom: 5px;
560
+ font-size: 12px;
561
+ font-weight: 700;
562
+ line-height: 20px;
563
+ color: var(--dao-gray-040);
564
+ }
565
+ .dao-time-picker__popper-content .dao-select-popper .dao-popper-inner {
566
+ padding-right: 0;
567
+ padding-left: 0;
568
+ }.dao-instance-monitor-interval__unit.dao-select {
569
+ width: 60px;
570
+ }.dao-cloud-shell-group {
571
+ position: relative;
572
+ z-index: 1060;
573
+ padding: 10px 20px 20px;
574
+ background-color: var(--dao-pure-white);
575
+ border-radius: 10px 10px 0 0;
576
+ box-shadow: 0 -4px 8px rgba(var(--dao-pure-black-rgb), 0.1);
577
+ }
578
+ .dao-cloud-shell-group .dao-tabs {
579
+ display: flex;
580
+ flex-direction: column;
581
+ height: 100%;
582
+ }
583
+ .dao-cloud-shell-group .dao-tabs__header .dao-tabs__action {
584
+ padding: 0;
585
+ margin-right: -15px;
586
+ }
587
+ .dao-cloud-shell-group .dao-tabs__nav__scroll {
588
+ padding: 0;
589
+ margin: 0;
590
+ overflow: auto;
591
+ }
592
+ .dao-cloud-shell-group .dao-tabs__header--card {
593
+ padding: 0 10px;
594
+ border-bottom: 0;
595
+ }
596
+ .dao-cloud-shell-group .dao-tabs__header--card .dao-tabs__nav {
597
+ line-height: 30px;
598
+ }
599
+ .dao-cloud-shell-group .dao-tabs__nav__wrap {
600
+ padding: 0;
601
+ margin-bottom: 0;
602
+ }
603
+ .dao-cloud-shell-group .dao-tabs__body {
604
+ flex: 1;
605
+ margin-right: -5px;
606
+ }
607
+ .dao-cloud-shell-group .dao-tab-item {
608
+ width: 100%;
609
+ height: 100%;
610
+ }
611
+ .dao-cloud-shell-group .dao-tabs__nav-item {
612
+ height: 30px;
613
+ padding: 0 8px 0 12px;
614
+ margin-bottom: 0;
615
+ font-size: 12px;
616
+ line-height: 28px;
617
+ color: var(--dao-text-primary);
618
+ background-color: var(--dao-navigation-100);
619
+ border-color: var(--dao-navigation-100);
620
+ border-radius: 8px 8px 0 0;
621
+ }
622
+ .dao-cloud-shell-group .dao-tabs__nav-item--active {
623
+ background-color: var(--dao-gray-blue-080);
624
+ border-color: var(--dao-gray-blue-080);
625
+ }
626
+ .dao-cloud-shell-group .dao-tabs__nav-item + .dao-tabs__nav-item {
627
+ margin-left: 10px;
628
+ }
629
+ .dao-cloud-shell-group .dao-tabs__nav-item .dao-icon.icon-close {
630
+ margin-left: 5px;
631
+ font-size: 14px;
632
+ color: var(--dao-icon);
633
+ vertical-align: middle;
634
+ cursor: pointer;
635
+ }
636
+ .dao-cloud-shell-group .dao-tabs__nav-item .dao-icon.icon-close:hover {
637
+ color: var(--dao-icon-hover);
377
638
  }
378
639
  .dao-cloud-shell-group.is-fullscreen {
379
640
  position: fixed;
@@ -407,135 +668,53 @@
407
668
  }
408
669
  .dao-cloud-shell-group__tools .dao-action-icon {
409
670
  margin: 0 6px;
410
- }.dao-parameter-configuration .config-template-select {
671
+ }.dao-backup-setting {
672
+ padding: 20px;
673
+ background-color: var(--dao-pure-white);
674
+ border-radius: 10px;
675
+ box-shadow: 0 4px 8px 0 rgba(var(--dao-pure-black-rgb), 0.1);
676
+ }
677
+ .dao-backup-setting__period {
678
+ margin-top: 0;
679
+ }.dao-delete-backup-dialog__header-icon {
411
680
  margin-right: 8px;
681
+ font-size: 18px;
682
+ color: var(--dao-status-warning);
412
683
  }
413
- .dao-parameter-configuration .dao-form-item__content {
414
- min-width: 0;
684
+ .dao-delete-backup-dialog__text {
685
+ margin: 0;
415
686
  }
416
- .dao-parameter-configuration .config-content-editor {
417
- height: 400px;
418
- }.dao-iframe {
419
- background-color: transparent;
687
+ .dao-delete-backup-dialog__toggle {
688
+ margin-top: 10px;
689
+ }.dao-backup-restore__message {
690
+ margin-bottom: 20px;
420
691
  }
421
- .dao-iframe iframe {
422
- width: 100%;
423
- height: 100%;
424
- border: 0;
692
+ .dao-backup-restore__confirm-title-icon {
693
+ margin-right: 8px;
694
+ font-size: 18px;
695
+ color: var(--dao-status-info);
425
696
  }
426
- .dao-iframe .dao-iframe__no-data {
697
+ .dao-backup-restore__status-list {
698
+ width: 800px;
699
+ margin: 0 auto;
700
+ }.dao-instance-load-balancer .dao-select,
701
+ .dao-instance-load-balancer .dao-input {
702
+ width: 400px !important;
703
+ }.container-storage-pvc .dao-form-block__item-inner {
704
+ padding-right: 10px;
705
+ }.container-storage-pvc-template .dao-form-item__label {
427
706
  display: flex;
428
707
  align-items: center;
429
- justify-content: center;
430
- width: 100%;
431
- height: 100%;
432
- background-color: var(--dao-gray-blue-080);
708
+ justify-content: space-between;
709
+ margin-bottom: 5px;
710
+ font-size: 14px;
711
+ color: var(--dao-gray-010);
433
712
  }
434
- .dao-iframe .dao-iframe__no-data .dao-empty {
435
- background-color: transparent;
436
- }.dao-remote-component__container {
437
- height: 100%;
438
- }.dao-preview-annotations__container {
439
- padding: 0 20px 30px;
440
- }
441
- .dao-preview-annotations__title {
442
- margin-bottom: 20px;
443
- font-size: 14px;
444
- font-weight: 700;
445
- line-height: 25px;
446
- }
447
- .dao-preview-annotations__list {
448
- padding: 0 0 0 30px;
449
- margin: 0;
450
- list-style-type: none;
451
- }
452
- .dao-preview-annotations__item {
453
- margin-bottom: 15px;
454
- font-size: 13px;
455
- line-height: 20px;
456
- }
457
- .dao-preview-annotations__item:last-child {
458
- margin-bottom: 0;
459
- }.dao-radio-wrapper.dao-radio-button {
460
- margin-right: 10px;
461
- }
462
- .dao-radio-wrapper.dao-radio-button .dao-radio__label-wrapper {
463
- display: inline-flex;
464
- align-items: center;
465
- height: 30px;
466
- padding: 0 15px;
467
- margin-left: 0;
468
- border: 1px solid var(--dao-gray-blue-050);
469
- border-radius: 4px;
470
- }
471
- .dao-radio-wrapper.dao-radio-button:not(.dao-radio-wrapper--disabled) .dao-radio__label-wrapper:hover {
472
- border-color: var(--dao-gray-blue-030);
473
- }
474
- .dao-radio-wrapper.dao-radio-button .dao-radio {
475
- display: none;
476
- }
477
- .dao-radio-wrapper.dao-radio-button .dao-radio.dao-radio--checked + .dao-radio__label-wrapper {
478
- color: var(--dao-system-secondary);
479
- border-color: var(--dao-system-secondary);
480
- }
481
- .dao-radio-wrapper.dao-radio-button.dao-radio-button__borderless {
482
- margin-right: 8px;
483
- }
484
- .dao-radio-wrapper.dao-radio-button.dao-radio-button__borderless .dao-radio__label-wrapper {
485
- height: 26px;
486
- padding: 0 11px;
487
- border-color: transparent;
488
- }
489
- .dao-radio-wrapper.dao-radio-button.dao-radio-button__borderless:not(.dao-radio-wrapper--disabled) :not(.dao-radio.dao-radio--checked) + .dao-radio__label-wrapper:hover {
490
- border-color: var(--dao-gray-blue-050);
491
- }.dao-preview-ports {
492
- box-sizing: content-box;
493
- padding: 10px;
494
- background-color: var(--dao-bg);
495
- border-radius: 8px;
496
- }
497
- .dao-preview-ports .dao-table-td {
498
- font-weight: 400;
499
- }.dao-node-affinity__switch + .dao-form-block {
500
- margin-top: 7px;
501
- }
502
- .dao-node-affinity .dao-form-block__item-inner {
503
- padding-right: 20px;
504
- }.dao-parameter-list {
505
- /* stylelint-disable-next-line selector-max-compound-selectors */
506
- }
507
- .dao-parameter-list .dao-toolbar__primary-action .dao-btn + .dao-btn {
508
- margin-left: 10px;
509
- }.dao-pod-affinity__switch + .dao-form-block {
510
- margin-top: 7px;
511
- }
512
- .dao-pod-affinity .dao-form-block__item-inner {
513
- padding-right: 20px;
514
- }.dao-network-config__btn-container {
515
- width: 600px;
516
- margin-top: 10px;
517
- text-align: right;
518
- }.dao-instance-load-balancer .dao-select,
519
- .dao-instance-load-balancer .dao-input {
520
- width: 400px !important;
521
- }.container-env__form .dao-form-item + .dao-form-item {
522
- margin-top: 10px;
523
- }
524
- .container-env__form__icon-add {
525
- margin-bottom: 20px;
526
- }
527
- .container-env__form__icon-add--not-empty {
528
- margin-top: 10px;
529
- }.dao-schedule-config-affinity .dao-expansion-item-content-container {
530
- background-color: var(--dao-pure-white);
531
- }
532
-
533
- .dao-schedule-config-affinity .dao-expansion-item--box > .dao-expansion-item-content-container > .dao-expansion-item-content {
534
- padding-left: 0;
713
+ .container-storage-pvc-template .pvc-template__title {
714
+ flex: 1 1 0%;
535
715
  }
536
-
537
- .dao-schedule-config-toleration-input {
538
- width: 195px;
716
+ .container-storage-pvc-template .dao-popper-target {
717
+ vertical-align: middle;
539
718
  }.dao-resource-config {
540
719
  width: 400px !important;
541
720
  }
@@ -569,179 +748,86 @@
569
748
  width: 80px;
570
749
  }
571
750
 
572
- .dao-resource-config .dao-input-prepend {
573
- width: 55px;
574
- }
575
-
576
751
  .dao-resource-config .dao-input-append {
577
752
  width: 65px;
578
753
  }
579
754
 
580
755
  .dao-resource-config .dao-input-append .dao-input-memory__unit {
581
756
  vertical-align: top;
757
+ }.dao-parameter-list {
758
+ /* stylelint-disable-next-line selector-max-compound-selectors */
759
+ }
760
+ .dao-parameter-list .dao-toolbar__primary-action .dao-btn + .dao-btn {
761
+ margin-left: 10px;
762
+ }.dao-update-network-config__body {
763
+ min-height: 200px;
764
+ }.dao-switch-master-node__form {
765
+ margin-top: 20px;
766
+ }.dao-select-taints__option .dao-tag {
767
+ max-width: 100%;
768
+ }
769
+ .dao-select-taints__option .dao-ellipsis {
770
+ overflow: hidden;
771
+ }.select-image-btn {
772
+ margin-left: 8px;
773
+ }.private-not-allow-tip {
774
+ margin-bottom: 20px;
582
775
  }
583
776
 
584
- .dao-resource-config .request-en .dao-input-prepend {
585
- width: 80px;
586
- }.match-expression-editor__label-icon {
587
- margin-left: 4px;
588
- color: var(--dao-icon);
589
- vertical-align: middle;
590
- }.container-storage-pvc .dao-form-block__item-inner {
591
- padding-right: 10px;
592
- }.container-storage-pvc-template .dao-form-item__label {
777
+ .dao-select-image-dialog__table .dao-table__empty-block {
593
778
  display: flex;
594
779
  align-items: center;
595
- justify-content: space-between;
596
- margin-bottom: 5px;
597
- font-size: 14px;
598
- color: var(--dao-gray-010);
599
- }
600
- .container-storage-pvc-template .pvc-template__title {
601
- flex: 1 1 0%;
602
- }
603
- .container-storage-pvc-template .dao-popper-target {
604
- vertical-align: middle;
605
- }.dao-upgrade-strategy .dao-input {
606
- width: 240px;
607
- }
608
- .dao-upgrade-strategy .dao-input--with-append {
609
- width: 198px;
610
- }
611
- .dao-upgrade-strategy .dao-input-wrapper-zh .dao-input--with-append {
612
- width: 185px;
613
- }
614
- .dao-upgrade-strategy .dao-input-wrapper-zh .dao-select {
615
- width: 55px;
616
- }
617
- .dao-upgrade-strategy .dao-input-wrapper-en .dao-input--with-append {
618
- width: 168px;
780
+ justify-content: center;
781
+ min-height: 200px;
619
782
  }
620
- .dao-upgrade-strategy .dao-input-wrapper-en .dao-select {
621
- width: 72px;
622
- }.dao-gpu-form-enable-switch {
623
- margin-bottom: 13px;
783
+ .dao-select-image-dialog__table .dao-table-loading--range {
784
+ min-height: 230px;
624
785
  }
625
-
626
- .dao-gpu-form {
627
- width: 100%;
786
+ .dao-select-image-dialog__table .search-image-empty .dao-state-icon__label {
787
+ margin-left: 4px;
788
+ }.dao-iframe {
789
+ background-color: transparent;
628
790
  }
629
- .dao-gpu-form .dao-gpu-form-group {
630
- flex: 1;
791
+ .dao-iframe iframe {
631
792
  width: 100%;
793
+ height: 100%;
794
+ border: 0;
632
795
  }
633
-
634
- .dao-gpu-form__item {
796
+ .dao-iframe .dao-iframe__no-data {
635
797
  display: flex;
636
798
  align-items: center;
637
- margin-bottom: 10px;
638
- }
639
-
640
- .dao-gpu-form__add-btn {
641
- line-height: 30px;
642
- }
643
-
644
- .dao-gpu-form__item__remove-btn {
645
- margin-right: 20px;
646
- margin-left: 10px;
647
- }
648
-
649
- .dao-gpu-form__item--primary {
650
- width: 400px;
799
+ justify-content: center;
800
+ width: 100%;
801
+ height: 100%;
802
+ background-color: var(--dao-gray-blue-080);
651
803
  }
652
-
653
- .dao-gpu-form__item--side {
654
- width: 300px;
804
+ .dao-iframe .dao-iframe__no-data .dao-empty {
805
+ background-color: transparent;
806
+ }.dao-node-affinity__switch + .dao-form-block {
807
+ margin-top: 7px;
655
808
  }
656
-
657
- .solid-wrapper {
658
- align-self: self-start;
659
- padding: 20px;
660
- padding-bottom: 0;
661
- background: var(--dao-gray-blue-110);
662
- border: 1px solid var(--dao-gray-blue-050);
663
- border-radius: 10px;
664
- }.advanced-settings {
665
- display: flex;
666
- align-items: center;
667
- width: fit-content;
668
- margin-bottom: 20px;
669
- font-size: 14px;
670
- font-weight: 800;
671
- line-height: 26px;
809
+ .dao-node-affinity .dao-form-block__item-inner {
810
+ padding-right: 20px;
811
+ }.network-guide-drawer {
812
+ font-size: 13px;
813
+ font-weight: 400;
814
+ line-height: 20px;
672
815
  color: var(--dao-gray-010);
673
- cursor: pointer;
674
- user-select: none;
675
816
  }
676
- .advanced-settings__label {
677
- margin-right: 5px;
678
- font-size: 14px;
817
+ .network-guide-drawer .dao-drawer__wrap {
818
+ overflow-x: hidden;
679
819
  }
680
- .advanced-settings__1st .advanced-settings__label {
681
- font-size: 15px;
820
+ .network-guide-drawer__step {
821
+ margin-bottom: 10px;
682
822
  }
683
- .advanced-settings__2nd .advanced-settings__label {
823
+ .network-guide-drawer__section-title {
824
+ margin: 20px 0 10px;
684
825
  font-size: 14px;
826
+ font-weight: 700;
827
+ line-height: 22px;
685
828
  }
686
- .advanced-settings__3rd .advanced-settings__label {
687
- font-size: 13px;
688
- }
689
- .advanced-settings .dao-icon {
690
- display: inline-block;
691
- color: var(--dao-gray-blue-040);
692
- transform: rotate(90deg);
693
- }
694
- .advanced-settings--hidden .dao-icon {
695
- transform: rotate(0deg);
696
- }.container-basic-info--gpu-type-warning {
697
- width: 800px;
698
- margin-bottom: 10px;
699
- }
700
- .container-basic-info--gpu-form-item .dao-gpu-form .dao-gpu-form__item--primary {
701
- width: 800px;
702
- }.dao-parameter-template-list {
703
- /* stylelint-disable-next-line selector-max-compound-selectors */
704
- }
705
- .dao-parameter-template-list .dao-toolbar__primary-action .dao-btn + .dao-btn {
706
- margin-left: 10px;
707
- }
708
- .dao-parameter-template-list__type {
709
- display: flex;
710
- align-items: center;
711
- line-height: 16px;
712
- }
713
- .dao-parameter-template-list__type .dao-icon {
714
- margin-right: 5px;
715
- font-size: 16px;
716
- color: var(--dao-icon);
717
- }.dao-backup-setting {
718
- padding: 20px;
719
- background-color: var(--dao-pure-white);
720
- border-radius: 10px;
721
- box-shadow: 0 4px 8px 0 rgba(var(--dao-pure-black-rgb), 0.1);
722
- }
723
- .dao-backup-setting__period {
724
- margin-top: 0;
725
- }.network-guide-drawer {
726
- font-size: 13px;
727
- font-weight: 400;
728
- line-height: 20px;
729
- color: var(--dao-gray-010);
730
- }
731
- .network-guide-drawer .dao-drawer__wrap {
732
- overflow-x: hidden;
733
- }
734
- .network-guide-drawer__step {
735
- margin-bottom: 10px;
736
- }
737
- .network-guide-drawer__section-title {
738
- margin: 20px 0 10px;
739
- font-size: 14px;
740
- font-weight: 700;
741
- line-height: 22px;
742
- }
743
- .network-guide-drawer__section-title:first-child {
744
- margin-top: 0;
829
+ .network-guide-drawer__section-title:first-child {
830
+ margin-top: 0;
745
831
  }
746
832
  .network-guide-drawer__command {
747
833
  padding: 10px;
@@ -777,9 +863,6 @@
777
863
  margin-left: 6px;
778
864
  font-size: 14px;
779
865
  color: var(--dao-icon);
780
- }.dao-health-check-wrapper .dao-health-check-handler {
781
- margin-top: 20px;
782
- margin-bottom: -3px;
783
866
  }.dao-health-check-handler .dao-form-block__item-inner {
784
867
  padding-bottom: 0;
785
868
  padding-left: 20px;
@@ -790,286 +873,74 @@
790
873
  font-weight: 800;
791
874
  line-height: 26px;
792
875
  color: var(--dao-gray-010);
793
- }.expansion-validate-item--optional {
794
- padding: 0 7px;
795
- font-size: 12px;
796
- line-height: 18px;
797
- color: var(--dao-gray-blue-020);
798
- background-color: var(--dao-gray-blue-090);
799
- border: 1px solid var(--dao-gray-blue-050);
800
- border-radius: 3px;
801
- }
802
- .expansion-validate-item--error {
803
- font-size: 17px;
804
- color: var(--dao-red-050);
805
- }.dao-containers-wrapper .dao-tabs__header {
806
- margin-bottom: 10px;
807
- }
808
- .dao-containers-wrapper .dao-container-item-label {
809
- display: flex;
810
- align-items: center;
811
- }
812
- .dao-containers-wrapper .dao-container-item-label__error-tip {
813
- font-size: 0;
814
- line-height: 16px;
815
- }
816
- .dao-containers-wrapper .dao-container-item-label__icon {
817
- margin-right: 5px;
818
- font-size: 16px;
819
- line-height: 16px;
820
- color: var(--dao-status-error);
821
- vertical-align: middle;
822
- }
823
- .dao-containers-wrapper .dao-container-item-label__close {
824
- margin-left: 5px;
825
- }.confirm-dialog-icon {
826
- margin-right: 8px;
827
- font-size: 18px;
828
- color: var(--dao-yellow-040);
829
- }.select-image-btn {
830
- margin-left: 8px;
831
- }.private-not-allow-tip {
832
- margin-bottom: 20px;
833
- }
834
-
835
- .dao-select-image-dialog__table .dao-table__empty-block {
836
- display: flex;
837
- align-items: center;
838
- justify-content: center;
839
- min-height: 200px;
840
- }
841
- .dao-select-image-dialog__table .dao-table-loading--range {
842
- min-height: 230px;
843
- }
844
- .dao-select-image-dialog__table .search-image-empty .dao-state-icon__label {
845
- margin-left: 4px;
846
- }.dao-time-picker__content {
847
- box-sizing: border-box;
848
- display: inline-flex;
849
- align-items: center;
850
- min-width: 130px;
851
- padding: 0 10px;
852
- font-size: 13px;
853
- color: var(--dao-gray-010);
854
- cursor: pointer;
876
+ }.dao-health-check-wrapper .dao-health-check-handler {
877
+ margin-top: 20px;
878
+ margin-bottom: -3px;
879
+ }.dao-schedule-config-affinity .dao-expansion-item-content-container {
855
880
  background-color: var(--dao-pure-white);
856
- border: 1px solid var(--dao-gray-blue-050);
857
- border-radius: 3px;
858
- }
859
- .dao-time-picker__content--size-sm {
860
- height: 26px;
861
- }
862
- .dao-time-picker__content--size-md {
863
- height: 30px;
864
- }
865
- .dao-time-picker__content--interval {
866
- width: 140px;
867
- }
868
- .dao-time-picker__content__icon {
869
- margin-right: 6px;
870
- font-size: 16px;
871
- color: var(--dao-gray-blue-040);
872
- }
873
- .dao-time-picker__content__text {
874
- white-space: pre;
875
- }
876
- .dao-time-picker__content--disabled {
877
- color: var(--dao-gray-090);
878
- cursor: not-allowed;
879
- background-color: var(--dao-bg);
880
- border: 1px solid var(--dao-line-divider);
881
- }
882
- .dao-time-picker__content--disabled .dao-time-picker__content__icon {
883
- color: var(--dao-text-disabled);
884
881
  }
885
882
 
886
- .dao-time-picker__popper.dao-popper {
887
- border: 1px solid var(--dao-gray-180);
888
- box-shadow: 0 8px 30px rgba(var(--dao-pure-black-rgb), 0.12);
889
- }
890
-
891
- .dao-time-picker__popper .dao-popper-inner {
892
- padding-right: 0;
883
+ .dao-schedule-config-affinity .dao-expansion-item--box > .dao-expansion-item-content-container > .dao-expansion-item-content {
893
884
  padding-left: 0;
894
885
  }
895
886
 
896
- .dao-time-picker__popper-content {
897
- display: flex;
898
- width: 600px;
899
- height: 280px;
900
- }
901
- .dao-time-picker__popper-content .interval-selector {
887
+ .dao-schedule-config-toleration-input {
888
+ width: 195px;
889
+ }.advanced-settings {
902
890
  display: flex;
903
- flex-direction: column;
904
- width: 150px;
905
- border-right: 1px solid var(--dao-gray-blue-070);
906
- }
907
- .dao-time-picker__popper-content .interval-selector__title {
908
- flex: none;
909
- padding: 18px 13px 14px;
891
+ align-items: center;
892
+ width: fit-content;
893
+ margin-bottom: 20px;
910
894
  font-size: 14px;
911
- font-weight: 700;
912
- line-height: 19px;
913
- color: var(--dao-gray-blue-030);
914
- border-bottom: 1px solid var(--dao-gray-blue-070);
915
- }
916
- .dao-time-picker__popper-content .interval-selector__options {
917
- flex: 1 1 0;
918
- overflow-y: auto;
919
- }
920
- .dao-time-picker__popper-content .interval-selector__option {
921
- padding: 0 12px;
922
- font-size: 13px;
923
- line-height: 30px;
895
+ font-weight: 800;
896
+ line-height: 26px;
924
897
  color: var(--dao-gray-010);
925
898
  cursor: pointer;
899
+ user-select: none;
926
900
  }
927
- .dao-time-picker__popper-content .interval-selector__option--selected {
928
- font-weight: 600;
929
- color: var(--dao-acidblue-040);
930
- background-color: var(--dao-gray-blue-090);
931
- }
932
- .dao-time-picker__popper-content .range-selector {
933
- display: flex;
934
- flex: auto;
935
- flex-direction: column;
936
- padding: 18px 40px 0 30px;
937
- }
938
- .dao-time-picker__popper-content .range-selector__content {
939
- flex: 1;
940
- }
941
- .dao-time-picker__popper-content .range-selector__footer {
942
- flex: none;
943
- height: 49px;
944
- padding: 11px 20px;
945
- margin: 0 -40px 0 -30px;
946
- text-align: right;
947
- border-top: 1px solid var(--dao-gray-blue-070);
948
- }
949
- .dao-time-picker__popper-content .range-selector__title {
901
+ .advanced-settings__label {
902
+ margin-right: 5px;
950
903
  font-size: 14px;
951
- font-weight: 700;
952
- line-height: 19px;
953
- color: var(--dao-gray-blue-030);
954
- }
955
- .dao-time-picker__popper-content .range-selector__label {
956
- margin-top: 22px;
957
- margin-bottom: 5px;
958
- font-size: 12px;
959
- font-weight: 700;
960
- line-height: 20px;
961
- color: var(--dao-gray-040);
962
- }
963
- .dao-time-picker__popper-content .dao-select-popper .dao-popper-inner {
964
- padding-right: 0;
965
- padding-left: 0;
966
- }.dao-cluster-unknown-dialog__header-icon {
967
- margin-right: 8px;
968
- font-size: 18px;
969
- color: var(--dao-status-error);
970
- }.advanced-config .dao-tab-item {
971
- padding: 20px;
972
- }
973
- .advanced-config-item {
974
- display: flex;
975
- align-items: center;
976
- }
977
- .advanced-config-item__icon--error {
978
- margin-left: 5px;
979
- font-size: 13px;
980
- color: var(--dao-red-050);
981
- }.net-card__wrap {
982
- width: 600px;
983
904
  }
984
- .net-card__content {
985
- padding: 20px 20px 30px;
986
- margin-top: 0;
987
- color: var(--dao-gray-010);
988
- background: var(--dao-gray-blue-110);
989
- border: 1px solid var(--dao-gray-blue-050);
990
- border-radius: 10px;
991
- }
992
- .net-card__ul {
993
- padding: 0;
994
- margin: 0;
995
- list-style: none;
996
- }
997
- .net-card__li {
998
- padding-left: 30px;
999
- font-size: 13px;
1000
- font-weight: 400;
1001
- line-height: 20px;
1002
- }
1003
- .net-card__li:not(:last-child) {
1004
- margin-bottom: 15px;
905
+ .advanced-settings__1st .advanced-settings__label {
906
+ font-size: 15px;
1005
907
  }
1006
- .net-card__title {
1007
- margin-bottom: 20px;
908
+ .advanced-settings__2nd .advanced-settings__label {
1008
909
  font-size: 14px;
1009
- font-weight: 700;
1010
- line-height: 25px;
1011
- }
1012
- .net-card__footer {
1013
- margin-top: 10px;
1014
- text-align: right;
1015
- }.default-form-width {
1016
- width: 400px !important;
1017
910
  }
1018
-
1019
- .flex-wrapper .standard-gap-item + .standard-gap-item {
1020
- margin-left: 8px;
1021
- }
1022
-
1023
- .flex-wrapper {
1024
- display: flex;
1025
- align-items: center;
1026
- }.dao-object-pool-editor {
1027
- width: 400px !important;
1028
- }
1029
-
1030
- .dao-object-pool-editor__tags {
1031
- width: 400px;
1032
- min-height: 96px;
1033
- max-height: 160px;
1034
- padding: 10px 10px 2px 2px;
1035
- overflow-y: auto;
1036
- background-color: var(--dao-gray-blue-110);
1037
- border: 1px solid var(--dao-gray-blue-050);
1038
- border-radius: 4px;
911
+ .advanced-settings__3rd .advanced-settings__label {
912
+ font-size: 13px;
1039
913
  }
1040
-
1041
- .dao-object-pool-editor__tag-item {
1042
- margin-bottom: 8px;
1043
- margin-left: 8px;
1044
- overflow: hidden;
914
+ .advanced-settings .dao-icon {
915
+ display: inline-block;
916
+ color: var(--dao-gray-blue-040);
917
+ transform: rotate(90deg);
1045
918
  }
1046
-
1047
- .dao-object-pool-editor__tag-item > span {
1048
- /* stylelint-disable-next-line value-no-vendor-prefix */
1049
- display: -webkit-box;
1050
- overflow: hidden;
1051
- -webkit-box-orient: vertical;
1052
- -webkit-line-clamp: 3;
1053
- word-break: break-all;
919
+ .advanced-settings--hidden .dao-icon {
920
+ transform: rotate(0deg);
921
+ }.container-env__form .dao-form-item + .dao-form-item {
922
+ margin-top: 10px;
1054
923
  }
1055
-
1056
- .dao-object-pool-editor__input {
1057
- display: flex;
924
+ .container-env__form__icon-add {
925
+ margin-bottom: 20px;
926
+ }
927
+ .container-env__form__icon-add--not-empty {
1058
928
  margin-top: 10px;
929
+ }.default-form-width {
930
+ width: 400px !important;
1059
931
  }
1060
932
 
1061
- .dao-object-pool-editor__input .dao-input-wrapper {
1062
- flex: 1 1 0;
933
+ .default-port-form-width {
934
+ width: 125px !important;
1063
935
  }
1064
936
 
1065
- .dao-object-pool-editor__input .dao-input-wrapper + .dao-input-wrapper {
1066
- margin-left: 10px;
937
+ .flex-wrapper .standard-gap-item + .standard-gap-item {
938
+ margin-left: 8px;
1067
939
  }
1068
940
 
1069
- .dao-object-pool-editor__footer {
941
+ .flex-wrapper {
1070
942
  display: flex;
1071
- justify-content: space-between;
1072
- margin-top: 10px;
943
+ align-items: center;
1073
944
  }.dao-form-block__item {
1074
945
  display: flex;
1075
946
  }
@@ -1138,36 +1009,62 @@
1138
1009
  padding: 10px;
1139
1010
  background-color: var(--dao-bg);
1140
1011
  border-radius: 8px;
1141
- }.container-env__select-menu {
1142
- width: 270px;
1012
+ }.dao-object-pool-editor {
1013
+ width: 400px !important;
1143
1014
  }
1144
1015
 
1145
- .container-env__form-row .dao-input,
1146
- .container-env__form-row .dao-select {
1147
- width: 200px;
1016
+ .dao-object-pool-editor__tags {
1017
+ width: 400px;
1018
+ min-height: 96px;
1019
+ max-height: 160px;
1020
+ padding: 10px 10px 2px 2px;
1021
+ overflow-y: auto;
1022
+ background-color: var(--dao-gray-blue-110);
1023
+ border: 1px solid var(--dao-gray-blue-050);
1024
+ border-radius: 4px;
1148
1025
  }
1149
- .container-env__form-row .lg-input,
1150
- .container-env__form-row .dao-select.lg-select {
1151
- width: 410px;
1026
+
1027
+ .dao-object-pool-editor__tag-item {
1028
+ margin-bottom: 8px;
1029
+ margin-left: 8px;
1030
+ overflow: hidden;
1152
1031
  }
1153
- .container-env__form-item {
1154
- display: inline-flex;
1155
- flex-direction: column;
1032
+
1033
+ .dao-object-pool-editor__tag-item > span {
1034
+ /* stylelint-disable-next-line value-no-vendor-prefix */
1035
+ display: -webkit-box;
1036
+ overflow: hidden;
1037
+ -webkit-box-orient: vertical;
1038
+ -webkit-line-clamp: 3;
1039
+ word-break: break-all;
1156
1040
  }
1157
- .container-env__form-item + .container-env__form-item {
1041
+
1042
+ .dao-object-pool-editor__input {
1043
+ display: flex;
1044
+ margin-top: 10px;
1045
+ }
1046
+
1047
+ .dao-object-pool-editor__input .dao-input-wrapper {
1048
+ flex: 1 1 0;
1049
+ }
1050
+
1051
+ .dao-object-pool-editor__input .dao-input-wrapper + .dao-input-wrapper {
1158
1052
  margin-left: 10px;
1159
1053
  }
1160
- .container-env__form-label {
1161
- margin-bottom: 5px;
1162
- font-size: 12px;
1163
- font-weight: 700;
1164
- line-height: 20px;
1165
- color: var(--dao-gray-060);
1054
+
1055
+ .dao-object-pool-editor__footer {
1056
+ display: flex;
1057
+ justify-content: space-between;
1058
+ margin-top: 10px;
1059
+ }.dao-assign-gpu-devices-list .dao-table-scroll {
1060
+ max-height: 269px;
1061
+ overflow-y: auto;
1166
1062
  }
1167
- .container-env__icon-delete {
1168
- position: relative;
1169
- top: 29px;
1170
- margin-left: 5px;
1063
+ .dao-assign-gpu-devices-list .dao-toolbar {
1064
+ padding: 0;
1065
+ }
1066
+ .dao-assign-gpu-devices-list .dao-toolbar__search .dao-input-wrapper {
1067
+ width: 260px;
1171
1068
  }.gpu-quotas-item__type-select-wrap {
1172
1069
  display: flex;
1173
1070
  align-items: center;
@@ -1212,11 +1109,109 @@
1212
1109
  .gpu-quotas-item__iluvatar-memory-input.dao-input-wrapper .dao-input-append {
1213
1110
  flex: none;
1214
1111
  width: 42px;
1215
- }.dao-select-taints__option .dao-tag {
1216
- max-width: 100%;
1217
1112
  }
1218
- .dao-select-taints__option .dao-ellipsis {
1219
- overflow: hidden;
1113
+
1114
+ .gpu-quotas-item__vgpu-memory-input {
1115
+ width: 144px;
1116
+ }
1117
+ .gpu-quotas-item__vgpu-memory-input.dao-input-wrapper .dao-input-inner {
1118
+ flex: 1 1 auto;
1119
+ width: auto;
1120
+ min-width: 0;
1121
+ }
1122
+ .gpu-quotas-item__vgpu-memory-input.dao-input-wrapper .dao-input-append {
1123
+ flex: none;
1124
+ }
1125
+
1126
+ .gpu-quotas-item__vgpu-memory-unit.dao-select {
1127
+ width: 60px;
1128
+ }.container-basic-info--gpu-type-warning {
1129
+ width: 800px;
1130
+ margin-bottom: 10px;
1131
+ }
1132
+ .container-basic-info--gpu-form-item .dao-gpu-form .dao-gpu-form__item--primary {
1133
+ width: 800px;
1134
+ }.expansion-validate-item--optional {
1135
+ padding: 0 7px;
1136
+ font-size: 12px;
1137
+ line-height: 18px;
1138
+ color: var(--dao-gray-blue-020);
1139
+ background-color: var(--dao-gray-blue-090);
1140
+ border: 1px solid var(--dao-gray-blue-050);
1141
+ border-radius: 3px;
1142
+ }
1143
+ .expansion-validate-item--error {
1144
+ font-size: 17px;
1145
+ color: var(--dao-red-050);
1146
+ }.dao-containers-wrapper .dao-tabs__header {
1147
+ margin-bottom: 10px;
1148
+ }
1149
+ .dao-containers-wrapper .dao-container-item-label {
1150
+ display: flex;
1151
+ align-items: center;
1152
+ }
1153
+ .dao-containers-wrapper .dao-container-item-label__error-tip {
1154
+ font-size: 0;
1155
+ line-height: 16px;
1156
+ }
1157
+ .dao-containers-wrapper .dao-container-item-label__icon {
1158
+ margin-right: 5px;
1159
+ font-size: 16px;
1160
+ line-height: 16px;
1161
+ color: var(--dao-status-error);
1162
+ vertical-align: middle;
1163
+ }
1164
+ .dao-containers-wrapper .dao-container-item-label__close {
1165
+ margin-left: 5px;
1166
+ }.confirm-dialog-icon {
1167
+ margin-right: 8px;
1168
+ font-size: 18px;
1169
+ color: var(--dao-yellow-040);
1170
+ }.advanced-config .dao-tab-item {
1171
+ padding: 20px;
1172
+ }
1173
+ .advanced-config-item {
1174
+ display: flex;
1175
+ align-items: center;
1176
+ }
1177
+ .advanced-config-item__icon--error {
1178
+ margin-left: 5px;
1179
+ font-size: 13px;
1180
+ color: var(--dao-red-050);
1181
+ }.net-card__wrap {
1182
+ width: 600px;
1183
+ }
1184
+ .net-card__content {
1185
+ padding: 20px 20px 30px;
1186
+ margin-top: 0;
1187
+ color: var(--dao-gray-010);
1188
+ background: var(--dao-gray-blue-110);
1189
+ border: 1px solid var(--dao-gray-blue-050);
1190
+ border-radius: 10px;
1191
+ }
1192
+ .net-card__ul {
1193
+ padding: 0;
1194
+ margin: 0;
1195
+ list-style: none;
1196
+ }
1197
+ .net-card__li {
1198
+ padding-left: 30px;
1199
+ font-size: 13px;
1200
+ font-weight: 400;
1201
+ line-height: 20px;
1202
+ }
1203
+ .net-card__li:not(:last-child) {
1204
+ margin-bottom: 15px;
1205
+ }
1206
+ .net-card__title {
1207
+ margin-bottom: 20px;
1208
+ font-size: 14px;
1209
+ font-weight: 700;
1210
+ line-height: 25px;
1211
+ }
1212
+ .net-card__footer {
1213
+ margin-top: 10px;
1214
+ text-align: right;
1220
1215
  }.workload-logs {
1221
1216
  display: flex;
1222
1217
  flex-direction: column;
@@ -1330,18 +1325,51 @@
1330
1325
  font-size: 17px;
1331
1326
  }.insight-message__link {
1332
1327
  margin-left: 4px;
1333
- }.dao-delete-backup-dialog__header-icon {
1334
- margin-right: 8px;
1335
- font-size: 18px;
1336
- color: var(--dao-status-warning);
1328
+ }.dao-upgrade-strategy .dao-input {
1329
+ width: 240px;
1337
1330
  }
1338
- .dao-delete-backup-dialog__text {
1339
- margin: 0;
1331
+ .dao-upgrade-strategy .dao-input--with-append {
1332
+ width: 198px;
1340
1333
  }
1341
- .dao-delete-backup-dialog__toggle {
1342
- margin-top: 10px;
1343
- }.dao-update-network-config__body {
1344
- min-height: 200px;
1345
- }.dao-switch-master-node__form {
1346
- margin-top: 20px;
1334
+ .dao-upgrade-strategy .dao-input-wrapper-zh .dao-input--with-append {
1335
+ width: 185px;
1336
+ }
1337
+ .dao-upgrade-strategy .dao-input-wrapper-zh .dao-select {
1338
+ width: 55px;
1339
+ }
1340
+ .dao-upgrade-strategy .dao-input-wrapper-en .dao-input--with-append {
1341
+ width: 168px;
1342
+ }
1343
+ .dao-upgrade-strategy .dao-input-wrapper-en .dao-select {
1344
+ width: 72px;
1345
+ }.container-env__select-menu {
1346
+ width: 270px;
1347
+ }
1348
+
1349
+ .container-env__form-row .dao-input,
1350
+ .container-env__form-row .dao-select {
1351
+ width: 200px;
1352
+ }
1353
+ .container-env__form-row .lg-input,
1354
+ .container-env__form-row .dao-select.lg-select {
1355
+ width: 410px;
1356
+ }
1357
+ .container-env__form-item {
1358
+ display: inline-flex;
1359
+ flex-direction: column;
1360
+ }
1361
+ .container-env__form-item + .container-env__form-item {
1362
+ margin-left: 10px;
1363
+ }
1364
+ .container-env__form-label {
1365
+ margin-bottom: 5px;
1366
+ font-size: 12px;
1367
+ font-weight: 700;
1368
+ line-height: 20px;
1369
+ color: var(--dao-gray-060);
1370
+ }
1371
+ .container-env__icon-delete {
1372
+ position: relative;
1373
+ top: 29px;
1374
+ margin-left: 5px;
1347
1375
  }