@dovetail-v2/refine 0.0.35-beta.2 → 0.0.35-beta.4

package/dist/{MonacoYamlDiffEditor-d8d76ced.js → MonacoYamlDiffEditor-68b40e77.js}

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

package/dist/{index-a91f5f0f.js → index-8f13370f.js}

@@ -1322,6 +1322,7 @@ const default_backend = "默认后端";
 const ingress_class = "Ingress 类";
 const port = "端口";
 const pod_ready_num = "Pod 就绪数量";
+const pod_complete_num = "Pod 完成数量";
 const pod_replicas_num = "Pod 预期数量";
 const edit_replicas = "编辑预期副本数";
 const cert = "证书";
@@ -1472,6 +1473,7 @@ const dovetail = {
   ingress_class,
   port,
   pod_ready_num,
+  pod_complete_num,
   pod_replicas_num,
   edit_replicas,
   cert,
@@ -8115,7 +8117,7 @@ const useDeleteModal = (resource) => {
     openDeleteConfirmModal
   };
 };
-const index_r5625l = "";
+const index_wrn16i = "";
 const EMPTY_VALUES = [void 0, null, "", "-"];
 const EmptyStyle = "e5223w8";
 const ContentStyle$2 = "cdjsw14";
@@ -8387,36 +8389,6 @@ function MetadataForm() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
   ] });
 }
-const ErrorContent_1t51xnx = "";
-const ErrorWrapper$1 = "eckm4od";
-const ErrorContent$1 = "e1hl982n";
-const WidgetErrorContent$1 = (props) => {
-  const {
-    refetch
-  } = props;
-  const kit = useContext(kitContext);
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-    className: ErrorWrapper$1,
-    style: props.style,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: ErrorContent$1,
-      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]
-    })
-  });
-};
 function memoize$1(fn) {
   var cache = /* @__PURE__ */ Object.create(null);
   return function(arg) {
@@ -8534,6 +8506,76 @@ 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")({
+  name: "ErrorWrapper",
+  class: "egn3dbn",
+  propsAsIs: false
+});
+const ErrorContent$1 = /* @__PURE__ */ styled_default("div")({
+  name: "ErrorContent",
+  class: "e136jgy8",
+  propsAsIs: false
+});
+const WidgetErrorContent$1 = (props) => {
+  const {
+    refetch,
+    errorText,
+    hiddenRetry
+  } = props;
+  const kit = useContext(kitContext);
+  const {
+    t: t2
+  } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper$1, {
+    className: props.className,
+    style: props.style,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent$1, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
+        className: cx_default(Typo.Label.l1_regular_title, "title"),
+        children: errorText || t2("dovetail.obtain_data_error")
+      }), hiddenRetry ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+        size: "small",
+        type: "ordinary",
+        onClick: (e2) => {
+          e2.stopPropagation();
+          refetch == null ? void 0 : refetch();
+        },
+        children: t2("dovetail.retry")
+      })]
+    })
+  });
+};
+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",
@@ -8589,7 +8631,7 @@ function Table(props) {
   if (loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
   } else if (error) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: t2("dovetail.retry_when_access_data_failed"),
       refetch,
       style: {
@@ -8597,7 +8639,7 @@ function Table(props) {
       }
     });
   } else if (dataSource.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
       style: {
         padding: "15px 0"
@@ -8660,7 +8702,8 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
       WidgetErrorContent$1,
       {
         errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
-        style: { padding: "15px 0" }
+        style: { padding: "15px 0" },
+        hiddenRetry: true
       }
     );
   }
@@ -8727,7 +8770,7 @@ 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$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }), style: { padding: "15px 0" }, hiddenRetry: true });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -9857,7 +9900,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_1l7lkk4 = "";
+const index_1ce2deq = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -9866,8 +9909,8 @@ const Tags = (props) => {
   } = props;
   const kit = useUIKit();
   if (!value2) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-      children: "-"
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+      value: ""
     });
   }
   const tags = Object.keys(value2).map((key2) => {
@@ -10334,46 +10377,6 @@ const CronjobJobsTable = ({
     })]
   });
 };
