@dovetail-v2/refine 0.3.8-alpha.4 → 0.3.9-alpha.1

package/dist/{index-59def48b.js → index-50687482.js}

@@ -9,9 +9,9 @@ import i18n from "i18next";
 import { w as warnOnce, g as getDefaults, a as warn, b as getI18n, s as setDefaults, d as setI18n, I as I18nContext, j as jsxRuntimeExports, u as useTranslation, c as cx_default, S as SocketStatus } from "./common-241b21f8.js";
 import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useParsed, useGo, useCan, useTable, useDeleteMany, useShow, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
-import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, lazy, Suspense, forwardRef } from "react";
+import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, lazy, Suspense, memo, forwardRef } from "react";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Typo, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, Dropdown, Menu as Menu$1, Icon, Divider, Modal, StatusCapsule, Popover, AntdTable, TableForm, Upload, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Typo, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, Dropdown, Menu as Menu$1, Icon, Divider, Modal, StatusCapsule, Popover, AntdTable, TableForm, Upload, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ArrowChevronUp16BoldSecondaryIcon, ArrowBoldDown16Icon, Retry16GradientBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$2, cloneDeep, set, omit as omit$1, merge, isEqual as isEqual$1, debounce, last, setWith, clone, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
@@ -682,7 +682,7 @@ const udp$1 = "UDP";
 const required_field$1 = "Please enter {{ label }}.";
 const length_limit$1 = "The length of {{ label }} should be between {{ minLength }} and {{ maxLength }} characters.";
 const rf1123_name_format_error$1 = "Only lowercase letters, numbers, and hyphens (-) are supported, and the name must start and end with a lowercase letter or number.";
