@dao-style/biz 0.6.0 → 0.7.0

package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue.mjs

@@ -10,6 +10,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_message = resolveComponent("dao-message");
   const _component_dao_text_button = resolveComponent("dao-text-button");
   const _component_dao_helper_text = resolveComponent("dao-helper-text");
+  const _component_dao_history_link = resolveComponent("dao-history-link");
   const _component_dao_gpu_form = resolveComponent("dao-gpu-form");
   const _component_dao_container_network = resolveComponent("dao-container-network");
   const _component_dao_container_custom_resource = resolveComponent("dao-container-custom-resource");
@@ -73,26 +74,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       label: _ctx.$t("biz.workloads.ContainerBasicInfo.gpuConfig"),
       class: "container-basic-info--gpu-form-item",
       "component-validate": "",
+      error: "",
       "wrapper-type": "switch",
       "padding-bottom": "0"
     }, {
       "control-content": withCtx(({ componentRef }) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         return [
           createVNode(_component_dao_gpu_form, mergeProps({ ref: componentRef }, _ctx.gpuProps, {
             nvidiaVgpuPriority: _ctx.gpuPriority,
             "onUpdate:nvidiaVgpuPriority": _cache[0] || (_cache[0] = ($event) => _ctx.gpuPriority = $event),
-            "nvidia-vgpu-model": (_b = (_a = _ctx.extraBinding) == null ? void 0 : _a.nvidiaVgpuModel) == null ? void 0 : _b.value,
-            "nvidia-vgpu-gpu-schedule": (_d = (_c = _ctx.extraBinding) == null ? void 0 : _c.nvidiaVgpuGpuSchedule) == null ? void 0 : _d.value,
-            "nvidia-vgpu-node-schedule": (_f = (_e = _ctx.extraBinding) == null ? void 0 : _e.nvidiaVgpuNodeSchedule) == null ? void 0 : _f.value,
+            "assign-gpu-disabled": ((_a = _ctx.assignGpuConfig) == null ? void 0 : _a.disabled) ?? ((_b = _ctx.gpuProps) == null ? void 0 : _b.assignGpuDisabled),
+            "nvidia-vgpu-model": (_d = (_c = _ctx.extraBinding) == null ? void 0 : _c.nvidiaVgpuModel) == null ? void 0 : _d.value,
+            "nvidia-vgpu-devices": (_f = (_e = _ctx.extraBinding) == null ? void 0 : _e.nvidiaVgpuDevices) == null ? void 0 : _f.value,
+            "nvidia-vgpu-gpu-schedule": (_h = (_g = _ctx.extraBinding) == null ? void 0 : _g.nvidiaVgpuGpuSchedule) == null ? void 0 : _h.value,
+            "nvidia-vgpu-node-schedule": (_j = (_i = _ctx.extraBinding) == null ? void 0 : _i.nvidiaVgpuNodeSchedule) == null ? void 0 : _j.value,
+            "gpu-usage": "workload",
             quota: _ctx.gpuQuotaItem,
             limit: 1,
             "dynamic-limit-one": "",
-            "enable-nvidia-vgpu-priority": "",
             "enable-nvidia-vgpu-model": "",
             "enable-nvidia-vgpu-schedule-policy": "",
             "enable-range-validate": "",
+            "enable-nvidia-vgpu-priority": ((_k = _ctx.gpuProps) == null ? void 0 : _k.enableNvidiaVgpuPriority) ?? true,
             "onUpdate:nvidiaVgpuModel": _ctx.handleNvidiaVgpuModelChange,
+            "onUpdate:nvidiaVgpuDevices": _ctx.handleNvidiaVgpuDevicesChange,
             "onUpdate:nvidiaVgpuGpuSchedule": _ctx.handleNvidiaVgpuGpuScheduleChange,
             "onUpdate:nvidiaVgpuNodeSchedule": _ctx.handleNvidiaVgpuNodeScheduleChange,
             onChange: _ctx.handleGpuChange
@@ -108,44 +114,63 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 2
           }, [
-            ((_g = _ctx.gpuQuotaItem) == null ? void 0 : _g.types.includes(_ctx.nvidiaGpuKey)) ? {
+            ((_l = _ctx.gpuQuotaItem) == null ? void 0 : _l.types.includes(_ctx.nvidiaGpuKey)) ? {
               name: "helper-gpu-type",
               fn: withCtx(() => [
                 createVNode(_component_dao_helper_text, null, {
                   default: withCtx(() => [
-                    createVNode(_component_dao_message, {
-                      type: "info",
-                      simple: ""
+                    createTextVNode(toDisplayString(_ctx.$t("biz.workloads.ContainerBasicInfo.nvidiaGpuHelper")) + " ", 1),
+                    createVNode(_component_dao_text_button, {
+                      prop: {
+                        type: "link",
+                        iconRight: "icon-new-tab"
+                      },
+                      target: "_blank",
+                      tag: "a",
+                      href: _ctx.$t("biz.common.docs", {
+                        link: "/kpanda/user-guide/gpu/nvidia/mig/mig_usage/"
+                      }),
+                      class: "text-[12px]"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.$t("biz.workloads.ContainerBasicInfo.nvidiaGpuHelper")) + " ", 1),
-                        createVNode(_component_dao_text_button, {
-                          prop: {
-                            type: "link",
-                            iconRight: "icon-new-tab"
-                          },
-                          target: "_blank",
-                          tag: "a",
-                          href: _ctx.$t("biz.common.docs", {
-                            link: "/kpanda/user-guide/gpu/nvidia/mig/mig_usage/"
-                          }),
-                          class: "text-[12px]"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(_ctx.$t("biz.workloads.ContainerBasicInfo.nvidiaGpuMigSingleDoc")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["href"])
+                        createTextVNode(toDisplayString(_ctx.$t("biz.workloads.ContainerBasicInfo.nvidiaGpuMigSingleDoc")), 1)
                       ]),
                       _: 1
-                    })
+                    }, 8, ["href"])
                   ]),
                   _: 1
                 })
               ]),
               key: "0"
+            } : void 0,
+            ((_m = _ctx.assignGpuConfig) == null ? void 0 : _m.disabled) && _ctx.assignGpuConfig.message ? {
+              name: "assign-gpu-disabled-message",
+              fn: withCtx(() => [
+                createVNode(_component_dao_message, {
+                  type: "warning",
+                  simple: ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.assignGpuConfig.message) + " ", 1),
+                    _ctx.assignGpuConfig.action ? (openBlock(), createBlock(_component_dao_history_link, {
+                      key: 0,
+                      type: "link",
+                      target: "_blank",
+                      "icon-right": "icon-new-tab",
+                      href: _ctx.assignGpuConfig.action.href
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.assignGpuConfig.action.label), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["href"])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "1"
             } : void 0
-          ]), 1040, ["nvidiaVgpuPriority", "nvidia-vgpu-model", "nvidia-vgpu-gpu-schedule", "nvidia-vgpu-node-schedule", "quota", "onUpdate:nvidiaVgpuModel", "onUpdate:nvidiaVgpuGpuSchedule", "onUpdate:nvidiaVgpuNodeSchedule", "onChange"])
+          ]), 1040, ["nvidiaVgpuPriority", "assign-gpu-disabled", "nvidia-vgpu-model", "nvidia-vgpu-devices", "nvidia-vgpu-gpu-schedule", "nvidia-vgpu-node-schedule", "quota", "enable-nvidia-vgpu-priority", "onUpdate:nvidiaVgpuModel", "onUpdate:nvidiaVgpuDevices", "onUpdate:nvidiaVgpuGpuSchedule", "onUpdate:nvidiaVgpuNodeSchedule", "onChange"])
         ];
       }),
       _: 1

