@dovetail-v2/refine 0.3.16-alpha.0 → 0.3.17-alpha.1

package/dist/components/ErrorContent/index.d.ts

@@ -4,7 +4,8 @@ export declare const ErrorContent: import("@linaria/react").StyledComponent<Reac
 export declare enum ErrorContentType {
     List = "list",
     Card = "card",
-    Widget = "widget"
+    Widget = "widget",
+    Item = "item"
 }
 export type WidgetErrorContentProps = {
     className?: string;

package/dist/components/ShowContent/fields.d.ts

@@ -2,6 +2,7 @@ import { StatusCapsuleColor } from '@cloudtower/eagle';
 import { useTable } from '@refinedev/core';
 import { i18n as I18nType } from 'i18next';
 import { Unstructured } from 'k8s-api-provider';
+import { ConfigMap, Secret } from 'kubernetes-types/core/v1';
 import { NetworkPolicy } from 'kubernetes-types/networking/v1';
 import React from 'react';
 import { JobModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel, StorageClassModel, PersistentVolumeModel, PersistentVolumeClaimModel } from '../../models';
@@ -50,7 +51,7 @@ export declare const ConditionsField: <Model extends ResourceModel<Unstructured>
 export declare const NodeTaintsField: () => ShowField<ResourceModel<Node & Unstructured>>;
 export declare const PodsField: <Model extends WorkloadBaseModel>() => ShowField<Model>;
 export declare const JobsField: <Model extends JobModel | CronJobModel>() => ShowField<Model>;
-export declare const DataField: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => ShowField<Model>;
+export declare const DataField: <Model extends ResourceModel<Unstructured & (ConfigMap | Secret)>>(i18n: I18nType) => ShowField<Model>;
 export declare const SecretDataField: <Model extends ResourceModel<Unstructured>>() => ShowField<Model>;
 export declare const StartTimeField: (i18n: I18nType) => ShowField<JobModel>;
 export declare const ServiceTypeField: <Model extends ServiceModel>(i18n: I18nType) => ShowField<Model>;

package/dist/components/ShowContent/tabs.d.ts

@@ -1,16 +1,18 @@
 import { i18n as I18nType } from 'i18next';
+import { Unstructured } from 'k8s-api-provider';
+import { ConfigMap, Secret } from 'kubernetes-types/core/v1';
 import { ResourceModel, PodModel, ServiceModel, IngressModel } from 'src/models';
 import { NetworkPolicyModel } from 'src/models';
 import { ShowTab } from './fields';
-export declare const EventsTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>({ i18n, size, }: {
+export declare const EventsTab: <Model extends ResourceModel<Unstructured>>({ i18n, size, }: {
     i18n: I18nType;
     size?: "small" | "medium" | undefined;
 }) => ShowTab<Model>;
-export declare const ConditionsTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>({ i18n, size, }: {
+export declare const ConditionsTab: <Model extends ResourceModel<Unstructured>>({ i18n, size, }: {
     i18n: I18nType;
     size?: "small" | "medium" | undefined;
 }) => ShowTab<Model>;
-export declare const LabelAnnotationsTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>({ i18n, size, }: {
+export declare const LabelAnnotationsTab: <Model extends ResourceModel<Unstructured>>({ i18n, size, }: {
     i18n: I18nType;
     size?: "small" | "medium" | undefined;
 }) => ShowTab<Model>;
@@ -21,10 +23,10 @@ export declare const PortsTab: <Model extends ServiceModel>({ i18n, }: {
 export declare const IngressRulesTab: <Model extends IngressModel>({ i18n, }: {
     i18n: I18nType;
 }) => ShowTab<Model>;
-export declare const DataTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>({ i18n, }: {
+export declare const DataTab: <Model extends ResourceModel<Unstructured & (ConfigMap | Secret)>>({ i18n, }: {
     i18n: I18nType;
 }) => ShowTab<Model>;
-export declare const SecretDataTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>({ i18n, }: {
+export declare const SecretDataTab: <Model extends ResourceModel<Unstructured>>({ i18n, }: {
     i18n: I18nType;
 }) => ShowTab<Model>;
 export declare const NetworkPolicyIngressRulesTab: <Model extends NetworkPolicyModel>({ i18n, }: {

package/dist/components/YamlEditor/YamlEditorComponent.d.ts

@@ -16,6 +16,7 @@ export type YamlEditorProps<T extends string | Record<string, unknown> = string>
     readOnly?: boolean;
     debounceTime?: number;
     isScrollOnFocus?: boolean;
+    isHideActions?: boolean;
     onChange?: (value: T) => void;
     onValidate?: (valid: boolean, schemaValid: boolean) => void;
     onEditorCreate?: (editor: editor.IStandaloneCodeEditor) => void;

package/dist/hooks/useEagleTable/columns.d.ts

@@ -1,16 +1,18 @@
 /// <reference types="react" />
 import { i18n as I18nType } from 'i18next';
+import { Unstructured } from 'k8s-api-provider';
+import { ConfigMap, Secret } from 'kubernetes-types/core/v1';
 import { Column } from '../../components/InternalBaseTable';
 import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel, DaemonSetModel, StorageClassModel, PersistentVolumeModel, PersistentVolumeClaimModel } from '../../models';
 export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 0 | 1 | -1;
-export declare const NameColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType, resource?: string) => Column<Model>;
-export declare const PlainTextNameColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
-export declare const NameSpaceColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
+export declare const NameColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType, resource?: string) => Column<Model>;
+export declare const PlainTextNameColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => Column<Model>;
+export declare const NameSpaceColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => Column<Model>;
 export declare const StateDisplayColumnRenderer: <Model extends PodModel | ServiceModel | WorkloadModel | JobModel | CronJobModel | DaemonSetModel>(i18n: I18nType) => Column<Model>;
 export declare const WorkloadImageColumnRenderer: <Model extends WorkloadBaseModel>(i18n: I18nType) => Column<Model>;
 export declare const RestartsColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;
 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?: {
+export declare const AgeColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType, config?: {
     title?: string;
     width: number;
 }, { isRelativeTime }?: {
@@ -19,7 +21,7 @@ export declare const AgeColumnRenderer: <Model extends ResourceModel<import("k8s
 export declare const NodeNameColumnRenderer: <Model extends PodModel>(i18n: I18nType, options?: Partial<Column<Model>> | undefined) => Column<Model>;
 export declare const PodCountOfJobColumnRenderer: <Model extends JobModel>(i18n: I18nType) => Column<Model>;
 export declare const DurationColumnRenderer: <Model extends JobModel | CronJobModel>(i18n: I18nType) => Column<Model>;
-export declare const ServiceTypeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
+export declare const ServiceTypeColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => Column<Model>;
 export declare function ServiceInClusterAccessTitle(): JSX.Element;
 export declare const ServiceInClusterAccessColumnRenderer: <Model extends ServiceModel>() => Column<Model>;
 export declare function ServiceOutClusterAccessTitle(): JSX.Element;
@@ -30,7 +32,7 @@ export declare const IngressDefaultBackendColumnRenderer: <Model extends Ingress
 export declare const IngressClassColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
 export declare const IngressTlsColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
 export declare const PodContainersNumColumnRenderer: <Model extends PodModel>(i18n: I18nType) => Column<Model>;
-export declare const DataKeysColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
+export declare const DataKeysColumnRenderer: <Model extends ResourceModel<Unstructured & (ConfigMap | Secret)>>(i18n: I18nType) => Column<Model>;
 export declare const PortMappingColumnRenderer: <Model extends ServiceModel>(i18n: I18nType) => Column<Model>;
 export declare const ProvisionerColumnRenderer: <Model extends StorageClassModel>(i18n: I18nType) => Column<Model>;
 export declare const PVCapacityColumnRenderer: <Model extends PersistentVolumeModel>(i18n: I18nType) => Column<Model>;

package/dist/i18n.d.ts

@@ -528,6 +528,8 @@ export declare const resources: {
             select_workload: string;
             no_search_result: string;
             clear_search_condition: string;
+            no_labels: string;
+            no_annotations: string;
         };
     };
 };

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

@@ -271,6 +271,8 @@ declare const _default: {
         select_workload: string;
         no_search_result: string;
         clear_search_condition: string;
+        no_labels: string;
+        no_annotations: string;
     };
 };
 export default _default;

package/dist/models/resource-model.d.ts

@@ -10,7 +10,7 @@ export declare class ResourceModel<T extends Unstructured = Unstructured> {
     constructor(_rawYaml: T, _globalStore: GlobalStore);
     init(): Promise<void>;
     get name(): string | undefined;
-    get namespace(): string | undefined;
+    get namespace(): string;
     get labels(): {
         [name: string]: string;
     } | undefined;

package/dist/pages/configmaps/index.d.ts

@@ -1,4 +1,6 @@
 import { i18n } from 'i18next';
+import { Unstructured } from 'k8s-api-provider';
+import { ConfigMap } from 'kubernetes-types/core/v1';
 import { ResourceModel } from '../../models';
 import { ResourceConfig } from '../../types';
-export declare const ConfigMapConfig: (i18n: i18n) => ResourceConfig<ResourceModel>;
+export declare const ConfigMapConfig: (i18n: i18n) => ResourceConfig<ResourceModel<Unstructured & ConfigMap>>;

package/dist/pages/secrets/index.d.ts

@@ -1,4 +1,6 @@
 import { i18n } from 'i18next';
+import { Unstructured } from 'k8s-api-provider';
+import { Secret } from 'kubernetes-types/core/v1';
 import { ResourceModel } from '../../models';
 import { ResourceConfig } from '../../types';
-export declare const SecretsConfig: (i18n: i18n) => ResourceConfig<ResourceModel>;
+export declare const SecretsConfig: (i18n: i18n) => ResourceConfig<ResourceModel<Unstructured & Secret>>;

package/dist/refine.cjs

@@ -1230,6 +1230,8 @@ const target_service_port = "目标服务端口";
 const select_workload = "选择工作负载";
 const no_search_result = "无搜索结果";
 const clear_search_condition = "清空搜索条件";
+const no_labels = "无标签";
+const no_annotations = "无注解";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1501,7 +1503,9 @@ const dovetail = {
   target_service_port,
   select_workload,
   no_search_result,
-  clear_search_condition
+  clear_search_condition,
+  no_labels,
+  no_annotations
 };
 const ZH = {
   dovetail
@@ -7953,7 +7957,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_hjjv5w = "";
+const index_l4xyq7 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -7968,6 +7972,7 @@ var ErrorContentType = /* @__PURE__ */ ((ErrorContentType2) => {
   ErrorContentType2["List"] = "list";
   ErrorContentType2["Card"] = "card";
   ErrorContentType2["Widget"] = "widget";
+  ErrorContentType2["Item"] = "item";
   return ErrorContentType2;
 })(ErrorContentType || {});
 const WidgetErrorContent = (props) => {
@@ -7982,18 +7987,26 @@ const WidgetErrorContent = (props) => {
     t: t2
   } = common.useTranslation();
   const fontMap = {
+    // 小卡片
     [
       "widget"
       /* Widget */
     ]: eagle.Typo.Label.l1_regular_title,
+    // 详情里整个大卡片
     [
       "card"
       /* Card */
     ]: eagle.Typo.Label.l1_bold,
+    // 列表
     [
       "list"
       /* List */
-    ]: eagle.Typo.Display.d2_bold_title
+    ]: eagle.Typo.Display.d2_bold_title,
+    // 详情里的某一项
+    [
+      "item"
+      /* Item */
+    ]: eagle.Typo.Heading.h2_bold_title
   };
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ErrorWrapper, {
     className: common.cx_default(props.className, type2),
@@ -8350,7 +8363,7 @@ function useSubmitForm(options) {
     onSubmit
   };
 }
-const index_10dq51k = "";
+const index_e7f1dg = "";
 const EditButtonStyle = "esoz3jw";
 function EditFieldModal(props) {
   const {
@@ -8670,7 +8683,7 @@ class ResourceModel {
   }
   get namespace() {
     var _a;
-    return (_a = this._rawYaml.metadata) == null ? void 0 : _a.namespace;
+    return ((_a = this._rawYaml.metadata) == null ? void 0 : _a.namespace) || "default";
   }
   get labels() {
     var _a;
@@ -9699,8 +9712,8 @@ class PodModel extends WorkloadBaseModel {
     return this.ips.join(", ");
   }
   get hasDnsConfig() {
-    var _a, _b, _c, _d;
-    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)));
+    var _a, _b, _c, _d, _e, _f, _g;
+    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)) || ((_e = this.spec) == null ? void 0 : _e.dnsPolicy) || ((_g = (_f = this.spec) == null ? void 0 : _f.hostAliases) == null ? void 0 : _g.length));
   }
 }
 class PodMetricsModel extends ResourceModel {
@@ -10390,7 +10403,14 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 120,
       sortable: true,
       render: (value2) => {
-        return value2;
+        return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+          eagle.StatusCapsule,
+          {
+            color: value2 === "True" ? "green" : "red",
+            className: common.cx_default(StateTagStyle, "no-background"),
+            children: value2 === "True" ? t2("dovetail.true") : t2("dovetail.false")
+          }
+        );
       }
     },
     {
@@ -10789,7 +10809,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
   return { isValid: true };
 }
 function K8sDropdown(props) {
-  var _a;
+  var _a, _b;
   const { record, size = "normal", customButton } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = core.useResource();
@@ -10800,7 +10820,7 @@ function K8sDropdown(props) {
   const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
   const download2 = useDownloadYAML();
   const openForm = useOpenForm();
-  const isInShowPage = useResourceResult.action === "show";
+  const isInShowPage = useResourceResult.action === "show" && ((_a = useResourceResult.resource) == null ? void 0 : _a.name) === config.name;
   const { data: canEditData } = core.useCan({
     resource: resourceName,
     action: AccessControlAuth.Edit,
@@ -10815,7 +10835,7 @@ function K8sDropdown(props) {
       namespace: record.namespace
     }
   });
-  const formType = ((_a = config.formConfig) == null ? void 0 : _a.formType) || FormType.FORM;
+  const formType = ((_b = config.formConfig) == null ? void 0 : _b.formType) || FormType.FORM;
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(common.jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
     eagle.Dropdown,
     {
@@ -11453,16 +11473,21 @@ const KeyValue = (props) => {
   const {
     t: t2
   } = common.useTranslation();
-  const result = Object.keys(data2).map((key2) => /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-    className: ContentBlockStyle,
-    children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-      className: common.cx_default(KeyStyle, eagle.Typo.Label.l4_regular),
-      children: key2
-    }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-      className: common.cx_default(eagle.Typo.Label.l4_regular, ValueStyle$2),
-      children: hideSecret ? toAsterisk(data2[key2]) : data2[key2]
-    })]
-  }, key2));
+  const result = Object.keys(data2).map((key2) => {
+    const value2 = hideSecret ? toAsterisk(data2[key2]) : data2[key2];
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+      className: ContentBlockStyle,
+      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+        className: common.cx_default(KeyStyle, eagle.Typo.Label.l4_regular),
+        children: key2
+      }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+        className: common.cx_default(eagle.Typo.Label.l4_regular, ValueStyle$2),
+        children: value2 || /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        })
+      })]
+    }, key2);
+  });
   if (!result.length) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
