@dovetail-v2/refine 0.1.25 → 0.1.27

package/dist/{MonacoYamlDiffEditor-89d9acb5.js → MonacoYamlDiffEditor-8907845f.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-c93276c4.js";
+import { j as jsxRuntimeExports } from "./index-ac6b2e58.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-c93276c4.js → index-ac6b2e58.js}

@@ -10,7 +10,7 @@ import React__default, { createElement, isValidElement, cloneElement, Children,
 import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useParsed, useGo, useCan, useTable, useDeleteMany, useShow, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, usePopModal, Modal, usePushModal, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Tabs as Tabs$1, TabsTabPane, Row, Col, Popover, AntdTable, TableForm, getOptions, DonutChart, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, usePopModal, Modal, usePushModal, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Tabs as Tabs$1, TabsTabPane, Row, Col, Popover, AntdTable, TableForm, getOptions, DonutChart, SegmentControl, Checkbox, useMessage, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$3, cloneDeep, set as set$1, omit as omit$1, merge, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
@@ -1201,9 +1201,9 @@ const edit_distribute_storage_success_toast$1 = "Successfully edited the capacit
 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.";
@@ -1235,6 +1235,9 @@ const taint_effect_NoExecute_tooltip_1$1 = "Pods without taint tolerance will be
 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,
@@ -1472,7 +1475,10 @@ const dovetail$1 = {
   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
@@ -1710,6 +1716,9 @@ const taint_effect_NoExecute_tooltip_2 = "容忍污点但未设置容忍时长
 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,
@@ -1946,7 +1955,10 @@ const dovetail = {
   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
@@ -8509,21 +8521,24 @@ const ConfigsContext = createContext({});
 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 = useContext(ConfigsContext);
   const config = configs[resource];
@@ -8535,10 +8550,11 @@ const useDeleteModal = (resource, {
   const navigation = useNavigation();
   const [id, setId] = 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", {
@@ -8552,7 +8568,7 @@ const useDeleteModal = (resource, {
     cancelText: t2("dovetail.cancel"),
     children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-        className: cx_default(Typo.Label.l2_regular, TextStyle),
+        className: cx_default(Typo.Label.l2_regular, TextStyle$1),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
           i18nKey: "dovetail.confirm_delete_text",
           tOptions: {
@@ -8562,11 +8578,11 @@ const useDeleteModal = (resource, {
           shouldUnescape: true,
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, {
             color: "gray",
-            className: NameStyle$1
+            className: NameTagStyle
           })
         })
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-        className: cx_default(Typo.Label.l4_regular, TipStyle),
+        className: cx_default(Typo.Label.l4_regular, TipStyle$1),
         children: deleteTip || t2("dovetail.delete_tip")
       })]
     }),
@@ -8588,17 +8604,9 @@ const useDeleteModal = (resource, {
               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);
@@ -8618,6 +8626,7 @@ const useDeleteModal = (resource, {
   return {
     modalProps,
     visible,
+    setVisible,
     openDeleteConfirmModal
   };
 };
@@ -9352,7 +9361,7 @@ function FormErrorAlert(props) {
     {
       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
@@ -9481,7 +9490,7 @@ function EditFieldModal(props) {
       popModal();
     }
   });
-  const close = useCallback(() => {
+  const close2 = useCallback(() => {
     popModal();
     reset();
   }, [reset]);
@@ -9490,7 +9499,7 @@ function EditFieldModal(props) {
     title: title || i18n2.t("dovetail.edit"),
     confirmLoading: submitting,
     onOk: onSubmit,
-    onCancel: close,
+    onCancel: close2,
     okText: i18n2.t("dovetail.save"),
     normal: true,
     destroyOnClose: true,
@@ -10937,6 +10946,10 @@ class PersistentVolumeModel extends ResourceModel {
     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(get$3(this._rawYaml, ["spec", "capacity", "storage"]));
   }
@@ -11097,8 +11110,6 @@ const Tags = (props) => {
     children: tags
   });
 };
-const tag_how7no = "";
-const StateTagStyle = "s82411";
 function addId(arr, idKey) {
   return arr.map((e2) => {
     return {
@@ -11327,6 +11338,73 @@ function useDownloadYAML() {
     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 = useContext(ConfigsContext);
+  const config = configs[resource];
+  const [visible, setVisible] = useState(false);
+  const [id, setId] = useState("");
+  const [errorMsgs, setErrorMsgs] = 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(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(Tag, {
+            color: "gray",
+            className: NameTagStyle
+          })
+        })
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: cx_default(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))
+        }) : first(errorMsgs)
+      })]
+    }),
+    onCancel() {
+      setVisible(false);
+    }
+  };
+  function openFailedModal(id2, errorMsgs2) {
+    setId(id2);
+    setErrorMsgs(errorMsgs2);
+    setVisible(true);
+  }
+  return {
+    modalProps,
+    visible,
+    openFailedModal
+  };
+};
 function useEdit() {
   const { resource } = useParsed();
   const go = useGo();
@@ -11417,14 +11495,20 @@ function K8sDropdown(props) {
   const resource = useResourceResult.resource;
   const configs = 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 } = useCan({
@@ -11488,7 +11572,8 @@ function K8sDropdown(props) {
         )
       }
     ),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
+    deleteModalVisible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...deleteModalProps }) : null,
+    failedModalVisible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...failedModalProps }) : null
   ] });
 }
 var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
