@dovetail-v2/refine 0.0.37 → 0.0.39

package/dist/refine.umd.cjs

@@ -1267,7 +1267,7 @@ var __publicField = (obj, key, value) => {
   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 = "名字空间";
@@ -8040,10 +8040,11 @@ var __publicField = (obj, key, value) => {
   };
   var cx_default = cx;
   const ConfigsContext = React.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 = React.useContext(ConfigsContext);
     const config = configs[resource];
@@ -8071,12 +8072,17 @@ var __publicField = (obj, key, value) => {
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           className: cx_default(eagle.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(eagle.Tag, {
+              color: "gray",
+              className: NameStyle$1
+            })
           })
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           className: cx_default(eagle.Typo.Label.l4_regular, TipStyle),
@@ -8523,32 +8529,54 @@ var __publicField = (obj, key, value) => {
       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 = React.useContext(eagle.kitContext);
     const {
       t: t2
     } = useTranslation();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper$1, {
+    const fontMap = {
+      [
+        "widget"
+        /* Widget */
+      ]: eagle.Typo.Label.l1_regular_title,
+      [
+        "card"
+        /* Card */
+      ]: eagle.Typo.Label.l1_bold,
+      [
+        "list"
+        /* List */
+      ]: eagle.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(eagle.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",
@@ -8562,36 +8590,6 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
-  const ErrorContent_1t51xnx = "";
-  const ErrorWrapper = "eckm4od";
-  const ErrorContent = "e1hl982n";
-  const WidgetErrorContent = (props) => {
-    const {
-      refetch
-    } = props;
-    const kit = React.useContext(eagle.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(eagle.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",
@@ -8715,10 +8713,11 @@ var __publicField = (obj, key, value) => {
     ];
     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
         }
       );
     }
@@ -8785,7 +8784,14 @@ var __publicField = (obj, key, value) => {
       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,
@@ -9938,7 +9944,7 @@ var __publicField = (obj, key, value) => {
       children: content || "-"
     });
   };
-  const index_1ce2deq = "";
+  const index_1wlqq0y = "";
   const TagWrapper = "t13a6vox";
   const TagStyle = "t12ikbmp";
   const Tags = (props) => {
@@ -10050,7 +10056,7 @@ var __publicField = (obj, key, value) => {
   })(relativeTime$1);
   var relativeTimeExports = relativeTime$1.exports;
   const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-  const index_fmx695 = "";
+  const index_1779z85 = "";
   dayjs.extend(relativeTime, {
     thresholds: [{
       l: "s",
@@ -10166,7 +10172,14 @@ var __publicField = (obj, key, value) => {
       }
     ];
     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,
@@ -10384,7 +10397,8 @@ var __publicField = (obj, key, value) => {
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
     const {
-      data: data2
+      data: data2,
+      isLoading
     } = core.useList({
       resource: "jobs",
       meta: {
@@ -10398,6 +10412,14 @@ var __publicField = (obj, key, value) => {
       });
     }, [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,
@@ -10406,7 +10428,7 @@ var __publicField = (obj, key, value) => {
         hideCreate: true
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
         tableKey: "cronjobs",
-        loading: !dataSource,
+        loading: isLoading,
         data: dataSource || [],
         columns,
         rowKey: "id",
@@ -10474,7 +10496,7 @@ var __publicField = (obj, key, value) => {
     }, [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") })
         }
@@ -10597,7 +10619,14 @@ var __publicField = (obj, key, value) => {
       }
     ];
     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,
@@ -10615,7 +10644,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const KeyValue_1vkf5y2 = "";
+  const KeyValue_1ebh6uj = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
   const ValueStyle$2 = "v16vicsr";
@@ -10639,8 +10668,9 @@ var __publicField = (obj, key, value) => {
       })]
     }, 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, {
@@ -10798,7 +10828,7 @@ var __publicField = (obj, key, value) => {
       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";
@@ -10979,7 +11009,11 @@ var __publicField = (obj, key, value) => {
                   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);
             })
@@ -10997,20 +11031,37 @@ var __publicField = (obj, key, value) => {
       }), 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] = React.useState(true);
-    const toggleButton = /* @__PURE__ */ jsxRuntimeExports.jsx(
-      eagle.Button,
-      {
-        type: "quiet",
-        prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: hideSecret ? iconsReact.ViewEye16GrayIcon : iconsReact.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(eagle.Button, {
+      type: "quiet",
+      prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+        src: hideSecret ? iconsReact.ViewEye16GradientGrayIcon : iconsReact.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 = ({
@@ -11050,13 +11101,14 @@ var __publicField = (obj, key, value) => {
       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, {
@@ -17433,7 +17485,7 @@ var __publicField = (obj, key, value) => {
         })]
       }), /* @__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%"
           },
@@ -17659,13 +17711,14 @@ var __publicField = (obj, key, value) => {
       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, {
@@ -17746,7 +17799,14 @@ var __publicField = (obj, key, value) => {
       [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,
@@ -18203,16 +18263,17 @@ var __publicField = (obj, key, value) => {
       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 = () => {
@@ -18247,9 +18308,10 @@ var __publicField = (obj, key, value) => {
     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: {
@@ -18283,12 +18345,13 @@ var __publicField = (obj, key, value) => {
         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
@@ -18358,7 +18421,9 @@ var __publicField = (obj, key, value) => {
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, {
         style: {
           margin: 0,
-          minHeight: 1
+          minHeight: 1,
+          marginRight: 24,
+          width: "calc(100% - 24px)"
         }
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ListContentStyle,
@@ -18366,7 +18431,7 @@ var __publicField = (obj, key, value) => {
           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}`
             })
@@ -21658,6 +21723,11 @@ var __publicField = (obj, key, value) => {
                 meta: {}
               });
           }
+          if (action === "edit" && c2.key === "name") {
+            ele = /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+              children: value2
+            });
+          }
           return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
             label: c2.label,
             labelCol: {
@@ -22220,7 +22290,7 @@ var __publicField = (obj, key, value) => {
             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 }
               }
@@ -22920,7 +22990,7 @@ var __publicField = (obj, key, value) => {
                 isEdit: action === "edit"
               })
             })]
-          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
             errorText: t2("dovetail.fetch_schema_fail"),
             refetch: fetchSchema
           });
@@ -22928,11 +22998,12 @@ var __publicField = (obj, key, value) => {
       })
     });
   }
-  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,
@@ -22953,12 +23024,12 @@ var __publicField = (obj, key, value) => {
     });
     const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
     const yamlFormProps = React.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,
@@ -22978,7 +23049,8 @@ var __publicField = (obj, key, value) => {
       refineProps: {
         onMutationSuccess: () => {
           eagle.popModal();
-        }
+        },
+        redirect: false
       }
     });
     const isYamlForm = !((_a = config.formConfig) == null ? void 0 : _a.fields);
@@ -23010,10 +23082,10 @@ var __publicField = (obj, key, value) => {
         return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
       }
     })();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.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(iconsReact.ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
@@ -23025,7 +23097,10 @@ var __publicField = (obj, key, value) => {
       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 = "";
@@ -23365,7 +23440,7 @@ var __publicField = (obj, key, value) => {
       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,
@@ -23669,7 +23744,8 @@ var __publicField = (obj, key, value) => {
           children: i18n2.t("dovetail.in_cluster_ip_desc")
         }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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")
@@ -23716,7 +23792,9 @@ var __publicField = (obj, key, value) => {
             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", {
@@ -23994,7 +24072,15 @@ var __publicField = (obj, key, value) => {
   };
   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 = eagle.useMessage();
     const notCustomResources = React.useMemo(() => {
       return resourcesConfig.filter((c2) => !c2.isCustom);
@@ -24030,7 +24116,7 @@ var __publicField = (obj, key, value) => {
         dataProvider: {
           default: k8sApiProvider.dataProvider(globalStore)
         },
-        routerProvider,
+        routerProvider: customRouterProvider || routerProvider,
         liveProvider: k8sApiProvider.liveProvider(globalStore),
         notificationProvider,
         options: {