@dao-style/biz 0.6.0 → 0.7.0

package/dist/styles/components/gpu/assign-gpu-devices-list.css

@@ -0,0 +1,10 @@
+.dao-assign-gpu-devices-list .dao-table-scroll {
+  max-height: 269px;
+  overflow-y: auto;
+}
+.dao-assign-gpu-devices-list .dao-toolbar {
+  padding: 0;
+}
+.dao-assign-gpu-devices-list .dao-toolbar__search .dao-input-wrapper {
+  width: 260px;
+}

package/dist/styles/components/gpu/gpu-form-item.css

@@ -42,4 +42,20 @@
 .gpu-quotas-item__iluvatar-memory-input.dao-input-wrapper .dao-input-append {
   flex: none;
   width: 42px;
+}
+
+.gpu-quotas-item__vgpu-memory-input {
+  width: 144px;
+}
+.gpu-quotas-item__vgpu-memory-input.dao-input-wrapper .dao-input-inner {
+  flex: 1 1 auto;
+  width: auto;
+  min-width: 0;
+}
+.gpu-quotas-item__vgpu-memory-input.dao-input-wrapper .dao-input-append {
+  flex: none;
+}
+
+.gpu-quotas-item__vgpu-memory-unit.dao-select {
+  width: 60px;
 }

package/dist/styles/components/gpu/gpu-form.css

@@ -29,6 +29,10 @@
   width: 400px;
 }
 
+.dao-gpu-form__available-quota-message {
+  margin-bottom: 20px;
+}
+
 .dao-gpu-form__item--side {
   width: 300px;
 }

package/dist/styles/components/network-config/network-config.css

@@ -1,3 +1,6 @@
+.dao-network-config__tip {
+  margin-bottom: 10px;
+}
 .dao-network-config__btn-container {
   width: 600px;
   margin-top: 10px;

package/dist/styles/components/resource-config/resource-config.css

@@ -31,18 +31,10 @@
   width: 80px;
 }
 
-.dao-resource-config .dao-input-prepend {
-  width: 55px;
-}
-
 .dao-resource-config .dao-input-append {
   width: 65px;
 }
 
 .dao-resource-config .dao-input-append .dao-input-memory__unit {
   vertical-align: top;
-}
-
-.dao-resource-config .request-en .dao-input-prepend {
-  width: 80px;
 }

package/dist/styles/styles/common.css

@@ -2,6 +2,10 @@
   width: 400px !important;
 }
 
+.default-port-form-width {
+  width: 125px !important;
+}
+
 .flex-wrapper .standard-gap-item + .standard-gap-item {
   margin-left: 8px;
 }

package/dist/uses/index.d.ts

@@ -1,2 +1,3 @@
+export * from './useCancelFormDialog';
 export * from './useLazyLoadList';
 export * from './useWorkspaceSwitch';

package/dist/uses/useCancelFormDialog/index.d.ts

@@ -0,0 +1,11 @@
+export type OnBeforeLeave = () => void | Promise<void>;
+/**
+ * 在表单页面离开前提示用户，避免未保存的内容丢失。
+ *
+ * 传入的回调会在路由真正跳转前依次执行。若组件内还注册了
+ * `onBeforeRouteLeave`，请在调用本方法之后再注册，以保证确认弹窗先被处理。
+ */
+export declare function useCancelFormDialog(...onBeforeLeave: OnBeforeLeave[]): {
+    openCancelDialog: import("vue").Ref<boolean>;
+};
+export default useCancelFormDialog;

package/dist/uses/useCancelFormDialog/index.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const extend = require("@dao-style/extend");
+require("@dao-style/extend/dist/es/uses/useDialogWrapper/style/dialog-wrapper");
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const CancelFormDialog_vue_vue_type_script_setup_true_lang = require("./src/CancelFormDialog.vue.js");
+function useCancelFormDialog(...onBeforeLeave) {
+  const openCancelDialog = vue.ref(true);
+  const cancelDialog = extend.createDialog(CancelFormDialog_vue_vue_type_script_setup_true_lang);
+  vueRouter.onBeforeRouteLeave(async (_to, _from, next) => {
+    const handleNext = async () => {
+      try {
+        await onBeforeLeave.reduce(
+          (previous, fn) => previous.then(fn),
+          Promise.resolve()
+        );
+        next();
+      } catch (error) {
+        console.error(error);
+        next(false);
+      }
+    };
+    if (openCancelDialog.value) {
+      try {
+        await cancelDialog.show({});
+        await handleNext();
+      } catch {
+        next(false);
+      }
+    } else {
+      await handleNext();
+    }
+  });
+  return {
+    openCancelDialog
+  };
+}
+exports.default = useCancelFormDialog;
+exports.useCancelFormDialog = useCancelFormDialog;