@@ -11588,7 +11673,7 @@ const useEagleTable = (params) => {
 };
 function CreateButton(props) {
   var _a;
-  const { t: t2 } = useTranslation();
+  const { t: t2, i18n: i18n2 } = useTranslation();
   const openForm = useOpenForm();
   const { resource } = useResource();
   const configs = useContext(ConfigsContext);
@@ -11602,7 +11687,7 @@ function CreateButton(props) {
       type: "primary",
       onClick: openForm,
       children: createButtonText || t2("dovetail.create_resource", {
-        resource: addSpaceBeforeLetter(label2)
+        resource: transformResourceKindInSentence(label2, i18n2.language)
       })
     }
   );
@@ -11881,7 +11966,8 @@ const ResourceLink = (props) => {
   const {
     resourceKind: resourceName,
     namespace: namespace2,
-    name: resourceId
+    name: resourceId,
+    uid
   } = props;
   const navigation = useNavigation();
   const go = useGo();
@@ -11889,7 +11975,8 @@ const ResourceLink = (props) => {
     go({
       to: navigation.showUrl(resourceName, ""),
       query: {
-        id: namespace2 ? `${namespace2}/${resourceId}` : resourceId
+        id: namespace2 ? `${namespace2}/${resourceId}` : resourceId,
+        uid
       },
       options: {
         keepQuery: true
@@ -12862,7 +12949,7 @@ function Table(props) {
   const { Table: TableComponent } = 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,
@@ -12919,6 +13006,7 @@ const WorkloadPodsTable_975j2t = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
+  className,
   hideToolbar,
   filter,
   hideNodeColumn
@@ -12973,7 +13061,7 @@ const WorkloadPodsTable = ({
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
-    className: "c1dicff8",
+    className: cx_default("c1dicff8", className),
     children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
@@ -13380,7 +13468,14 @@ const ServiceOutClusterAccessField = (clusterVip) => ({
   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 = () => ({
@@ -13551,13 +13646,14 @@ const PVCRefField = (i18n2) => {
     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
         }
       );
     }
@@ -19945,17 +20041,14 @@ const ResourceTableGroup = (resource, title) => ({
 const PageShow = (props) => {
   var _a;
   const parsed = useParsed();
+  const msg = useMessage();
   const { resource } = useResource();
   const configs = useContext(ConfigsContext);
   const config = configs[(resource == null ? void 0 : resource.name) || ""];
   const nav = useNavigation();
   const i18n2 = useTranslation();
-  const { queryResult } = useShow({
-    id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id,
-    queryOptions: {
-      retry: 1
-    },
-    errorNotification: () => {
+  const notExistMsg = useMemo(
+    () => {
       var _a2;
       return {
         key: "resource-non-exist",
@@ -19967,14 +20060,33 @@ const PageShow = (props) => {
         description: "Error",
         type: "error"
       };
+    },
+    [config.displayName, i18n2, parsed, resource == null ? void 0 : resource.name]
+  );
+  const { queryResult } = useShow({
+    id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id,
+    queryOptions: {
+      retry: 1
+    },
+    errorNotification: () => {
+      return notExistMsg;
     }
   });
   const { isLoading, isError } = queryResult;
   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(Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
 };
 const index_az4wrx = "";
@@ -33574,6 +33686,11 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
     var _a;
     (_a = termInstanceRef.current) == null ? void 0 : _a.writeln(data2);
   }, []);
+  const onClear = useCallback(() => {
+    var _a;
+    clear();
+    (_a = props.onClear) == null ? void 0 : _a.call(props);
+  }, [clear, props.onClear]);
   useEffect(() => {
     const destroy = setupTerminal();
     return () => {
@@ -33641,7 +33758,7 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
       operations,
       onSearchNext: searchNext,
       onSearchPre: searchPrevious,
-      onClear: clear,
+      onClear,
       onDownloadLog: downloadContent,
       onSetFontSize: (fontSize) => {
         setOptions({
@@ -36207,8 +36324,6 @@ function ResourceShow(props) {
     }
   );
 }
-const button_1uhn9v1 = "";
-const WarningButtonStyle = "wwyz7ti";
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value2) => value2 instanceof Date;
 var isNullOrUndefined = (value2) => value2 == null;
@@ -37813,7 +37928,7 @@ const RefineFormContent = (props) => {
     config,
     formResult,
     resourceId,
-    errorMsg
+    errorMsgs
   } = props;
   const {
     control,
@@ -37833,10 +37948,10 @@ const RefineFormContent = (props) => {
           for (const func of c2.validators) {
             const {
               isValid,
-              errorMsg: errorMsg2
+              errorMsg
             } = func(value2, formValue);
             if (!isValid)
-              return errorMsg2;
+              return errorMsg;
           }
           return true;
         }
@@ -37916,7 +38031,7 @@ const RefineFormContent = (props) => {
     size: 16,
     className: "c1xsnuvk",
     children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-      errorMsgs: errorMsg ? [errorMsg] : [],
+      errorMsgs: errorMsgs || [],
       style: {
         marginBottom: 16
       },
@@ -38563,8 +38678,8 @@ const useForm = ({
 const useRefineForm = (props) => {
   var _a, _b, _c;
   const { config, id, refineProps } = props;
-  const [responseErrorMsg, setResponseErrorMsg] = useState("");
-  const i18n2 = useTranslation();
+  const [responseErrorMsgs, setResponseErrorMsgs] = useState([]);
+  const { i18n: i18n2 } = useTranslation();
   const result = useForm({
     mode: "onSubmit",
     reValidateMode: "onChange",
@@ -38577,7 +38692,7 @@ const useRefineForm = (props) => {
           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 }
             }
@@ -38603,11 +38718,11 @@ const useRefineForm = (props) => {
     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";
@@ -38617,7 +38732,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-89d9acb5.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-8907845f.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -39234,6 +39349,10 @@ function YamlForm(props) {
   const action = actionFromProps || actionFromResource;
   const configs = useContext(ConfigsContext);
   const config = configs[(resource == null ? void 0 : resource.name) || ""];
+  const {
+    t: t2,
+    i18n: i18n2
+  } = useTranslation();
   const {
     formProps,
     saveButtonProps,
@@ -39259,7 +39378,7 @@ function YamlForm(props) {
       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
@@ -39276,10 +39395,6 @@ function YamlForm(props) {
     },
     ...useFormProps
   });
-  const {
-    t: t2,
-    i18n: i18n2
-  } = useTranslation();
   const FormWrapper = isShowLayout ? FormLayout : React__default.Fragment;
   const formWrapperProps = isShowLayout ? {
     saveButtonProps
@@ -39458,7 +39573,7 @@ function FormModal(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
       formResult: refineFormResult.formResult,
       config,
-      errorMsg: refineFormResult.responseErrorMsg,
+      errorMsgs: refineFormResult.responseErrorMsgs,
       resourceId: id
     });
   })();
@@ -39489,7 +39604,7 @@ function FormModal(props) {
     }
   }, [pushModal]);
   const errorText = (() => {
-    if (!!refineFormResult.responseErrorMsg || isError) {
+    if (!!refineFormResult.responseErrorMsgs.length || isError) {
       return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
     }
   })();
@@ -39502,7 +39617,7 @@ function FormModal(props) {
     }
     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 = useMemo(() => {
@@ -40669,7 +40784,7 @@ const PortMappingColumnRenderer = (i18n2) => {
           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));
@@ -40785,7 +40900,8 @@ const PVCRefColumnRenderer = (i18n2) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
         resourceKind: "persistentvolumeclaims",
         namespace: pv2.pvcNamespace || "default",
-        name: value2
+        name: value2,
+        uid: pv2.pvcUid
       });
     }
   };

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { bN, cC, A, aW, aY, aF, ca, bk, a1, co, cc, aQ, T, C, i, cG, aI, bp, ac, cI, ai, ap, cR, ax, cd, cb, cU, aM, bw, w, aD, bD, cT, cD, bG, D, b1, as, bJ, ar, at, a0, c9, c8, cS, bi, aU, ad, bQ, cF, cH, cm, aG, aj, s, q, cJ, I, bt, aT, t, M, be, bg, ce, cL, aL, bs, aq, ay, az, a8, aA, aX, aE, bE, bH, a9, d2, cn, cx, bM, N, a2, e, aV, a6, bP, by, bx, cK, b$, cZ, g, cY, aJ, bq, cg, L, ba, bb, bo, H, bc, J, bd, B, b5, cA, z, b4, G, b8, E, b6, F, b7, K, c0, b9, cz, aa, d0, c$, P, bm, v, ae, ah, b_, bj, cP, cO, a$, bu, c6, c5, p, aK, bl, x, bv, b0, d1, y, cq, cE, bK, bR, bS, d4, aH, R, ag, an, am, bL, ak, cQ, c2, al, cB, c7, bh, bA, au, h, Q, O, bf, ct, cw, cs, cr, cu, cv, cp, ch, ck, cl, cj, ci, cf, cy, bT, aN, br, aB, m, bW, l, aZ, cX, o, bX, a_, n, aS, bn, k, cW, aP, aR, c4, bC, bB, c3, aO, S, bF, cV, c_, b2, b3, bz, bI, c1, bY, bZ, ab, $, cN, af, W, cM, ao, aw, av, f, aC, bU, U, a3, d, d7, d6, d9, d3, a7, da, d5, d8, a5, a4, r, a, c, X, V, Y, Z, u, bO, _, bV, b } from "./index-c93276c4.js";
+import { bN, cC, A, aW, aY, aF, ca, bk, a1, co, cc, aQ, T, C, i, cG, aI, bp, ac, cI, ai, ap, cR, ax, cd, cb, cU, aM, bw, w, aD, bD, cT, cD, bG, D, b1, as, bJ, ar, at, a0, c9, c8, cS, bi, aU, ad, bQ, cF, cH, cm, aG, aj, s, q, cJ, I, bt, aT, t, M, be, bg, ce, cL, aL, bs, aq, ay, az, a8, aA, aX, aE, bE, bH, a9, d2, cn, cx, bM, N, a2, e, aV, a6, bP, by, bx, cK, b$, cZ, g, cY, aJ, bq, cg, L, ba, bb, bo, H, bc, J, bd, B, b5, cA, z, b4, G, b8, E, b6, F, b7, K, c0, b9, cz, aa, d0, c$, P, bm, v, ae, ah, b_, bj, cP, cO, a$, bu, c6, c5, p, aK, bl, x, bv, b0, d1, y, cq, cE, bK, bR, bS, d4, aH, R, ag, an, am, bL, ak, cQ, c2, al, cB, c7, bh, bA, au, h, Q, O, bf, ct, cw, cs, cr, cu, cv, cp, ch, ck, cl, cj, ci, cf, cy, bT, aN, br, aB, m, bW, l, aZ, cX, o, bX, a_, n, aS, bn, k, cW, aP, aR, c4, bC, bB, c3, aO, S, bF, cV, c_, b2, b3, bz, bI, c1, bY, bZ, ab, $, cN, af, W, cM, ao, aw, av, f, aC, bU, U, a3, d, d7, d6, d9, d3, a7, da, d5, d8, a5, a4, r, a, c, X, V, Y, Z, u, bO, _, bV, b } from "./index-ac6b2e58.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "react";