@dovetail-v2/refine 0.0.37 → 0.0.39

package/dist/{MonacoYamlDiffEditor-1aeca078.js → MonacoYamlDiffEditor-a74de414.js}

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

package/dist/{index-1003469d.js → index-a278c0e3.js}

@@ -10,8 +10,8 @@ import React__default, { createElement, isValidElement, cloneElement, Children,
 import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useDeleteMany, CanAccess, useCan, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$1, flattenObjectKeys, useInvalidate, useUserFriendlyName, useModal, pickNotDeprecated, useMenu, useTable, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, pushModal, Button, Icon as Icon$1, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
-import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
+import { Typo, Tag, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, pushModal, Button, Icon as Icon$1, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
+import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
 import { get as get$2, first, debounce, last, isObject as isObject$2, merge, keyBy } from "lodash-es";
 import yaml from "js-yaml";
 import * as monaco from "monaco-editor";
@@ -1261,7 +1261,7 @@ const already_reset = "已重置";
 const cancel = "取消";
 const create = "创建";
 const delete_resource = "删除 {{resource}}";
-const confirm_delete_text = "确认删除 {{kind}} {{target}} 吗？";
+const confirm_delete_text = "确认删除 {{kind}} <0>{{target}}</0> 吗？";
 const delete_tip = "该操作无法被撤回。";
 const edit = "编辑";
 const namespace = "名字空间";
@@ -8034,10 +8034,11 @@ var cx = function cx2() {
 };
 var cx_default = cx;
 const ConfigsContext = createContext({});
-const useDeleteModal_1qwlq4u = "";
+const useDeleteModal_1kqb6q3 = "";
 const TextStyle = "t1vq0ett";
 const TipStyle = "t139onst";
-const ModalStyle = "m18lzor8";
+const NameStyle$1 = "n18lzor8";
+const ModalStyle = "mvvgkkc";
 const useDeleteModal = (resource) => {
   const configs = useContext(ConfigsContext);
   const config = configs[resource];
@@ -8065,12 +8066,17 @@ const useDeleteModal = (resource) => {
     children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: cx_default(Typo.Label.l2_regular, TextStyle),
-        children: t2("dovetail.confirm_delete_text", {
-          target: id,
-          kind: config.kind,
-          interpolation: {
-            escapeValue: false
-          }
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
+          i18nKey: "dovetail.confirm_delete_text",
+          tOptions: {
+            target: id,
+            kind: config.kind
+          },
+          shouldUnescape: true,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, {
+            color: "gray",
+            className: NameStyle$1
+          })
         })
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: cx_default(Typo.Label.l4_regular, TipStyle),
@@ -8517,32 +8523,54 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_1kmu85y = "";
-const ErrorWrapper$1 = /* @__PURE__ */ styled_default("div")({
+const index_1rdsv5g = "";
+const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
   propsAsIs: false
 });
-const ErrorContent$1 = /* @__PURE__ */ styled_default("div")({
+const ErrorContent = /* @__PURE__ */ styled_default("div")({
   name: "ErrorContent",
   class: "e136jgy8",
   propsAsIs: false
 });
-const WidgetErrorContent$1 = (props) => {
+var ErrorContentType = /* @__PURE__ */ ((ErrorContentType2) => {
+  ErrorContentType2["List"] = "list";
+  ErrorContentType2["Card"] = "card";
+  ErrorContentType2["Widget"] = "widget";
+  return ErrorContentType2;
+})(ErrorContentType || {});
+const WidgetErrorContent = (props) => {
   const {
     refetch,
-    errorText
+    errorText,
+    type: type2 = "list"
+    /* List */
   } = props;
   const kit = useContext(kitContext);
   const {
     t: t2
   } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper$1, {
+  const fontMap = {
+    [
+      "widget"
+      /* Widget */
+    ]: Typo.Label.l1_regular_title,
+    [
+      "card"
+      /* Card */
+    ]: Typo.Label.l1_bold,
+    [
+      "list"
+      /* List */
+    ]: Typo.Display.d2_bold_title
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
     className: props.className,
     style: props.style,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent$1, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-        className: cx_default(Typo.Label.l1_regular_title, "title"),
+        className: cx_default(fontMap[type2], "title", type2),
         children: errorText || t2("dovetail.obtain_data_error")
       }), !refetch ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
         size: "small",
@@ -8556,36 +8584,6 @@ const WidgetErrorContent$1 = (props) => {
     })
   });
 };
-const ErrorContent_1t51xnx = "";
-const ErrorWrapper = "eckm4od";
-const ErrorContent = "e1hl982n";
-const WidgetErrorContent = (props) => {
-  const {
-    refetch
-  } = props;
-  const kit = useContext(kitContext);
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-    className: ErrorWrapper,
-    style: props.style,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: ErrorContent,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-        className: cx_default(Typo.Label.l1_regular_title, "title"),
-        children: props.errorText || t2("dovetail.obtain_data_error")
-      }), refetch ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-        type: "ordinary",
-        onClick: (e2) => {
-          e2.stopPropagation();
-          refetch == null ? void 0 : refetch();
-        },
-        children: t2("dovetail.retry")
-      }) : null]
-    })
-  });
-};
 const TableWidgets_ny30pi = "";
 const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
   name: "AuxiliaryLine",
