@dovetail-v2/refine 0.3.15-alpha.0 → 0.3.17-alpha.0

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/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/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/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),
@@ -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")
+          }
+        );
       }
     },
     {
@@ -10729,7 +10749,12 @@ function validateLabelValue(value2, i18n2, isOptional) {
   if (isOptional && value2 === "") {
     return { isValid: true };
   } else if (value2 === "") {
-    return { isValid: false, errorMessage: i18n2.t("dovetail.required_field", { label: i18n2.t("dovetail.value") }) };
+    return {
+      isValid: false,
+      errorMessage: i18n2.t("dovetail.required_field", {
+        label: i18n2.t("dovetail.value")
+      })
+    };
   }
   if (value2.length > 63) {
     return { isValid: false };
@@ -10766,7 +10791,7 @@ function validatePort(port2, options) {
   return { isValid: true };
 }
 function validateNodePort(nodePort, allNodePorts, i18n2) {
-  if (!nodePort) {
+  if (nodePort === "") {
     return {
       isValid: false,
       errorMessage: i18n2.t("dovetail.required_field", {
@@ -10784,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();
@@ -10795,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,
@@ -10810,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,
     {
@@ -11448,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"),
@@ -11753,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,
@@ -11762,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
     });
   };
@@ -11772,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);
       }
@@ -11838,15 +11870,16 @@ 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"];
           }
         }
       },
       disableBatchFilling: true,
       hideEmptyTable: true
-    }), isHideLabelFormatPopover ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(LabelFormatPopover, {
+    }), isHideLabelFormatPopover || _value.length === 0 ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(LabelFormatPopover, {
       noValueValidation
     })]
   });
@@ -13057,8 +13090,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,
@@ -13067,7 +13100,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
       })]
     })]
   });
@@ -15750,7 +15784,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(
@@ -15856,7 +15891,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,
@@ -17943,7 +17978,7 @@ const MatchLabelSelector = React.forwardRef(function MatchLabelSelector2(props,
         }
       ),
       onChange,
-      isValueOptional: false,
+      isValueOptional: true,
       minSize: 1,
       disabledChagneDefaultValues
     }
@@ -18782,7 +18817,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
       },
       {
         key: "name",
-        title: i18n2.t("dovetail.port_name"),
+        title: `${i18n2.t("dovetail.name")} ${i18n2.t("dovetail.optional_with_bracket")}`,
         type: "input",
         validator: ({ value: portName, rowIndex }) => {
           const { errorMessage } = validateRfc1123Name({
@@ -18810,7 +18845,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
           );
         },
         validator: ({ value: value22 }) => {
-          const { isValid, errorMessage } = validatePort(value22 || "", {
+          const { isValid, errorMessage } = validatePort(value22 ?? "", {
             isOptional: false,
             i18n: i18n2,
             emptyText: i18n2.t("dovetail.required_field", {
@@ -18836,7 +18871,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
           );
         },
         validator: ({ value: value22 }) => {
-          const { isValid, errorMessage } = validatePort(value22 || "", {
+          const { isValid, errorMessage } = validatePort(value22 ?? "", {
             isOptional: false,
             i18n: i18n2,
             emptyText: i18n2.t("dovetail.required_field", {
@@ -18873,7 +18908,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
               }
             ).map((row) => row.nodePort.value)
           ];
-          const { isValid, errorMessage } = value22.mode === "auto" ? { isValid: true, errorMessage: void 0 } : validateNodePort(value22.value, allNodePorts, i18n2);
+          const { isValid, errorMessage } = value22.mode === "auto" ? { isValid: true, errorMessage: void 0 } : validateNodePort(value22.value ?? "", allNodePorts, i18n2);
           if (!isValid)
             return errorMessage;
         }
@@ -19474,13 +19509,7 @@ const DataKeysColumnRenderer = (i18n2) => {
 const PortMappingColumnRenderer = (i18n2) => {
   return {
     key: "displayPortMapping",
-    title: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tooltip, {
-      title: i18n2.t("dovetail.port_mapping_title_tooltip"),
-      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-        className: DashedTitleStyle,
-        children: i18n2.t("dovetail.port_mapping")
-      })
-    }),
+    title: i18n2.t("dovetail.port_mapping"),
     display: true,
     dataIndex: ["displayPortMapping"],
     width: 300,
@@ -20048,6 +20077,7 @@ exports.DataTab = DataTab;
 exports.DeleteButton = DeleteButton;
 exports.DeleteManyButton = DeleteManyButton;
 exports.DeploymentModel = DeploymentModel;
+exports.DnsSubdomainRegExp = DnsSubdomainRegExp;
 exports.Dovetail = Dovetail;
 exports.DrawerShow = DrawerShow;
 exports.DurationColumnRenderer = DurationColumnRenderer;
@@ -20209,6 +20239,8 @@ exports.ResourceTableField = ResourceTableField;
 exports.ResourceTableGroup = ResourceTableGroup;
 exports.ResourceUsageBar = ResourceUsageBar;
 exports.RestartsColumnRenderer = RestartsColumnRenderer;
+exports.Rfc1035NameRegExp = Rfc1035NameRegExp;
+exports.Rfc1123NameRegExp = Rfc1123NameRegExp;
 exports.SCAllowExpandColumnRenderer = SCAllowExpandColumnRenderer;
 exports.SCReclaimPolicyColumnRenderer = SCReclaimPolicyColumnRenderer;
 exports.SCReclaimPolicyField = SCReclaimPolicyField;

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),
@@ -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")
+          }
+        );
       }
     },
     {
@@ -10710,7 +10730,12 @@ function validateLabelValue(value2, i18n2, isOptional) {
   if (isOptional && value2 === "") {
     return { isValid: true };
   } else if (value2 === "") {
-    return { isValid: false, errorMessage: i18n2.t("dovetail.required_field", { label: i18n2.t("dovetail.value") }) };
+    return {
+      isValid: false,
+      errorMessage: i18n2.t("dovetail.required_field", {
+        label: i18n2.t("dovetail.value")
+      })
+    };
   }
   if (value2.length > 63) {
     return { isValid: false };
@@ -10747,7 +10772,7 @@ function validatePort(port2, options) {
   return { isValid: true };
 }
 function validateNodePort(nodePort, allNodePorts, i18n2) {
-  if (!nodePort) {
+  if (nodePort === "") {
     return {
       isValid: false,
       errorMessage: i18n2.t("dovetail.required_field", {
@@ -10765,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();
@@ -10776,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,
@@ -10791,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,
     {
@@ -11429,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"),
@@ -11734,6 +11764,7 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ jsxRuntimeExports.jsx(AutoComplete, {
       options: keyOptions || [],
       value: value22,
@@ -11743,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
     });
   };
@@ -11753,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);
       }
@@ -11819,15 +11851,16 @@ 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"];
           }
         }
       },
       disableBatchFilling: true,
       hideEmptyTable: true
-    }), isHideLabelFormatPopover ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
+    }), isHideLabelFormatPopover || _value.length === 0 ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
       noValueValidation
     })]
   });