@@ -11758,6 +11783,7 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.AutoComplete, {
       options: keyOptions || [],
       value: value22,
@@ -11767,7 +11793,7 @@ function _KeyValueTableForm(props, ref) {
         var _a;
         return ((_a = option == null ? void 0 : option.label) == null ? void 0 : _a.toString().toLowerCase().includes(inputValue.toLowerCase())) || false;
       },
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => lodashEs.isEqual(row, record)),
       allowClear: true
     });
   };
@@ -11777,12 +11803,13 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TextArea, {
       autoSize: true,
       className: "c17gq8cd",
       size: "small",
       value: value22,
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => lodashEs.isEqual(row, record)),
       onChange: (e2) => {
         onChange2(e2.target.value);
       }
@@ -11843,8 +11870,9 @@ function _KeyValueTableForm(props, ref) {
       defaultData: _value,
       row: {
         deletable: _value.length > (minSize || 0),
-        disableActions(rowIndex) {
-          if (disabledChagneDefaultValues && rowIndex < (defaultValue.length || 0)) {
+        disableActions(rowIndex, datas) {
+          const record = datas[rowIndex];
+          if (disabledChagneDefaultValues && defaultValue.some((row) => lodashEs.isEqual(row, record))) {
             return ["delete"];
           }
         }
@@ -12575,11 +12603,15 @@ const DataField = (i18n2) => {
   return {
     key: "data",
     path: ["data"],
-    renderContent: (val) => {
+    renderContent: (val, record) => {
+      const finalData = {
+        ...val,
+        ..."binaryData" in record._rawYaml ? record._rawYaml.binaryData : {}
+      };
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
         className: "c91cpym",
         children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValue, {
-          data: val,
+          data: finalData,
           empty: i18n2.t("dovetail.no_resource", {
             kind: i18n2.t("dovetail.data")
           })
@@ -13062,8 +13094,8 @@ const LabelsAndAnnotationsShow = ({
       }), Object.keys(labels || {}).length ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(Tags, {
         value: labels
       }) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(WidgetErrorContent, {
-        errorText: sksI18n.t("dovetail.empty"),
-        type: ErrorContentType.Card
+        errorText: sksI18n.t("dovetail.no_labels"),
+        type: ErrorContentType.Item
       })]
     }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
       className: ItemWrapperStyle,
@@ -13072,7 +13104,8 @@ const LabelsAndAnnotationsShow = ({
         children: sksI18n.t("dovetail.annotation")
       }), /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValue, {
         data: annotations,
-        errorContent: ErrorContentType.Card
+        empty: sksI18n.t("dovetail.no_annotations"),
+        errorContent: ErrorContentType.Item
       })]
     })]
   });