-const index_1kmu85y = "";
-const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
-  name: "ErrorWrapper",
-  class: "egn3dbn",
-  propsAsIs: false
-});
-const ErrorContent = /* @__PURE__ */ styled_default("div")({
-  name: "ErrorContent",
-  class: "e136jgy8",
-  propsAsIs: false
-});
-const WidgetErrorContent = (props) => {
-  const {
-    refetch,
-    errorText,
-    hiddenRetry
-  } = props;
-  const kit = useContext(kitContext);
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
-    className: props.className,
-    style: props.style,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, {
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-        className: cx_default(Typo.Label.l1_regular_title, "title"),
-        children: errorText || t2("dovetail.obtain_data_error")
-      }), hiddenRetry ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-        size: "small",
-        type: "ordinary",
-        onClick: (e2) => {
-          e2.stopPropagation();
-          refetch == null ? void 0 : refetch();
-        },
-        children: t2("dovetail.retry")
-      })]
-    })
-  });
-};
 const EventsTable = ({}) => {
   const { i18n: i18n2 } = useTranslation();
   const [currentPage, setCurrentPage] = useState(1);
@@ -10415,7 +10418,7 @@ const EventsTable = ({}) => {
         sortable: true,
         sorter: CommonSorter(["note"])
       },
-      AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen") })
+      AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen"), width: 160 }, { isRelativeTime: false })
     ],
     [i18n2]
   );
@@ -10429,7 +10432,7 @@ const EventsTable = ({}) => {
   }, [data2 == null ? void 0 : data2.data, parsed]);
   if (!(dataSource == null ? void 0 : dataSource.length) && !isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
+      WidgetErrorContent$1,
       {
         errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") }),
         hiddenRetry: true
@@ -10553,7 +10556,7 @@ 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$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" }, hiddenRetry: true });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -10574,7 +10577,7 @@ const IngressRulesTable = ({ ingress }) => {
 const KeyValue_1vkf5y2 = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
-const ValueStyle = "v16vicsr";
+const ValueStyle$2 = "v16vicsr";
 const KeyValue = (props) => {
   const {
     data: data2 = {},
@@ -10590,12 +10593,12 @@ const KeyValue = (props) => {
       className: cx_default(KeyStyle, Typo.Label.l4_regular),
       children: key2
     }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-      className: cx_default(Typo.Label.l4_regular, ValueStyle),
+      className: cx_default(Typo.Label.l4_regular, ValueStyle$2),
       children: hideSecret ? toAsterisk(data2[key2]) : data2[key2]
     })]
   }, key2));
   if (!result.length) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
       errorText: empty2 || t2("dovetail.empty"),
       hiddenRetry: true
     });
@@ -10746,7 +10749,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContent_eym19u = "";
+const ShowContent_1947rqs = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -10758,7 +10761,8 @@ const GroupTitleStyle = "g17f8vl9";
 const FullTabContentStyle = "fykgn2i";
 const FieldWrapperStyle = "fngr745";
 const TabContentStyle = "t11wg61l";
-const TabsStyle = "t1x3rivf";
+const ValueStyle$1 = "v1x3rivf";
+const TabsStyle = "tf5s6s";
 function ShowGroupComponent(props) {
   const {
     title,
@@ -10842,7 +10846,7 @@ const ShowContent = (props) => {
               minWidth: 0
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-              className: Typo.Label.l4_regular_title,
+              className: cx_default(Typo.Label.l4_regular_title, ValueStyle$1),
               value: content,
               useOverflow: false
             })
@@ -10993,13 +10997,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, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
       errorText: i18n2.t("dovetail.no_resource", {
-        kind: i18n2.t("dovetail.pod")
+        kind: ` ${i18n2.t("dovetail.pod")}`
       }),
       style: {
         padding: "15px 0"
-      }
+      },
+      hiddenRetry: true
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
@@ -11170,7 +11175,8 @@ function EditFieldModal(props) {
       style: {
         marginTop: 16
       },
-      errorMsgs
+      errorMsgs,
+      isEdit: true
     })]
   });
 }
@@ -11194,7 +11200,7 @@ function EditField(props) {
     children: i18n2.t("dovetail.edit")
   });
 }