@@ -13038,8 +13071,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,
@@ -13048,7 +13081,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
       })]
     })]
   });
@@ -15731,7 +15765,8 @@ const YamlEditorComponent = forwardRef(
       eleRef,
       className,
       debounceTime,
-      isScrollOnFocus = true
+      isScrollOnFocus = true,
+      isHideActions = false
     } = props;
     const { t: t2 } = useTranslation();
     const [isCollapsed, setIsCollapsed] = useState(
@@ -15837,7 +15872,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,
@@ -17924,7 +17959,7 @@ const MatchLabelSelector = React.forwardRef(function MatchLabelSelector2(props,
         }
       ),
       onChange,
-      isValueOptional: false,
+      isValueOptional: true,
       minSize: 1,
       disabledChagneDefaultValues
     }
@@ -18763,7 +18798,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
       },
       {
         key: "name",
-        title: i18n2.t("dovetail.port_name"),
+        title: `${i18n2.t("dovetail.name")} ${i18n2.t("dovetail.optional_with_bracket")}`,
         type: "input",
         validator: ({ value: portName, rowIndex }) => {
           const { errorMessage } = validateRfc1123Name({
@@ -18791,7 +18826,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
           );
         },
         validator: ({ value: value22 }) => {
-          const { isValid, errorMessage } = validatePort(value22 || "", {
+          const { isValid, errorMessage } = validatePort(value22 ?? "", {
             isOptional: false,
             i18n: i18n2,
             emptyText: i18n2.t("dovetail.required_field", {
@@ -18817,7 +18852,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
           );
         },
         validator: ({ value: value22 }) => {
-          const { isValid, errorMessage } = validatePort(value22 || "", {
+          const { isValid, errorMessage } = validatePort(value22 ?? "", {
             isOptional: false,
             i18n: i18n2,
             emptyText: i18n2.t("dovetail.required_field", {
@@ -18854,7 +18889,7 @@ const PortsConfigForm = React.forwardRef(function PortsConfigForm2({ value: valu
               }
             ).map((row) => row.nodePort.value)
           ];
-          const { isValid, errorMessage } = value22.mode === "auto" ? { isValid: true, errorMessage: void 0 } : validateNodePort(value22.value, allNodePorts, i18n2);
+          const { isValid, errorMessage } = value22.mode === "auto" ? { isValid: true, errorMessage: void 0 } : validateNodePort(value22.value ?? "", allNodePorts, i18n2);
           if (!isValid)
             return errorMessage;
         }
@@ -19455,13 +19490,7 @@ const DataKeysColumnRenderer = (i18n2) => {
 const PortMappingColumnRenderer = (i18n2) => {
   return {
     key: "displayPortMapping",
-    title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-      title: i18n2.t("dovetail.port_mapping_title_tooltip"),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        className: DashedTitleStyle,
-        children: i18n2.t("dovetail.port_mapping")
-      })
-    }),
+    title: i18n2.t("dovetail.port_mapping"),
     display: true,
     dataIndex: ["displayPortMapping"],
     width: 300,
@@ -20030,6 +20059,7 @@ export {
   DeleteButton,
   DeleteManyButton,
   DeploymentModel,
+  DnsSubdomainRegExp,
   Dovetail,
   DrawerShow,
   DurationColumnRenderer,
@@ -20191,6 +20221,8 @@ export {
   ResourceTableGroup,
   ResourceUsageBar,
   RestartsColumnRenderer,
+  Rfc1035NameRegExp,
+  Rfc1123NameRegExp,
   SCAllowExpandColumnRenderer,
   SCReclaimPolicyColumnRenderer,
   SCReclaimPolicyField,

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;

package/dist/utils/validation.d.ts

@@ -1,4 +1,7 @@
 import { i18n as I18n } from 'i18next';
+export declare const Rfc1123NameRegExp: RegExp;
+export declare const Rfc1035NameRegExp: RegExp;
+export declare const DnsSubdomainRegExp: RegExp;
 interface ValidateResourceNameOptions {
     v: string;
     allNames: string[];
@@ -58,7 +61,7 @@ export declare function validatePort(port: string | number, options: {
     isValid: boolean;
     errorMessage?: string;
 };
-export declare function validateNodePort(nodePort: number | null, allNodePorts: number[], i18n: I18n): {
+export declare function validateNodePort(nodePort: number | string | null, allNodePorts: number[], i18n: I18n): {
     isValid: boolean;
     errorMessage?: string;
 };

package/package.json

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