@dovetail-v2/refine 0.3.2 → 0.3.3

package/dist/{index-ec66ac8f.cjs → index-c1aada44.cjs}

@@ -1181,6 +1181,8 @@ const cant_delete_resource = "无法删除{{resource}}";
 const cant_delete_resource_with_name = "无法删除{{resource}} <0>{{name}}</0> 。";
 const close = "关闭";
 const import_from_file = "从文件读取";
+const view_all_info = "查看全部信息";
+const collapse = "收起";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1423,7 +1425,9 @@ const dovetail = {
   cant_delete_resource,
   cant_delete_resource_with_name,
   close,
-  import_from_file
+  import_from_file,
+  view_all_info,
+  collapse
 };
 const ZH = {
   dovetail
@@ -12480,13 +12484,14 @@ const ResourceTableField = (resource, useTableParams) => {
   };
 };
 const baseNoReset = "";
-const index_v855ki = "";
+const index_14irc29 = "";
 const WrapperStyle$3 = "wve7dfm";
 const ToolbarStyle = "t9oeh3c";
 const ToolbarAreaStyle = "t1u2zqn6";
 const ContentStyle$1 = "c8wrcus";
 const PodLog = ({
-  pod: pod2
+  pod: pod2,
+  apiUrl
 }) => {
   var _a, _b, _c, _d, _e;
   const [selectedContainer, setSelectedContainer] = React.useState(((_b = (_a = pod2.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
@@ -12497,8 +12502,6 @@ const PodLog = ({
   const [wrap, setWrap] = React.useState(false);
   const logViewerRef = React.useRef(null);
   const abortControllerRef = React.useRef(null);
-  const dataProvider = core.useDataProvider();
-  const apiUrl = dataProvider()["getApiUrl"]();
   const {
     t: t2
   } = common.useTranslation();
@@ -12688,7 +12691,7 @@ const EventsTab = (i18n2) => ({
     }
   ]
 });
-const PodLogTab = (i18n2) => ({
+const PodLogTab = (i18n2, apiUrl) => ({
   title: i18n2.t("dovetail.log"),
   key: "pod-log",
   groups: [
@@ -12700,7 +12703,7 @@ const PodLogTab = (i18n2) => ({
               key: "log",
               path: [],
               renderContent: (_, record) => {
-                return /* @__PURE__ */ common.jsxRuntimeExports.jsx(PodLog, { pod: record });
+                return /* @__PURE__ */ common.jsxRuntimeExports.jsx(PodLog, { pod: record, apiUrl });
               }
             }
           ]
@@ -12710,7 +12713,7 @@ const PodLogTab = (i18n2) => ({
   ]
 });
 const NetworkPolicyRulesViewer_r6jity = "";
-const MonacoYamlEditor$1 = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-bdd52136.cjs")));
+const MonacoYamlEditor$1 = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-1554bc96.cjs")));
 const EditorStyle$1 = "e1cjl2b8";
 const NetworkPolicyRulesViewer = ({
   ingressOrEgress,
@@ -13054,7 +13057,7 @@ function Tabs(props) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_1mvcyif = "";
+const ShowContentView_19saq6u = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -13062,12 +13065,14 @@ const NameStyle = "nhnus27";
 const TopBarStyle = "t16t20f5";
 const ShowContentHeaderStyle = "s97y2wr";
 const GroupStyle = "g1rhnxqx";
-const GroupTitleStyle = "g1f1s2pc";
-const FullTabContentStyle = "f1qw3bxx";
-const FieldWrapperStyle = "flfewds";
-const TabContentStyle = "t1c7cta8";
-const ValueStyle = "v1pt61xk";
-const TabsStyle = "t1to6fie";
+const BasicGroupStyle = "b1f1s2pc";
+const GroupTitleStyle = "g1qw3bxx";
+const FullTabContentStyle = "flfewds";
+const FieldWrapperStyle = "f1c7cta8";
+const TabContentStyle = "t1pt61xk";
+const ValueStyle = "v1to6fie";
+const TabsStyle = "tca5959";
+const KindTagStyle = "k3dcesi";
 function ShowGroupComponent(props) {
   const {
     title,
@@ -13085,6 +13090,15 @@ function ShowGroupComponent(props) {
     }), children]
   });
 }
+function BasicShowGroupComponent(props) {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+    className: BasicGroupStyle,
+    children
+  });
+}
 const ShowContentView = (props) => {
   var _a, _b, _c, _d;
   const {
@@ -13092,8 +13106,10 @@ const ShowContentView = (props) => {
     resourceName,
     showConfig,
     formatter,
+    children,
     Dropdown = K8sDropdown,
-    hideBackButton = false
+    hideBackButton = false,
+    canCollapseTabs = false
   } = props;
   const {
     queryResult
@@ -13136,7 +13152,7 @@ const ShowContentView = (props) => {
       return hasCol ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Col, {
         flex: areaType === AreaType.Inline ? "none" : "",
         span: field.col || 24,
-        className: "cca5959",
+        className: "czyzuo8",
         children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
           className: FieldWrapperStyle,
           children: [field.title && /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
@@ -13169,8 +13185,13 @@ const ShowContentView = (props) => {
       });
     });
   }
-  function renderGroup(group) {
-    const GroupContainer = group.title ? ShowGroupComponent : React.Fragment;
+  function renderGroup(group, isBasicGroup = false) {
+    let GroupContainer = React.Fragment;
+    if (isBasicGroup) {
+      GroupContainer = BasicShowGroupComponent;
+    } else if (group.title) {
+      GroupContainer = ShowGroupComponent;
+    }
     const FieldContainer = group.title ? eagle.Row : React.Fragment;
     const groupContainerProps = group.title ? {
       title: group.title || ""
@@ -13219,7 +13240,10 @@ const ShowContentView = (props) => {
         style: {
           display: "flex"
         },
-        children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+        children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tag.NameTag, {
+          className: KindTagStyle,
+          children: config.kind
+        }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
           className: common.cx_default(eagle.Typo.Display.d2_regular_title, NameStyle),
           children: ((_a = showConfig.displayName) == null ? void 0 : _a.call(showConfig, record)) || ((_b = record == null ? void 0 : record.metadata) == null ? void 0 : _b.name)
         }), stateDisplay ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
@@ -13257,25 +13281,72 @@ const ShowContentView = (props) => {
         key: tab.key,
         children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
           className: common.cx_default(TabContentStyle, tab.groups.length <= 1 && tabIndex !== 0 && FullTabContentStyle),
-          children: (_a2 = tab.groups) == null ? void 0 : _a2.map(renderGroup)
+          children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => renderGroup(group, false))
         })
       };
     }),
     className: TabsStyle
   });
-  const basicInfo = showConfig.basicGroup ? renderGroup(showConfig.basicGroup) : null;
+  const basicInfo = showConfig.basicGroup ? renderGroup(showConfig.basicGroup, true) : null;
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
     className: ShowContentWrapperStyle,
     children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Space, {
       direction: "vertical",
       className: ShowContentHeaderStyle,
       children: topBar
-    }), basicInfo, tabs]
+    }), basicInfo, canCollapseTabs ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(CollapseTabs, {
+      children: tabs
+    }) : tabs, children]
   });
 };