@@ -8709,10 +8707,11 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
   ];
   if (datas.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent$1,
+      WidgetErrorContent,
       {
         errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
-        style: { padding: "15px 0" }
+        style: { padding: "15px 0" },
+        type: ErrorContentType.Card
       }
     );
   }
@@ -8779,7 +8778,14 @@ const PortsTable = ({ service }) => {
     id: port2.name || ""
   }));
   if ((ports == null ? void 0 : ports.length) === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }), style: { padding: "15px 0" } });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      WidgetErrorContent,
+      {
+        errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }),
+        style: { padding: "15px 0" },
+        type: ErrorContentType.Card
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -9932,7 +9938,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_1ce2deq = "";
+const index_1wlqq0y = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -10044,7 +10050,7 @@ var relativeTime$1 = { exports: {} };
 })(relativeTime$1);
 var relativeTimeExports = relativeTime$1.exports;
 const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-const index_fmx695 = "";
+const index_1779z85 = "";
 dayjs.extend(relativeTime, {
   thresholds: [{
     l: "s",
@@ -10160,7 +10166,14 @@ const ConditionsTable = ({ conditions = [] }) => {
     }
   ];
   if (conditionsWithId.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }), style: { padding: "15px 0" } });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      WidgetErrorContent,
+      {
+        errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }),
+        style: { padding: "15px 0" },
+        type: ErrorContentType.Card
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -10378,7 +10391,8 @@ const CronjobJobsTable = ({
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
   const {
-    data: data2
+    data: data2,
+    isLoading
   } = useList({
     resource: "jobs",
     meta: {
@@ -10392,6 +10406,14 @@ const CronjobJobsTable = ({
     });
   }, [data2 == null ? void 0 : data2.data, owner]);
   const columns = [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
+  if (!(dataSource == null ? void 0 : dataSource.length) && !isLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      errorText: i18n2.t("dovetail.no_resource", {
+        kind: " Job"
+      }),
+      type: ErrorContentType.Card
+    });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
     direction: "vertical",
     className: WrapperStyle$5,
@@ -10400,7 +10422,7 @@ const CronjobJobsTable = ({
       hideCreate: true
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
       tableKey: "cronjobs",
-      loading: !dataSource,
+      loading: isLoading,
       data: dataSource || [],
       columns,
       rowKey: "id",
@@ -10468,7 +10490,7 @@ const EventsTable = ({}) => {
   }, [data2 == null ? void 0 : data2.data, parsed]);
   if (!(dataSource == null ? void 0 : dataSource.length) && !isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent$1,
+      WidgetErrorContent,
       {
         errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") })
       }
@@ -10591,7 +10613,14 @@ const IngressRulesTable = ({ ingress }) => {
     }
   ];
   if ((rows == null ? void 0 : rows.length) === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" } });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      WidgetErrorContent,
+      {
+        errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }),
+        style: { padding: "15px 0" },
+        type: ErrorContentType.Card
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -10609,7 +10638,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_1vkf5y2 = "";
+const KeyValue_1ebh6uj = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -10633,8 +10662,9 @@ const KeyValue = (props) => {
     })]
   }, key2));
   if (!result.length) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-      errorText: empty2 || t2("dovetail.empty")
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      errorText: empty2 || t2("dovetail.empty"),
+      type: ErrorContentType.Card
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
@@ -10792,7 +10822,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContent_1947rqs = "";
+const ShowContent_fjwscu = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -10973,7 +11003,11 @@ const ShowContent = (props) => {
                 children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, {
                   gutter: [24, 8],
                   children: renderFields(area.fields, area.type, !!group.title)
-                }, index), index !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}) : null]
+                }, index), index !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                  style: {
+                    margin: "8px 0 12px 0"
+                  }
+                }) : null]
               }))
             }, group.title);
           })