-const index_psn0hb = "";
+const index_c9frt4 = "";
 const WorkloadReplicasWrapperStyle = "w8ychfk";
 const DonutChartWrapperStyle = "d1o004do";
 const DonutChartStyle = "dfo80qq";
@@ -11203,6 +11209,7 @@ const ReadyValueStyle = "r1bm8olw";
 const ReplicasValueStyle = "r1oqudbh";
 const ContentWrapperStyle = "c18i6jtg";
 const LabelStyle = "lpm22il";
+const ValueStyle = "v1ixr1me";
 const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicasForm2(props, ref) {
   const {
     defaultValue,
@@ -11331,16 +11338,18 @@ function WorkloadReplicas({
       className: ContentWrapperStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
-          className: LabelStyle,
-          children: t2("dovetail.pod_ready_num")
+          className: cx_default(LabelStyle, Typo.Label.l3_regular),
+          children: record.kind === "Job" ? t2("dovetail.pod_complete_num") : t2("dovetail.pod_ready_num")
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
+          className: cx_default(ValueStyle, Typo.Label.l3_regular),
           children: readyReplicas
         })]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
-          className: LabelStyle,
+          className: cx_default(LabelStyle, Typo.Label.l3_regular),
           children: t2("dovetail.pod_replicas_num")
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
+          className: cx_default(ValueStyle, Typo.Label.l3_regular),
           children: replicas
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           children: editable && canScale && /* @__PURE__ */ jsxRuntimeExports.jsx(EditField, {
@@ -11520,7 +11529,7 @@ const EventsTableTabField = () => {
     key: "event",
     path: [],
     renderContent: () => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {}) });
     }
   };
 };
@@ -17360,7 +17369,7 @@ const PodLog = ({
       })]
     }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: ContentStyle$1,
-      children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
         style: {
           height: "100%"
         },
@@ -17593,7 +17602,8 @@ const NetworkPolicyRulesViewer = ({
       }),
       style: {
         padding: "15px 0"
-      }
+      },
+      hiddenRetry: true
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
@@ -17674,7 +17684,7 @@ const PodContainersTable = ({
     [containerStatuses, initContainerStatuses]
   );
   if (dataSource.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" } });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" }, hiddenRetry: true });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -18284,7 +18294,7 @@ function ListPage(props) {
         className: NamespaceFilterStyle
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: TableStyle,
-        children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+        children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
           errorText: tableProps.empty || t2("dovetail.no_resource", {
             kind: ` ${config.kind}`
           }),
@@ -18311,7 +18321,7 @@ function ResourceList(props) {
     useTableParams: {},
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
     tableProps: {
-      currentSize: 10
+      currentSize: 50
     },
     formatter,
     Dropdown
@@ -22174,7 +22184,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-d8d76ced.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-68b40e77.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -22836,7 +22846,7 @@ function YamlForm(props) {
               isEdit: action === "edit"
             })
           })]
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
           errorText: t2("dovetail.fetch_schema_fail"),
           refetch: fetchSchema
         });
@@ -23431,6 +23441,7 @@ const WorkloadRestartsColumnRenderer = (i18n2) => {
     display: true,
     width: 120,
     dataIndex,
+    align: "right",
     title: i18n2.t("dovetail.restarts"),
     sortable: false
   };
@@ -23459,7 +23470,9 @@ const ReplicasColumnRenderer = (i18n2) => {
     }
   };
 };
-const AgeColumnRenderer = (i18n2, config) => {
+const AgeColumnRenderer = (i18n2, config, {
+  isRelativeTime = true
+} = {}) => {
   const dataIndex = ["metadata", "creationTimestamp"];
   return {
     key: "creationTimestamp",
@@ -23478,8 +23491,10 @@ const AgeColumnRenderer = (i18n2, config) => {
       return -1;
     },
     render: (value2) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
+      return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value2)
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: dayjs(value2).format("YYYY-MM-DD hh:mm:ss")
       });
     },
     ...config
