@dovetail-v2/refine 0.1.11-alpha.2 → 0.1.12

package/dist/refine.umd.cjs

@@ -1455,6 +1455,7 @@ var __publicField = (obj, key, value) => {
   const protocol = "协议";
   const key = "键";
   const value = "值";
+  const value_optional = "值（选填）";
   const effect = "效果";
   const show_data_value = "显示数值";
   const hide_data_value = "隐藏数值";
@@ -1555,6 +1556,31 @@ var __publicField = (obj, key, value) => {
   const pvc_storage_required = "请填写分配量。";
   const pvc_storage_min = "请输入正整数。";
   const pvc_storage_reduce_limit = "输入值不得小于当前数值。";
+  const key_empty_text = "请填写键。";
+  const format_error = "格式错误。";
+  const taint_effect_empty_text = "请选择效果。";
+  const add_label = "添加标签";
+  const add_annotation = "添加注解";
+  const add_taint = "添加污点";
+  const look_format_requirement = "查看格式要求";
+  const yes = "是";
+  const no = "否";
+  const contains = "包含";
+  const optional = "是否必填";
+  const format_requirements = "格式要求";
+  const suffix = "前缀";
+  const suffix_format_rule_1 = "DNS 子域：由点 (.) 分隔的一系列 DNS 标签";
+  const suffix_format_rule_2 = "不超过 253 个字符";
+  const suffix_format_rule_3 = "后跟斜杠 (/)，即第一个 (/) 前的内容是前缀。如有 (/) ，前缀不可为空";
+  const name_format_rule_1 = "由字母、数字、连字符 (-)、下划线(_) 或点 (.) 组成";
+  const name_format_rule_2 = "以字母或数字开头和结尾";
+  const name_format_rule_3 = "不超过 63 个字符";
+  const taint_effect_NoSchedule_tooltip_1 = "正在节点上运行的 Pod 不会被驱逐。";
+  const taint_effect_NoSchedule_tooltip_2 = "新 Pod 不会调度到污点节点，除非有匹配的容忍度。";
+  const taint_effect_PreferNoSchedule_tooltip_1 = "不容忍污点的 Pod 将被立即驱逐。";
+  const taint_effect_PreferNoSchedule_tooltip_2 = "容忍污点但未设置容忍时长的 Pod 将继续运行。";
+  const taint_effect_PreferNoSchedule_tooltip_3 = "容忍污点并设置了容忍时长的 Pod 将按指定时间运行，时间结束后被驱逐。";
+  const taint_effect_NoExecute_tooltip_3 = "控制平面将尝试避免将不能容忍污点的 Pod 调度到节点上，但无法保证完全避免。";
   const dovetail = {
     copy: copy$1,
     reset_arguments,
@@ -1661,6 +1687,7 @@ var __publicField = (obj, key, value) => {
     protocol,
     key,
     value,
+    value_optional,
     effect,
     show_data_value,
     hide_data_value,
@@ -1762,7 +1789,32 @@ var __publicField = (obj, key, value) => {
     change_form_mode_alert,
     pvc_storage_required,
     pvc_storage_min,
-    pvc_storage_reduce_limit
+    pvc_storage_reduce_limit,
+    key_empty_text,
+    format_error,
+    taint_effect_empty_text,
+    add_label,
+    add_annotation,
+    add_taint,
+    look_format_requirement,
+    yes,
+    no,
+    contains,
+    optional,
+    format_requirements,
+    suffix,
+    suffix_format_rule_1,
+    suffix_format_rule_2,
+    suffix_format_rule_3,
+    name_format_rule_1,
+    name_format_rule_2,
+    name_format_rule_3,
+    taint_effect_NoSchedule_tooltip_1,
+    taint_effect_NoSchedule_tooltip_2,
+    taint_effect_PreferNoSchedule_tooltip_1,
+    taint_effect_PreferNoSchedule_tooltip_2,
+    taint_effect_PreferNoSchedule_tooltip_3,
+    taint_effect_NoExecute_tooltip_3
   };
   const ZH = {
     dovetail
@@ -8155,6 +8207,9 @@ var __publicField = (obj, key, value) => {
     }
     // Fetch and process OpenAPI schemas
     async fetch() {
+      if (this.schemas) {
+        return this.schemas;
+      }
       try {
         const response = await fetch(
           `${this.pathPrefix}${this.resourceBasePath}`
@@ -8202,6 +8257,24 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
+  class SchemaStore {
+    constructor() {
+      __publicField(this, "openapiMap", {});
+    }
+    async fetchSchemas(resourceBasePath, pathPrefix) {
+      const openapi = this.openapiMap[`${resourceBasePath}-${pathPrefix}`] || new K8sOpenAPI(resourceBasePath, pathPrefix);
+      this.openapiMap[`${resourceBasePath}-${pathPrefix}`] = openapi;
+      const schemas = await openapi.fetch();
+      return schemas;
+    }
+    async fetchSchema(resourceBasePath, pathPrefix, kind) {
+      const openapi = this.openapiMap[`${resourceBasePath}-${pathPrefix}`] || new K8sOpenAPI(resourceBasePath, pathPrefix);
+      this.openapiMap[`${resourceBasePath}-${pathPrefix}`] = openapi;
+      await openapi.fetch();
+      return openapi.findSchema(kind);
+    }
+  }
+  const schemaStore = new SchemaStore();
   const ConstantsContext = React.createContext({
     schemaUrlPrefix: ""
   });
@@ -8220,8 +8293,7 @@ var __publicField = (obj, key, value) => {
             if (state2.schemasMap[apiGroup]) {
               return { apiGroup, schemas: state2.schemasMap[apiGroup] };
             }
-            const openapi = new K8sOpenAPI(apiGroup, schemaUrlPrefix);
-            const groupSchemas = await openapi.fetch();
+            const groupSchemas = await schemaStore.fetchSchemas(apiGroup, schemaUrlPrefix);
             return { apiGroup, schemas: groupSchemas || [] };
           })
         );
@@ -8250,20 +8322,12 @@ var __publicField = (obj, key, value) => {
     const useResourceResult = core.useResource();
     const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
     const { schemaUrlPrefix } = React.useContext(ConstantsContext);
-    const openapi = React.useMemo(
-      () => {
-        var _a2;
-        return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath, schemaUrlPrefix);
-      },
-      [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath, schemaUrlPrefix]
-    );
     const fetchSchema = React.useCallback(async () => {
-      var _a2;
+      var _a2, _b2;
       setLoading(true);
       setError(null);
       try {
-        await openapi.fetch();
-        const schema2 = await openapi.findSchema((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.kind);
+        const schema2 = await schemaStore.fetchSchema((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath, schemaUrlPrefix, (_b2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _b2.kind);
         setSchema(schema2 || null);
         setError(null);
       } catch (e2) {
@@ -8271,7 +8335,7 @@ var __publicField = (obj, key, value) => {
       } finally {
         setLoading(false);
       }
-    }, [(_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind, openapi]);
+    }, [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind, (_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.resourceBasePath, schemaUrlPrefix]);
     React.useEffect(() => {
       if (options == null ? void 0 : options.skip)
         return;
@@ -8896,11 +8960,6 @@ var __publicField = (obj, key, value) => {
     } = props;
     const auxiliaryLineRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
-    React.useMemo(() => ({
-      current: currentPage,
-      pageSize: defaultSize,
-      onChange: onPageChange
-    }), [currentPage, defaultSize, onPageChange]);
     const finalColumns = React.useMemo(() => {
       if (RowMenu) {
         const actionColumn = {
@@ -9362,7 +9421,7 @@ var __publicField = (obj, key, value) => {
   function formatSi(inValue, options) {
     const {
       increment = 1e3,
-      suffix = null,
+      suffix: suffix2 = null,
       firstSuffix = null,
       startingExponent = 0,
       minExponent = 0,
@@ -9390,7 +9449,7 @@ var __publicField = (obj, key, value) => {
     if (exp === 0 && firstSuffix !== null) {
       outStr += `${firstSuffix}`;
     } else {
-      outStr += `${UNITS[exp]}${suffix}` || "";
+      outStr += `${UNITS[exp]}${suffix2}` || "";
     }
     return outStr;
   }
@@ -9498,10 +9557,8 @@ var __publicField = (obj, key, value) => {
                   distributeStorage: validators.distributeStorage(v)
                 });
               },
-              onBlur: () => {
-              },
-              onFocus: () => {
-              }
+              onBlur: () => void 0,
+              onFocus: () => void 0
             },
             min: 1,
             meta: {},
@@ -11523,7 +11580,7 @@ var __publicField = (obj, key, value) => {
           width: 120,
           render(value2) {
             const colorMap = {
-              "Warning": "red",
+              "Warning": "warning",
               "Normal": "green"
             };
             return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.StatusCapsule, { color: colorMap[value2], className: cx_default(StateTagStyle, "no-background"), children: i18n2.t(`dovetail.${value2.toLowerCase()}`) });
@@ -18572,7 +18629,6 @@ var __publicField = (obj, key, value) => {
     const [currentItemCount, setCurrentItemCount] = React.useState(0);
     const [paused, setPaused] = React.useState(false);
     const [wrap, setWrap] = React.useState(false);
-    const [linesBehind, setLinesBehind] = React.useState(0);
     const logViewerRef = React.useRef(null);
     const abortControllerRef = React.useRef(null);
     const dataProvider = core.useDataProvider();
@@ -18586,10 +18642,6 @@ var __publicField = (obj, key, value) => {
         if (logViewerRef && logViewerRef.current) {
           logViewerRef.current.scrollToBottom();
         }
-      } else if (logs.length !== currentItemCount) {
-        setLinesBehind(logs.length - currentItemCount);
-      } else {
-        setLinesBehind(0);
       }
     }, [paused, logs, currentItemCount]);
     const onScroll = (params) => {
@@ -18708,7 +18760,6 @@ var __publicField = (obj, key, value) => {
                 setSelectedContainer(newValue);
                 setLogs([]);
                 setPaused(false);
-                setLinesBehind(0);
               },
               value: selectedContainer
             },
@@ -35484,7 +35535,6 @@ WARNING: This link could potentially be dangerous`)) {
       tableProps,
       contentClassName
     } = props;
-    useTranslation();
     const {
       resource
     } = core.useResource();
@@ -39023,83 +39073,270 @@ WARNING: This link could potentially be dangerous`)) {
       }
     ) : null });
   }
+  function validateLabelKey(key2) {
+    const labelPrefixRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.]*[a-zA-Z0-9]$)/;
+    const labelNameRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+    let prefix, name2;
+    const splitResult = key2.split("/");
+    if (splitResult.length === 1) {
+      name2 = splitResult[0];
+    } else {
+      prefix = splitResult[0];
+      name2 = splitResult[1];
+    }
+    if (prefix === "") {
+      return { isValid: false, errorMessage: "EMPTY_PREFIX" };
+    }
+    if (prefix && !labelPrefixRegex.test(prefix)) {
+      return { isValid: false, errorMessage: "INVALID_PREFIX" };
+    }
+    if (!labelNameRegex.test(name2)) {
+      return { isValid: false, errorMessage: "INVALID_NAME" };
+    }
+    if (prefix && prefix.length > 253) {
+      return { isValid: false, errorMessage: "MAX_253" };
+    }
+    if (name2 && name2.length > 63) {
+      return { isValid: false, errorMessage: "MAX_63" };
+    }
+    return { isValid: true };
+  }
+  function validateLabelValue(value2) {
+    const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+    if (value2 === "") {
+      return { isValid: true };
+    }
+    if (value2.length > 63) {
+      return { isValid: false, errorMessage: "MAX_63" };
+    }
+    if (!labelValueRegex.test(value2)) {
+      return { isValid: false, errorMessage: "INVALID_VALUE" };
+    }
+    return { isValid: true };
+  }
+  const LabelFormatPopover_105yfzn = "";
+  const PodLabelFormatRulePopoverStyle = "p5jt6nm";
+  const LabelFormatPopover = () => {
+    const {
+      t: t2
+    } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Popover, {
+      overlayClassName: PodLabelFormatRulePopoverStyle,
+      placement: "bottomRight",
+      content: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdTable, {
+        bordered: true,
+        dataSource: [{
+          object: t2("dovetail.key"),
+          contains: t2("dovetail.suffix"),
+          optional: t2("dovetail.no"),
+          rule: [t2("dovetail.suffix_format_rule_1"), t2("dovetail.suffix_format_rule_2"), t2("dovetail.suffix_format_rule_3")]
+        }, {
+          object: t2("dovetail.key"),
+          contains: t2("dovetail.name"),
+          optional: t2("dovetail.yes"),
+          rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+        }, {
+          object: t2("dovetail.value"),
+          contains: t2("dovetail.name"),
+          optional: t2("dovetail.no"),
+          rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+        }],
+        columns: [{
+          key: "object",
+          title: t2("dovetail.object"),
+          dataIndex: "object",
+          render: (cell, record, index2) => {
+            return {
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                className: eagle.Typo.Label.l4_bold,
+                children: cell
+              }),
+              props: {
+                rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
+              }
+            };
+          }
+        }, {
+          key: "contains",
+          title: t2("dovetail.contains"),
+          dataIndex: "contains"
+        }, {
+          key: "optional",
+          title: t2("dovetail.optional"),
+          dataIndex: "optional"
+        }, {
+          key: "rule",
+          title: t2("dovetail.format_requirements"),
+          dataIndex: "rule",
+          render: (cell) => {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
+              className: "rule-list",
+              children: cell.map((rule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+                children: rule2
+              }, index2))
+            });
+          }
+        }],
+        pagination: false
+      }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
+        size: "small",
+        type: "link",
+        children: t2("dovetail.look_format_requirement")
+      })
+    });
+  };
+  const KeyValueTableForm_1eydq7y = "";
+  function _KeyValueTableFormForm(props, ref) {
+    const {
+      defaultValue,
+      onSubmit,
+      extraColumns,
+      addButtonText
+    } = props;
+    const {
+      t: t2
+    } = useTranslation();
+    const [value2, setValue] = React.useState([]);
+    const tableFormRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => ({
+      submit: () => {
+        return new Promise((res, rej) => {
+          var _a;
+          (_a = tableFormRef.current) == null ? void 0 : _a.validateWholeFields();
+          setTimeout(() => {
+            var _a2;
+            const isValid = (_a2 = tableFormRef.current) == null ? void 0 : _a2.isValid();
+            if (isValid) {
+              res(onSubmit(value2));
+            } else {
+              rej();
+            }
+          }, 0);
+        });
+      }
+    }), [onSubmit, value2]);
+    const renderTextAreaFunc = ({
+      value: value22,
+      onChange
+    }) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TextArea, {
+        autoSize: true,
+        className: "clsjtk2",
+        size: "small",
+        value: value22,
+        onChange: (e2) => {
+          onChange(e2.target.value);
+        }
+      });
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
+      size: 8,
+      direction: "vertical",
+      className: "cq3mbby",
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TableForm, {
+        ref: tableFormRef,
+        onBodyChange: (value22) => {
+          setValue(value22);
+        },
+        columns: [{
+          key: "key",
+          title: t2("dovetail.key"),
+          type: "input",
+          validator: ({
+            value: value22
+          }) => {
+            if (!value22)
+              return t2("dovetail.key_empty_text");
+            const {
+              isValid
+            } = validateLabelKey(value22 || "");
+            if (!isValid)
+              return t2("dovetail.format_error");
+          },
+          render: renderTextAreaFunc
+        }, {
+          key: "value",
+          title: t2("dovetail.value_optional"),
+          type: "input",
+          validator: ({
+            value: value22
+          }) => {
+            const {
+              isValid
+            } = validateLabelValue(value22 || "");
+            if (!isValid)
+              return t2("dovetail.format_error");
+          },
+          render: renderTextAreaFunc
+        }, ...extraColumns || []],
+        disableBatchFilling: true,
+        hideEmptyTable: true,
+        rowAddConfig: {
+          addible: true,
+          text: () => addButtonText
+        },
+        defaultData: defaultValue,
+        row: {
+          deletable: true
+        }
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {})]
+    });
+  }
+  const KeyValueTableFormForm = React.forwardRef(_KeyValueTableFormForm);
   const EditLabelForm = React.forwardRef(
     function EditLabelForm2(props, ref) {
       var _a;
       const { resourceModel } = props;
       const { mutateAsync } = core.useUpdate();
       const { t: t2 } = useTranslation();
-      const [value2, setValue] = React.useState([]);
       const defaultValue = React.useMemo(() => {
         var _a2;
         return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.labels) || {}).map((key2) => {
           var _a3, _b;
-          return { key: key2, value: (_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.labels) == null ? void 0 : _b[key2] };
+          return { key: key2, value: ((_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.labels) == null ? void 0 : _b[key2]) || "" };
         });
       }, [(_a = resourceModel.metadata) == null ? void 0 : _a.labels]);