@@ -10991,20 +11025,37 @@ const ShowContent = (props) => {
     }), tabs]
   });
 };
+const KeyValueSecret_1nzeh2v = "";
+const ButtonStyle = "b11tbgf7";
 function KeyValueSecret(props) {
-  const { data: data2 = {} } = props;
-  const { i18n: i18n2 } = useTranslation();
+  const {
+    data: data2 = {}
+  } = props;
+  const {
+    i18n: i18n2
+  } = useTranslation();
   const [hideSecret, setHideSecret] = useState(true);
-  const toggleButton = /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button,
-    {
-      type: "quiet",
-      prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: hideSecret ? ViewEye16GrayIcon : EntityFilterIgnoreGradient16GrayIcon }),
-      onClick: () => setHideSecret((v) => !v),
-      children: hideSecret ? i18n2.t("dovetail.show_data_value") : i18n2.t("dovetail.hide_data_value")
-    }
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ShowGroupComponent, { title: i18n2.t("dovetail.data"), operationEle: toggleButton, children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, { data: data2, hideSecret, empty: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.data") }) }) });
+  const toggleButton = /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+    type: "quiet",
+    prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, {
+      src: hideSecret ? ViewEye16GradientGrayIcon : EntityFilterIgnoreGradient16GrayIcon
+    }),
+    onClick: () => setHideSecret((v) => !v),
+    className: ButtonStyle,
+    size: "small",
+    children: hideSecret ? i18n2.t("dovetail.show_data_value") : i18n2.t("dovetail.hide_data_value")
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ShowGroupComponent, {
+    title: i18n2.t("dovetail.data"),
+    operationEle: toggleButton,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
+      data: data2,
+      hideSecret,
+      empty: i18n2.t("dovetail.no_resource", {
+        kind: i18n2.t("dovetail.data")
+      })
+    })
+  });
 }
 const WorkloadPodsTable_1giuese = "";
 const WorkloadPodsTable = ({
@@ -11044,13 +11095,14 @@ const WorkloadPodsTable = ({
     sortable: true
   }, NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), PodContainersNumColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
   if ((dataSource == null ? void 0 : dataSource.length) === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
         kind: ` ${i18n2.t("dovetail.pod")}`
       }),
       style: {
         padding: "15px 0"
-      }
+      },
+      type: ErrorContentType.Card
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
@@ -17427,7 +17479,7 @@ const PodLog = ({
       })]
     }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: ContentStyle$1,
-      children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+      children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
         style: {
           height: "100%"
         },
@@ -17653,13 +17705,14 @@ const NetworkPolicyRulesViewer = ({
     t: t2
   } = useTranslation();
   if (!ingressOrEgress) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: t2("dovetail.no_resource", {
         kind: kind || t2("dovetail.rule")
       }),
       style: {
         padding: "15px 0"
-      }
+      },
+      type: ErrorContentType.Card
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
@@ -17740,7 +17793,14 @@ const PodContainersTable = ({
     [containerStatuses, initContainerStatuses]
   );
   if (dataSource.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" } });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      WidgetErrorContent,
+      {
+        errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }),
+        style: { padding: "15px 0" },
+        type: ErrorContentType.Card
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -18197,16 +18257,17 @@ function parseJSON(value2) {
     return void 0;
   }
 }
-const index_ccf0kl = "";
+const index_1uuzt53 = "";
 const SelectStyle = "sj0ggy";
