@dovetail-v2/refine 0.0.46 → 0.0.48-alpha.0

package/dist/{MonacoYamlDiffEditor-68215003.js → MonacoYamlDiffEditor-ed04648b.js}

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

package/dist/{index-238ec29f.js → index-04f52e89.js}

@@ -1010,7 +1010,7 @@ function useTranslation(ns) {
 }
 const copy$1 = "Copy";
 const reset_arguments$1 = "Reset";
-const view_changes$1 = "Show Diff";
+const view_changes$1 = "Show diff";
 const back_to_edit$1 = "Edit";
 const configure_file$1 = "Configuration";
 const yaml_format_wrong$1 = "Configuration is in an invalid YAML format.";
@@ -1029,7 +1029,7 @@ const pod$1 = "Pod";
 const cancel$1 = "Cancel";
 const create$1 = "Create";
 const confirm_delete_text$1 = "Are you sure you want to delete the {{kind}} <0>{{target}}</0>?";
-const edit$1 = "edit";
+const edit$1 = "Edit";
 const namespace$1 = "Namespace";
 const created_time$1 = "Creation time";
 const label$1 = "Label";
@@ -1047,7 +1047,7 @@ const save$1 = "Save";
 const workload$1 = "Workload";
 const empty$1 = "No data available";
 const schedule$1 = "Schedule";
-const lastScheduleTime$1 = "Last Schedule";
+const lastScheduleTime$1 = "Last schedule";
 const duration$1 = "Duration";
 const started$1 = "Start time";
 const container$1 = "Container";
@@ -1074,7 +1074,7 @@ const rule$1 = "Rule";
 const port$1 = "Port";
 const cert$1 = "Certificate";
 const ip_address$1 = "IP address";
-const last_seen$1 = "Last Seen";
+const last_seen$1 = "Last seen";
 const node_port$1 = "NodePort";
 const protocol$1 = "Protocol";
 const key$1 = "Key";
@@ -1144,9 +1144,9 @@ const regular_container$1 = "Regular container";
 const suspend$1 = "Suspend";
 const default_backend$1 = "Default backend";
 const ingress_class$1 = "IngressClass";
-const pod_ready_num$1 = "Ready Pod";
-const pod_complete_num$1 = "Completion Pod";
-const pod_replicas_num$1 = "Desired Pod";
+const pod_ready_num$1 = "Ready pod";
+const pod_complete_num$1 = "Completion pod";
+const pod_replicas_num$1 = "Desired pod";
 const edit_replicas$1 = "Edit expected number of replicas";
 const dns_record$1 = "DNS record";
 const basic_info$1 = "Basic information";
@@ -1157,6 +1157,7 @@ const service_port$1 = "Service port";
 const pod_port$1 = "Pod port";
 const path_type$1 = "Path type";
 const only_support_one_yaml$1 = "Only one YAML configuration is supported at a time.";