-      const submit = React.useCallback(() => {
-        const newLabels = {};
-        value2.forEach(({ key: key2, value: value22 }) => {
-          newLabels[key2] = value22;
-        });
-        const newYaml = resourceModel.updateLabel(newLabels);
-        pruneBeforeEdit(newYaml);
-        return mutateAsync({
-          id: resourceModel.id,
-          resource: resourceModel.name || "",
-          values: newYaml,
-          meta: {
-            resourceBasePath: resourceModel.apiVersion,
-            kind: resourceModel.kind
-          },
-          successNotification() {
-            return {
-              message: t2("dovetail.edit_label_success_toast", {
-                kind: resourceModel.kind,
-                name: resourceModel.metadata.name,
-                interpolation: {
-                  escapeValue: false
-                }
-              }),
-              type: "success"
-            };
-          },
-          errorNotification: false
-        });
-      }, [value2, resourceModel, mutateAsync, t2]);
-      React.useImperativeHandle(
-        ref,
-        () => ({
-          submit
-        }),
-        [submit]
+      const onSubmit = React.useCallback(
+        (value2) => {
+          const newLabels = {};
+          value2.forEach(({ key: key2, value: value22 }) => {
+            newLabels[key2] = value22 || "";
+          });
+          const newYaml = resourceModel.updateLabel(newLabels);
+          pruneBeforeEdit(newYaml);
+          return mutateAsync({
+            id: resourceModel.id,
+            resource: resourceModel.name || "",
+            values: newYaml,
+            meta: {
+              resourceBasePath: resourceModel.apiVersion,
+              kind: resourceModel.kind
+            },
+            successNotification() {
+              return {
+                message: t2("dovetail.edit_label_success_toast", {
+                  kind: resourceModel.kind,
+                  name: resourceModel.metadata.name,
+                  interpolation: {
+                    escapeValue: false
+                  }
+                }),
+                type: "success"
+              };
+            },
+            errorNotification: false
+          });
+        },
+        [resourceModel, mutateAsync, t2]
       );
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        eagle.TableForm,
+        KeyValueTableFormForm,
         {
-          onBodyChange: (value22) => {
-            setValue(value22);
-          },
-          columns: [
-            {
-              key: "key",
-              title: t2("dovetail.key"),
-              type: "input"
-            },
-            {
-              key: "value",
-              title: t2("dovetail.value"),
-              type: "input"
-            }
-          ],
-          disableBatchFilling: true,
-          rowAddConfig: {
-            addible: true
-          },
-          defaultData: defaultValue,
-          row: {
-            deletable: true
-          }
+          ref,
+          defaultValue,
+          onSubmit,
+          addButtonText: t2("dovetail.add_label")
         }
       );
     }
