@dovetail-v2/refine 0.1.26 → 0.1.28

package/dist/refine.umd.cjs

@@ -1207,9 +1207,9 @@ var __publicField = (obj, key, value) => {
   const edit_distribute_storage_failed_toast$1 = "Failed to edit the capacity allocation";
   const edit_node_taint$1 = "Edit taint";
   const edit_node_taint_success_toast$1 = "Successfully edited the taint for the node {{name}}";
-  const node_taint_NoSchedule$1 = "Only prevent scheduling";
-  const node_taint_PreferNoSchedule$1 = "Prefer no scheduling";
-  const node_taint_NoExecute$1 = "Prevent scheduling and evict pods";
+  const node_taint_NoSchedule$1 = "NoSchedule";
+  const node_taint_PreferNoSchedule$1 = "PreferNoSchedule";
+  const node_taint_NoExecute$1 = "NoExecute";
   const taint$1 = "Taint";
   const change_form_mode_alert$1 = "Switching from YAML editing to form editing will discard all changes made to the YAML file.";
   const pvc_storage_required$1 = "Please specify the allocation.";
@@ -1241,6 +1241,9 @@ var __publicField = (obj, key, value) => {
   const taint_effect_NoExecute_tooltip_2$1 = "Pods with tolerance but no duration set will continue running.";
   const taint_effect_NoExecute_tooltip_3$1 = "Pods with tolerance and a duration set will run for the specified time and then be evicted.";
   const taint_effect_PreferNoSchedule_tooltip$1 = "The control plane will try to avoid scheduling pods without taint tolerance to the node, but full avoidance isn't guaranteed.";
+  const cant_delete_resource$1 = "Unable to delete {{resource}}";
+  const cant_delete_resource_with_name$1 = "The {{resource}} <0>{name}</0> cannot be deleted.";
+  const close$1 = "Close";
   const dovetail$1 = {
     copy: copy$2,
     reset_arguments: reset_arguments$1,
@@ -1478,7 +1481,10 @@ var __publicField = (obj, key, value) => {
     taint_effect_NoExecute_tooltip_1: taint_effect_NoExecute_tooltip_1$1,
     taint_effect_NoExecute_tooltip_2: taint_effect_NoExecute_tooltip_2$1,
     taint_effect_NoExecute_tooltip_3: taint_effect_NoExecute_tooltip_3$1,
-    taint_effect_PreferNoSchedule_tooltip: taint_effect_PreferNoSchedule_tooltip$1
+    taint_effect_PreferNoSchedule_tooltip: taint_effect_PreferNoSchedule_tooltip$1,
+    cant_delete_resource: cant_delete_resource$1,
+    cant_delete_resource_with_name: cant_delete_resource_with_name$1,
+    close: close$1
   };
   const EN = {
     dovetail: dovetail$1
@@ -1716,6 +1722,9 @@ var __publicField = (obj, key, value) => {
   const taint_effect_NoExecute_tooltip_3 = "容忍污点并设置了容忍时长的 Pod 将按指定时间运行，时间结束后被驱逐。";
   const taint_effect_PreferNoSchedule_tooltip = "控制平面将尝试避免将不能容忍污点的 Pod 调度到节点上，但无法保证完全避免。";
   const confirm$1 = "确认";
+  const cant_delete_resource = "无法删除{{resource}}";
+  const cant_delete_resource_with_name = "无法删除{{resource}} <0>{{name}}</0> 。";
+  const close = "关闭";
   const dovetail = {
     copy: copy$1,
     reset_arguments,
@@ -1952,7 +1961,10 @@ var __publicField = (obj, key, value) => {
     taint_effect_NoExecute_tooltip_2,
     taint_effect_NoExecute_tooltip_3,
     taint_effect_PreferNoSchedule_tooltip,
-    confirm: confirm$1
+    confirm: confirm$1,
+    cant_delete_resource,
+    cant_delete_resource_with_name,
+    close
   };
   const ZH = {
     dovetail
@@ -8515,21 +8527,24 @@ var __publicField = (obj, key, value) => {
   const modal_1eijuvm = "";
   const FullscreenModalStyle = "fq4465w";
   const SmallModalStyle = "s1nc293e";
+  const tag_18tv6ql = "";
+  const StateTagStyle = "s82411";
+  const NameTagStyle = "n9ja9cs";
   function shortenedImage(image2) {
     return (image2 || "").replace(/^(index\.)?docker.io\/(library\/)?/, "").replace(/:latest$/, "").replace(/^(.*@sha256:)([0-9a-f]{8})[0-9a-f]+$/i, "$1$2…");
   }
   function isFirstLetterEnglish(str) {
     return /^[a-zA-Z]/.test(str);
   }
-  function addSpaceBeforeLetter(str) {
-    return isFirstLetterEnglish(str) ? ` ${str.toLocaleLowerCase()}` : str;
+  function transformResourceKindInSentence(str, language) {
+    return isFirstLetterEnglish(str) ? ` ${language !== "zh-CN" ? str.toLocaleLowerCase() : str}` : str;
   }
-  const useDeleteModal_mi8he5 = "";
-  const TextStyle = "t1vq0ett";
-  const TipStyle = "t139onst";
-  const NameStyle$1 = "n18lzor8";
+  const useDeleteModal_10guo0m = "";
+  const TextStyle$1 = "t1vq0ett";
+  const TipStyle$1 = "t139onst";
   const useDeleteModal = (resource, {
-    deleteTip
+    deleteTip,
+    onError
   } = {}) => {
     const configs = React.useContext(ConfigsContext);
     const config = configs[resource];
@@ -8541,10 +8556,11 @@ var __publicField = (obj, key, value) => {
     const navigation = core.useNavigation();
     const [id, setId] = React.useState("");
     const {
-      t: t2
+      t: t2,
+      i18n: i18n2
     } = useTranslation();
     const displayName = config.displayName || config.kind;
-    const resourceDisplayName = addSpaceBeforeLetter(displayName);
+    const resourceDisplayName = transformResourceKindInSentence(displayName, i18n2.language);
     const modalProps = {
       className: SmallModalStyle,
       title: t2("dovetail.delete_resource", {
@@ -8558,7 +8574,7 @@ var __publicField = (obj, key, value) => {
       cancelText: t2("dovetail.cancel"),
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          className: cx_default(eagle.Typo.Label.l2_regular, TextStyle),
+          className: cx_default(eagle.Typo.Label.l2_regular, TextStyle$1),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
             i18nKey: "dovetail.confirm_delete_text",
             tOptions: {
@@ -8568,11 +8584,11 @@ var __publicField = (obj, key, value) => {
             shouldUnescape: true,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tag, {
               color: "gray",
-              className: NameStyle$1
+              className: NameTagStyle
             })
           })
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          className: cx_default(eagle.Typo.Label.l4_regular, TipStyle),
+          className: cx_default(eagle.Typo.Label.l4_regular, TipStyle$1),
           children: deleteTip || t2("dovetail.delete_tip")
         })]
       }),
@@ -8594,17 +8610,9 @@ var __publicField = (obj, key, value) => {
                 type: "success"
               };
             },
-            errorNotification() {
-              return {
-                message: t2("dovetail.delete_failed_toast", {
-                  name: id,
-                  kind: resourceDisplayName,
-                  interpolation: {
-                    escapeValue: false
-                  }
-                }).trim(),
-                type: "error"
-              };
+            errorNotification(error) {
+              onError == null ? void 0 : onError(error);
+              return false;
             }
           });
           setVisible(false);
@@ -8624,6 +8632,7 @@ var __publicField = (obj, key, value) => {
     return {
       modalProps,
       visible,
+      setVisible,
       openDeleteConfirmModal
     };
   };
@@ -9358,7 +9367,7 @@ var __publicField = (obj, key, value) => {
       {
         message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
-          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
             index2 + 1 + ". ",
             " ",
             errorMsg
@@ -9487,7 +9496,7 @@ var __publicField = (obj, key, value) => {
         popModal();
       }
     });
-    const close = React.useCallback(() => {
+    const close2 = React.useCallback(() => {
       popModal();
       reset();
     }, [reset]);
@@ -9496,7 +9505,7 @@ var __publicField = (obj, key, value) => {
       title: title || i18n2.t("dovetail.edit"),
       confirmLoading: submitting,
       onOk: onSubmit,
-      onCancel: close,
+      onCancel: close2,
       okText: i18n2.t("dovetail.save"),
       normal: true,
       destroyOnClose: true,
@@ -10943,6 +10952,10 @@ var __publicField = (obj, key, value) => {
       var _a;
       return (_a = this._rawYaml.spec.claimRef) == null ? void 0 : _a.namespace;
     }
+    get pvcUid() {
+      var _a;
+      return (_a = this._rawYaml.spec.claimRef) == null ? void 0 : _a.uid;
+    }
     get storageBytes() {
       return parseSi(lodashEs.get(this._rawYaml, ["spec", "capacity", "storage"]));
     }
@@ -11103,8 +11116,6 @@ var __publicField = (obj, key, value) => {
       children: tags
     });
   };
-  const tag_how7no = "";
-  const StateTagStyle = "s82411";
   function addId(arr, idKey) {
     return arr.map((e2) => {
       return {
@@ -11238,16 +11249,11 @@ var __publicField = (obj, key, value) => {
         display: true,
         dataIndex: "status",
         title: t2("dovetail.state"),
-        render(value2) {
-          const colorMap = {
-            "True": "green",
-            "False": "red",
-            "Unknown": "warning"
-          };
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.StatusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
-        },
         width: 120,
-        sortable: true
+        sortable: true,
+        render: (value2) => {
+          return value2;
+        }
       },
       {
         key: "lastTransitionTime",
@@ -11333,6 +11339,73 @@ var __publicField = (obj, key, value) => {
       download(`${name2}.yaml`, content);
     };
   }
+  const button_1v659kh = "";
+  const WarningButtonStyle = "wwyz7ti";
+  const CloseButtonStyle = "c1xsou5f";
+  const useFailedModal_ny0yrd = "";
+  const TextStyle = "t56wb76";
+  const TipStyle = "tnei7dl";
+  const useFailedModal = (resource) => {
+    const configs = React.useContext(ConfigsContext);
+    const config = configs[resource];
+    const [visible, setVisible] = React.useState(false);
+    const [id, setId] = React.useState("");
+    const [errorMsgs, setErrorMsgs] = React.useState([]);
+    const {
+      t: t2,
+      i18n: i18n2
+    } = useTranslation();
+    const displayName = config.displayName || config.kind;
+    const resourceDisplayName = transformResourceKindInSentence(displayName, i18n2.language);
+    const modalProps = {
+      className: SmallModalStyle,
+      title: t2("dovetail.cant_delete_resource", {
+        resource: resourceDisplayName
+      }),
+      showOk: false,
+      cancelButtonProps: {
+        className: CloseButtonStyle
+      },
+      cancelText: t2("dovetail.close"),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+          className: cx_default(eagle.Typo.Label.l2_regular, TextStyle),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
+            i18nKey: "dovetail.cant_delete_resource_with_name",
+            tOptions: {
+              name: id,
+              resource: resourceDisplayName
+            },
+            shouldUnescape: true,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tag, {
+              color: "gray",
+              className: NameTagStyle
+            })
+          })
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+          className: cx_default(eagle.Typo.Label.l4_regular, TipStyle),
+          children: errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", {
+            children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", {
+              children: [index2 + 1 + ". ", " ", errorMsg]
+            }, errorMsg))
+          }) : lodashEs.first(errorMsgs)
+        })]
+      }),
+      onCancel() {
+        setVisible(false);
+      }
+    };
+    function openFailedModal(id2, errorMsgs2) {
+      setId(id2);
+      setErrorMsgs(errorMsgs2);
+      setVisible(true);
+    }
+    return {
+      modalProps,
+      visible,
+      openFailedModal
+    };
+  };
   function useEdit() {
     const { resource } = core.useParsed();
     const go = core.useGo();
@@ -11423,14 +11496,20 @@ var __publicField = (obj, key, value) => {
     const resource = useResourceResult.resource;
     const configs = React.useContext(ConfigsContext);
     const config = configs[(resource == null ? void 0 : resource.name) || ""];
-    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
+    const { t: t2, i18n: i18n2 } = useTranslation();
+    const { modalProps: failedModalProps, visible: failedModalVisible, openFailedModal } = useFailedModal((resource == null ? void 0 : resource.name) || "");
+    const { modalProps: deleteModalProps, visible: deleteModalVisible, openDeleteConfirmModal, setVisible: setDeleteModalVisible } = useDeleteModal(
       (resource == null ? void 0 : resource.name) || "",
       {
-        deleteTip: config.deleteTip
+        deleteTip: config.deleteTip,
+        onError: async (error) => {
+          console.log(error);
+          setDeleteModalVisible(false);
+          openFailedModal(record.id, getCommonErrors(await error.response.json(), i18n2));
+        }
       }
     );
     const download2 = useDownloadYAML();
-    const { t: t2 } = useTranslation();
     const openForm = useOpenForm({ id: record.id });
     const isInShowPage = useResourceResult.action === "show";
     const { data: canEditData } = core.useCan({
@@ -11494,7 +11573,8 @@ var __publicField = (obj, key, value) => {
           )
         }
       ),
-      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
+      deleteModalVisible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...deleteModalProps }) : null,
+      failedModalVisible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...failedModalProps }) : null
     ] });
   }
   var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