package/dist/uses/useCancelFormDialog/index.mjs

@@ -0,0 +1,40 @@
+import { createDialog } from "@dao-style/extend";
+import "@dao-style/extend/dist/es/uses/useDialogWrapper/style/dialog-wrapper";
+import { ref } from "vue";
+import { onBeforeRouteLeave } from "vue-router";
+import _sfc_main from "./src/CancelFormDialog.vue.mjs";
+function useCancelFormDialog(...onBeforeLeave) {
+  const openCancelDialog = ref(true);
+  const cancelDialog = createDialog(_sfc_main);
+  onBeforeRouteLeave(async (_to, _from, next) => {
+    const handleNext = async () => {
+      try {
+        await onBeforeLeave.reduce(
+          (previous, fn) => previous.then(fn),
+          Promise.resolve()
+        );
+        next();
+      } catch (error) {
+        console.error(error);
+        next(false);
+      }
+    };
+    if (openCancelDialog.value) {
+      try {
+        await cancelDialog.show({});
+        await handleNext();
+      } catch {
+        next(false);
+      }
+    } else {
+      await handleNext();
+    }
+  });
+  return {
+    openCancelDialog
+  };
+}
+export {
+  useCancelFormDialog as default,
+  useCancelFormDialog
+};

package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resolve: () => void;
+    reject: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onReject?: (() => any) | undefined;
+    onResolve?: (() => any) | undefined;
+}, {}>;
+export default _default;

package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue.js