@@ -23540,6 +23555,7 @@ const DurationColumnRenderer = (i18n2) => {
     sortable: true,
     sorter: CommonSorter(dataIndex),
     width: 120,
+    align: "right",
     render: (v) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(DurationTime, {
         value: v

package/dist/refine.js

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

package/dist/refine.umd.cjs

@@ -1328,6 +1328,7 @@ var __publicField = (obj, key, value) => {
   const ingress_class = "Ingress 类";
   const port = "端口";
   const pod_ready_num = "Pod 就绪数量";
+  const pod_complete_num = "Pod 完成数量";
   const pod_replicas_num = "Pod 预期数量";
   const edit_replicas = "编辑预期副本数";
   const cert = "证书";
@@ -1478,6 +1479,7 @@ var __publicField = (obj, key, value) => {
     ingress_class,
     port,
     pod_ready_num,
+    pod_complete_num,
     pod_replicas_num,
     edit_replicas,
     cert,
@@ -8121,7 +8123,7 @@ var __publicField = (obj, key, value) => {
       openDeleteConfirmModal
     };
   };
-  const index_r5625l = "";
+  const index_wrn16i = "";
   const EMPTY_VALUES = [void 0, null, "", "-"];
   const EmptyStyle = "e5223w8";
   const ContentStyle$2 = "cdjsw14";
@@ -8393,36 +8395,6 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
     ] });
   }
-  const ErrorContent_1t51xnx = "";
-  const ErrorWrapper$1 = "eckm4od";
-  const ErrorContent$1 = "e1hl982n";
-  const WidgetErrorContent$1 = (props) => {
-    const {
-      refetch
-    } = props;
-    const kit = React.useContext(eagle.kitContext);
-    const {
-      t: t2
-    } = useTranslation();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-      className: ErrorWrapper$1,
-      style: props.style,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        className: ErrorContent$1,
-        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]
-      })
-    });
-  };
   function memoize$1(fn) {
     var cache = /* @__PURE__ */ Object.create(null);
     return function(arg) {
@@ -8540,6 +8512,76 @@ var __publicField = (obj, key, value) => {
       return o(prop);
     }
   }) : styled;
+  const index_1kmu85y = "";
+  const ErrorWrapper$1 = /* @__PURE__ */ styled_default("div")({
+    name: "ErrorWrapper",
+    class: "egn3dbn",
+    propsAsIs: false
+  });
+  const ErrorContent$1 = /* @__PURE__ */ styled_default("div")({
+    name: "ErrorContent",
+    class: "e136jgy8",
+    propsAsIs: false
+  });
+  const WidgetErrorContent$1 = (props) => {
+    const {
+      refetch,
+      errorText,
+      hiddenRetry
+    } = props;
+    const kit = React.useContext(eagle.kitContext);
+    const {
+      t: t2
+    } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper$1, {
+      className: props.className,
+      style: props.style,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent$1, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
+          className: cx_default(eagle.Typo.Label.l1_regular_title, "title"),
+          children: errorText || t2("dovetail.obtain_data_error")
+        }), hiddenRetry ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+          size: "small",
+          type: "ordinary",
+          onClick: (e2) => {
+            e2.stopPropagation();
+            refetch == null ? void 0 : refetch();
+          },
+          children: t2("dovetail.retry")
+        })]
+      })
+    });
+  };
+  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",
@@ -8595,7 +8637,7 @@ var __publicField = (obj, key, value) => {
     if (loading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
     } else if (error) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
         errorText: t2("dovetail.retry_when_access_data_failed"),
         refetch,
         style: {
@@ -8603,7 +8645,7 @@ var __publicField = (obj, key, value) => {
         }
       });
     } else if (dataSource.length === 0) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
         errorText: empty2 || t2("dovetail.empty"),
         style: {
           padding: "15px 0"
@@ -8666,7 +8708,8 @@ var __publicField = (obj, key, value) => {
         WidgetErrorContent$1,
         {
           errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
-          style: { padding: "15px 0" }
+          style: { padding: "15px 0" },
+          hiddenRetry: true
         }
       );
     }
@@ -8733,7 +8776,7 @@ 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$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }), style: { padding: "15px 0" }, hiddenRetry: true });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Table$1,
@@ -9863,7 +9906,7 @@ var __publicField = (obj, key, value) => {
       children: content || "-"
     });
   };