@@ -11594,7 +11674,7 @@ var __publicField = (obj, key, value) => {
   };
   function CreateButton(props) {
     var _a;
-    const { t: t2 } = useTranslation();
+    const { t: t2, i18n: i18n2 } = useTranslation();
     const openForm = useOpenForm();
     const { resource } = core.useResource();
     const configs = React.useContext(ConfigsContext);
@@ -11608,7 +11688,7 @@ var __publicField = (obj, key, value) => {
         type: "primary",
         onClick: openForm,
         children: createButtonText || t2("dovetail.create_resource", {
-          resource: addSpaceBeforeLetter(label2)
+          resource: transformResourceKindInSentence(label2, i18n2.language)
         })
       }
     );
@@ -11887,7 +11967,8 @@ var __publicField = (obj, key, value) => {
     const {
       resourceKind: resourceName,
       namespace: namespace2,
-      name: resourceId
+      name: resourceId,
+      uid
     } = props;
     const navigation = core.useNavigation();
     const go = core.useGo();
@@ -11895,7 +11976,8 @@ var __publicField = (obj, key, value) => {
       go({
         to: navigation.showUrl(resourceName, ""),
         query: {
-          id: namespace2 ? `${namespace2}/${resourceId}` : resourceId
+          id: namespace2 ? `${namespace2}/${resourceId}` : resourceId,
+          uid
         },
         options: {
           keepQuery: true
@@ -12783,8 +12865,6 @@ var __publicField = (obj, key, value) => {
     const {
       t: t2
     } = useTranslation();
-    const component = React.useContext(ComponentContext);
-    const Table2 = component.Table || Table$1;
     const taintsWithId = addId(taints, "key");
     const columns = [{
       key: "key",
@@ -12838,7 +12918,7 @@ var __publicField = (obj, key, value) => {
         type: ErrorContentType.Card
       });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
       tableKey: "condition",
       loading: false,
       data: finalData,
@@ -12868,7 +12948,7 @@ var __publicField = (obj, key, value) => {
     const { Table: TableComponent } = React.useContext(ComponentContext);
     const Table2 = TableComponent || Table$1;
     const { i18n: i18n2 } = useTranslation();
-    const resourceType = addSpaceBeforeLetter(displayName);
+    const resourceType = transformResourceKindInSentence(displayName, i18n2.language);
     if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WidgetErrorContent,
@@ -13387,7 +13467,14 @@ var __publicField = (obj, key, value) => {
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
     path: [],
     renderContent: (_, record) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, { service: record, breakLine: false, clusterVip });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ServiceOutClusterAccessComponent,
+        {
+          service: record,
+          breakLine: false,
+          clusterVip
+        }
+      );
     }
   });
   const PodSelectorField = () => ({
@@ -13558,13 +13645,14 @@ var __publicField = (obj, key, value) => {
       key: "pvc",
       path: ["pvc"],
       title: i18n2.t("dovetail.pvc"),
-      renderContent(value2, pvc2) {
+      renderContent(value2, pv2) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
           {
             resourceKind: "persistentvolumeclaims",
-            namespace: pvc2.pvcNamespace || "default",
-            name: value2
+            namespace: pv2.pvcNamespace || "default",
+            name: value2,
+            uid: pv2.pvcUid
           }
         );
       }
@@ -19952,17 +20040,14 @@ var __publicField = (obj, key, value) => {
   const PageShow = (props) => {
     var _a;
     const parsed = core.useParsed();
+    const msg = eagle.useMessage();
     const { resource } = core.useResource();
     const configs = React.useContext(ConfigsContext);
     const config = configs[(resource == null ? void 0 : resource.name) || ""];
     const nav = core.useNavigation();
     const i18n2 = useTranslation();
-    const { queryResult } = core.useShow({
-      id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id,
-      queryOptions: {
-        retry: 1
-      },
-      errorNotification: () => {
+    const notExistMsg = React.useMemo(
+      () => {
         var _a2;
         return {
           key: "resource-non-exist",
@@ -19974,14 +20059,33 @@ var __publicField = (obj, key, value) => {
           description: "Error",
           type: "error"
         };
+      },
+      [config.displayName, i18n2, parsed, resource == null ? void 0 : resource.name]
+    );
+    const { queryResult } = core.useShow({
+      id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id,
+      queryOptions: {
+        retry: 1
+      },
+      errorNotification: () => {
+        return notExistMsg;
       }
     });
     const { isLoading, isError } = queryResult;
     React.useEffect(() => {
-      if (isError && resource) {
+      var _a2, _b, _c;
+      const isNotExist = !isLoading && ((_a2 = parsed.params) == null ? void 0 : _a2.uid) !== void 0 && ((_b = parsed.params) == null ? void 0 : _b.uid) !== ((_c = queryResult.data) == null ? void 0 : _c.data.metadata.uid);
+      if ((isError || isNotExist) && resource) {
+        if (isNotExist) {
+          msg.open({
+            content: notExistMsg.message,
+            duration: 4.5,
+            ...notExistMsg
+          });
+        }
         nav.list(resource);
       }
-    }, [isError, nav, resource]);
+    }, [isError, nav, resource, queryResult, parsed, msg, notExistMsg, isLoading]);
     return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
   };
   const index_az4wrx = "";
@@ -36219,8 +36323,6 @@ WARNING: This link could potentially be dangerous`)) {
       }
     );
   }
-  const button_1uhn9v1 = "";
-  const WarningButtonStyle = "wwyz7ti";
   var isCheckBoxInput = (element) => element.type === "checkbox";
   var isDateObject = (value2) => value2 instanceof Date;
   var isNullOrUndefined = (value2) => value2 == null;
@@ -37825,7 +37927,7 @@ WARNING: This link could potentially be dangerous`)) {
       config,
       formResult,
       resourceId,
-      errorMsg
+      errorMsgs
     } = props;
     const {
       control,
@@ -37845,10 +37947,10 @@ WARNING: This link could potentially be dangerous`)) {
             for (const func of c2.validators) {
               const {
                 isValid,
-                errorMsg: errorMsg2
+                errorMsg
               } = func(value2, formValue);
               if (!isValid)
-                return errorMsg2;
+                return errorMsg;
             }
             return true;
           }
@@ -37928,7 +38030,7 @@ WARNING: This link could potentially be dangerous`)) {
       size: 16,
       className: "c1xsnuvk",
       children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-        errorMsgs: errorMsg ? [errorMsg] : [],
+        errorMsgs: errorMsgs || [],
         style: {
           marginBottom: 16
         },
@@ -38575,10 +38677,10 @@ WARNING: This link could potentially be dangerous`)) {
   const useRefineForm = (props) => {
     var _a, _b, _c;
     const { config, id, refineProps } = props;
-    const [responseErrorMsg, setResponseErrorMsg] = React.useState("");
-    const i18n2 = useTranslation();
+    const [responseErrorMsgs, setResponseErrorMsgs] = React.useState([]);
+    const { i18n: i18n2 } = useTranslation();
     const result = useForm({
-      mode: "onSubmit",
+      mode: "onTouched",
       reValidateMode: "onChange",
       refineCoreProps: {
         errorNotification: false,
@@ -38589,7 +38691,7 @@ WARNING: This link could potentially be dangerous`)) {
             message: i18n2.t(
               id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast",
               {
-                kind: addSpaceBeforeLetter(config.displayName || config.kind),
+                kind: transformResourceKindInSentence(config.displayName || config.kind, i18n2.language),
                 name: (_a2 = formValue.metadata) == null ? void 0 : _a2.name,
                 interpolation: { escapeValue: false }
               }
@@ -38615,11 +38717,11 @@ WARNING: This link could potentially be dangerous`)) {
       if (response && !(response == null ? void 0 : response.bodyUsed)) {
         (_b2 = response.json) == null ? void 0 : _b2.call(response).then((body) => {
           var _a3, _b3;
-          setResponseErrorMsg(((_b3 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b3.call(_a3, body)) || body.message);
+          setResponseErrorMsgs([].concat(((_b3 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b3.call(_a3, body)) || getCommonErrors(body, i18n2)));
         });
       }
-    }, [config.formConfig, result]);
-    return { formResult: result, responseErrorMsg };
+    }, [config.formConfig, result, i18n2]);
+    return { formResult: result, responseErrorMsgs };
   };
   const index_2ivb33 = "";
   const Style = "s1bsn3us";
@@ -39246,6 +39348,10 @@ WARNING: This link could potentially be dangerous`)) {
     const action = actionFromProps || actionFromResource;
     const configs = React.useContext(ConfigsContext);
     const config = configs[(resource == null ? void 0 : resource.name) || ""];
+    const {
+      t: t2,
+      i18n: i18n2
+    } = useTranslation();
     const {
       formProps,
       saveButtonProps,
@@ -39271,7 +39377,7 @@ WARNING: This link could potentially be dangerous`)) {
         const displayName = config.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
         return {
           message: i18n2.t(action === "create" ? "dovetail.create_success_toast" : "dovetail.save_yaml_success_toast", {
-            kind: addSpaceBeforeLetter(displayName),
+            kind: transformResourceKindInSentence(displayName, i18n2.language),
             name: data2 == null ? void 0 : data2.data.id,
             interpolation: {
               escapeValue: false
@@ -39288,10 +39394,6 @@ WARNING: This link could potentially be dangerous`)) {
       },
       ...useFormProps
     });
-    const {
-      t: t2,
-      i18n: i18n2
-    } = useTranslation();
     const FormWrapper = isShowLayout ? FormLayout : React.Fragment;
     const formWrapperProps = isShowLayout ? {
       saveButtonProps
@@ -39470,7 +39572,7 @@ WARNING: This link could potentially be dangerous`)) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
         formResult: refineFormResult.formResult,
         config,
-        errorMsg: refineFormResult.responseErrorMsg,
+        errorMsgs: refineFormResult.responseErrorMsgs,
         resourceId: id
       });
     })();
@@ -39501,7 +39603,7 @@ WARNING: This link could potentially be dangerous`)) {
       }
     }, [pushModal]);
     const errorText = (() => {
-      if (!!refineFormResult.responseErrorMsg || isError) {
+      if (!!refineFormResult.responseErrorMsgs.length || isError) {
         return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
       }
     })();
@@ -39514,7 +39616,7 @@ WARNING: This link could potentially be dangerous`)) {
       }
       const label2 = config.displayName || (config == null ? void 0 : config.kind);
       return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-        resource: addSpaceBeforeLetter(label2)
+        resource: transformResourceKindInSentence(label2, i18n2.language)
       });
     }, [action, config.formConfig, config.displayName, config == null ? void 0 : config.kind, i18n2, id]);
     const desc = React.useMemo(() => {
@@ -40681,7 +40783,7 @@ WARNING: This link could potentially be dangerous`)) {
             style: {
               whiteSpace: "pre"
             },
-            children: [v.servicePort, " ", "> ", v.targetPort, "/", v.protocol]
+            children: [v.servicePort, " > ", v.targetPort, "/", v.protocol]
           }),
           tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
         }, v.servicePort));
@@ -40797,7 +40899,8 @@ WARNING: This link could potentially be dangerous`)) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
           resourceKind: "persistentvolumeclaims",
           namespace: pv2.pvcNamespace || "default",
-          name: value2
+          name: value2,
+          uid: pv2.pvcUid
         });
       }
     };