@@ -13917,7 +13950,7 @@ const ShowContentView = (props) => {
   function renderGroup(group, isBasicGroup = false) {
     let GroupContainer = React.Fragment;
     let FieldContainer = React.Fragment;
-    const groupContainerProps = {
+    let groupContainerProps = {
       title: group.title || "",
       size
     };
@@ -13926,6 +13959,8 @@ const ShowContentView = (props) => {
       GroupContainer = BasicShowGroupComponent;
     } else if (group.title) {
       GroupContainer = ShowGroupWithTitleComponent;
+    } else {
+      groupContainerProps = {};
     }
     const shouldRenderRow = !!(isBasicGroup || group.title);
     if (shouldRenderRow) {
@@ -15755,7 +15790,8 @@ const YamlEditorComponent = React.forwardRef(
       eleRef,
       className,
       debounceTime,
-      isScrollOnFocus = true
+      isScrollOnFocus = true,
+      isHideActions = false
     } = props;
     const { t: t2 } = common.useTranslation();
     const [isCollapsed, setIsCollapsed] = React.useState(
@@ -15861,7 +15897,7 @@ const YamlEditorComponent = React.forwardRef(
                     ),
                     /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { className: common.cx_default(TitleStyle, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
                   ] }),
-                  /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 14, children: [
+                  isHideActions ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 14, children: [
                     isDiff ? void 0 : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
                       /* @__PURE__ */ common.jsxRuntimeExports.jsx(
                         eagle.Tooltip,
@@ -19463,8 +19499,11 @@ const DataKeysColumnRenderer = (i18n2) => {
     display: true,
     dataIndex: ["data"],
     title: i18n2.t("dovetail.data"),
-    render(data2) {
-      const keys2 = Object.keys(data2 || {});
+    render(data2, record) {
+      const keys2 = Object.keys({
+        ...data2,
+        ..."binaryData" in record._rawYaml ? record._rawYaml.binaryData : {}
+      });
       return keys2.length ? keys2.map((key2) => /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
         content: key2
       }, key2)) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {

package/dist/refine.js

@@ -11,7 +11,7 @@ import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNav
 import { parse, stringify } from "qs";
 import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, lazy, Suspense, memo, forwardRef } from "react";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, Dropdown, Menu as Menu$1, Icon, Divider, LegacyModal, StatusCapsule, Popover, AntdTable, Upload, TableForm, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, Dropdown, Menu as Menu$1, Icon, Divider, LegacyModal, Popover, AntdTable, Upload, TableForm, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ArrowChevronDownSmall16BlueIcon, ArrowChevronUpSmall16BlueIcon, Retry16GradientBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$2, cloneDeep, set, omit as omit$1, merge, isEqual as isEqual$1, debounce, last, setWith, clone, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
@@ -1211,6 +1211,8 @@ const target_service_port = "目标服务端口";
 const select_workload = "选择工作负载";
 const no_search_result = "无搜索结果";
 const clear_search_condition = "清空搜索条件";
+const no_labels = "无标签";
+const no_annotations = "无注解";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1482,7 +1484,9 @@ const dovetail = {
   target_service_port,
   select_workload,
   no_search_result,
-  clear_search_condition
+  clear_search_condition,
+  no_labels,
+  no_annotations
 };
 const ZH = {
   dovetail
@@ -7934,7 +7938,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_hjjv5w = "";
+const index_l4xyq7 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -7949,6 +7953,7 @@ var ErrorContentType = /* @__PURE__ */ ((ErrorContentType2) => {
   ErrorContentType2["List"] = "list";
   ErrorContentType2["Card"] = "card";
   ErrorContentType2["Widget"] = "widget";
+  ErrorContentType2["Item"] = "item";
   return ErrorContentType2;
 })(ErrorContentType || {});
 const WidgetErrorContent = (props) => {
@@ -7963,18 +7968,26 @@ const WidgetErrorContent = (props) => {
     t: t2
   } = useTranslation();
   const fontMap = {
+    // 小卡片
     [
       "widget"
       /* Widget */
     ]: Typo.Label.l1_regular_title,
+    // 详情里整个大卡片
     [
       "card"
       /* Card */
     ]: Typo.Label.l1_bold,
+    // 列表
     [
       "list"
       /* List */
-    ]: Typo.Display.d2_bold_title
+    ]: Typo.Display.d2_bold_title,
+    // 详情里的某一项
+    [
+      "item"
+      /* Item */
+    ]: Typo.Heading.h2_bold_title
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
     className: cx_default(props.className, type2),
@@ -8331,7 +8344,7 @@ function useSubmitForm(options) {
     onSubmit
   };
 }
-const index_10dq51k = "";
+const index_e7f1dg = "";
 const EditButtonStyle = "esoz3jw";
 function EditFieldModal(props) {
   const {
@@ -8651,7 +8664,7 @@ class ResourceModel {
   }
   get namespace() {
     var _a;
-    return (_a = this._rawYaml.metadata) == null ? void 0 : _a.namespace;
+    return ((_a = this._rawYaml.metadata) == null ? void 0 : _a.namespace) || "default";
   }
   get labels() {
     var _a;
@@ -9680,8 +9693,8 @@ class PodModel extends WorkloadBaseModel {
     return this.ips.join(", ");
   }
   get hasDnsConfig() {
-    var _a, _b, _c, _d;
-    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)));
+    var _a, _b, _c, _d, _e, _f, _g;
+    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)) || ((_e = this.spec) == null ? void 0 : _e.dnsPolicy) || ((_g = (_f = this.spec) == null ? void 0 : _f.hostAliases) == null ? void 0 : _g.length));
   }
 }
 class PodMetricsModel extends ResourceModel {
@@ -10371,7 +10384,14 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 120,
       sortable: true,
       render: (value2) => {
-        return value2;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StatusCapsule,
+          {
+            color: value2 === "True" ? "green" : "red",
+            className: cx_default(StateTagStyle, "no-background"),
+            children: value2 === "True" ? t2("dovetail.true") : t2("dovetail.false")
+          }
+        );
       }
     },
     {
@@ -10770,7 +10790,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
   return { isValid: true };
 }
 function K8sDropdown(props) {
-  var _a;
+  var _a, _b;
   const { record, size = "normal", customButton } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = useResource();
@@ -10781,7 +10801,7 @@ function K8sDropdown(props) {
   const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
   const download2 = useDownloadYAML();
   const openForm = useOpenForm();
-  const isInShowPage = useResourceResult.action === "show";
+  const isInShowPage = useResourceResult.action === "show" && ((_a = useResourceResult.resource) == null ? void 0 : _a.name) === config.name;
   const { data: canEditData } = useCan({
     resource: resourceName,
     action: AccessControlAuth.Edit,
@@ -10796,7 +10816,7 @@ function K8sDropdown(props) {
       namespace: record.namespace
     }
   });
-  const formType = ((_a = config.formConfig) == null ? void 0 : _a.formType) || FormType.FORM;
+  const formType = ((_b = config.formConfig) == null ? void 0 : _b.formType) || FormType.FORM;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Dropdown,
     {
@@ -11434,16 +11454,21 @@ const KeyValue = (props) => {
   const {
     t: t2
   } = useTranslation();
-  const result = Object.keys(data2).map((key2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    className: ContentBlockStyle,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-      className: cx_default(KeyStyle, Typo.Label.l4_regular),
-      children: key2
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-      className: cx_default(Typo.Label.l4_regular, ValueStyle$2),
-      children: hideSecret ? toAsterisk(data2[key2]) : data2[key2]
-    })]
-  }, key2));
+  const result = Object.keys(data2).map((key2) => {
+    const value2 = hideSecret ? toAsterisk(data2[key2]) : data2[key2];
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      className: ContentBlockStyle,
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className: cx_default(KeyStyle, Typo.Label.l4_regular),
+        children: key2
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className: cx_default(Typo.Label.l4_regular, ValueStyle$2),
+        children: value2 || /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        })
+      })]
+    }, key2);
+  });
   if (!result.length) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