+const not_support$1 = "Not supported";
 const dovetail$1 = {
   copy: copy$1,
   reset_arguments: reset_arguments$1,
@@ -1309,7 +1310,8 @@ const dovetail$1 = {
   service_port: service_port$1,
   pod_port: pod_port$1,
   path_type: path_type$1,
-  only_support_one_yaml: only_support_one_yaml$1
+  only_support_one_yaml: only_support_one_yaml$1,
+  not_support: not_support$1
 };
 const EN = {
   dovetail: dovetail$1
@@ -1464,6 +1466,7 @@ const out_cluster_node_port_desc = "NodePort 展示<strong>节点 IP：nodeport<
 const out_cluster_lb_desc = "LoadBalancer 展示 <strong>ingress[*].ip</strong>。";
 const out_external_name_desc = "ExternalName 展示 <strong>external-ip</strong>。";
 const only_support_one_yaml = "一次仅支持输入一个 YAML 配置。";
+const not_support = "不支持";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1617,7 +1620,8 @@ const dovetail = {
   out_cluster_node_port_desc,
   out_cluster_lb_desc,
   out_external_name_desc,
-  only_support_one_yaml
+  only_support_one_yaml,
+  not_support
 };
 const ZH = {
   dovetail
@@ -8102,7 +8106,7 @@ var cx = function cx2() {
 };
 var cx_default = cx;
 const ConfigsContext = createContext({});
-const useDeleteModal_v7eb93 = "";
+const useDeleteModal_vv2pzj = "";
 const TextStyle = "t1vq0ett";
 const TipStyle = "t139onst";
 const NameStyle$1 = "n18lzor8";
@@ -8594,7 +8598,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_1rdsv5g = "";
+const index_6dotpx = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -10002,11 +10006,15 @@ const ServiceInClusterAccessComponent = ({
   service
 }) => {
   const spec = service._rawYaml.spec;
-  switch (spec.type) {
+  switch (service.displayType) {
     case ServiceTypeEnum.ExternalName:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         value: service.dnsRecord
       });
+    case ServiceTypeEnum.Headless:
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: ""
+      });
     default:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         value: spec.clusterIP
@@ -10021,6 +10029,9 @@ const ServiceOutClusterAccessComponent = ({
   breakLine = true
 }) => {
   var _a, _b, _c, _d;
+  const {
+    i18n: i18n2
+  } = useTranslation();
   const spec = service._rawYaml.spec;
   const status = service._rawYaml.status;
   let content = "-";
@@ -10053,6 +10064,9 @@ const ServiceOutClusterAccessComponent = ({
         }) => ip).join(breakLine ? "\n" : ", ")
       });
       break;
+    case ServiceTypeEnum.ClusterIP:
+      content = i18n2.t("dovetail.not_support");
+      break;
     default:
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         value: ""
@@ -10224,6 +10238,7 @@ const Time = (props) => {
       setText(dayjs(date).fromNow());
     };
     i18n2.on("languageChanged", onChange);
+    setText(dayjs(date).fromNow());
     return () => i18n2.off("languageChanged", onChange);
   }, [date, i18n2]);
   if (!date)
@@ -10270,14 +10285,14 @@ const ConditionsTable = ({ conditions = [] }) => {
       sortable: true
     },
     {
-      key: "lastUpdateTime",
+      key: "lastTransitionTime",
       display: true,
-      dataIndex: "lastUpdateTime",
+      dataIndex: "lastTransitionTime",
       title: t2("dovetail.updated_time"),
       sortable: true,
       width: 120,
-      render: (value2, record) => {
-        const time = value2 || record.lastTransitionTime;
+      render: (value2) => {
+        const time = value2;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(time) });
       }
     },
@@ -10776,11 +10791,9 @@ const CronjobJobsTable = ({
     })]
   });
 };
-const EventsTable = ({}) => {
-  var _a, _b;
+const EventsTable = ({ uid }) => {
+  var _a;
   const { i18n: i18n2 } = useTranslation();
-  const parsed = useParsed();
-  const [regardingNamespace, regardingName] = (_a = parsed == null ? void 0 : parsed.id) == null ? void 0 : _a.split("/");
   const columns = useMemo(
     () => [
       {
@@ -10834,24 +10847,19 @@ const EventsTable = ({}) => {
           operator: "and",
           value: [
             {
-              field: "regarding.namespace",
-              operator: "eq",
-              value: regardingNamespace
-            },
-            {
-              field: "regarding.name",
+              field: "regarding.uid",
               operator: "eq",
-              value: regardingName
+              value: uid
             }
           ]
         }]
       }
     }
-  }), [columns, regardingName, regardingNamespace]);
+  }), [columns, uid]);
   const { tableProps } = useEagleTable(params);
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
-  if (!((_b = tableProps.data) == null ? void 0 : _b.length) && !tableProps.loading) {
+  if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
       {
@@ -11500,7 +11508,7 @@ function useSubmitForm(options) {
     onSubmit
   };
 }
-const index_7c3887 = "";
+const index_1twfoei = "";
 const EditButtonStyle = "esoz3jw";
 function EditFieldModal(props) {
   const {
@@ -11852,7 +11860,7 @@ const ServiceTypeField = (i18n2) => {
   return {
     key: "type",
     title: i18n2.t("dovetail.type"),
-    path: ["spec", "type"]
+    path: ["displayType"]
   };
 };
 const ClusterIpField = (i18n2) => {
@@ -11900,8 +11908,8 @@ const EventsTableTabField = () => {
   return {
     key: "event",
     path: [],
-    renderContent: () => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {}) });
+    renderContent: (_, record) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: record.metadata.uid }) });
     }
   };
 };