@@ -39136,24 +39373,23 @@ WARNING: This link could potentially be dangerous`)) {
       }
     );
   }
-  const EditAnnotationForm = React.forwardRef(
-    function EditAnnotationForm2(props, ref) {
-      var _a;
-      const { resourceModel } = props;
-      const { mutateAsync } = core.useUpdate();
-      const { t: t2 } = useTranslation();
-      const [value2, setValue] = React.useState([]);
-      const defaultValue = React.useMemo(() => {
-        var _a2;
-        return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.annotations) || {}).map((key2) => {
-          var _a3, _b;
-          return { key: key2, value: (_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.annotations) == null ? void 0 : _b[key2] };
-        });
-      }, [(_a = resourceModel.metadata) == null ? void 0 : _a.annotations]);
-      const submit = React.useCallback(() => {
+  const EditAnnotationForm = React.forwardRef(function EditAnnotationForm2(props, ref) {
+    var _a;
+    const { resourceModel } = props;
+    const { mutateAsync } = core.useUpdate();
+    const { t: t2 } = useTranslation();
+    const defaultValue = React.useMemo(() => {
+      var _a2;
+      return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.annotations) || {}).map((key2) => {
+        var _a3, _b;
+        return { key: key2, value: ((_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.annotations) == null ? void 0 : _b[key2]) || "" };
+      });
+    }, [(_a = resourceModel.metadata) == null ? void 0 : _a.annotations]);
+    const onSubmit = React.useCallback(
+      (value2) => {
         const newAnnotations = {};
         value2.forEach(({ key: key2, value: value22 }) => {
-          newAnnotations[key2] = value22;
+          newAnnotations[key2] = value22 || "";
         });
         const newYaml = resourceModel.updateAnnotation(newAnnotations);
         pruneBeforeEdit(newYaml);
@@ -39179,44 +39415,19 @@ WARNING: This link could potentially be dangerous`)) {
           },
           errorNotification: false
         });