-const name_duplicated$1 = "{{name}} already exists. Try another one.";
+const name_duplicated$1 = "The name already exists.";
 const input_correct_port$1 = "Please fill in a valid port number.";
 const dovetail$1 = {
   copy: copy$1,
@@ -1190,11 +1190,13 @@ const required_field = "请填写{{ label }}。";
 const length_limit = "{{ label }}支持的字符长度范围为 {{ minLength }}–{{ maxLength }}。";
 const rf1123_name_format_error = "仅支持小写字母、数字、连字符（-），并且必须以小写字母、数字开头和结尾。";
 const rf1035_name_format_error = "仅支持小写字母、数字、连字符（-），并且必须以小写字母开头，以小写字母、数字结尾。";
-const name_duplicated = "已存在同名 {{name}}。";
+const dns_subdomain_name_format_error = "仅支持小写字母、数字、连字符（-）和点（.），并且必须以小写字母或数字开头和结尾。";
+const name_duplicated = "名称已存在。";
 const input_correct_port = "请填写有效的端口号。";
 const auto_generate = "自动生成";
 const specify_port = "指定端口";
 const node_port_duplicated = "节点端口已存在。";
+const all = "全部";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1451,11 +1453,13 @@ const dovetail = {
   length_limit,
   rf1123_name_format_error,
   rf1035_name_format_error,
+  dns_subdomain_name_format_error,
   name_duplicated,
   input_correct_port,
   auto_generate,
   specify_port,
-  node_port_duplicated
+  node_port_duplicated,
+  all
 };
 const ZH = {
   dovetail
@@ -9478,7 +9482,6 @@ class PodModel extends WorkloadBaseModel {
     super(_rawYaml, _globalStore);
     __publicField(this, "request");
     __publicField(this, "limit");
-    __publicField(this, "belongToDeployment");
     this._rawYaml = _rawYaml;
     let cpuRequestNum = 0;
     let memoryRequestNum = 0;
@@ -9519,21 +9522,12 @@ class PodModel extends WorkloadBaseModel {
       }
     };
   }
-  getBelongToDeployment(deployments, replicaSets) {
-    const ownerReferences = this.metadata.ownerReferences;
-    const belongToReplicaSet = replicaSets.find(
-      (replicaSet) => ownerReferences == null ? void 0 : ownerReferences.some(
-        (ownerReference) => ownerReference.kind === "ReplicaSet" && ownerReference.uid === replicaSet.metadata.uid
-      )
-    );
-    return deployments.find(
-      (deployment) => {
-        var _a;
-        return (_a = belongToReplicaSet == null ? void 0 : belongToReplicaSet.metadata.ownerReferences) == null ? void 0 : _a.some(
-          (ownerReference) => ownerReference.kind === "Deployment" && ownerReference.uid === deployment.metadata.uid
-        );
-      }
-    );
+  getBelongToDeployment(deployments) {
+    return deployments.find((deployment) => {
+      return deployment.replicaSets.find((replicaSet) => {
+        return replicaSet.pods.find((pod2) => pod2.metadata.uid === this.metadata.uid);
+      });
+    });
   }
   get imageNames() {
     var _a;
@@ -10410,16 +10404,7 @@ function getResourceNameByKind(kind, configs) {
 }
 const Rfc1123NameRegExp = /(^[a-z0-9]$)|(^[a-z0-9][a-z0-9-]*[a-z0-9]$)/;
 const Rfc1035NameRegExp = /(^[a-z]$)|(^[a-z][a-z0-9\-]*[a-z0-9]$)/;
-function validateDnsSubdomain(subdomain) {
-  const regex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
-  if (!regex.test(subdomain)) {
-    return { isValid: false };
-  }
-  if (subdomain && subdomain.length > 63) {
-    return { isValid: false };
-  }
-  return { isValid: true };
-}
+const DnsSubdomainRegExp = /(^[a-z0-9]$)|(^[a-z0-9][a-z0-9-.]*[a-z0-9]$)/;
 function validateResourceName({
   v,
   allNames,
@@ -10427,7 +10412,8 @@ function validateResourceName({
   emptyText,
   duplicatedText,
   formatErrorText,
-  regex
+  regex,
+  maxLength = 63
 }) {
   if (!v) {
     return {
@@ -10437,13 +10423,13 @@ function validateResourceName({
       })
     };
   }
-  if (v.length > 63) {
+  if (v.length > maxLength) {
     return {
       isValid: false,
       errorMessage: i18n2.t("dovetail.length_limit", {
         label: i18n2.t("dovetail.name"),
         minLength: 1,
-        maxLength: 63
+        maxLength
       })
     };
   }
@@ -10499,6 +10485,24 @@ function ValidateRfc1035Name({
     formatErrorText: i18n2.t("dovetail.rf1035_name_format_error")
   });
 }
+function validateDnsSubdomainName({
+  v,
+  allNames,
+  i18n: i18n2,
+  emptyText,
+  duplicatedText
+}) {
+  return validateResourceName({
+    v,
+    allNames,
+    i18n: i18n2,
+    emptyText,
+    duplicatedText,
+    regex: DnsSubdomainRegExp,
+    formatErrorText: i18n2.t("dovetail.dns_subdomain_name_format_error"),
+    maxLength: 253
+  });
+}
 function validateLabelKey(key2) {
   const labelRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
   let prefix2, name2;
@@ -10518,14 +10522,17 @@ function validateLabelKey(key2) {
   if (prefix2 && prefix2.length > 253) {
     return { isValid: false };
   }
-  return validateDnsSubdomain(name2);
+  if (name2 && name2.length > 63) {
+    return { isValid: false };
+  }
+  return { isValid: true };
 }
-function validateLabelValue(value2, isOptional) {
+function validateLabelValue(value2, i18n2, isOptional) {
   const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
   if (isOptional && value2 === "") {
     return { isValid: true };
   } else if (value2 === "") {
-    return { isValid: false };
+    return { isValid: false, errorMessage: i18n2.t("dovetail.required_field", { label: i18n2.t("dovetail.value") }) };
   }
   if (value2.length > 63) {
     return { isValid: false };
@@ -10535,6 +10542,16 @@ function validateLabelValue(value2, isOptional) {
   }
   return { isValid: true };
 }
+function validateDataKey(key2) {
+  const dataKeyRegex = /^[-._a-zA-Z0-9]+$/;
+  if (!dataKeyRegex.test(key2)) {
+    return { isValid: false };
+  }
+  if (key2.length > 253) {
+    return { isValid: false };
+  }
+  return { isValid: true };
+}
 function validatePort(port2, isOptional, i18n2) {
   if (port2 === "" && !isOptional) {
     return {
@@ -11434,12 +11451,14 @@ function _KeyValueTableForm(props, ref) {
     canImportFromFile,
     minSize,
     extraAction,
+    keyOptions,
     validateKey,
     validateValue,
     onSubmit
   } = props;
   const {
-    t: t2
+    t: t2,
+    i18n: i18n2
   } = useTranslation();
   const tableFormRef = useRef(null);
   const [_value, _setValue] = useState(value2 || defaultValue);
@@ -11478,6 +11497,22 @@ function _KeyValueTableForm(props, ref) {
       (_a = tableFormRef.current) == null ? void 0 : _a.setData(value2);
     }
   }, [value2]);
+  const renderAutoCompleteFunc = ({
+    value: value22,
+    onChange: onChange2
+  }) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(AutoComplete, {
+      options: keyOptions || [],
+      value: value22,
+      onChange: onChange2,
+      size: "small",
+      filterOption: (inputValue, option) => {
+        var _a;
+        return ((_a = option == null ? void 0 : option.label) == null ? void 0 : _a.toString().toLowerCase().includes(inputValue.toLowerCase())) || false;
+      },
+      allowClear: true
+    });
+  };
   const renderTextAreaFunc = ({
     value: value22,
     onChange: onChange2
@@ -11519,7 +11554,7 @@ function _KeyValueTableForm(props, ref) {
           if (!isValid)
             return errorMessage || t2("dovetail.format_error");
         },
-        render: renderTextAreaFunc
+        render: (keyOptions == null ? void 0 : keyOptions.length) ? renderAutoCompleteFunc : renderTextAreaFunc
       }, {
         key: "value",
         title: isValueOptional ? t2("dovetail.value_optional") : t2("dovetail.value"),
@@ -11533,7 +11568,7 @@ function _KeyValueTableForm(props, ref) {
           const {
             isValid,
             errorMessage
-          } = validate2(value22 || "", isValueOptional);
+          } = validate2(value22 || "", i18n2, isValueOptional);
           if (!isValid)
             return errorMessage || t2("dovetail.format_error");
         },
@@ -11578,6 +11613,81 @@ function _KeyValueTableForm(props, ref) {
   });
 }
 const KeyValueTableForm = React.forwardRef(_KeyValueTableForm);
+var NodeTaintEffect = /* @__PURE__ */ ((NodeTaintEffect2) => {
+  NodeTaintEffect2["NoSchedule"] = "NoSchedule";
+  NodeTaintEffect2["PreferNoSchedule"] = "PreferNoSchedule";
+  NodeTaintEffect2["NoExecute"] = "NoExecute";
+  NodeTaintEffect2["All"] = "__none__";
+  return NodeTaintEffect2;
+})(NodeTaintEffect || {});
+const NodeTaintEffectSelect = ({
+  value: value2,
+  selectProps,
+  isShowAll,
+  onChange
+}) => {
+  const { t: t2 } = useTranslation();
+  const options = useMemo(() => {
+    const options2 = [
+      {
+        value: "NoSchedule",
+        children: t2(`dovetail.node_taint_${"NoSchedule"}`),
+        suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+          effect: "NoSchedule"
+          /* NoSchedule */
+        }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Icon,
+          {
+            src: InfoICircleFill16GrayIcon,
+            hoverSrc: InfoICircleFill16Gray70Icon
+          }
+        ) })
+      },
+      {
+        value: "PreferNoSchedule",
+        children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
+        suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Tooltip,
+          {
+            title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+              effect: "PreferNoSchedule"
+              /* PreferNoSchedule */
+            }),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Icon,
+              {
+                src: InfoICircleFill16GrayIcon,
+                hoverSrc: InfoICircleFill16Gray70Icon
+              }
+            )
+          }
+        )
+      },
+      {
+        value: "NoExecute",
+        children: t2(`dovetail.node_taint_${"NoExecute"}`),
+        suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+          effect: "NoExecute"
+          /* NoExecute */
+        }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Icon,
+          {
+            src: InfoICircleFill16GrayIcon,
+            hoverSrc: InfoICircleFill16Gray70Icon
+          }
+        ) })
+      }
+    ];
+    if (isShowAll) {
+      options2.unshift({
+        value: "__none__",
+        children: t2("dovetail.all")
+      });
+    }
+    return options2;
+  }, [t2, isShowAll]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { input: {}, value: value2, onChange, size: "small", ...selectProps, children: getOptions(options) });
+};
 const EditNodeTaintForm_cgov7z = "";
 const UlStyle = "u19jcs7t";
 const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, ref) {
@@ -11640,56 +11750,14 @@ const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, re
     extraColumns: [{
       key: "effect",
       title: t2("dovetail.effect"),
-      defaultValue: "NoExecute",
+      defaultValue: NodeTaintEffect.NoExecute,
       render: ({
         value: value2,
         onChange
       }) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Select, {
-          input: {},
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeTaintEffectSelect, {
           value: value2,
-          onChange,
-          size: "small",
-          children: getOptions([{
-            value: "NoSchedule",
-            children: t2(`dovetail.node_taint_${"NoSchedule"}`),
-            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-              title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
-                effect: "NoSchedule"
-                /* NoSchedule */
-              }),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
-                src: InfoICircleFill16GrayIcon,
-                hoverSrc: InfoICircleFill16Gray70Icon
-              })
-            })
-          }, {
-            value: "PreferNoSchedule",
-            children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
-            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-              title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
-                effect: "PreferNoSchedule"
-                /* PreferNoSchedule */
-              }),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
-                src: InfoICircleFill16GrayIcon,
-                hoverSrc: InfoICircleFill16Gray70Icon
-              })
-            })
-          }, {
-            value: "NoExecute",
-            children: t2(`dovetail.node_taint_${"NoExecute"}`),
-            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-              title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
-                effect: "NoExecute"
-                /* NoExecute */
-              }),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
-                src: InfoICircleFill16GrayIcon,
-                hoverSrc: InfoICircleFill16Gray70Icon
-              })
-            })
-          }])
+          onChange
         });
       },
       validator: ({
@@ -11708,24 +11776,15 @@ const TaintEffectTooltip = ({
     t: t2
   } = useTranslation();
   const TaintEffectTooltipTextConfig = {
-    [
-      "NoExecute"
-      /* NoExecute */
-    ]: {
+    [NodeTaintEffect.NoExecute]: {
       title: "NoExecute",
       tooltips: [t2("dovetail.taint_effect_NoExecute_tooltip_1"), t2("dovetail.taint_effect_NoExecute_tooltip_2"), t2("dovetail.taint_effect_NoExecute_tooltip_3")]
     },
-    [
-      "NoSchedule"
-      /* NoSchedule */
-    ]: {
+    [NodeTaintEffect.NoSchedule]: {
       title: "NoSchedule",
       tooltips: [t2("dovetail.taint_effect_NoSchedule_tooltip_1"), t2("dovetail.taint_effect_NoSchedule_tooltip_2")]
     },
-    [
-      "PreferNoSchedule"
-      /* PreferNoSchedule */
-    ]: {
+    [NodeTaintEffect.PreferNoSchedule]: {
       title: "PreferNoSchedule",
       tooltips: [t2("dovetail.taint_effect_PreferNoSchedule_tooltip")]
     }
@@ -12888,7 +12947,7 @@ const PodLogTab = (i18n2, apiUrl) => ({
   ]
 });
 const NetworkPolicyRulesViewer_r6jity = "";
-const MonacoYamlEditor$1 = lazy(() => import("./MonacoYamlEditor-70599129.js"));
+const MonacoYamlEditor$1 = lazy(() => import("./MonacoYamlEditor-be30f2cd.js"));
 const EditorStyle$1 = "e1cjl2b8";
 const NetworkPolicyRulesViewer = ({
   ingressOrEgress,
@@ -14265,16 +14324,83 @@ function renderCommonFormFiled(props) {
   }
   return ele;
 }
+const MemoizedFormField = memo(function FormField({
+  fieldConfig,
+  control,
+  getValues,
+  trigger,
+  action,
+  formConfig,
+  watch
+}) {
+  const formValues = fieldConfig.condition ? watch() : {};
+  const isDisplay = fieldConfig.condition ? fieldConfig.condition(formValues, get$2(formValues, fieldConfig.path.join("."))) !== false : true;
+  if (!isDisplay) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Controller,
+    {
+      control,
+      name: fieldConfig.path.join("."),
+      rules: {
+        async validate(value2) {
+          const formValue = getValues();
+          if (!fieldConfig.validators || fieldConfig.validators.length === 0)
+            return true;
+          for (const func of fieldConfig.validators) {
+            const { isValid, errorMsg } = await func(value2, formValue, FormType.FORM);
+            if (!isValid)
+              return errorMsg;
+          }
+          return true;
+        }
+      },
+      render: ({ field, fieldState }) => {
+        var _a;
+        const currentFormValue = getValues();
+        const renderProps = {
+          field,
+          fieldConfig,
+          action,
+          control,
+          trigger,
+          formValue: currentFormValue
+        };
+        let ele = null;
+        if (fieldConfig == null ? void 0 : fieldConfig.render) {
+          ele = fieldConfig.render(renderProps);
+        } else {
+          ele = renderCommonFormFiled(renderProps);
+        }
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Form.Item,
+          {
+            label: fieldConfig.label,
+            colon: false,
+            labelCol: fieldConfig.layout === FormItemLayout.VERTICAL ? {} : { flex: `0 0 ${(formConfig == null ? void 0 : formConfig.labelWidth) || "216px"}` },
+            help: fieldConfig.isHideErrorStatus ? "" : (_a = fieldState.error) == null ? void 0 : _a.message,
+            extra: fieldConfig.helperText,
+            validateStatus: fieldState.invalid && !fieldConfig.isHideErrorStatus ? "error" : void 0,
+            "data-test-id": fieldConfig.key,
+            className: fieldConfig.layout === FormItemLayout.VERTICAL ? VerticalFormItemStyle : "",
+            children: ele
+          },
+          fieldConfig.key
+        );
+      }
+    },
+    fieldConfig.key
+  );
+});
 function FieldsContent(props) {
   const { config, formConfig, resourceId, step, formResult, fields } = props;
   const { control, getValues, watch, trigger } = formResult;
   const action = resourceId ? "edit" : "create";
-  const formValues = watch();
   const formFieldsConfig = useFieldsConfig(config, { fields }, resourceId, step);
   const fieldsEle = formFieldsConfig == null ? void 0 : formFieldsConfig.map((fieldConfig) => {
-    var _a;
     if ("fields" in fieldConfig) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         SectionTitle,
         {
           title: fieldConfig.title,
@@ -14292,62 +14418,21 @@ function FieldsContent(props) {
             }
           ) })
         }
-      ) });
+      ) }, fieldConfig.title);
     }