-  const index_1l7lkk4 = "";
+  const index_1ce2deq = "";
   const TagWrapper = "t13a6vox";
   const TagStyle = "t12ikbmp";
   const Tags = (props) => {
@@ -9872,8 +9915,8 @@ var __publicField = (obj, key, value) => {
     } = props;
     const kit = eagle.useUIKit();
     if (!value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        children: "-"
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: ""
       });
     }
     const tags = Object.keys(value2).map((key2) => {
@@ -10340,46 +10383,6 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
-  const index_1kmu85y = "";
-  const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
-    name: "ErrorWrapper",
-    class: "egn3dbn",
-    propsAsIs: false
-  });
-  const ErrorContent = /* @__PURE__ */ styled_default("div")({
-    name: "ErrorContent",
-    class: "e136jgy8",
-    propsAsIs: false
-  });
-  const WidgetErrorContent = (props) => {
-    const {
-      refetch,
-      errorText,
-      hiddenRetry
-    } = props;
-    const kit = React.useContext(eagle.kitContext);
-    const {
-      t: t2
-    } = useTranslation();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
-      className: props.className,
-      style: props.style,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, {
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-          className: cx_default(eagle.Typo.Label.l1_regular_title, "title"),
-          children: errorText || t2("dovetail.obtain_data_error")
-        }), hiddenRetry ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-          size: "small",
-          type: "ordinary",
-          onClick: (e2) => {
-            e2.stopPropagation();
-            refetch == null ? void 0 : refetch();
-          },
-          children: t2("dovetail.retry")
-        })]
-      })
-    });
-  };
   const EventsTable = ({}) => {
     const { i18n: i18n2 } = useTranslation();
     const [currentPage, setCurrentPage] = React.useState(1);
@@ -10421,7 +10424,7 @@ var __publicField = (obj, key, value) => {
           sortable: true,
           sorter: CommonSorter(["note"])
         },
-        AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen") })
+        AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen"), width: 160 }, { isRelativeTime: false })
       ],
       [i18n2]
     );
@@ -10435,7 +10438,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,
+        WidgetErrorContent$1,
         {
           errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") }),
           hiddenRetry: true
@@ -10559,7 +10562,7 @@ 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$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" }, hiddenRetry: true });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Table$1,
@@ -10580,7 +10583,7 @@ var __publicField = (obj, key, value) => {
   const KeyValue_1vkf5y2 = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
-  const ValueStyle = "v16vicsr";
+  const ValueStyle$2 = "v16vicsr";
   const KeyValue = (props) => {
     const {
       data: data2 = {},
@@ -10596,12 +10599,12 @@ var __publicField = (obj, key, value) => {
         className: cx_default(KeyStyle, eagle.Typo.Label.l4_regular),
         children: key2
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        className: cx_default(eagle.Typo.Label.l4_regular, ValueStyle),
+        className: cx_default(eagle.Typo.Label.l4_regular, ValueStyle$2),
         children: hideSecret ? toAsterisk(data2[key2]) : data2[key2]
       })]
     }, key2));
     if (!result.length) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
         errorText: empty2 || t2("dovetail.empty"),
         hiddenRetry: true
       });
@@ -10752,7 +10755,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
-  const ShowContent_eym19u = "";
+  const ShowContent_1947rqs = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
@@ -10764,7 +10767,8 @@ var __publicField = (obj, key, value) => {
   const FullTabContentStyle = "fykgn2i";
   const FieldWrapperStyle = "fngr745";
   const TabContentStyle = "t11wg61l";
-  const TabsStyle = "t1x3rivf";
+  const ValueStyle$1 = "v1x3rivf";
+  const TabsStyle = "tf5s6s";
   function ShowGroupComponent(props) {
     const {
       title,
@@ -10848,7 +10852,7 @@ var __publicField = (obj, key, value) => {
                 minWidth: 0
               },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-                className: eagle.Typo.Label.l4_regular_title,
+                className: cx_default(eagle.Typo.Label.l4_regular_title, ValueStyle$1),
                 value: content,
                 useOverflow: false
               })
@@ -10999,13 +11003,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, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
         errorText: i18n2.t("dovetail.no_resource", {
-          kind: i18n2.t("dovetail.pod")
+          kind: ` ${i18n2.t("dovetail.pod")}`
         }),
         style: {
           padding: "15px 0"
-        }
+        },
+        hiddenRetry: true
       });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