@@ -22164,6 +22172,7 @@ const RefineFormContent = (props) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
+    size: 16,
     className: "cjxv8cf",
     children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
       errorMsgs: errorMsg ? [errorMsg] : [],
@@ -22855,7 +22864,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-68215003.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-ed04648b.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23471,6 +23480,9 @@ function YamlForm(props) {
     errorNotification: false,
     transformInitValues,
     transformApplyValues,
+    mutationMeta: {
+      updateType: "put"
+    },
     ...useFormProps
   });
   const kit = useUIKit();
@@ -24148,7 +24160,7 @@ const WorkloadRestartsColumnRenderer = (i18n2) => {
     dataIndex,
     align: "right",
     title: i18n2.t("dovetail.restarts"),
-    sortable: false
+    sortable: true
   };
 };
 const ReplicasColumnRenderer = (i18n2) => {
@@ -24158,7 +24170,7 @@ const ReplicasColumnRenderer = (i18n2) => {
     display: true,
     dataIndex,
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-      title: i18n2.t("dovetail.completion_num_tooltip"),
+      title: i18n2.t("dovetail.ready_num_tooltip"),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: DashedTitleStyle,
         children: i18n2.t("dovetail.pod_num")
@@ -24179,6 +24191,7 @@ const AgeColumnRenderer = (i18n2, config, {
   isRelativeTime = true
 } = {}) => {
   const dataIndex = ["metadata", "creationTimestamp"];
+  const kit = useUIKit();
   return {
     key: "creationTimestamp",
     display: true,
@@ -24190,7 +24203,11 @@ const AgeColumnRenderer = (i18n2, config, {
       return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value2)
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-        value: dayjs(value2).format("YYYY-MM-DD hh:mm:ss")
+        value: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.time, {
+          date: value2,
+          timeTemplate: "HH:mm:ss",
+          dateTemplate: "YYYY-MM-DD"
+        })
       });
     },
     ...config
@@ -24531,8 +24548,8 @@ const PortMappingColumnRenderer = (i18n2) => {
         }),
         tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
       }, v.servicePort));
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-        children: content
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: content
       });
     }
   };

package/dist/refine.js

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

package/dist/refine.umd.cjs

@@ -1016,7 +1016,7 @@ var __publicField = (obj, key, value) => {
   }
   const copy$1 = "Copy";
   const reset_arguments$1 = "Reset";
-  const view_changes$1 = "Show Diff";
+  const view_changes$1 = "Show diff";
   const back_to_edit$1 = "Edit";
   const configure_file$1 = "Configuration";
   const yaml_format_wrong$1 = "Configuration is in an invalid YAML format.";