-const SearchInputStyle = "s1eo8uqs";
-const SelectContentStyle = "s64gojc";
-const TokenStyle = "t16fqgtu";
-const CountTokenStyle = "cgaujbg";
-const SelectOptionGroupStyle = "s1vbd54v";
-const LabelWrapperStyle = "lxzmtrx";
-const AllNamespaceOptionStyle = "aqrghwd";
-const OptionStyle = "opi7z1z";
+const DropdownStyle = "d1eo8uqs";
+const SearchInputStyle = "s64gojc";
+const SelectContentStyle = "s16fqgtu";
+const TokenStyle = "tgaujbg";
+const CountTokenStyle = "c1vbd54v";
+const SelectOptionGroupStyle = "sxzmtrx";
+const LabelWrapperStyle = "lqrghwd";
+const AllNamespaceOptionStyle = "api7z1z";
+const OptionStyle = "o38b23x";
 const NS_STORE_KEY = "namespace-filter";
 const ALL_NS = "_all";
 const useNamespacesFilter = () => {
@@ -18241,9 +18302,10 @@ const NamespacesFilter = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
     loading: isLoading,
     style: {
-      width: 256
+      width: 278
     },
     className: cx_default(SelectStyle, className),
+    dropdownClassName: DropdownStyle,
     searchValue: search,
     virtual: false,
     input: {
@@ -18277,12 +18339,13 @@ const NamespacesFilter = ({
       const isAll = value22 === ALL_NS;
       return isAll ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         style: {
-          marginLeft: 12
+          marginLeft: 8
         },
         children: label2
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
         className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
         closable,
+        size: "medium",
         onClose,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
           content: isCountToken ? label2.replace(/[\s\.]/g, "") : label2
@@ -18352,7 +18415,9 @@ function ListPage(props) {
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
       style: {
         margin: 0,
-        minHeight: 1
+        minHeight: 1,
+        marginRight: 24,
+        width: "calc(100% - 24px)"
       }
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ListContentStyle,
@@ -18360,7 +18425,7 @@ function ListPage(props) {
         className: NamespaceFilterStyle
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: TableStyle,
-        children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+        children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
           errorText: tableProps.empty || t2("dovetail.no_resource", {
             kind: ` ${config.kind}`
           })
@@ -21652,6 +21717,11 @@ const RefineFormContent = (props) => {
               meta: {}
             });
         }
+        if (action === "edit" && c2.key === "name") {
+          ele = /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+            children: value2
+          });
+        }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
           label: c2.label,
           labelCol: {
@@ -22214,7 +22284,7 @@ const useRefineForm = (props) => {
           message: i18n2.t(
             id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast",
             {
-              resource: config.name,
+              kind: formValue.kind,
               name: formValue.metadata.name,
               interpolation: { escapeValue: false }
             }
@@ -22249,7 +22319,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-1aeca078.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-a74de414.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -22914,7 +22984,7 @@ function YamlForm(props) {
               isEdit: action === "edit"
             })
           })]
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
           errorText: t2("dovetail.fetch_schema_fail"),
           refetch: fetchSchema
         });
@@ -22922,11 +22992,12 @@ function YamlForm(props) {
     })
   });
 }
-const FormModal_fo4d8s = "";
+const FormModal_aey716 = "";
 const FullscreenModalStyle = "f1nltbcu";
-const ErrorStyle = "e1qgcca6";
+const FormDescStyle = "f1qgcca6";
+const ErrorStyle = "e1tl3wq2";
 function FormModal(props) {
-  var _a;
+  var _a, _b, _c, _d;
   const {
     resource: resourceFromProps,
     id,
@@ -22947,12 +23018,12 @@ function FormModal(props) {
   });
   const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
   const yamlFormProps = useMemo(() => {
-    var _a2, _b, _c;
+    var _a2, _b2, _c2;
     return {
       ...props.formProps,
       transformInitValues: (_a2 = config.formConfig) == null ? void 0 : _a2.transformInitValues,
-      transformApplyValues: (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues,
-      initialValues: ((_c = props.formProps) == null ? void 0 : _c.initialValues) || (config == null ? void 0 : config.initValue),
+      transformApplyValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformApplyValues,
+      initialValues: ((_c2 = props.formProps) == null ? void 0 : _c2.initialValues) || (config == null ? void 0 : config.initValue),
       id,
       action: id ? "edit" : "create",
       isShowLayout: false,
@@ -22972,7 +23043,8 @@ function FormModal(props) {
     refineProps: {
       onMutationSuccess: () => {
         popModal();
-      }
+      },
+      redirect: false
     }
   });
   const isYamlForm = !((_a = config.formConfig) == null ? void 0 : _a.fields);
@@ -23004,10 +23076,10 @@ function FormModal(props) {
       return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
     }
   })();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
     className: FullscreenModalStyle,
     width: "calc(100vw - 16px)",
-    title,
+    title: ((_b = config.formConfig) == null ? void 0 : _b.formTitle) || title,
     error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ErrorStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
@@ -23019,7 +23091,10 @@ function FormModal(props) {
     onCancel,
     destroyOnClose: true,
     fullscreen: true,
-    children: formEle
+    children: [((_c = config.formConfig) == null ? void 0 : _c.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+      className: FormDescStyle,
+      children: (_d = config.formConfig) == null ? void 0 : _d.formDesc
+    }) : void 0, formEle]
   });
 }
 const RefineFormPage_aqoiay = "";