-    const isDisplay = ((_a = fieldConfig.condition) == null ? void 0 : _a.call(fieldConfig, formValues, get$2(formValues, fieldConfig.path.join(".")))) !== false;
-    return isDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Controller,
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      MemoizedFormField,
       {
+        fieldConfig,
         control,
-        name: fieldConfig.path.join("."),
-        rules: {
-          async validate(value2) {
-            const formValue = getValues();
-            if (!fieldConfig.validators || fieldConfig.validators.length === 0)
-              return true;
-            for (const func of fieldConfig.validators) {
-              const { isValid, errorMsg } = await func(value2, formValue, FormType.FORM);
-              if (!isValid)
-                return errorMsg;
-            }
-            return true;
-          }
-        },
-        render: ({ field, fieldState }) => {
-          var _a2;
-          const renderProps = {
-            field,
-            fieldConfig,
-            action,
-            control,
-            trigger,
-            formValue: formValues
-          };
-          let ele = null;
-          if (fieldConfig == null ? void 0 : fieldConfig.render) {
-            ele = fieldConfig.render(renderProps);
-          } else {
-            ele = renderCommonFormFiled(renderProps);
-          }
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Form.Item,
-            {
-              label: fieldConfig.label,
-              colon: false,
-              labelCol: fieldConfig.layout === FormItemLayout.VERTICAL ? {} : { flex: `0 0 ${(formConfig == null ? void 0 : formConfig.labelWidth) || "216px"}` },
-              help: fieldConfig.isHideErrorStatus ? "" : (_a2 = fieldState.error) == null ? void 0 : _a2.message,
-              extra: fieldConfig.helperText,
-              validateStatus: fieldState.invalid && !fieldConfig.isHideErrorStatus ? "error" : void 0,
-              "data-test-id": fieldConfig.key,
-              className: fieldConfig.layout === FormItemLayout.VERTICAL ? VerticalFormItemStyle : "",
-              children: ele
-            },
-            fieldConfig.key
-          );
-        }
+        getValues,
+        trigger,
+        action,
+        formConfig,
+        watch
       },
       fieldConfig.key