@@ -1035,7 +1035,7 @@ var __publicField = (obj, key, value) => {
   const cancel$1 = "Cancel";
   const create$1 = "Create";
   const confirm_delete_text$1 = "Are you sure you want to delete the {{kind}} <0>{{target}}</0>?";
-  const edit$1 = "edit";
+  const edit$1 = "Edit";
   const namespace$1 = "Namespace";
   const created_time$1 = "Creation time";
   const label$1 = "Label";
@@ -1053,7 +1053,7 @@ var __publicField = (obj, key, value) => {
   const workload$1 = "Workload";
   const empty$1 = "No data available";
   const schedule$1 = "Schedule";
-  const lastScheduleTime$1 = "Last Schedule";
+  const lastScheduleTime$1 = "Last schedule";
   const duration$1 = "Duration";
   const started$1 = "Start time";
   const container$1 = "Container";
@@ -1080,7 +1080,7 @@ var __publicField = (obj, key, value) => {
   const port$1 = "Port";
   const cert$1 = "Certificate";
   const ip_address$1 = "IP address";
-  const last_seen$1 = "Last Seen";
+  const last_seen$1 = "Last seen";
   const node_port$1 = "NodePort";
   const protocol$1 = "Protocol";
   const key$1 = "Key";
@@ -1150,9 +1150,9 @@ var __publicField = (obj, key, value) => {
   const suspend$1 = "Suspend";
   const default_backend$1 = "Default backend";
   const ingress_class$1 = "IngressClass";
-  const pod_ready_num$1 = "Ready Pod";
-  const pod_complete_num$1 = "Completion Pod";
-  const pod_replicas_num$1 = "Desired Pod";
+  const pod_ready_num$1 = "Ready pod";
+  const pod_complete_num$1 = "Completion pod";
+  const pod_replicas_num$1 = "Desired pod";
   const edit_replicas$1 = "Edit expected number of replicas";
   const dns_record$1 = "DNS record";
   const basic_info$1 = "Basic information";
@@ -1163,6 +1163,7 @@ var __publicField = (obj, key, value) => {
   const pod_port$1 = "Pod port";
   const path_type$1 = "Path type";
   const only_support_one_yaml$1 = "Only one YAML configuration is supported at a time.";
+  const not_support$1 = "Not supported";
   const dovetail$1 = {
     copy: copy$1,
     reset_arguments: reset_arguments$1,
@@ -1315,7 +1316,8 @@ var __publicField = (obj, key, value) => {
     service_port: service_port$1,
     pod_port: pod_port$1,
     path_type: path_type$1,
-    only_support_one_yaml: only_support_one_yaml$1
+    only_support_one_yaml: only_support_one_yaml$1,
+    not_support: not_support$1
   };
   const EN = {
     dovetail: dovetail$1
@@ -1470,6 +1472,7 @@ var __publicField = (obj, key, value) => {
   const out_cluster_lb_desc = "LoadBalancer 展示 <strong>ingress[*].ip</strong>。";
   const out_external_name_desc = "ExternalName 展示 <strong>external-ip</strong>。";
   const only_support_one_yaml = "一次仅支持输入一个 YAML 配置。";
+  const not_support = "不支持";
   const dovetail = {
     copy,
     reset_arguments,
@@ -1623,7 +1626,8 @@ var __publicField = (obj, key, value) => {
     out_cluster_node_port_desc,
     out_cluster_lb_desc,
     out_external_name_desc,
-    only_support_one_yaml
+    only_support_one_yaml,
+    not_support
   };
   const ZH = {
     dovetail
@@ -8108,7 +8112,7 @@ var __publicField = (obj, key, value) => {
   };
   var cx_default = cx;
   const ConfigsContext = React.createContext({});
-  const useDeleteModal_v7eb93 = "";
+  const useDeleteModal_vv2pzj = "";
   const TextStyle = "t1vq0ett";
   const TipStyle = "t139onst";
   const NameStyle$1 = "n18lzor8";
@@ -8600,7 +8604,7 @@ var __publicField = (obj, key, value) => {
       return o(prop);
     }
   }) : styled;
-  const index_1rdsv5g = "";
+  const index_6dotpx = "";
   const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
     name: "ErrorWrapper",
     class: "egn3dbn",
@@ -10008,11 +10012,15 @@ var __publicField = (obj, key, value) => {
     service
   }) => {
     const spec = service._rawYaml.spec;
-    switch (spec.type) {
+    switch (service.displayType) {
       case ServiceTypeEnum.ExternalName:
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
           value: service.dnsRecord
         });
+      case ServiceTypeEnum.Headless:
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        });
       default:
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
           value: spec.clusterIP
@@ -10027,6 +10035,9 @@ var __publicField = (obj, key, value) => {
     breakLine = true
   }) => {
     var _a, _b, _c, _d;
+    const {
+      i18n: i18n2
+    } = useTranslation();
     const spec = service._rawYaml.spec;
     const status = service._rawYaml.status;
     let content = "-";
@@ -10059,6 +10070,9 @@ var __publicField = (obj, key, value) => {
           }) => ip).join(breakLine ? "\n" : ", ")
         });
         break;
+      case ServiceTypeEnum.ClusterIP:
+        content = i18n2.t("dovetail.not_support");
+        break;
       default:
         content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
           value: ""
@@ -10230,6 +10244,7 @@ var __publicField = (obj, key, value) => {
         setText(dayjs(date).fromNow());
       };
       i18n2.on("languageChanged", onChange);
+      setText(dayjs(date).fromNow());
       return () => i18n2.off("languageChanged", onChange);
     }, [date, i18n2]);
     if (!date)