@@ -11739,6 +11764,7 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ jsxRuntimeExports.jsx(AutoComplete, {
       options: keyOptions || [],
       value: value22,
@@ -11748,7 +11774,7 @@ function _KeyValueTableForm(props, ref) {
         var _a;
         return ((_a = option == null ? void 0 : option.label) == null ? void 0 : _a.toString().toLowerCase().includes(inputValue.toLowerCase())) || false;
       },
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => isEqual$1(row, record)),
       allowClear: true
     });
   };
@@ -11758,12 +11784,13 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea, {
       autoSize: true,
       className: "c17gq8cd",
       size: "small",
       value: value22,
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => isEqual$1(row, record)),
       onChange: (e2) => {
         onChange2(e2.target.value);
       }
@@ -11824,8 +11851,9 @@ function _KeyValueTableForm(props, ref) {
       defaultData: _value,
       row: {
         deletable: _value.length > (minSize || 0),
-        disableActions(rowIndex) {
-          if (disabledChagneDefaultValues && rowIndex < (defaultValue.length || 0)) {
+        disableActions(rowIndex, datas) {
+          const record = datas[rowIndex];
+          if (disabledChagneDefaultValues && defaultValue.some((row) => isEqual$1(row, record))) {
             return ["delete"];
           }
         }
@@ -12556,11 +12584,15 @@ const DataField = (i18n2) => {
   return {
     key: "data",
     path: ["data"],
-    renderContent: (val) => {
+    renderContent: (val, record) => {
+      const finalData = {
+        ...val,
+        ..."binaryData" in record._rawYaml ? record._rawYaml.binaryData : {}
+      };
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: "c91cpym",
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
-          data: val,
+          data: finalData,
           empty: i18n2.t("dovetail.no_resource", {
             kind: i18n2.t("dovetail.data")
           })
@@ -13043,8 +13075,8 @@ const LabelsAndAnnotationsShow = ({
       }), Object.keys(labels || {}).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
         value: labels
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
-        errorText: sksI18n.t("dovetail.empty"),
-        type: ErrorContentType.Card
+        errorText: sksI18n.t("dovetail.no_labels"),
+        type: ErrorContentType.Item
       })]
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ItemWrapperStyle,
@@ -13053,7 +13085,8 @@ const LabelsAndAnnotationsShow = ({
         children: sksI18n.t("dovetail.annotation")
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
         data: annotations,
-        errorContent: ErrorContentType.Card
+        empty: sksI18n.t("dovetail.no_annotations"),
+        errorContent: ErrorContentType.Item
       })]
     })]
   });