@@ -11176,7 +11181,8 @@ var __publicField = (obj, key, value) => {
         style: {
           marginTop: 16
         },
-        errorMsgs
+        errorMsgs,
+        isEdit: true
       })]
     });
   }
@@ -11200,7 +11206,7 @@ var __publicField = (obj, key, value) => {
       children: i18n2.t("dovetail.edit")
     });
   }
-  const index_psn0hb = "";
+  const index_c9frt4 = "";
   const WorkloadReplicasWrapperStyle = "w8ychfk";
   const DonutChartWrapperStyle = "d1o004do";
   const DonutChartStyle = "dfo80qq";
@@ -11209,6 +11215,7 @@ var __publicField = (obj, key, value) => {
   const ReplicasValueStyle = "r1oqudbh";
   const ContentWrapperStyle = "c18i6jtg";
   const LabelStyle = "lpm22il";
+  const ValueStyle = "v1ixr1me";
   const WorkloadReplicasForm = React.forwardRef(function WorkloadReplicasForm2(props, ref) {
     const {
       defaultValue,
@@ -11337,16 +11344,18 @@ var __publicField = (obj, key, value) => {
         className: ContentWrapperStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
           children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
-            className: LabelStyle,
-            children: t2("dovetail.pod_ready_num")
+            className: cx_default(LabelStyle, eagle.Typo.Label.l3_regular),
+            children: record.kind === "Job" ? t2("dovetail.pod_complete_num") : t2("dovetail.pod_ready_num")
           }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
+            className: cx_default(ValueStyle, eagle.Typo.Label.l3_regular),
             children: readyReplicas
           })]
         }), /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
           children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
-            className: LabelStyle,
+            className: cx_default(LabelStyle, eagle.Typo.Label.l3_regular),
             children: t2("dovetail.pod_replicas_num")
           }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
+            className: cx_default(ValueStyle, eagle.Typo.Label.l3_regular),
             children: replicas
           }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             children: editable && canScale && /* @__PURE__ */ jsxRuntimeExports.jsx(EditField, {
@@ -11526,7 +11535,7 @@ var __publicField = (obj, key, value) => {
       key: "event",
       path: [],
       renderContent: () => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {});
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {}) });
       }
     };
   };
@@ -17366,7 +17375,7 @@ var __publicField = (obj, key, value) => {
         })]
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: ContentStyle$1,
-        children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+        children: logType === "previous" && !logs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
           style: {
             height: "100%"
           },
@@ -17599,7 +17608,8 @@ var __publicField = (obj, key, value) => {
         }),
         style: {
           padding: "15px 0"
-        }
+        },
+        hiddenRetry: true
       });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
@@ -17680,7 +17690,7 @@ var __publicField = (obj, key, value) => {
       [containerStatuses, initContainerStatuses]
     );
     if (dataSource.length === 0) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" } });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" }, hiddenRetry: true });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Table$1,
@@ -18290,7 +18300,7 @@ var __publicField = (obj, key, value) => {
           className: NamespaceFilterStyle
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
           className: TableStyle,
-          children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+          children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
             errorText: tableProps.empty || t2("dovetail.no_resource", {
               kind: ` ${config.kind}`
             }),
@@ -18317,7 +18327,7 @@ var __publicField = (obj, key, value) => {
       useTableParams: {},
       columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
       tableProps: {
-        currentSize: 10
+        currentSize: 50
       },
       formatter,
       Dropdown
@@ -22842,7 +22852,7 @@ var __publicField = (obj, key, value) => {
                 isEdit: action === "edit"
               })
             })]
-          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
             errorText: t2("dovetail.fetch_schema_fail"),
             refetch: fetchSchema
           });
@@ -23437,6 +23447,7 @@ var __publicField = (obj, key, value) => {
       display: true,
       width: 120,
       dataIndex,
+      align: "right",
       title: i18n2.t("dovetail.restarts"),
       sortable: false
     };