@@ -10276,14 +10291,14 @@ var __publicField = (obj, key, value) => {
         sortable: true
       },
       {
-        key: "lastUpdateTime",
+        key: "lastTransitionTime",
         display: true,
-        dataIndex: "lastUpdateTime",
+        dataIndex: "lastTransitionTime",
         title: t2("dovetail.updated_time"),
         sortable: true,
         width: 120,
-        render: (value2, record) => {
-          const time = value2 || record.lastTransitionTime;
+        render: (value2) => {
+          const time = value2;
           return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(time) });
         }
       },
@@ -10782,11 +10797,9 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
-  const EventsTable = ({}) => {
-    var _a, _b;
+  const EventsTable = ({ uid }) => {
+    var _a;
     const { i18n: i18n2 } = useTranslation();
-    const parsed = core.useParsed();
-    const [regardingNamespace, regardingName] = (_a = parsed == null ? void 0 : parsed.id) == null ? void 0 : _a.split("/");
     const columns = React.useMemo(
       () => [
         {
@@ -10840,24 +10853,19 @@ var __publicField = (obj, key, value) => {
             operator: "and",
             value: [
               {
-                field: "regarding.namespace",
-                operator: "eq",
-                value: regardingNamespace
-              },
-              {
-                field: "regarding.name",
+                field: "regarding.uid",
                 operator: "eq",
-                value: regardingName
+                value: uid
               }
             ]
           }]
         }
       }
-    }), [columns, regardingName, regardingNamespace]);
+    }), [columns, uid]);
     const { tableProps } = useEagleTable(params);
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    if (!((_b = tableProps.data) == null ? void 0 : _b.length) && !tableProps.loading) {
+    if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WidgetErrorContent,
         {
@@ -11506,7 +11514,7 @@ var __publicField = (obj, key, value) => {
       onSubmit
     };
   }
-  const index_7c3887 = "";
+  const index_1twfoei = "";
   const EditButtonStyle = "esoz3jw";
   function EditFieldModal(props) {
     const {
@@ -11858,7 +11866,7 @@ var __publicField = (obj, key, value) => {
     return {
       key: "type",
       title: i18n2.t("dovetail.type"),
-      path: ["spec", "type"]
+      path: ["displayType"]
     };
   };
   const ClusterIpField = (i18n2) => {
@@ -11906,8 +11914,8 @@ var __publicField = (obj, key, value) => {
     return {
       key: "event",
       path: [],
-      renderContent: () => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {}) });
+      renderContent: (_, record) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: record.metadata.uid }) });
       }
     };
   };
@@ -22170,6 +22178,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
       direction: "vertical",
+      size: 16,
       className: "cjxv8cf",
       children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
         errorMsgs: errorMsg ? [errorMsg] : [],
@@ -23477,6 +23486,9 @@ var __publicField = (obj, key, value) => {
       errorNotification: false,
       transformInitValues,
       transformApplyValues,
+      mutationMeta: {
+        updateType: "put"
+      },
       ...useFormProps
     });
     const kit = eagle.useUIKit();
@@ -24154,7 +24166,7 @@ var __publicField = (obj, key, value) => {
       dataIndex,
       align: "right",
       title: i18n2.t("dovetail.restarts"),
-      sortable: false
+      sortable: true
     };
   };
   const ReplicasColumnRenderer = (i18n2) => {
@@ -24164,7 +24176,7 @@ var __publicField = (obj, key, value) => {
       display: true,
       dataIndex,
       title: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
-        title: i18n2.t("dovetail.completion_num_tooltip"),
+        title: i18n2.t("dovetail.ready_num_tooltip"),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: DashedTitleStyle,
           children: i18n2.t("dovetail.pod_num")
@@ -24185,6 +24197,7 @@ var __publicField = (obj, key, value) => {
     isRelativeTime = true
   } = {}) => {
     const dataIndex = ["metadata", "creationTimestamp"];
+    const kit = eagle.useUIKit();
     return {
       key: "creationTimestamp",
       display: true,
@@ -24196,7 +24209,11 @@ var __publicField = (obj, key, value) => {
         return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
           date: new Date(value2)
         }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-          value: dayjs(value2).format("YYYY-MM-DD hh:mm:ss")
+          value: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.time, {
+            date: value2,
+            timeTemplate: "HH:mm:ss",
+            dateTemplate: "YYYY-MM-DD"
+          })
         });
       },
       ...config