-    ) : null;
+    );
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ContentWrapper, children: fieldsEle });
 }
@@ -15085,7 +15170,7 @@ const PlainCodeStyle = "pqch97v";
 const ErrorMsgStyle = "eh2qjnl";
 const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
-const MonacoYamlEditor = React.lazy(() => import("./MonacoYamlEditor-70599129.js"));
+const MonacoYamlEditor = React.lazy(() => import("./MonacoYamlEditor-be30f2cd.js"));
 const MonacoYamlDiffEditor = React.lazy(() => import("./MonacoYamlDiffEditor-9232e9fc.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
@@ -19080,7 +19165,7 @@ export {
   NetworkPolicyIngressRulesGroup as by,
   NetworkPolicyEgressRulesGroup as bz,
   useDeleteModal as c,
-  ResourceModel as c$,
+  WorkloadModel as c$,
   FormItemLayout as c0,
   ServiceInClusterAccessComponent as c1,
   ServiceOutClusterAccessComponent as c2,
@@ -19091,33 +19176,33 @@ export {
   PVVolumeModeDisplay as c7,
   Tabs as c8,
   ResourceSelect as c9,
-  SECRET_OPAQUE_INIT_VALUE as cA,
-  SECRET_IMAGE_REPO_INIT_VALUE as cB,
-  SECRET_BASIC_AUTH_INIT_VALUE as cC,
-  SECRET_SSH_AUTH_INIT_VALUE as cD,
-  SECRET_TLS_INIT_VALUE as cE,
-  SECRET_CUSTOM_INIT_VALUE as cF,
-  NODE_INIT_VALUE as cG,
-  STORAGE_CLASS_INIT_VALUE as cH,
-  PV_INIT_VALUE as cI,
-  PVC_INIT_VALUE as cJ,
-  ResourceState as cK,
-  AccessControlAuth as cL,
-  Dovetail as cM,
-  RESOURCE_GROUP as cN,
-  FormContainerType as cO,
-  FormType as cP,
-  FormMode as cQ,
-  ComponentContext as cR,
-  GlobalStoreContext as cS,
-  ConfigsContext as cT,
-  IngressModel as cU,
-  NetworkPolicyModel as cV,
-  JobModel as cW,
-  WorkloadModel as cX,
-  WorkloadBaseModel as cY,
-  PodModel as cZ,
-  PodMetricsModel as c_,
+  NETWORK_POLICY_INIT_VALUE as cA,
+  CONFIG_MAP_INIT_VALUE as cB,
+  SERVER_INSTANCE_INIT_VALUE as cC,
+  REDEPLOY_TIMESTAMP_KEY as cD,
+  SECRET_OPAQUE_INIT_VALUE as cE,
+  SECRET_IMAGE_REPO_INIT_VALUE as cF,
+  SECRET_BASIC_AUTH_INIT_VALUE as cG,
+  SECRET_SSH_AUTH_INIT_VALUE as cH,
+  SECRET_TLS_INIT_VALUE as cI,
+  SECRET_CUSTOM_INIT_VALUE as cJ,
+  NODE_INIT_VALUE as cK,
+  STORAGE_CLASS_INIT_VALUE as cL,
+  PV_INIT_VALUE as cM,
+  PVC_INIT_VALUE as cN,
+  ResourceState as cO,
+  AccessControlAuth as cP,
+  Dovetail as cQ,
+  RESOURCE_GROUP as cR,
+  FormContainerType as cS,
+  FormType as cT,
+  FormMode as cU,
+  ComponentContext as cV,
+  GlobalStoreContext as cW,
+  ConfigsContext as cX,
+  IngressModel as cY,
+  NetworkPolicyModel as cZ,
+  JobModel as c_,
   PodShellModal as ca,
   PodShell as cb,
   ResourceTable as cc,
@@ -19127,57 +19212,62 @@ export {
   MatchLabelSelector as cg,
   PortsConfigForm as ch,
   SectionTitle as ci,
-  BASE_INIT_VALUE as cj,
-  DEPLOYMENT_INIT_VALUE as ck,
-  CRONJOB_INIT_VALUE as cl,
-  DAEMONSET_INIT_VALUE as cm,
-  JOB_INIT_VALUE as cn,
-  STATEFULSET_INIT_VALUE as co,
-  POD_INIT_VALUE as cp,
-  SERVICE_CLUSTER_IP_INIT_VALUE as cq,
-  SERVICE_NODE_PORT_INIT_VALUE as cr,
-  SERVICE_LOAD_BALANCER_INIT_VALUE as cs,
-  SERVICE_EXTERNAL_NAME_INIT_VALUE as ct,
-  SERVICE_HEADLESS_INIT_VALUE as cu,
-  INGRESS_INIT_VALUE as cv,
-  NETWORK_POLICY_INIT_VALUE as cw,
-  CONFIG_MAP_INIT_VALUE as cx,
-  SERVER_INSTANCE_INIT_VALUE as cy,
-  REDEPLOY_TIMESTAMP_KEY as cz,
+  EditLabelForm as cj,
+  EditAnnotationForm as ck,
+  NodeTaintEffect as cl,
+  NodeTaintEffectSelect as cm,
+  BASE_INIT_VALUE as cn,
+  DEPLOYMENT_INIT_VALUE as co,
+  CRONJOB_INIT_VALUE as cp,
+  DAEMONSET_INIT_VALUE as cq,
+  JOB_INIT_VALUE as cr,
+  STATEFULSET_INIT_VALUE as cs,
+  POD_INIT_VALUE as ct,
+  SERVICE_CLUSTER_IP_INIT_VALUE as cu,
+  SERVICE_NODE_PORT_INIT_VALUE as cv,
+  SERVICE_LOAD_BALANCER_INIT_VALUE as cw,
+  SERVICE_EXTERNAL_NAME_INIT_VALUE as cx,
+  SERVICE_HEADLESS_INIT_VALUE as cy,
+  INGRESS_INIT_VALUE as cz,
   dovetailRefineI18n as d,
-  ReplicaSetModel as d0,
-  CronJobModel as d1,
-  EventModel as d2,
-  DeploymentModel as d3,
-  DaemonSetModel as d4,
-  StatefulSetModel as d5,
-  ServiceTypeEnum as d6,
-  ServiceModel as d7,
-  NodeRole as d8,
-  NodeModel as d9,
-  StorageClassModel as da,
-  PersistentVolumeModel as db,
-  PersistentVolumeClaimModel as dc,
-  ProviderPlugins as dd,
-  ModelPlugin as de,
-  modelPlugin as df,
-  RelationPlugin as dg,
-  relationPlugin as dh,
-  generateValueFromSchema as di,
-  generateSchemaTypeValue as dj,
-  resolveRef as dk,
-  getApiVersion as dl,
-  pruneBeforeEdit as dm,
-  matchSelector as dn,
-  getResourceNameByKind as dp,
-  validateDnsSubdomain as dq,
-  validateResourceName as dr,
-  validateRfc1123Name as ds,
-  ValidateRfc1035Name as dt,
-  validateLabelKey as du,
-  validateLabelValue as dv,
-  validatePort as dw,
-  validateNodePort as dx,
+  WorkloadBaseModel as d0,
+  PodModel as d1,
+  PodMetricsModel as d2,
+  ResourceModel as d3,
+  ReplicaSetModel as d4,
+  CronJobModel as d5,
+  EventModel as d6,
+  DeploymentModel as d7,
+  DaemonSetModel as d8,
+  StatefulSetModel as d9,
+  validateDataKey as dA,
+  validatePort as dB,
+  validateNodePort as dC,
+  ServiceTypeEnum as da,
+  ServiceModel as db,
+  NodeRole as dc,
+  NodeModel as dd,
+  StorageClassModel as de,
+  PersistentVolumeModel as df,
+  PersistentVolumeClaimModel as dg,
+  ProviderPlugins as dh,
+  ModelPlugin as di,
+  modelPlugin as dj,
+  RelationPlugin as dk,
+  relationPlugin as dl,
+  generateValueFromSchema as dm,
+  generateSchemaTypeValue as dn,
+  resolveRef as dp,
+  getApiVersion as dq,
+  pruneBeforeEdit as dr,
+  matchSelector as ds,
+  getResourceNameByKind as dt,
+  validateResourceName as du,
+  validateRfc1123Name as dv,
+  ValidateRfc1035Name as dw,
+  validateDnsSubdomainName as dx,
+  validateLabelKey as dy,
+  validateLabelValue as dz,
   useDeleteModalOnly as e,
   useFailedModal as f,
   NameSpaceColumnRenderer as g,