-      }, [value2, resourceModel, mutateAsync, t2]);
-      React.useImperativeHandle(
+      },
+      [resourceModel, mutateAsync, t2]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      KeyValueTableFormForm,
+      {
         ref,
-        () => ({
-          submit
-        }),
-        [submit]
-      );
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        eagle.TableForm,
-        {
-          onBodyChange: (value22) => {
-            setValue(value22);
-          },
-          columns: [
-            {
-              key: "key",
-              title: t2("dovetail.key"),
-              type: "input"
-            },
-            {
-              key: "value",
-              title: t2("dovetail.value"),
-              type: "input"
-            }
-          ],
-          disableBatchFilling: true,
-          rowAddConfig: {
-            addible: true
-          },
-          defaultData: defaultValue,
-          row: {
-            deletable: true
-          }
-        }
-      );
-    }
-  );
+        defaultValue,
+        onSubmit,
+        addButtonText: t2("dovetail.add_annotation")
+      }
+    );
+  });
   function EditAnnotationDropdownMenuItem(props) {
     const { formRef, resourceModel } = props;
     const { t: t2 } = useTranslation();
@@ -39249,6 +39460,179 @@ WARNING: This link could potentially be dangerous`)) {
       }
     );
   }
+  const EditNodeTaintForm_cgov7z = "";
+  const UlStyle = "u19jcs7t";
+  const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, ref) {
+    const {
+      nodeModel
+    } = props;
+    const {
+      mutateAsync
+    } = core.useUpdate();
+    const {
+      t: t2
+    } = useTranslation();
+    const defaultValue = React.useMemo(() => {
+      var _a;
+      return ((_a = nodeModel._rawYaml.spec) == null ? void 0 : _a.taints) || [];
+    }, [nodeModel]);
+    const onSubmit = React.useCallback((_value) => {
+      const value2 = _value;
+      const newYaml = nodeModel._globalStore.restoreItem(nodeModel);
+      if (newYaml.spec) {
+        newYaml.spec.taints = value2;
+      }
+      pruneBeforeEdit(newYaml);
+      return mutateAsync({
+        id: nodeModel.id,
+        resource: nodeModel.name || "",
+        values: newYaml,
+        meta: {
+          resourceBasePath: nodeModel.apiVersion,
+          kind: nodeModel.kind
+        },
+        successNotification() {
+          return {
+            message: t2("dovetail.edit_node_taint_success_toast", {
+              kind: nodeModel.kind,
+              name: nodeModel.metadata.name,
+              interpolation: {
+                escapeValue: false
+              }
+            }),
+            type: "success"
+          };
+        },
+        errorNotification: false
+      });
+    }, [nodeModel, mutateAsync, t2]);
+    const noScheduleTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
+        children: "NoSchedule"
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", {
+        className: UlStyle,
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+          children: t2("dovetail.taint_effect_NoSchedule_tooltip_1")
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+          children: t2("dovetail.taint_effect_NoSchedule_tooltip_2")
+        })]
+      })]
+    });
+    const preferNoScheduleTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
+        children: "PreferNoSchedule"
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", {
+        className: UlStyle,
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+          children: t2("dovetail.taint_effect_PreferNoSchedule_tooltip_1")
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+          children: t2("dovetail.taint_effect_PreferNoSchedule_tooltip_2")
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+          children: t2("dovetail.taint_effect_PreferNoSchedule_tooltip_3")
+        })]
+      })]
+    });
+    const noExecuteTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
+        children: "NoExecute"
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
+        className: UlStyle,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+          children: t2("dovetail.taint_effect_NoExecute_tooltip_3")
+        })
+      })]
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueTableFormForm, {
+      ref,
+      defaultValue,
+      onSubmit,
+      addButtonText: t2("dovetail.add_taint"),
+      extraColumns: [{
+        key: "effect",
+        title: t2("dovetail.effect"),
+        render: ({
+          value: value2,
+          onChange
+        }) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Select, {
+            input: {},
+            value: value2,
+            onChange,
+            size: "small",
+            children: eagle.getOptions([{
+              value: "NoSchedule",
+              children: t2(`dovetail.node_taint_${"NoSchedule"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: noScheduleTooltip,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }, {
+              value: "PreferNoSchedule",
+              children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: preferNoScheduleTooltip,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }, {
+              value: "NoExecute",
+              children: t2(`dovetail.node_taint_${"NoExecute"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: noExecuteTooltip,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }])
+          });
+        },
+        validator: ({
+          value: value2
+        }) => {
+          if (!value2)
+            return t2("dovetail.taint_effect_empty_text");
+        }
+      }]
+    });
+  });
+  function EditNodeTaintDropdownMenuItem(props) {
+    const { formRef, resourceModel } = props;
+    const { t: t2 } = useTranslation();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Menu.Item,
+      {
+        className: "ant-dropdown-menu-item",
+        onClick: () => {
+          const modalProps = {
+            formRef,
+            title: t2("dovetail.edit_node_taint"),
+            fullscreen: true,
+            renderContent() {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                EditNodeTaintForm,
+                {
+                  ref: formRef,
+                  nodeModel: resourceModel
+                }
+              );
+            }
+          };
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_node_taint") })
+      }
+    );
+  }
   const index_sazpyf = "";
   const WrapperStyle = "wfg6u6g";
   const InnerBar = ({
@@ -40538,6 +40922,7 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.EditAnnotationDropdownMenuItem = EditAnnotationDropdownMenuItem;
   exports2.EditButton = EditButton;
   exports2.EditLabelDropdownMenuItem = EditLabelDropdownMenuItem;
+  exports2.EditNodeTaintDropdownMenuItem = EditNodeTaintDropdownMenuItem;
   exports2.ErrorContent = WidgetErrorContent;
   exports2.ErrorContentType = ErrorContentType;
   exports2.ErrorWrapper = ErrorWrapper;
@@ -40733,8 +41118,10 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.dovetailRefineI18n = dovetailRefineI18n;
   exports2.generateSchemaTypeValue = generateSchemaTypeValue;
   exports2.generateValueFromSchema = generateValueFromSchema;
+  exports2.getApiVersion = getApiVersion;
   exports2.modelPlugin = modelPlugin;
   exports2.namespaceRules = namespaceRules;
+  exports2.pruneBeforeEdit = pruneBeforeEdit;
   exports2.relationPlugin = relationPlugin;
   exports2.resolveRef = resolveRef;
   exports2.rfc1035LabelRules = rfc1035LabelRules;