@@ -24537,8 +24554,8 @@ var __publicField = (obj, key, value) => {
           }),
           tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
         }, v.servicePort));
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-          children: content
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: content
         });
       }
     };

package/dist/style.css

@@ -1,12 +1,12 @@
 .t1vq0ett{margin-bottom:4px;}
 .t139onst{color:rgba(44,56,82,0.60);}
-.n18lzor8.ant-tag.ant-tag-gray{background-color:rgba(237,241,250,.6);border:1px solid rgba(211,218,235,.6);color:#00122e;}
-.mvvgkkc.ant-modal.normal-modal .ant-modal-content{width:492px;border-radius:16px;}.mvvgkkc.ant-modal.normal-modal .ant-modal-body{padding:32px 40px;min-height:160px;}.mvvgkkc.ant-modal.normal-modal .ant-modal-header{border-radius:16px 16px 0 0;padding:32px 40px;padding-bottom:0;}.mvvgkkc.ant-modal.normal-modal .ant-modal-footer{padding:24px 40px;}.mvvgkkc.ant-modal.normal-modal .ant-modal-close-x{top:35px;right:40px;}
+.n18lzor8.ant-tag.ant-tag-gray{background-color:rgba(237,241,250,.6);border:1px solid rgba(211,218,235,.6);color:#00122e;word-break:break-all;white-space:normal;display:inline;font-weight:bold;}
+.mvvgkkc.ant-modal.normal-modal .ant-modal-content{width:492px;border-radius:16px;}.mvvgkkc.ant-modal.normal-modal .ant-modal-body{padding:32px 40px;min-height:160px;overflow-x:hidden;}.mvvgkkc.ant-modal.normal-modal .ant-modal-header{border-radius:16px 16px 0 0;padding:32px 40px;padding-bottom:0;}.mvvgkkc.ant-modal.normal-modal .ant-modal-footer{padding:24px 40px;}.mvvgkkc.ant-modal.normal-modal .ant-modal-close-x{top:35px;right:40px;}
 .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;}.e136jgy8 .title.widget{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}.e136jgy8 .title.list{color:rgba(44,56,82,0.60);}.e136jgy8 .title.card{color:rgba(0,21,64,0.30);}
+.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;}.e136jgy8 .title.widget{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}.e136jgy8 .title.list{color:rgba(44,56,82,0.60);}.e136jgy8 .title.card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;color:rgba(0,21,64,0.30);}
 .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;}
@@ -43,7 +43,7 @@
 .tf5s6s.ant-tabs{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.tf5s6s.ant-tabs .ant-tabs-nav{margin-bottom:0;margin-right:24px;}.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%;}
 .b11tbgf7.ant-btn-quiet.ant-btn{color:rgba(44,56,82,0.75);}
 .c1dicff8{width:100%;vertical-align:top;}
-.esoz3jw.ant-btn.ant-btn-link{height:22px;margin-left:8px;}
+.esoz3jw.ant-btn.ant-btn-link{font-size:13px;height:22px;margin-left:8px;}
 .w8ychfk{border-radius:8px;border:1px solid rgba(211,218,235,0.60);padding:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 .d1o004do{width:70px;height:70px;margin-right:16px;}
 .dfo80qq{width:100%;}

package/lib/src/components/EventsTable/EventsTable.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const EventsTable: React.FC;
+type EventTableProps = {
+    uid: string;
+};
+export declare const EventsTable: React.FC<EventTableProps>;
+export {};

package/lib/src/components/ModalContextProvider/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ModalInfo {
+    resource: string;
+    id?: string;
+}
+type ModalContextValue = ModalInfo & {
+    open: (info: ModalInfo) => void;
+    close: () => void;
+};
+export declare const ModalContext: React.Context<ModalContextValue>;
+declare function ModalContextProvider(props: React.PropsWithChildren<Record<string, unknown>>): JSX.Element;
+export default ModalContextProvider;