@@ -23359,7 +23434,7 @@ const IngressRulesComponent = ({ ingress }) => {
     const divider = " > ";
     let pre = /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: r2.fullPath });
     if (r2.fullPath.includes("http") && !r2.fullPath.includes("*")) {
-      pre = /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { href: r2.fullPath, children: r2.fullPath });
+      pre = /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { href: r2.fullPath, target: "_blank", children: r2.fullPath });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       kit.overflowTooltip,
@@ -23663,7 +23738,8 @@ function ServiceInClusterAccessTitle() {
         children: i18n2.t("dovetail.in_cluster_ip_desc")
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
         style: {
-          margin: "6px 0"
+          margin: "6px 0",
+          background: "rgba(107, 128, 167, 0.60)"
         }
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         children: i18n2.t("dovetail.in_cluster_external_name_desc")
@@ -23710,7 +23786,9 @@ function ServiceOutClusterAccessTitle() {
           i18nKey: "dovetail.out_cluster_lb_desc"
         })
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-        children: i18n2.t("dovetail.out_external_name_desc")
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
+          i18nKey: "dovetail.out_external_name_desc"
+        })
       })]
     }),
     children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
@@ -23988,7 +24066,15 @@ const useEagleTable = (params) => {
 };
 const styles = "";
 const Dovetail = (props) => {
-  const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStore, accessControlProvider } = props;
+  const {
+    resourcesConfig,
+    urlPrefix = "",
+    Layout: Layout2,
+    history,
+    globalStore,
+    accessControlProvider,
+    routerProvider: customRouterProvider
+  } = props;
   const msg = useMessage();
   const notCustomResources = useMemo(() => {
     return resourcesConfig.filter((c2) => !c2.isCustom);
@@ -24024,7 +24110,7 @@ const Dovetail = (props) => {
       dataProvider: {
         default: dataProvider(globalStore)
       },
-      routerProvider,
+      routerProvider: customRouterProvider || routerProvider,
       liveProvider: liveProvider(globalStore),
       notificationProvider,
       options: {

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { b5, bJ, A, ay, aA, ai, bl, aI, G, bz, bn, as, w, C, g, bN, al, aM, X, bP, $, a6, bY, aa, bo, bm, b$, ao, aS, t, ag, aX, b_, bK, a$, D, aF, b1, bZ, aG, aw, b8, bM, bO, bx, aj, a0, p, o, bQ, I, aP, av, q, bp, bS, an, aO, ab, ac, Q, ad, az, ah, aY, b0, T, by, b4, N, H, b, ax, M, b7, aU, aT, bR, bj, e, br, U, P, aK, s, Y, bi, aH, bW, bV, aD, aQ, n, am, aJ, v, aR, aE, c3, bL, b2, b9, ba, ak, R, _, a4, a3, b3, a1, bX, a2, a7, f, bE, bH, bD, bC, bF, bG, bA, bs, bv, bw, bu, bt, bq, bb, ap, aN, ae, k, be, i, aB, c2, m, bf, aC, l, au, aL, h, c1, ar, at, aW, aV, aq, S, a_, aZ, c0, bB, bk, bg, bh, V, bU, Z, W, bT, a5, a9, a8, c, bI, af, bc, x, J, d, O, L, K, r, a, z, y, B, E, b6, F, bd, u } from "./index-1003469d.js";
+import { b5, bJ, A, ay, aA, ai, bl, aI, G, bz, bn, as, w, C, g, bN, al, aM, X, bP, $, a6, bY, aa, bo, bm, b$, ao, aS, t, ag, aX, b_, bK, a$, D, aF, b1, bZ, aG, aw, b8, bM, bO, bx, aj, a0, p, o, bQ, I, aP, av, q, bp, bS, an, aO, ab, ac, Q, ad, az, ah, aY, b0, T, by, b4, N, H, b, ax, M, b7, aU, aT, bR, bj, e, br, U, P, aK, s, Y, bi, aH, bW, bV, aD, aQ, n, am, aJ, v, aR, aE, c3, bL, b2, b9, ba, ak, R, _, a4, a3, b3, a1, bX, a2, a7, f, bE, bH, bD, bC, bF, bG, bA, bs, bv, bw, bu, bt, bq, bb, ap, aN, ae, k, be, i, aB, c2, m, bf, aC, l, au, aL, h, c1, ar, at, aW, aV, aq, S, a_, aZ, c0, bB, bk, bg, bh, V, bU, Z, W, bT, a5, a9, a8, c, bI, af, bc, x, J, d, O, L, K, r, a, z, y, B, E, b6, F, bd, u } from "./index-a278c0e3.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "@cloudtower/icons-react";