@@ -0,0 +1,25 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "CancelFormDialog",
+  emits: ["resolve", "reject"],
+  setup(__props, { emit }) {
+    return (_ctx, _cache) => {
+      const _component_dao_dialog = vue.resolveComponent("dao-dialog");
+      return vue.openBlock(), vue.createBlock(_component_dao_dialog, {
+        "model-value": "",
+        header: _ctx.$t("biz.uses.UseCancelFormDialog.title"),
+        size: "sm",
+        "dialog-type": "warning",
+        onCancel: _cache[0] || (_cache[0] = ($event) => emit("reject")),
+        onConfirm: _cache[1] || (_cache[1] = ($event) => emit("resolve"))
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("span", null, vue.toDisplayString(_ctx.$t("biz.uses.UseCancelFormDialog.content")), 1)
+        ]),
+        _: 1
+      }, 8, ["header"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue.mjs

@@ -0,0 +1,26 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, toDisplayString } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CancelFormDialog",
+  emits: ["resolve", "reject"],
+  setup(__props, { emit }) {
+    return (_ctx, _cache) => {
+      const _component_dao_dialog = resolveComponent("dao-dialog");
+      return openBlock(), createBlock(_component_dao_dialog, {
+        "model-value": "",
+        header: _ctx.$t("biz.uses.UseCancelFormDialog.title"),
+        size: "sm",
+        "dialog-type": "warning",
+        onCancel: _cache[0] || (_cache[0] = ($event) => emit("reject")),
+        onConfirm: _cache[1] || (_cache[1] = ($event) => emit("resolve"))
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", null, toDisplayString(_ctx.$t("biz.uses.UseCancelFormDialog.content")), 1)
+        ]),
+        _: 1
+      }, 8, ["header"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const CancelFormDialog_vue_vue_type_script_setup_true_lang = require("./CancelFormDialog.vue.js");
+module.exports = CancelFormDialog_vue_vue_type_script_setup_true_lang;

package/dist/uses/useCancelFormDialog/src/CancelFormDialog.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./CancelFormDialog.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/utils/index.d.ts

@@ -9,4 +9,5 @@ export * from './multiRowEditorValidate';
 export * from './randomStr';
 export * from './sleep';
 export * from './useGoBack';
+export * from './useResetFieldValue';
 export * from './useSetFieldValue';

package/dist/utils/injectWithSelf.d.ts

@@ -0,0 +1,6 @@
+import { type InjectionKey } from 'vue';
+/**
+ * 优先从当前组件实例自身的 provides 上取注入值，取不到再走常规 inject。
+ * useSetFieldValue / useResetFieldValue 共用的内部工具，不对外导出。
+ */
+export declare function injectWithSelf<T>(symbol: InjectionKey<T>, def?: T | undefined): T | undefined;

package/dist/utils/injectWithSelf.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function injectWithSelf(symbol, def = void 0) {
+  const vm = vue.getCurrentInstance();
+  return (vm == null ? void 0 : vm.provides[symbol]) || vue.inject(symbol, def);
+}
+exports.injectWithSelf = injectWithSelf;

package/dist/utils/injectWithSelf.mjs

@@ -0,0 +1,8 @@
+import { getCurrentInstance, inject } from "vue";
+function injectWithSelf(symbol, def = void 0) {
+  const vm = getCurrentInstance();
+  return (vm == null ? void 0 : vm.provides[symbol]) || inject(symbol, def);
+}
+export {
+  injectWithSelf
+};

package/dist/utils/multiRowEditorValidate.d.ts

@@ -1,11 +1,11 @@
 import { MultiRowEditorColumn, MultiRowEditorRow } from '@dao-style/extend';
 type I18nT = (key: string, options?: Record<string, unknown>) => string;
 /**
-* 校验非空
-* @param val
-* @param row
-* @param column
-*/
+ * 校验非空
+ * @param val
+ * @param row
+ * @param column
+ */
 export declare const checkNotEmpty: (t: I18nT, val?: unknown, _?: MultiRowEditorRow, column?: MultiRowEditorColumn) => {
     valid: boolean;
     message: string;

package/dist/utils/useResetFieldValue.d.ts

@@ -0,0 +1,13 @@
+import { type Ref } from 'vue';
+/**
+ * 与 useSetFieldValue 配套的「重置」版本。
+ *
+ * useSetFieldValue 只是写值，会触发字段的校验；当把值清空（例如设为空对象/undefined）时
+ * 往往会立刻冒出验证报错。useResetFieldValue 走 vee-validate 的 field.resetField：
+ * 在写值的同时清空 errors、把 touched 置为 false，并标记该字段为「未校验」，
+ * 因此重置为空值时不会触发验证报错。
+ *
+ * @param path 字段路径；不传则使用最近的 FieldContext。
+ * @returns resetFieldValue(value?) —— 传 value 则重置为该值，不传（或 undefined）则重置回字段初始值。
+ */
+export declare function useResetFieldValue<TValue = unknown>(path?: string | Ref<string>): (value?: TValue) => void;

package/dist/utils/useResetFieldValue.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const veeValidate = require("vee-validate");
+const vue = require("vue");
+const injectWithSelf = require("./injectWithSelf.js");
+function useResetFieldValue(path) {
+  const form = injectWithSelf.injectWithSelf(veeValidate.FormContextKey);
+  const field = path ? void 0 : vue.inject(veeValidate.FieldContextKey);
+  return function resetFieldValue(value) {
+    var _a, _b;
+    const state = value !== void 0 ? { value, touched: false, errors: [] } : { touched: false, errors: [] };
+    if (path && form) {
+      const name = vue.unref(path);
+      const fieldOrGroup = (_b = (_a = form.fieldsByPath) == null ? void 0 : _a.value) == null ? void 0 : _b[name];
+      if (fieldOrGroup) {
+        const fields = Array.isArray(fieldOrGroup) ? fieldOrGroup : [fieldOrGroup];
+        fields.forEach((f) => f == null ? void 0 : f.resetField(state));
+      } else {
+        form.setFieldValue(name, value);
+      }
+      return;
+    }
+    if (field) {
+      field.resetField(state);
+    }
+  };
+}
+exports.useResetFieldValue = useResetFieldValue;

package/dist/utils/useResetFieldValue.mjs

@@ -0,0 +1,28 @@
+import { FieldContextKey, FormContextKey } from "vee-validate";
+import { inject, unref } from "vue";
+import { injectWithSelf } from "./injectWithSelf.mjs";
+function useResetFieldValue(path) {
+  const form = injectWithSelf(FormContextKey);
+  const field = path ? void 0 : inject(FieldContextKey);
+  return function resetFieldValue(value) {
+    var _a, _b;
+    const state = value !== void 0 ? { value, touched: false, errors: [] } : { touched: false, errors: [] };
+    if (path && form) {
+      const name = unref(path);
+      const fieldOrGroup = (_b = (_a = form.fieldsByPath) == null ? void 0 : _a.value) == null ? void 0 : _b[name];
+      if (fieldOrGroup) {
+        const fields = Array.isArray(fieldOrGroup) ? fieldOrGroup : [fieldOrGroup];
+        fields.forEach((f) => f == null ? void 0 : f.resetField(state));
+      } else {
+        form.setFieldValue(name, value);
+      }
+      return;
+    }
+    if (field) {
+      field.resetField(state);
+    }
+  };
+}
+export {
+  useResetFieldValue
+};

package/dist/utils/useSetFieldValue.d.ts

@@ -1,2 +1,8 @@
 import { type Ref } from 'vue';
+/**
+ * 在表单外部（或字段组件内部）写入某个字段的值，**会触发该字段的校验**。
+ *
+ * @param path 字段路径；不传则使用最近的 FieldContext。
+ * @returns setFieldValue(value) —— 把该字段写为 value。
+ */
 export declare function useSetFieldValue<TValue = unknown>(path?: string | Ref<string>): (value: TValue) => void;

package/dist/utils/useSetFieldValue.js

@@ -2,12 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const veeValidate = require("vee-validate");
 const vue = require("vue");
-function injectWithSelf(symbol, def = void 0) {
-  const vm = vue.getCurrentInstance();
-  return (vm == null ? void 0 : vm.provides[symbol]) || vue.inject(symbol, def);
-}
+const injectWithSelf = require("./injectWithSelf.js");
 function useSetFieldValue(path) {
-  const form = injectWithSelf(veeValidate.FormContextKey);
+  const form = injectWithSelf.injectWithSelf(veeValidate.FormContextKey);
   const field = path ? void 0 : vue.inject(veeValidate.FieldContextKey);
   return function setFieldValue(value) {
     if (path && form) {

package/dist/utils/useSetFieldValue.mjs

@@ -1,9 +1,6 @@
 import { FieldContextKey, FormContextKey } from "vee-validate";
-import { inject, unref, getCurrentInstance } from "vue";
-function injectWithSelf(symbol, def = void 0) {
-  const vm = getCurrentInstance();
-  return (vm == null ? void 0 : vm.provides[symbol]) || inject(symbol, def);
-}
+import { inject, unref } from "vue";
+import { injectWithSelf } from "./injectWithSelf.mjs";
 function useSetFieldValue(path) {
   const form = injectWithSelf(FormContextKey);
   const field = path ? void 0 : inject(FieldContextKey);

package/dist/workloads/container-basic-info/props.d.ts

@@ -11,9 +11,18 @@ export declare const containerBasicDefaultFields: {
 export type ContainerBasicFields = Partial<typeof containerBasicDefaultFields>;
 export interface BasicInfoExtraBinding {
     nvidiaVgpuModel?: WritableComputedRef<string | undefined>;
+    nvidiaVgpuDevices?: WritableComputedRef<string[] | undefined>;
     nvidiaVgpuGpuSchedule?: WritableComputedRef<VgpuSchedulePolicy | undefined>;
     nvidiaVgpuNodeSchedule?: WritableComputedRef<VgpuSchedulePolicy | undefined>;
 }
+export interface AssignGpuConfig {
+    disabled?: boolean;
+    message?: string;
+    action?: {
+        label: string;
+        href: string;
+    };
+}
 export declare const containerBasicInfoProps: {
     fields: {
         type: PropType<Partial<{
@@ -43,6 +52,10 @@ export declare const containerBasicInfoProps: {
         type: PropType<GpuFormProps>;
         default: undefined;
     };
+    assignGpuConfig: {
+        type: PropType<AssignGpuConfig>;
+        default: undefined;
+    };
     disableNetworkParameterConfig: {
         type: BooleanConstructor;
         default: undefined;

package/dist/workloads/container-basic-info/props.js

@@ -31,6 +31,10 @@ const containerBasicInfoProps = {
     type: Object,
     default: void 0
   },
+  assignGpuConfig: {
+    type: Object,
+    default: void 0
+  },
   disableNetworkParameterConfig: {
     type: Boolean,
     default: void 0

package/dist/workloads/container-basic-info/props.mjs

@@ -29,6 +29,10 @@ const containerBasicInfoProps = {
     type: Object,
     default: void 0
   },
+  assignGpuConfig: {
+    type: Object,
+    default: void 0
+  },
   disableNetworkParameterConfig: {
     type: Boolean,
     default: void 0

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

@@ -31,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../components").GpuFormProps>;
         default: undefined;
     };
+    assignGpuConfig: {
+        type: import("vue").PropType<import("../props").AssignGpuConfig>;
+        default: undefined;
+    };
     disableNetworkParameterConfig: {
         type: BooleanConstructor;
         default: undefined;
@@ -69,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     gpuQuotaItem: import("vue").Ref<GpuQuota | undefined>;
     gpuPriority: import("vue").WritableComputedRef<any>;
     handleNvidiaVgpuModelChange: (val?: string) => void;
+    handleNvidiaVgpuDevicesChange: (val?: string[]) => void;
     handleNvidiaVgpuGpuScheduleChange: (val?: VgpuSchedulePolicy) => void;
     handleNvidiaVgpuNodeScheduleChange: (val?: VgpuSchedulePolicy) => void;
     GpuFieldName: string;
@@ -140,6 +145,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../components").GpuFormProps>;
         default: undefined;
     };
+    assignGpuConfig: {
+        type: import("vue").PropType<import("../props").AssignGpuConfig>;
+        default: undefined;
+    };
     disableNetworkParameterConfig: {
         type: BooleanConstructor;
         default: undefined;
@@ -165,6 +174,7 @@ declare const _default: import("vue").DefineComponent<{
     resourceConfigProps: import("../../../components").ResourceConfigProps;
     enableGpuConfig: boolean;
     gpuProps: import("../../../components").GpuFormProps;
+    assignGpuConfig: import("../props").AssignGpuConfig;
     disableNetworkParameterConfig: boolean;
     networkProps: Partial<import("../../container-network").ContainerNetworkProps>;
     extraBinding: import("../props").BasicInfoExtraBinding;

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

@@ -11,6 +11,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_message = vue.resolveComponent("dao-message");
   const _component_dao_text_button = vue.resolveComponent("dao-text-button");
   const _component_dao_helper_text = vue.resolveComponent("dao-helper-text");
+  const _component_dao_history_link = vue.resolveComponent("dao-history-link");
   const _component_dao_gpu_form = vue.resolveComponent("dao-gpu-form");
   const _component_dao_container_network = vue.resolveComponent("dao-container-network");
   const _component_dao_container_custom_resource = vue.resolveComponent("dao-container-custom-resource");
@@ -74,26 +75,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": vue.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 [
           vue.createVNode(_component_dao_gpu_form, vue.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
@@ -109,44 +115,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: vue.withCtx(() => [
                 vue.createVNode(_component_dao_helper_text, null, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_dao_message, {
-                      type: "info",
-                      simple: ""
+                    vue.createTextVNode(vue.toDisplayString(_ctx.$t("biz.workloads.ContainerBasicInfo.nvidiaGpuHelper")) + " ", 1),
+                    vue.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: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(_ctx.$t("biz.workloads.ContainerBasicInfo.nvidiaGpuHelper")) + " ", 1),
-                        vue.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: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(_ctx.$t("biz.workloads.ContainerBasicInfo.nvidiaGpuMigSingleDoc")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["href"])
+                        vue.createTextVNode(vue.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: vue.withCtx(() => [
+                vue.createVNode(_component_dao_message, {
+                  type: "warning",
+                  simple: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.assignGpuConfig.message) + " ", 1),
+                    _ctx.assignGpuConfig.action ? (vue.openBlock(), vue.createBlock(_component_dao_history_link, {
+                      key: 0,
+                      type: "link",
+                      target: "_blank",
+                      "icon-right": "icon-new-tab",
+                      href: _ctx.assignGpuConfig.action.href
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(_ctx.assignGpuConfig.action.label), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["href"])) : vue.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