@@ -23465,7 +23476,9 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const AgeColumnRenderer = (i18n2, config) => {
+  const AgeColumnRenderer = (i18n2, config, {
+    isRelativeTime = true
+  } = {}) => {
     const dataIndex = ["metadata", "creationTimestamp"];
     return {
       key: "creationTimestamp",
@@ -23484,8 +23497,10 @@ var __publicField = (obj, key, value) => {
         return -1;
       },
       render: (value2) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
+        return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
           date: new Date(value2)
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: dayjs(value2).format("YYYY-MM-DD hh:mm:ss")
         });
       },
       ...config
@@ -23546,6 +23561,7 @@ var __publicField = (obj, key, value) => {
       sortable: true,
       sorter: CommonSorter(dataIndex),
       width: 120,
+      align: "right",
       render: (v) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(DurationTime, {
           value: v

package/dist/style.css

@@ -1,16 +1,18 @@
 .t1vq0ett{margin-bottom:4px;}
 .t139onst{color:rgba(44,56,82,0.60);}
 .m18lzor8.ant-modal .ant-modal-content{border-radius:16px;}.m18lzor8.ant-modal .ant-modal-header{border-radius:16px 16px 0 0;}
-.e5223w8{color:rgba(0,21,64,.3);}
+.e5223w8.e5223w8{color:rgba(0,21,64,.3);}
 .cdjsw14{width:100%;}.cdjsw14.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .b142d7q8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.b142d7q8 .breadcrumb-item:not(:last-of-type):after{content:'>';margin:0 8px;}
+.egn3dbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
+.e136jgy8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e136jgy8 .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
 .eckm4od{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
 .e1hl982n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e1hl982n .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
 .ax1qopv{position:absolute;top:0;left:0;bottom:0;width:1px;background:$blue-60;-webkit-transform:translateX(-9999px);-ms-transform:translateX(-9999px);transform:translateX(-9999px);z-index:999;}.ax1qopv::before{content:'';position:absolute;height:34px;width:3px;top:0;left:-1px;background:$blue-60;}
 .t1upn1sz{width:100%;border-top:1px solid rgba(211,218,235,0.6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.t1upn1sz .ant-table-pagination{display:none;}.t1upn1sz .table-container{min-height:0;}
 .b1vtjd4k.ant-btn.ant-btn-link{display:block;}
-.t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;}
-.t12ikbmp{overflow:hidden;text-overflow:ellipsis;}
+.t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;gap:8px 8px;}
+.t12ikbmp{overflow:hidden;text-overflow:ellipsis;color:#1D326C;}.t12ikbmp .outside-tag{background:rgba(211,218,235,0.60);}.t12ikbmp .inside-tag{background:rgba(192,203,224,0.60);}
 .s8qkbck.ant-tag{padding:3px 16px;height:24px;}.s8qkbck.no-background{background-color:transparent !important;padding:0;}
 .t19ustft{padding-bottom:3px;border-bottom:1px dashed rgba(107,128,167,0.6);}
 .t1v3ienx{padding:12px 24px;}
@@ -18,8 +20,6 @@
 .tq6dc79{color:#00122E;}
 .d1wqyhgc{color:rgba(44,56,82,0.75);}
 .w16agr8o.ant-space{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.egn3dbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
-.e136jgy8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e136jgy8 .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
 .i1u1f5zp{white-space:pre-line;}
 .c8jy7dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 10px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:8px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:4px;background:rgba(237,241,250,0.6);}.c8jy7dc:not(:last-of-type){margin-bottom:8px;}
 .k2sddxl{color:rgba(44,56,82,0.6);width:calc(30% - 4px);margin-right:8px;}
@@ -31,15 +31,16 @@
 .s9agep2{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(180deg,#fff 0%,#edf0f7 100%);}.s9agep2 .ant-row{margin-right:0 !important;}
 .bo89gfi{color:rgba(0,21,64,0.3);line-height:18px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}.bo89gfi:hover{color:#0080FF;}
 .t1ohe42f{padding:16px 24px 8px 24px;background-color:#fff;}
-.nqm4qz0{margin-right:8px;}
+.nqm4qz0{color:#00122E;margin-right:8px;}
 .ticl0qc{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
 .so9uwk1{width:100%;}
-.ge26ou0{padding:12px 16px;border-radius:8px;border:1px solid rgba(211,218,235,0.6);box-shadow: 0px 0px 2.003px 0px rgba(107,125,153,0.15), 0px 0px 16px 0px rgba(107,125,153,0.08);background-color:#fff;margin:16px 24px;overflow:auto;margin-bottom:0;width:calc(100% - 48px);max-width:1592px;}.ge26ou0:not(:last-of-type){margin-bottom:24px;}
+.ge26ou0{padding:12px 16px;border-radius:8px;border:1px solid rgba(211,218,235,0.6);box-shadow: 0px 0px 2.003px 0px rgba(107,125,153,0.15), 0px 0px 16px 0px rgba(107,125,153,0.08);background-color:#fff;margin:0 24px;overflow:auto;margin-bottom:0;width:calc(100% - 48px);max-width:1592px;}.ge26ou0:first-of-type{margin-top:16px;}.ge26ou0:not(:last-of-type){margin-bottom:24px;}
 .g17f8vl9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#1d326c;margin-bottom:12px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
 .fykgn2i{background-color:#fff;height:100%;}
 .fngr745{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
 .t11wg61l{padding-bottom:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:952px;}
-.t1x3rivf.ant-tabs{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.t1x3rivf.ant-tabs .ant-tabs-nav{margin-bottom:0;}.t1x3rivf.ant-tabs .ant-tabs-nav-list{margin-left:24px;}.t1x3rivf.ant-tabs .ant-tabs-content-holder{overflow:auto;}.t1x3rivf.ant-tabs .ant-tabs-content-holder .ant-tabs-content,.t1x3rivf.ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane-active{height:100%;}
+.v1x3rivf{color:#00122E;}
+.tf5s6s.ant-tabs{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.tf5s6s.ant-tabs .ant-tabs-nav{margin-bottom:0;}.tf5s6s.ant-tabs .ant-tabs-nav-list{margin-left:24px;}.tf5s6s.ant-tabs .ant-tabs-content-holder{overflow:auto;}.tf5s6s.ant-tabs .ant-tabs-content-holder .ant-tabs-content,.tf5s6s.ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane-active{height:100%;}
 .c1dicff8{width:100%;vertical-align:top;}
 .esoz3jw .ant-modal-content{border-radius:16px;}.esoz3jw .ant-modal-header{border-radius:16px 16px 0 0;}
 .e1m0bgls.ant-btn.ant-btn-link{height:22px;margin-left:8px;}
@@ -50,7 +51,8 @@
 .r1bm8olw{color:#00122E;}
 .r1oqudbh{color:rgba(44,56,82,0.60);}
 .c18i6jtg{display:table;margin:auto 0;position:relative;}
-.lpm22il{padding-right:40px;}
+.lpm22il{padding-right:40px;color:rgba(44,56,82,0.75);}
+.v1ixr1me{color:#00122E;}
 .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);

package/lib/src/hooks/useEagleTable/columns.d.ts

@@ -11,6 +11,9 @@ export declare const WorkloadRestartsColumnRenderer: <Model extends WorkloadMode
 export declare const ReplicasColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;
 export declare const AgeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType, config?: {
     title?: string;
+    width: number;
+}, { isRelativeTime }?: {
+    isRelativeTime?: boolean | undefined;
 }) => Column<Model>;
 export declare const NodeNameColumnRenderer: <Model extends PodModel>(i18n: I18nType, options?: Partial<Column<Model>> | undefined) => Column<Model>;
 export declare const RestartCountColumnRenderer: <Model extends PodModel>(i18n: I18nType) => Column<Model>;

package/lib/src/i18n.d.ts

@@ -208,6 +208,7 @@ export declare const resources: {
             ingress_class: string;
             port: string;
             pod_ready_num: string;
+            pod_complete_num: string;
             pod_replicas_num: string;
             edit_replicas: string;
             cert: string;

package/lib/src/locales/zh-CN/index.d.ts

@@ -82,6 +82,7 @@ declare const _default: {
         ingress_class: string;
         port: string;
         pod_ready_num: string;
+        pod_complete_num: string;
         pod_replicas_num: string;
         edit_replicas: string;
         cert: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.35-beta.2",
+  "version": "0.0.35-beta.4",
   "type": "module",
   "files": [
     "dist",