+const CollapseTabs = (props) => {
+  const [isCollapsed, setIsCollapsed] = React.useState(true);
+  const {
+    t: t2
+  } = common.useTranslation();
+  if (isCollapsed) {
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+      style: {
+        display: "flex"
+      },
+      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
+        style: {
+          margin: "auto",
+          cursor: "pointer"
+        },
+        type: "quiet",
+        onClick: () => setIsCollapsed((v) => !v),
+        suffixIcon: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
+          src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
+        }),
+        children: t2("dovetail.view_all_info")
+      })
+    });
+  } else {
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, {
+      children: [props.children, /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+        style: {
+          display: "flex"
+        },
+        children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
+          style: {
+            margin: "auto",
+            cursor: "pointer"
+          },
+          type: "quiet",
+          onClick: () => setIsCollapsed((v) => !v),
+          suffixIcon: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
+            src: iconsReact.ArrowBoldDown16Icon
+          }),
+          children: t2("dovetail.collapse")
+        })
+      })]
+    });
+  }
+};
 const ShowContent = (props) => {
   var _a;
-  const { showConfig, formatter, Dropdown = K8sDropdown } = props;
+  const { showConfig, formatter, Dropdown = K8sDropdown, children, canCollapseTabs } = props;
   const parsed = core.useParsed();
   const { resource } = core.useResource();
   const id = (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id;
@@ -13286,7 +13357,9 @@ const ShowContent = (props) => {
       resourceName: (resource == null ? void 0 : resource.name) || "",
       showConfig,
       formatter,
-      Dropdown
+      Dropdown,
+      canCollapseTabs,
+      children
     }
   );
 };
