bfg-common 1.5.743 → 1.5.744

package/components/common/diagramMain/modals/lib/config/vCenterModal.ts

@@ -1,48 +1,48 @@
-import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ModalsInitialData } from '~/components/common/diagramMain/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-
-export const vCenterViewSettingsFunc = (
-  localization: UI_I_Localization,
-  initialData: UI_I_ModalsInitialData
-) => [
-  {
-    title: 'Network adapter 1',
-    id: 1,
-    type: 1,
-    rows: [
-      {
-        name: localization.common.macAddress,
-        value: initialData.macAddress,
-      },
-      {
-        name: localization.common.adapterType,
-        value: initialData.adapter,
-      },
-    ],
-  },
-]
-
-export const vCenterPopupFieldsFunc = (
-  localization: UI_I_Localization,
-  testId: string
-): UI_I_CollapseNavItem[] => [
-  {
-    text: localization.common.viewSettings,
-    value: 'v-center-view-settings',
-    testId: `${testId}-view`,
-  },
-]
-
-export const vCenterPopupFieldsNewFunc = (
-  localization: UI_I_Localization,
-  testId: string
-): UI_I_Dropdown[] => [
-  {
-    text: localization.common.viewSettings,
-    value: 'v-center-view-settings',
-    iconName: 'password-hide',
-    testId: `${testId}-view`,
-  },
-]
+import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ModalsInitialData } from '~/components/common/diagramMain/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+
+export const vCenterViewSettingsFunc = (
+  localization: UI_I_Localization,
+  initialData: UI_I_ModalsInitialData
+) => [
+  {
+    title: 'Network adapter 1',
+    id: 1,
+    type: 1,
+    rows: [
+      {
+        name: localization.common.macAddress,
+        value: initialData.macAddress,
+      },
+      {
+        name: localization.common.adapterType,
+        value: initialData.adapter,
+      },
+    ],
+  },
+]
+
+export const vCenterPopupFieldsFunc = (
+  localization: UI_I_Localization,
+  testId: string
+): UI_I_CollapseNavItem[] => [
+  {
+    text: localization.common.viewSettings,
+    value: 'v-center-view-settings',
+    testId: `${testId}-view`,
+  },
+]
+
+export const vCenterPopupFieldsNewFunc = (
+  localization: UI_I_Localization,
+  testId: string
+): UI_I_Dropdown[] => [
+  {
+    text: localization.common.viewSettings,
+    value: 'v-center-view-settings',
+    iconName: 'password-hide',
+    testId: `${testId}-view`,
+  },
+]

package/components/common/diagramMain/modals/viewSettings/info/Info.vue

@@ -17,7 +17,11 @@
     :full-mode="props.fullMode"
     :height="props.height"
     :with-collapse="props.withCollapse"
-  />
+  >
+    <template #dynamic="{ dynamicName, data }">
+      <slot :name="dynamicName" :data="data" />
+    </template>
+  </common-diagram-main-modals-view-settings-info-old>
 </template>
 
 <script setup lang="ts">

package/components/common/diagramMain/modals/viewSettings/info/InfoOld.vue

@@ -18,7 +18,15 @@
               v-for="viewSettingsField in viewSettingsTabContent(tab.value)"
               :key="viewSettingsField.id"
             >
+              <template v-if="viewSettingsField.slot">
+                <slot
+                  name="dynamic"
+                  :dynamic-name="viewSettingsField.slot"
+                  :data="viewSettingsField.data"
+                />
+              </template>
               <common-diagram-main-modals-view-settings-view-settings
+                v-else
                 :view-name="props.viewName"
                 :view-settings-field="viewSettingsField"
                 :with-collapse="props.withCollapse"
@@ -34,7 +42,15 @@
           v-for="viewSettingsField in props.viewSettingsFields"
           :key="viewSettingsField.id"
         >
+          <template v-if="viewSettingsField.slot">
+            <slot
+              name="dynamic"
+              :dynamic-name="viewSettingsField.slot"
+              :data="viewSettingsField.data"
+            />
+          </template>
           <common-diagram-main-modals-view-settings-view-settings
+            v-else
             :view-name="props.viewName"
             :view-settings-field="viewSettingsField"
           />