@@ -13898,7 +13931,7 @@ const ShowContentView = (props) => {
   function renderGroup(group, isBasicGroup = false) {
     let GroupContainer = React.Fragment;
     let FieldContainer = React.Fragment;
-    const groupContainerProps = {
+    let groupContainerProps = {
       title: group.title || "",
       size
     };
@@ -13907,6 +13940,8 @@ const ShowContentView = (props) => {
       GroupContainer = BasicShowGroupComponent;
     } else if (group.title) {
       GroupContainer = ShowGroupWithTitleComponent;
+    } else {
+      groupContainerProps = {};
     }
     const shouldRenderRow = !!(isBasicGroup || group.title);
     if (shouldRenderRow) {
@@ -15736,7 +15771,8 @@ const YamlEditorComponent = forwardRef(
       eleRef,
       className,
       debounceTime,
-      isScrollOnFocus = true
+      isScrollOnFocus = true,
+      isHideActions = false
     } = props;
     const { t: t2 } = useTranslation();
     const [isCollapsed, setIsCollapsed] = useState(
@@ -15842,7 +15878,7 @@ const YamlEditorComponent = forwardRef(
                     ),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
+                  isHideActions ? null : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
                     isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
                         Tooltip,
@@ -19444,8 +19480,11 @@ const DataKeysColumnRenderer = (i18n2) => {
     display: true,
     dataIndex: ["data"],
     title: i18n2.t("dovetail.data"),
-    render(data2) {
-      const keys2 = Object.keys(data2 || {});
+    render(data2, record) {
+      const keys2 = Object.keys({
+        ...data2,
+        ..."binaryData" in record._rawYaml ? record._rawYaml.binaryData : {}
+      });
       return keys2.length ? keys2.map((key2) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
         content: key2
       }, key2)) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {

package/dist/style.css

@@ -720,6 +720,9 @@
 .egn3dbn.card .error-content {
   height: 96px;
 }
+.egn3dbn.item .title {
+  color: rgba(0, 21, 64, 0.3);
+}
 
 .e136jgy8 {
   display: flex;
@@ -903,9 +906,12 @@
 /*  fisheye   */
 /* z-index */
 .esoz3jw.ant-btn.ant-btn-link {
-  font-size: 13px;
+  font-size: 12px;
   height: 18px;
   margin-left: 8px;
+}
+.esoz3jw.ant-btn.ant-btn-link span {
+  height: 18px;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.16-alpha.0",
+  "version": "0.3.17-alpha.1",
   "type": "module",
   "files": [
     "dist",