@@ -13339,7 +13412,7 @@ const PageShow = (props) => {
       nav.list(resource);
     }
   }, [isError, nav, resource, queryResult, parsed, msg, notExistMsg, isLoading]);
-  return isLoading ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ShowContent, { ...props });
+  return isLoading ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ShowContent, { ...props, children: props.children });
 };
 const index_az4wrx = "";
 const WrapperStyle$2 = "w1akirqw";
@@ -16391,7 +16464,7 @@ const PlainCodeStyle = "pqch97v";
 const ErrorMsgStyle = "eh2qjnl";
 const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
-const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-bdd52136.cjs")));
+const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlEditor-1554bc96.cjs")));
 const MonacoYamlDiffEditor = React.lazy(() => Promise.resolve().then(() => require("./MonacoYamlDiffEditor-7a07db88.cjs")));
 const YamlEditorComponent = React.forwardRef(
   function YamlEditorComponent2(props, ref) {
@@ -19064,6 +19137,7 @@ exports.AnnotationsField = AnnotationsField;
 exports.AreaType = AreaType;
 exports.BASE_INIT_VALUE = BASE_INIT_VALUE;
 exports.BasicGroup = BasicGroup;
+exports.BasicShowGroupComponent = BasicShowGroupComponent;
 exports.Breadcrumb = Breadcrumb;
 exports.CONFIG_MAP_INIT_VALUE = CONFIG_MAP_INIT_VALUE;
 exports.CRONJOB_INIT_VALUE = CRONJOB_INIT_VALUE;

package/dist/locales/zh-CN/index.d.ts

@@ -242,6 +242,8 @@ declare const _default: {
         cant_delete_resource_with_name: string;
         close: string;
         import_from_file: string;
+        view_all_info: string;
+        collapse: string;
     };
 };
 export default _default;

package/dist/refine.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const refine = require("./index-ec66ac8f.cjs");
+const refine = require("./index-c1aada44.cjs");
 require("./common-1eb43414.cjs");
 require("@cloudtower/eagle");
 require("@refinedev/core");
@@ -26,6 +26,7 @@ exports.AnnotationsField = refine.AnnotationsField;
 exports.AreaType = refine.AreaType;
 exports.BASE_INIT_VALUE = refine.BASE_INIT_VALUE;
 exports.BasicGroup = refine.BasicGroup;
+exports.BasicShowGroupComponent = refine.BasicShowGroupComponent;
 exports.Breadcrumb = refine.Breadcrumb;
 exports.CONFIG_MAP_INIT_VALUE = refine.CONFIG_MAP_INIT_VALUE;
 exports.CRONJOB_INIT_VALUE = refine.CRONJOB_INIT_VALUE;