package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue2.js

@@ -11,6 +11,7 @@ require("../../container-image/style/select-image-dialog.scss.js");
 require("../../container-network/style/guide-to-use-sr-iov.scss.js");
 require("../../container-network/style/container-network.scss.js");
 require("../../../components/resource-config/style/resource-config.scss.js");
+require("../../../components/gpu/style/assign-gpu-devices-list.scss.js");
 require("../../../components/gpu/style/gpu-form-item.scss.js");
 require("../../../components/gpu/style/gpu-form.scss.js");
 require("../style/container-basic-info.scss.js");
@@ -21,8 +22,8 @@ const ContainerCustomResource = require("../../container-custom-resource/src/Con
 const GpuForm = require("../../../components/gpu/src/GpuForm.vue.js");
 const useGPUOptions = require("../../../components/gpu/src/useGPUOptions.js");
 const props$1 = require("../../../components/gpu/props.js");
+const utils = require("../../../components/gpu/utils.js");
 const randomStr = require("../../../utils/randomStr.js");
-const formatNumUnit = require("../../../utils/formatNumUnit.js");
 const _sfc_main = vue.defineComponent({
   name: "DaoContainerBasicInfo",
   components: {
@@ -31,7 +32,8 @@ const _sfc_main = vue.defineComponent({
     DaoResourceConfig: ResourceConfig,
     DaoContainerNetwork: ContainerNetwork,
     DaoContainerCustomResource: ContainerCustomResource,
-    DaoGpuForm: GpuForm
+    DaoGpuForm: GpuForm,
+    DaoHistoryLink: extend.DaoHistoryLink
   },
   props: props.containerBasicInfoProps,
   emits: Object.keys(props.ContainerBasicInfoEmits),
@@ -122,15 +124,15 @@ const _sfc_main = vue.defineComponent({
           if (!gpuType) {
             return acc;
           }
+          const normalizedValue = utils.normalizeGPUResourceValue(value);
+          delete separateTempLimitValue.value[key];
+          if (normalizedValue === void 0) {
+            return acc;
+          }
           if (!acc.types.includes(gpuType)) {
             acc.types.push(gpuType);
           }
-          if (typeof value === "string" && (value.endsWith("m") || value.endsWith("k"))) {
-            acc.resources[key] = formatNumUnit.formatNumUnit(value);
-          } else {
-            acc.resources[key] = Number(value);
-          }
-          delete separateTempLimitValue.value[key];
+          acc.resources[key] = normalizedValue;
           return acc;
         }, {
           types: [],
@@ -268,6 +270,13 @@ const _sfc_main = vue.defineComponent({
         nvidiaVgpuModel.value = val;
       }
     };
+    const handleNvidiaVgpuDevicesChange = (val) => {
+      var _a2;
+      if ((_a2 = props$2.extraBinding) == null ? void 0 : _a2.nvidiaVgpuDevices) {
+        const { nvidiaVgpuDevices } = props$2.extraBinding;
+        nvidiaVgpuDevices.value = val;
+      }
+    };
     const handleNvidiaVgpuGpuScheduleChange = (val) => {
       var _a2;
       if ((_a2 = props$2.extraBinding) == null ? void 0 : _a2.nvidiaVgpuGpuSchedule) {
@@ -307,6 +316,7 @@ const _sfc_main = vue.defineComponent({
       gpuQuotaItem,
       gpuPriority,
       handleNvidiaVgpuModelChange,
+      handleNvidiaVgpuDevicesChange,
       handleNvidiaVgpuGpuScheduleChange,
       handleNvidiaVgpuNodeScheduleChange,
       GpuFieldName,

package/dist/workloads/container-basic-info/src/ContainerBasicInfo.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, computed, inject, ref, onBeforeUnmount, watch, nextTick } from "vue";
-import { DaoFormItemValidate } from "@dao-style/extend";
+import { DaoFormItemValidate, DaoHistoryLink } from "@dao-style/extend";
 import { get, cloneDeep, set, isEqual } from "lodash-es";
 import { FormContextKey } from "vee-validate";
 import { pausableWatch as watchPausable } from "../../../node_modules/@vueuse/shared/index.mjs";
@@ -10,6 +10,7 @@ import "../../container-image/style/select-image-dialog.scss.mjs";
 import "../../container-network/style/guide-to-use-sr-iov.scss.mjs";
 import "../../container-network/style/container-network.scss.mjs";
 import "../../../components/resource-config/style/resource-config.scss.mjs";
+import "../../../components/gpu/style/assign-gpu-devices-list.scss.mjs";
 import "../../../components/gpu/style/gpu-form-item.scss.mjs";
 import "../../../components/gpu/style/gpu-form.scss.mjs";
 import "../style/container-basic-info.scss.mjs";
@@ -20,8 +21,8 @@ import DaoContainerCustomResource from "../../container-custom-resource/src/Cont
 import DaoGpuForm from "../../../components/gpu/src/GpuForm.vue.mjs";
 import { useGPUOptions } from "../../../components/gpu/src/useGPUOptions.mjs";
 import { nvidiaVgpuPriorityEnvName, nvidiaGpuKey } from "../../../components/gpu/props.mjs";
+import { normalizeGPUResourceValue } from "../../../components/gpu/utils.mjs";
 import { randomStr } from "../../../utils/randomStr.mjs";
-import { formatNumUnit } from "../../../utils/formatNumUnit.mjs";
 const _sfc_main = defineComponent({
   name: "DaoContainerBasicInfo",
   components: {
@@ -30,7 +31,8 @@ const _sfc_main = defineComponent({
     DaoResourceConfig,
     DaoContainerNetwork,
     DaoContainerCustomResource,
-    DaoGpuForm
+    DaoGpuForm,
+    DaoHistoryLink
   },
   props: containerBasicInfoProps,
   emits: Object.keys(ContainerBasicInfoEmits),
@@ -121,15 +123,15 @@ const _sfc_main = defineComponent({
           if (!gpuType) {
             return acc;
           }
+          const normalizedValue = normalizeGPUResourceValue(value);
+          delete separateTempLimitValue.value[key];
+          if (normalizedValue === void 0) {
+            return acc;
+          }
           if (!acc.types.includes(gpuType)) {
             acc.types.push(gpuType);
           }
-          if (typeof value === "string" && (value.endsWith("m") || value.endsWith("k"))) {
-            acc.resources[key] = formatNumUnit(value);
-          } else {
-            acc.resources[key] = Number(value);
-          }
-          delete separateTempLimitValue.value[key];
+          acc.resources[key] = normalizedValue;
           return acc;
         }, {
           types: [],
@@ -267,6 +269,13 @@ const _sfc_main = defineComponent({
         nvidiaVgpuModel.value = val;
       }
     };
+    const handleNvidiaVgpuDevicesChange = (val) => {
+      var _a2;
+      if ((_a2 = props.extraBinding) == null ? void 0 : _a2.nvidiaVgpuDevices) {
+        const { nvidiaVgpuDevices } = props.extraBinding;
+        nvidiaVgpuDevices.value = val;
+      }
+    };
     const handleNvidiaVgpuGpuScheduleChange = (val) => {
       var _a2;
       if ((_a2 = props.extraBinding) == null ? void 0 : _a2.nvidiaVgpuGpuSchedule) {
@@ -306,6 +315,7 @@ const _sfc_main = defineComponent({
       gpuQuotaItem,
       gpuPriority,
       handleNvidiaVgpuModelChange,
+      handleNvidiaVgpuDevicesChange,
       handleNvidiaVgpuGpuScheduleChange,
       handleNvidiaVgpuNodeScheduleChange,
       GpuFieldName,

package/dist/workloads/container-image/src/dialogs/SelectImageDialog.vue.d.ts

@@ -246,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
             "onSearch-change"?: ((...args: any[]) => any) | undefined;
             "onLoad-more"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "placeholder" | "disabled" | "search" | "size" | "status" | "appendTo" | "loading" | "options" | "labelKey" | "valueKey" | "itemHeight" | "optionsPlaceholder" | "searchPlaceholder" | "menuClass" | "multiple" | "optionLoading" | "hideSelectAll" | "clearable" | "enableLazyLoad" | "lazyLoadOptions">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "placeholder" | "disabled" | "search" | "size" | "status" | "appendTo" | "loading" | "multiple" | "options" | "labelKey" | "valueKey" | "itemHeight" | "optionsPlaceholder" | "searchPlaceholder" | "menuClass" | "optionLoading" | "hideSelectAll" | "clearable" | "enableLazyLoad" | "lazyLoadOptions">;
         $attrs: {
             [x: string]: unknown;
         };

package/dist/workloads/containers/demo/data.d.ts

@@ -1,6 +1,11 @@
 export declare const data: {
     spec: {
         template: {
+            metadata: {
+                annotations: {
+                    'nvidia.com/use-gputype': string;
+                };
+            };
             spec: {
                 imagePullSecrets: string[];
                 containers: {
@@ -15,7 +20,9 @@ export declare const data: {
                         limits: {
                             cpu: string;
                             memory: string;
-                            'nvidia.com/gpu': string;
+                            'nvidia.com/vgpu': number;
+                            'nvidia.com/gpumem': number;
+                            'nvidia.com/gpucores': number;
                             'spidernet.io/hca_shared_devices': number;
                             customtest: number;
                         };

package/dist/workloads/containers/src/ContainerItem.vue.d.ts

@@ -94,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<import("../../..").GpuFormProps>;
                 default: undefined;
             };
+            assignGpuConfig: {
+                type: import("vue").PropType<import("../..").AssignGpuConfig>;
+                default: undefined;
+            };
             disableNetworkParameterConfig: {
                 type: BooleanConstructor;
                 default: undefined;
@@ -132,6 +136,7 @@ declare const _default: import("vue").DefineComponent<{
             gpuQuotaItem: import("vue").Ref<import("../../..").GpuQuota | undefined>;
             gpuPriority: import("vue").WritableComputedRef<any>;
             handleNvidiaVgpuModelChange: (val?: string | undefined) => void;
+            handleNvidiaVgpuDevicesChange: (val?: string[] | undefined) => void;
             handleNvidiaVgpuGpuScheduleChange: (val?: import("../../..").VgpuSchedulePolicy | undefined) => void;
             handleNvidiaVgpuNodeScheduleChange: (val?: import("../../..").VgpuSchedulePolicy | undefined) => void;
             GpuFieldName: string;
@@ -203,6 +208,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<import("../../..").GpuFormProps>;
                 default: undefined;
             };
+            assignGpuConfig: {
+                type: import("vue").PropType<import("../..").AssignGpuConfig>;
+                default: undefined;
+            };
             disableNetworkParameterConfig: {
                 type: BooleanConstructor;
                 default: undefined;
@@ -228,6 +237,7 @@ declare const _default: import("vue").DefineComponent<{
             resourceConfigProps: import("../../..").ResourceConfigProps;
             enableGpuConfig: boolean;
             gpuProps: import("../../..").GpuFormProps;
+            assignGpuConfig: import("../..").AssignGpuConfig;
             disableNetworkParameterConfig: boolean;
             networkProps: Partial<import("../..").ContainerNetworkProps>;
             extraBinding: import("../..").BasicInfoExtraBinding;
@@ -283,6 +293,7 @@ declare const _default: import("vue").DefineComponent<{
             resourceConfigProps?: import("../../..").ResourceConfigProps | undefined;
             enableGpuConfig?: boolean | undefined;
             gpuProps?: import("../../..").GpuFormProps | undefined;
+            assignGpuConfig?: import("../..").AssignGpuConfig | undefined;
             disableNetworkParameterConfig?: boolean | undefined;
             networkProps?: Partial<import("../..").ContainerNetworkProps> | undefined;
             extraBinding?: import("../..").BasicInfoExtraBinding | undefined;
@@ -332,6 +343,10 @@ declare const _default: import("vue").DefineComponent<{
     } | {
         key: string;
         component: import("vue").Raw<import("vue").DefineComponent<{
+            showText: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             fields: {
                 type: import("vue").PropType<Partial<Record<import("../..").HealthCheckFieldKey, string>>>;
                 default: () => {};
@@ -346,16 +361,22 @@ declare const _default: import("vue").DefineComponent<{
                 startupProbe?: string | undefined;
             }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            showText: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             fields: {
                 type: import("vue").PropType<Partial<Record<import("../..").HealthCheckFieldKey, string>>>;
                 default: () => {};
             };
         }>>, {
             fields: Partial<Record<import("../..").HealthCheckFieldKey, string>>;
+            showText: boolean;
         }>>;
         confirmAlign: "form";
         props: {
             fields?: Partial<Record<import("../..").HealthCheckFieldKey, string>> | undefined;
+            showText?: boolean | undefined;
         };
         required?: undefined;
         title: string;
@@ -810,6 +831,7 @@ declare const _default: import("vue").DefineComponent<{
         resourceConfigProps?: import("../../..").ResourceConfigProps | undefined;
         enableGpuConfig?: boolean | undefined;
         gpuProps?: import("../../..").GpuFormProps | undefined;
+        assignGpuConfig?: import("../..").AssignGpuConfig | undefined;
         disableNetworkParameterConfig?: boolean | undefined;
         networkProps?: Partial<import("../..").ContainerNetworkProps> | undefined;
         extraBinding?: import("../..").BasicInfoExtraBinding | undefined;
@@ -820,6 +842,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     healthCheckProps: {
         fields: Partial<Record<import("../..").HealthCheckFieldKey, string>>;
+        showText: boolean;
     };
     dataStorageProps: import("../..").ContainerStorageProps;
     envProps: import("../..").ContainerEnvProps;

package/dist/workloads/containers/src/Containers.vue.d.ts

@@ -383,6 +383,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         extraBinding: {
             nvidiaVgpuModel: import("vue").WritableComputedRef<string>;
+            nvidiaVgpuDevices: import("vue").WritableComputedRef<string[] | undefined>;
             nvidiaVgpuGpuSchedule: import("vue").WritableComputedRef<VgpuSchedulePolicy | undefined>;
             nvidiaVgpuNodeSchedule: import("vue").WritableComputedRef<VgpuSchedulePolicy | undefined>;
         };
@@ -395,6 +396,7 @@ declare const _default: import("vue").DefineComponent<{
         resourceConfigProps?: import("../../../components").ResourceConfigProps | undefined;
         enableGpuConfig?: boolean | undefined;
         gpuProps?: import("../../../components").GpuFormProps | undefined;
+        assignGpuConfig?: import("../..").AssignGpuConfig | undefined;
         disableNetworkParameterConfig?: boolean | undefined;
         networkProps?: Partial<import("../..").ContainerNetworkProps> | undefined;
     }>;
@@ -491,6 +493,7 @@ declare const _default: import("vue").DefineComponent<{
         resourceConfigProps?: import("../../../components").ResourceConfigProps | undefined;
         enableGpuConfig?: boolean | undefined;
         gpuProps?: import("../../../components").GpuFormProps | undefined;
+        assignGpuConfig?: import("../..").AssignGpuConfig | undefined;
         disableNetworkParameterConfig?: boolean | undefined;
         networkProps?: Partial<import("../..").ContainerNetworkProps> | undefined;
         extraBinding?: import("../..").BasicInfoExtraBinding | undefined;
@@ -501,6 +504,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     healthCheckProps: {
         fields: Partial<Record<import("../..").HealthCheckFieldKey, string>>;
+        showText: boolean;
     };
     dataStorageProps: ContainerStorageProps;
     envProps: import("../..").ContainerEnvProps;

package/dist/workloads/containers/src/Containers.vue2.js

@@ -15,6 +15,7 @@ require("../../container-image/style/select-image-dialog.scss.js");
 require("../../container-network/style/guide-to-use-sr-iov.scss.js");
 require("../../container-network/style/container-network.scss.js");
 require("../../../components/resource-config/style/resource-config.scss.js");
+require("../../../components/gpu/style/assign-gpu-devices-list.scss.js");
 require("../../../components/gpu/style/gpu-form-item.scss.js");
 require("../../../components/gpu/style/gpu-form.scss.js");
 require("../../container-basic-info/style/container-basic-info.scss.js");
@@ -183,7 +184,7 @@ const _sfc_main = vue.defineComponent({
     };
     const debouncePostToEmit = lodashEs.debounce(postToEmit, 300, {
       leading: true,
-      trailing: false
+      trailing: true
     });
     const volumes = vue.computed({
       get() {
@@ -246,6 +247,21 @@ const _sfc_main = vue.defineComponent({
         }
       }
     });
+    const nvidiaVgpuDevicesComputedRef = vue.computed({
+      get() {
+        const raw = lodashEs.get(props$2.workload, [...actualFields.value.annotations.split("."), props$1.NividaVgpuDevicesAnnoKey], "");
+        return raw ? raw.split(",") : [];
+      },
+      set(val) {
+        if (props$2.workload) {
+          if (val && val.length) {
+            lodashEs.set(props$2.workload, [...actualFields.value.annotations.split("."), props$1.NividaVgpuDevicesAnnoKey], val.join(","));
+          } else {
+            lodashEs.unset(props$2.workload, [...actualFields.value.annotations.split("."), props$1.NividaVgpuDevicesAnnoKey]);
+          }
+        }
+      }
+    });
     const nvidiaVgpuGpuScheduleComputedRef = vue.computed({
       get() {
         return lodashEs.get(props$2.workload, [...actualFields.value.annotations.split("."), props$1.NividaVgpuGpuScheduleAnnoKey], "");
@@ -287,6 +303,7 @@ const _sfc_main = vue.defineComponent({
         },
         extraBinding: {
           nvidiaVgpuModel: nvidiaVgpuModelComputedRef,
+          nvidiaVgpuDevices: nvidiaVgpuDevicesComputedRef,
           nvidiaVgpuGpuSchedule: nvidiaVgpuGpuScheduleComputedRef,
           nvidiaVgpuNodeSchedule: nvidiaVgpuNodeScheduleComputedRef
         }

package/dist/workloads/containers/src/Containers.vue2.mjs

@@ -14,6 +14,7 @@ import "../../container-image/style/select-image-dialog.scss.mjs";
 import "../../container-network/style/guide-to-use-sr-iov.scss.mjs";
 import "../../container-network/style/container-network.scss.mjs";
 import "../../../components/resource-config/style/resource-config.scss.mjs";
+import "../../../components/gpu/style/assign-gpu-devices-list.scss.mjs";
 import "../../../components/gpu/style/gpu-form-item.scss.mjs";
 import "../../../components/gpu/style/gpu-form.scss.mjs";
 import "../../container-basic-info/style/container-basic-info.scss.mjs";
@@ -32,7 +33,7 @@ import "../style/containers.scss.mjs";
 import "../style/ConfirmDialog.scss.mjs";
 import DaoConfirmDialog from "./dialogs/ConfirmDialog.vue.mjs";
 import DaoFormItemValidate from "./patch-form-item-validate/form-item-validate.vue.mjs";
-import { NividaVgpuModelAnnoKey, NividaVgpuGpuScheduleAnnoKey, NividaVgpuNodeScheduleAnnoKey } from "../../../components/gpu/props.mjs";
+import { NividaVgpuModelAnnoKey, NividaVgpuDevicesAnnoKey, NividaVgpuGpuScheduleAnnoKey, NividaVgpuNodeScheduleAnnoKey } from "../../../components/gpu/props.mjs";
 import { randomStr } from "../../../utils/randomStr.mjs";
 const _sfc_main = defineComponent({
   name: "DaoContainers",
@@ -165,7 +166,7 @@ const _sfc_main = defineComponent({
     };
     const debouncePostToEmit = debounce(postToEmit, 300, {
       leading: true,
-      trailing: false
+      trailing: true
     });
     const volumes = computed({
       get() {
@@ -228,6 +229,21 @@ const _sfc_main = defineComponent({
         }
       }
     });
+    const nvidiaVgpuDevicesComputedRef = computed({
+      get() {
+        const raw = get(props.workload, [...actualFields.value.annotations.split("."), NividaVgpuDevicesAnnoKey], "");
+        return raw ? raw.split(",") : [];
+      },
+      set(val) {
+        if (props.workload) {
+          if (val && val.length) {
+            set(props.workload, [...actualFields.value.annotations.split("."), NividaVgpuDevicesAnnoKey], val.join(","));
+          } else {
+            unset(props.workload, [...actualFields.value.annotations.split("."), NividaVgpuDevicesAnnoKey]);
+          }
+        }
+      }
+    });
     const nvidiaVgpuGpuScheduleComputedRef = computed({
       get() {
         return get(props.workload, [...actualFields.value.annotations.split("."), NividaVgpuGpuScheduleAnnoKey], "");
@@ -269,6 +285,7 @@ const _sfc_main = defineComponent({
         },
         extraBinding: {
           nvidiaVgpuModel: nvidiaVgpuModelComputedRef,
+          nvidiaVgpuDevices: nvidiaVgpuDevicesComputedRef,
           nvidiaVgpuGpuSchedule: nvidiaVgpuGpuScheduleComputedRef,
           nvidiaVgpuNodeSchedule: nvidiaVgpuNodeScheduleComputedRef
         }

package/dist/workloads/health-check/props.d.ts

@@ -20,6 +20,10 @@ export declare const healthCheckHandlerProps: {
     };
 };
 export declare const healthCheckProps: {
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fields: {
         type: PropType<Partial<Record<HealthCheckFieldKey, string>>>;
         default: () => {};

package/dist/workloads/health-check/props.js

@@ -46,6 +46,10 @@ const healthCheckHandlerProps = {
   }
 };
 const healthCheckProps = {
+  showText: {
+    type: Boolean,
+    default: false
+  },
   fields: {
     type: Object,
     default: () => ({})

package/dist/workloads/health-check/props.mjs

@@ -44,6 +44,10 @@ const healthCheckHandlerProps = {
   }
 };
 const healthCheckProps = {
+  showText: {
+    type: Boolean,
+    default: false
+  },
   fields: {
     type: Object,
     default: () => ({})

package/dist/workloads/health-check/src/HealthCheck.vue.d.ts

@@ -1,5 +1,9 @@
 import '../style/health-check';
 declare const _default: import("vue").DefineComponent<{
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fields: {
         type: import("vue").PropType<Partial<Record<import("../props").HealthCheckFieldKey, string>>>;
         default: () => {};
@@ -14,11 +18,16 @@ declare const _default: import("vue").DefineComponent<{
         startupProbe?: string | undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fields: {
         type: import("vue").PropType<Partial<Record<import("../props").HealthCheckFieldKey, string>>>;
         default: () => {};
     };
 }>>, {
     fields: Partial<Record<import("../props").HealthCheckFieldKey, string>>;
+    showText: boolean;
 }>;
 export default _default;

package/dist/workloads/health-check/src/HealthCheck.vue.js

@@ -17,8 +17,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createVNode(_component_dao_switch, {
             modelValue: _ctx.enableLivenessProbe,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.enableLivenessProbe = $event),
-            "show-text": false
-          }, null, 8, ["modelValue"]),
+            "show-text": _ctx.showText
+          }, null, 8, ["modelValue", "show-text"]),
           _ctx.enableLivenessProbe ? (vue.openBlock(), vue.createBlock(_component_dao_health_check_handler, {
             key: 0,
             "field-prefix": _ctx.actualFields.livenessProbe
@@ -34,8 +34,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createVNode(_component_dao_switch, {
             modelValue: _ctx.enableReadinessProbe,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.enableReadinessProbe = $event),
-            "show-text": false
-          }, null, 8, ["modelValue"]),
+            "show-text": _ctx.showText
+          }, null, 8, ["modelValue", "show-text"]),
           _ctx.enableReadinessProbe ? (vue.openBlock(), vue.createBlock(_component_dao_health_check_handler, {
             key: 0,
             "field-prefix": _ctx.actualFields.readinessProbe
@@ -51,8 +51,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createVNode(_component_dao_switch, {
             modelValue: _ctx.enableStartupProbe,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.enableStartupProbe = $event),
-            "show-text": false
-          }, null, 8, ["modelValue"]),
+            "show-text": _ctx.showText
+          }, null, 8, ["modelValue", "show-text"]),
           _ctx.enableStartupProbe ? (vue.openBlock(), vue.createBlock(_component_dao_health_check_handler, {
             key: 0,
             "field-prefix": _ctx.actualFields.startupProbe