@dovetail-v2/refine 0.3.12-alpha.0 → 0.3.12-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Dropdowns/K8sDropdown/index.d.ts +1 -0
- package/dist/components/ResourceLink/index.d.ts +1 -1
- package/dist/components/ShowContent/ShowContentView.d.ts +1 -8
- package/dist/components/ShowContent/fields.d.ts +4 -7
- package/dist/components/ShowContent/tabs.d.ts +3 -12
- package/dist/components/index.d.ts +0 -1
- package/dist/hooks/useEagleTable/columns.d.ts +1 -1
- package/dist/i18n.d.ts +2 -1
- package/dist/locales/en-US/index.d.ts +1 -0
- package/dist/locales/zh-CN/index.d.ts +1 -1
- package/dist/models/cronjob-model.d.ts +0 -2
- package/dist/models/job-model.d.ts +0 -1
- package/dist/refine.cjs +108 -186
- package/dist/refine.js +110 -188
- package/dist/style.css +10 -119
- package/package.json +1 -1
- package/dist/components/LabelsAndAnnotationsShow/index.d.ts +0 -8
- package/dist/styles/show.d.ts +0 -2
package/dist/refine.cjs
CHANGED
|
@@ -563,6 +563,7 @@ const create_failed$1 = "Creation failed.";
|
|
|
563
563
|
const create_failed_tip$1 = "Please address the following issues and try again: ";
|
|
564
564
|
const save_failed$1 = "Failed to save.";
|
|
565
565
|
const save_failed_tip$1 = "Please address the following issues and try again: ";
|
|
566
|
+
const completion_num_tooltip$1 = "Completed/Expected";
|
|
566
567
|
const ready_num_tooltip$1 = "Ready/Expected";
|
|
567
568
|
const realtime_log$1 = "Real-time logs";
|
|
568
569
|
const previous_log$1 = "Last startup logs";
|
|
@@ -813,6 +814,7 @@ const dovetail$1 = {
|
|
|
813
814
|
create_failed_tip: create_failed_tip$1,
|
|
814
815
|
save_failed: save_failed$1,
|
|
815
816
|
save_failed_tip: save_failed_tip$1,
|
|
817
|
+
completion_num_tooltip: completion_num_tooltip$1,
|
|
816
818
|
ready_num_tooltip: ready_num_tooltip$1,
|
|
817
819
|
realtime_log: realtime_log$1,
|
|
818
820
|
previous_log: previous_log$1,
|
|
@@ -1078,7 +1080,7 @@ const create_failed = "创建失败。";
|
|
|
1078
1080
|
const create_failed_tip = "请解决如下问题后,再创建:";
|
|
1079
1081
|
const save_failed = "保存失败。";
|
|
1080
1082
|
const save_failed_tip = "请解决如下问题后,再保存:";
|
|
1081
|
-
const
|
|
1083
|
+
const completion_num_tooltip = "已完成数量/预期数量";
|
|
1082
1084
|
const ready_num_tooltip = "就绪数量/预期数量";
|
|
1083
1085
|
const warning = "警告";
|
|
1084
1086
|
const normal = "正常";
|
|
@@ -1342,7 +1344,7 @@ const dovetail = {
|
|
|
1342
1344
|
create_failed_tip,
|
|
1343
1345
|
save_failed,
|
|
1344
1346
|
save_failed_tip,
|
|
1345
|
-
|
|
1347
|
+
completion_num_tooltip,
|
|
1346
1348
|
ready_num_tooltip,
|
|
1347
1349
|
"true": "是",
|
|
1348
1350
|
"false": "否",
|
|
@@ -7626,9 +7628,6 @@ function DurationTime(props) {
|
|
|
7626
7628
|
};
|
|
7627
7629
|
return /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { children: elapsedTime(value2, i18nMap).label || /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, { value: "" }) });
|
|
7628
7630
|
}
|
|
7629
|
-
const show_1mm8a0w = "";
|
|
7630
|
-
const SmallSectionTitleStyle = common.cx_default(eagle.Typo.Label.l4_bold, "smzfpl7");
|
|
7631
|
-
const DashedTitleStyle = "d85h4vb";
|
|
7632
7631
|
const index_1xaw1mq = "";
|
|
7633
7632
|
const BreadcrumbStyle = "b142d7q8";
|
|
7634
7633
|
function Breadcrumb(props) {
|
|
@@ -9406,11 +9405,6 @@ class JobModel extends WorkloadBaseModel {
|
|
|
9406
9405
|
}
|
|
9407
9406
|
return `${((_a = this._rawYaml.status) == null ? void 0 : _a.succeeded) || 0}/${(_b = this._rawYaml.spec) == null ? void 0 : _b.completions}`;
|
|
9408
9407
|
}
|
|
9409
|
-
get podCountDisplay() {
|
|
9410
|
-
var _a, _b, _c;
|
|
9411
|
-
const count = (((_a = this.status) == null ? void 0 : _a.active) || 0) + (((_b = this.status) == null ? void 0 : _b.succeeded) || 0) + (((_c = this.status) == null ? void 0 : _c.failed) || 0);
|
|
9412
|
-
return `${this.succeeded}/${count}`;
|
|
9413
|
-
}
|
|
9414
9408
|
get succeeded() {
|
|
9415
9409
|
var _a;
|
|
9416
9410
|
return ((_a = this._rawYaml.status) == null ? void 0 : _a.succeeded) || 0;
|
|
@@ -9727,12 +9721,6 @@ class CronJobModel extends WorkloadBaseModel {
|
|
|
9727
9721
|
}
|
|
9728
9722
|
return newOne;
|
|
9729
9723
|
}
|
|
9730
|
-
getJobsCountDisplay(jobs) {
|
|
9731
|
-
const completed = jobs.filter(
|
|
9732
|
-
(job) => job.stateDisplay === ResourceState.COMPLETED
|
|
9733
|
-
).length;
|
|
9734
|
-
return `${completed}/${jobs.length}`;
|
|
9735
|
-
}
|
|
9736
9724
|
}
|
|
9737
9725
|
class EventModel extends ResourceModel {
|
|
9738
9726
|
constructor(_rawYaml, _globalStore) {
|
|
@@ -10659,7 +10647,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
|
|
|
10659
10647
|
}
|
|
10660
10648
|
function K8sDropdown(props) {
|
|
10661
10649
|
var _a;
|
|
10662
|
-
const { record, size = "normal" } = props;
|
|
10650
|
+
const { record, size = "normal", customButton } = props;
|
|
10663
10651
|
const globalStore = useGlobalStore();
|
|
10664
10652
|
const useResourceResult = core.useResource();
|
|
10665
10653
|
const configs = React.useContext(ConfigsContext);
|
|
@@ -10719,7 +10707,7 @@ function K8sDropdown(props) {
|
|
|
10719
10707
|
) : null
|
|
10720
10708
|
] }),
|
|
10721
10709
|
trigger: ["click"],
|
|
10722
|
-
children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
|
|
10710
|
+
children: customButton || /* @__PURE__ */ common.jsxRuntimeExports.jsx(
|
|
10723
10711
|
eagle.Button,
|
|
10724
10712
|
{
|
|
10725
10713
|
type: "quiet",
|
|
@@ -10962,7 +10950,7 @@ const CronjobJobsTable = ({
|
|
|
10962
10950
|
const columns = React.useMemo(() => [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
|
|
10963
10951
|
...WorkloadImageColumnRenderer(i18n2),
|
|
10964
10952
|
width: 238
|
|
10965
|
-
},
|
|
10953
|
+
}, CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)], [i18n2]);
|
|
10966
10954
|
const params = React.useMemo(() => ({
|
|
10967
10955
|
columns,
|
|
10968
10956
|
useTableParams: {
|
|
@@ -11129,7 +11117,7 @@ const ResourceLink = (props) => {
|
|
|
11129
11117
|
resourceName,
|
|
11130
11118
|
namespace: namespace2,
|
|
11131
11119
|
name: name2,
|
|
11132
|
-
|
|
11120
|
+
query,
|
|
11133
11121
|
displayName
|
|
11134
11122
|
} = props;
|
|
11135
11123
|
const navigation = core.useNavigation();
|
|
@@ -11154,7 +11142,9 @@ const ResourceLink = (props) => {
|
|
|
11154
11142
|
to: navigation.showUrl(resourceName, ""),
|
|
11155
11143
|
query: {
|
|
11156
11144
|
id: namespace2 ? `${namespace2}/${name2}` : name2,
|
|
11157
|
-
|
|
11145
|
+
// from is current resource by default
|
|
11146
|
+
from: resourceName,
|
|
11147
|
+
...query
|
|
11158
11148
|
},
|
|
11159
11149
|
options: {
|
|
11160
11150
|
keepQuery: true
|
|
@@ -12493,15 +12483,13 @@ const IngressRulesTableTabField = () => {
|
|
|
12493
12483
|
}
|
|
12494
12484
|
};
|
|
12495
12485
|
};
|
|
12496
|
-
const EventsTableTabField = ({
|
|
12497
|
-
size
|
|
12498
|
-
}) => {
|
|
12486
|
+
const EventsTableTabField = () => {
|
|
12499
12487
|
return {
|
|
12500
12488
|
key: "event",
|
|
12501
12489
|
path: [],
|
|
12502
12490
|
renderContent: (_, record) => {
|
|
12503
12491
|
var _a;
|
|
12504
|
-
return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { style: { padding:
|
|
12492
|
+
return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(EventsTable, { uid: (_a = record.metadata) == null ? void 0 : _a.uid }) });
|
|
12505
12493
|
}
|
|
12506
12494
|
};
|
|
12507
12495
|
};
|
|
@@ -12749,7 +12737,7 @@ const PVCRefField = (i18n2) => {
|
|
|
12749
12737
|
resourceName: "persistentvolumeclaims",
|
|
12750
12738
|
namespace: pv2.pvcNamespace || "default",
|
|
12751
12739
|
name: value2,
|
|
12752
|
-
uid: pv2.pvcUid
|
|
12740
|
+
query: { uid: pv2.pvcUid }
|
|
12753
12741
|
}
|
|
12754
12742
|
);
|
|
12755
12743
|
}
|
|
@@ -12809,52 +12797,6 @@ const ResourceTableField = (resource, useTableParams) => {
|
|
|
12809
12797
|
}
|
|
12810
12798
|
};
|
|
12811
12799
|
};
|
|
12812
|
-
const PodCountOfJobField = (i18n2) => {
|
|
12813
|
-
return {
|
|
12814
|
-
key: "podCount",
|
|
12815
|
-
path: [],
|
|
12816
|
-
col: 12,
|
|
12817
|
-
title: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tooltip, { title: i18n2.t("dovetail.job_pod_count_tooltip"), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { className: DashedTitleStyle, children: i18n2.t("dovetail.pod_num") }) }),
|
|
12818
|
-
renderContent: (_, record) => {
|
|
12819
|
-
return /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { children: record.podCountDisplay });
|
|
12820
|
-
}
|
|
12821
|
-
};
|
|
12822
|
-
};
|
|
12823
|
-
const index_15s69c5 = "";
|
|
12824
|
-
const ItemWrapperStyle = "i1hk9uwu";
|
|
12825
|
-
const LabelsAndAnnotationsShow = ({
|
|
12826
|
-
labels,
|
|
12827
|
-
annotations,
|
|
12828
|
-
size = "medium"
|
|
12829
|
-
}) => {
|
|
12830
|
-
const {
|
|
12831
|
-
i18n: sksI18n
|
|
12832
|
-
} = common.useTranslation();
|
|
12833
|
-
return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
|
|
12834
|
-
className: "c1wn08fn",
|
|
12835
|
-
style: {
|
|
12836
|
-
padding: size === "small" ? "12px" : "16px 24px",
|
|
12837
|
-
gap: size === "small" ? "12px" : "16px"
|
|
12838
|
-
},
|
|
12839
|
-
children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
|
|
12840
|
-
className: ItemWrapperStyle,
|
|
12841
|
-
children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
|
|
12842
|
-
className: SmallSectionTitleStyle,
|
|
12843
|
-
children: sksI18n.t("dovetail.label")
|
|
12844
|
-
}), /* @__PURE__ */ common.jsxRuntimeExports.jsx(Tags, {
|
|
12845
|
-
value: labels
|
|
12846
|
-
})]
|
|
12847
|
-
}), /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
|
|
12848
|
-
className: ItemWrapperStyle,
|
|
12849
|
-
children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
|
|
12850
|
-
className: SmallSectionTitleStyle,
|
|
12851
|
-
children: sksI18n.t("dovetail.annotation")
|
|
12852
|
-
}), /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValue, {
|
|
12853
|
-
data: annotations
|
|
12854
|
-
})]
|
|
12855
|
-
})]
|
|
12856
|
-
});
|
|
12857
|
-
};
|
|
12858
12800
|
const baseNoReset = "";
|
|
12859
12801
|
const index_14irc29 = "";
|
|
12860
12802
|
const WrapperStyle$3 = "wve7dfm";
|
|
@@ -13050,30 +12992,22 @@ const PodLog = ({
|
|
|
13050
12992
|
})]
|
|
13051
12993
|
});
|
|
13052
12994
|
};
|
|
13053
|
-
const EventsTab = ({
|
|
13054
|
-
i18n: i18n2,
|
|
13055
|
-
size
|
|
13056
|
-
}) => ({
|
|
12995
|
+
const EventsTab = (i18n2) => ({
|
|
13057
12996
|
title: i18n2.t("dovetail.event"),
|
|
13058
12997
|
key: "events",
|
|
13059
|
-
background: "white",
|
|
13060
12998
|
groups: [
|
|
13061
12999
|
{
|
|
13062
13000
|
areas: [
|
|
13063
13001
|
{
|
|
13064
|
-
fields: [EventsTableTabField(
|
|
13002
|
+
fields: [EventsTableTabField()]
|
|
13065
13003
|
}
|
|
13066
13004
|
]
|
|
13067
13005
|
}
|
|
13068
13006
|
]
|
|
13069
13007
|
});
|
|
13070
|
-
const ConditionsTab = ({
|
|
13071
|
-
i18n: i18n2,
|
|
13072
|
-
size
|
|
13073
|
-
}) => ({
|
|
13008
|
+
const ConditionsTab = (i18n2) => ({
|
|
13074
13009
|
title: i18n2.t("dovetail.condition"),
|
|
13075
13010
|
key: "conditions",
|
|
13076
|
-
background: "white",
|
|
13077
13011
|
groups: [
|
|
13078
13012
|
{
|
|
13079
13013
|
areas: [
|
|
@@ -13083,16 +13017,10 @@ const ConditionsTab = ({
|
|
|
13083
13017
|
key: "Conditions",
|
|
13084
13018
|
path: ["status", "conditions"],
|
|
13085
13019
|
renderContent: (value2) => {
|
|
13086
|
-
return /* @__PURE__ */ common.jsxRuntimeExports.
|
|
13087
|
-
|
|
13088
|
-
|
|
13089
|
-
|
|
13090
|
-
padding: size === "small" ? "0 12px" : "0 24px",
|
|
13091
|
-
height: "100%"
|
|
13092
|
-
},
|
|
13093
|
-
children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ConditionsTable, { conditions: value2 })
|
|
13094
|
-
}
|
|
13095
|
-
);
|
|
13020
|
+
return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", { style: { padding: "0 24px", height: "100%" }, children: [
|
|
13021
|
+
/* @__PURE__ */ common.jsxRuntimeExports.jsx(ConditionsTable, { conditions: value2 }),
|
|
13022
|
+
";"
|
|
13023
|
+
] });
|
|
13096
13024
|
}
|
|
13097
13025
|
}
|
|
13098
13026
|
]
|
|
@@ -13101,31 +13029,41 @@ const ConditionsTab = ({
|
|
|
13101
13029
|
}
|
|
13102
13030
|
]
|
|
13103
13031
|
});
|
|
13104
|
-
const LabelAnnotationsTab = ({
|
|
13105
|
-
i18n: i18n2,
|
|
13106
|
-
size
|
|
13107
|
-
}) => ({
|
|
13032
|
+
const LabelAnnotationsTab = (i18n2) => ({
|
|
13108
13033
|
title: i18n2.t("dovetail.label_annotations"),
|
|
13109
13034
|
key: "label-annotations",
|
|
13110
|
-
background: "white",
|
|
13111
13035
|
groups: [
|
|
13112
13036
|
{
|
|
13037
|
+
title: i18n2.t("dovetail.label"),
|
|
13113
13038
|
areas: [
|
|
13114
13039
|
{
|
|
13115
13040
|
fields: [
|
|
13116
13041
|
{
|
|
13117
|
-
key: "
|
|
13118
|
-
|
|
13119
|
-
|
|
13120
|
-
|
|
13121
|
-
|
|
13122
|
-
|
|
13123
|
-
|
|
13124
|
-
|
|
13125
|
-
|
|
13126
|
-
|
|
13127
|
-
|
|
13128
|
-
|
|
13042
|
+
key: "Labels",
|
|
13043
|
+
title: i18n2.t("dovetail.label"),
|
|
13044
|
+
path: ["metadata", "labels"],
|
|
13045
|
+
render: (value2) => {
|
|
13046
|
+
if (!value2) {
|
|
13047
|
+
return "-";
|
|
13048
|
+
}
|
|
13049
|
+
return /* @__PURE__ */ common.jsxRuntimeExports.jsx(Tags, { value: value2 });
|
|
13050
|
+
}
|
|
13051
|
+
}
|
|
13052
|
+
]
|
|
13053
|
+
}
|
|
13054
|
+
]
|
|
13055
|
+
},
|
|
13056
|
+
{
|
|
13057
|
+
title: i18n2.t("dovetail.annotation"),
|
|
13058
|
+
areas: [
|
|
13059
|
+
{
|
|
13060
|
+
fields: [
|
|
13061
|
+
{
|
|
13062
|
+
key: "Annotations",
|
|
13063
|
+
title: i18n2.t("dovetail.annotation"),
|
|
13064
|
+
path: ["metadata", "annotations"],
|
|
13065
|
+
render: (value2) => {
|
|
13066
|
+
return /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValue, { data: value2 });
|
|
13129
13067
|
}
|
|
13130
13068
|
}
|
|
13131
13069
|
]
|
|
@@ -13137,7 +13075,6 @@ const LabelAnnotationsTab = ({
|
|
|
13137
13075
|
const PodLogTab = (i18n2, apiUrl) => ({
|
|
13138
13076
|
title: i18n2.t("dovetail.log"),
|
|
13139
13077
|
key: "pod-log",
|
|
13140
|
-
background: "white",
|
|
13141
13078
|
groups: [
|
|
13142
13079
|
{
|
|
13143
13080
|
areas: [
|
|
@@ -13317,6 +13254,8 @@ const BasicGroup = (i18n2, {
|
|
|
13317
13254
|
{
|
|
13318
13255
|
fields: (isShowNamespace ? [NamespaceField(i18n2)] : []).concat([
|
|
13319
13256
|
...basicFields,
|
|
13257
|
+
LabelsField(i18n2),
|
|
13258
|
+
AnnotationsField(i18n2),
|
|
13320
13259
|
AgeField(i18n2)
|
|
13321
13260
|
])
|
|
13322
13261
|
},
|
|
@@ -13499,7 +13438,7 @@ function Tabs(props) {
|
|
|
13499
13438
|
return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
|
|
13500
13439
|
}) });
|
|
13501
13440
|
}
|
|
13502
|
-
const
|
|
13441
|
+
const ShowContentView_1aeomp8 = "";
|
|
13503
13442
|
const ShowContentWrapperStyle = "soapvs9";
|
|
13504
13443
|
const BackButton = "b13d603q";
|
|
13505
13444
|
const ToolBarWrapper = "tm8eaia";
|
|
@@ -13514,8 +13453,7 @@ const FieldWrapperStyle = "f1c7cta8";
|
|
|
13514
13453
|
const TabContentStyle = "t1pt61xk";
|
|
13515
13454
|
const ValueStyle = "v1to6fie";
|
|
13516
13455
|
const TabsStyle = "tca5959";
|
|
13517
|
-
const
|
|
13518
|
-
const KindTagStyle = "kzyzuo8";
|
|
13456
|
+
const KindTagStyle = "k3dcesi";
|
|
13519
13457
|
function ShowGroupWithTitleComponent(props) {
|
|
13520
13458
|
const {
|
|
13521
13459
|
title,
|
|
@@ -13535,19 +13473,15 @@ function ShowGroupWithTitleComponent(props) {
|
|
|
13535
13473
|
}
|
|
13536
13474
|
function BasicShowGroupComponent(props) {
|
|
13537
13475
|
const {
|
|
13538
|
-
children
|
|
13539
|
-
size = "medium"
|
|
13476
|
+
children
|
|
13540
13477
|
} = props;
|
|
13541
13478
|
return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
|
|
13542
13479
|
className: common.cx_default(BasicGroupStyle, "basic-group"),
|
|
13543
|
-
style: {
|
|
13544
|
-
margin: size === "small" ? "12px 8px 0px 12px" : void 0
|
|
13545
|
-
},
|
|
13546
13480
|
children
|
|
13547
13481
|
});
|
|
13548
13482
|
}
|
|
13549
13483
|
const ShowContentView = (props) => {
|
|
13550
|
-
var _a, _b, _c, _d;
|
|
13484
|
+
var _a, _b, _c, _d, _e;
|
|
13551
13485
|
const {
|
|
13552
13486
|
id,
|
|
13553
13487
|
resourceName,
|
|
@@ -13558,8 +13492,7 @@ const ShowContentView = (props) => {
|
|
|
13558
13492
|
hideBackButton = false,
|
|
13559
13493
|
canCollapseTabs = false,
|
|
13560
13494
|
className,
|
|
13561
|
-
hideTopBar = false
|
|
13562
|
-
size = "medium"
|
|
13495
|
+
hideTopBar = false
|
|
13563
13496
|
} = props;
|
|
13564
13497
|
const {
|
|
13565
13498
|
queryResult
|
|
@@ -13596,41 +13529,38 @@ const ShowContentView = (props) => {
|
|
|
13596
13529
|
let content;
|
|
13597
13530
|
const value2 = lodashEs.get(record, field.path);
|
|
13598
13531
|
if (field.renderContent) {
|
|
13599
|
-
content = field.renderContent(value2, record, field
|
|
13532
|
+
content = field.renderContent(value2, record, field);
|
|
13600
13533
|
} else {
|
|
13601
13534
|
content = lodashEs.get(record, field.path);
|
|
13602
13535
|
}
|
|
13603
|
-
|
|
13604
|
-
|
|
13605
|
-
|
|
13606
|
-
|
|
13607
|
-
|
|
13608
|
-
|
|
13609
|
-
|
|
13610
|
-
|
|
13611
|
-
|
|
13612
|
-
|
|
13613
|
-
|
|
13614
|
-
|
|
13615
|
-
|
|
13616
|
-
|
|
13617
|
-
|
|
13618
|
-
|
|
13619
|
-
|
|
13620
|
-
|
|
13621
|
-
|
|
13622
|
-
|
|
13623
|
-
|
|
13624
|
-
|
|
13625
|
-
|
|
13626
|
-
|
|
13627
|
-
|
|
13628
|
-
|
|
13629
|
-
|
|
13630
|
-
|
|
13631
|
-
}, field.key);
|
|
13632
|
-
}
|
|
13633
|
-
return field.render ? field.render(value2, record, field, size) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
|
|
13536
|
+
return hasCol ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Col, {
|
|
13537
|
+
flex: areaType === AreaType.Inline ? "none" : "",
|
|
13538
|
+
span: field.col || 24,
|
|
13539
|
+
className: "czyzuo8",
|
|
13540
|
+
children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
|
|
13541
|
+
className: FieldWrapperStyle,
|
|
13542
|
+
children: [field.title && /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
|
|
13543
|
+
className: eagle.Typo.Label.l4_regular_title,
|
|
13544
|
+
style: {
|
|
13545
|
+
width: field.labelWidth || "165px",
|
|
13546
|
+
marginRight: 8,
|
|
13547
|
+
flexShrink: 0,
|
|
13548
|
+
color: "#2C385299"
|
|
13549
|
+
},
|
|
13550
|
+
children: field.title
|
|
13551
|
+
}), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
|
|
13552
|
+
style: {
|
|
13553
|
+
flex: 1,
|
|
13554
|
+
minWidth: 0
|
|
13555
|
+
},
|
|
13556
|
+
children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
|
|
13557
|
+
className: common.cx_default(eagle.Typo.Label.l4_regular_title, ValueStyle),
|
|
13558
|
+
value: content,
|
|
13559
|
+
useOverflow: false
|
|
13560
|
+
})
|
|
13561
|
+
})]
|
|
13562
|
+
})
|
|
13563
|
+
}, field.key) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
|
|
13634
13564
|
style: {
|
|
13635
13565
|
height: "100%"
|
|
13636
13566
|
},
|
|
@@ -13642,10 +13572,7 @@ const ShowContentView = (props) => {
|
|
|
13642
13572
|
function renderGroup(group, isBasicGroup = false) {
|
|
13643
13573
|
let GroupContainer = React.Fragment;
|
|
13644
13574
|
let FieldContainer = React.Fragment;
|
|
13645
|
-
|
|
13646
|
-
title: group.title || "",
|
|
13647
|
-
size
|
|
13648
|
-
};
|
|
13575
|
+
let groupContainerProps = {};
|
|
13649
13576
|
let fieldContainerProps = {};
|
|
13650
13577
|
if (isBasicGroup) {
|
|
13651
13578
|
GroupContainer = BasicShowGroupComponent;
|
|
@@ -13655,6 +13582,9 @@ const ShowContentView = (props) => {
|
|
|
13655
13582
|
const shouldRenderRow = !!(isBasicGroup || group.title);
|
|
13656
13583
|
if (shouldRenderRow) {
|
|
13657
13584
|
FieldContainer = eagle.Row;
|
|
13585
|
+
groupContainerProps = {
|
|
13586
|
+
title: group.title || ""
|
|
13587
|
+
};
|
|
13658
13588
|
fieldContainerProps = {
|
|
13659
13589
|
gutter: [24, 8]
|
|
13660
13590
|
};
|
|
@@ -13676,10 +13606,7 @@ const ShowContentView = (props) => {
|
|
|
13676
13606
|
const stateDisplay = lodashEs.get(record, "stateDisplay");
|
|
13677
13607
|
const topBar = /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
|
|
13678
13608
|
className: ToolBarWrapper,
|
|
13679
|
-
|
|
13680
|
-
padding: size === "small" ? "8px 16px" : void 0
|
|
13681
|
-
},
|
|
13682
|
-
children: [!hideBackButton && /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
|
|
13609
|
+
children: [!hideBackButton && !showConfig.renderCustomBackButton && /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
|
|
13683
13610
|
className: common.cx_default(eagle.Typo.Label.l4_bold, BackButton),
|
|
13684
13611
|
onClick: () => {
|
|
13685
13612
|
go({
|
|
@@ -13697,7 +13624,7 @@ const ShowContentView = (props) => {
|
|
|
13697
13624
|
children: (config == null ? void 0 : config.displayName) || resourceName
|
|
13698
13625
|
})
|
|
13699
13626
|
})
|
|
13700
|
-
}), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
|
|
13627
|
+
}), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
|
|
13701
13628
|
className: TopBarStyle,
|
|
13702
13629
|
children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
|
|
13703
13630
|
style: {
|
|
@@ -13708,13 +13635,13 @@ const ShowContentView = (props) => {
|
|
|
13708
13635
|
children: config.kind
|
|
13709
13636
|
}), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
|
|
13710
13637
|
className: common.cx_default(eagle.Typo.Display.d2_regular_title, NameStyle),
|
|
13711
|
-
children: ((
|
|
13638
|
+
children: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name)
|
|
13712
13639
|
}), stateDisplay ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
|
|
13713
13640
|
state: stateDisplay,
|
|
13714
13641
|
customResourceStateMap: showConfig.resourceStateMap
|
|
13715
13642
|
}) : void 0]
|
|
13716
13643
|
}), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
|
|
13717
|
-
children: [(
|
|
13644
|
+
children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(core.CanAccess, {
|
|
13718
13645
|
resource: resourceName,
|
|
13719
13646
|
action: AccessControlAuth.Edit,
|
|
13720
13647
|
params: {
|
|
@@ -13727,7 +13654,7 @@ const ShowContentView = (props) => {
|
|
|
13727
13654
|
onClick: () => openForm({
|
|
13728
13655
|
id
|
|
13729
13656
|
}),
|
|
13730
|
-
children: ((
|
|
13657
|
+
children: ((_e = config.formConfig) == null ? void 0 : _e.formType) === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(config.displayName || config.kind, i18n2.language)}` : t2("dovetail.edit_yaml")
|
|
13731
13658
|
})
|
|
13732
13659
|
}) : null, /* @__PURE__ */ common.jsxRuntimeExports.jsx(Dropdown, {
|
|
13733
13660
|
record,
|
|
@@ -13737,28 +13664,22 @@ const ShowContentView = (props) => {
|
|
|
13737
13664
|
})]
|
|
13738
13665
|
});
|
|
13739
13666
|
const tabs = /* @__PURE__ */ common.jsxRuntimeExports.jsx(Tabs$1, {
|
|
13740
|
-
tabs: (showConfig.tabs || []).map((tab) => {
|
|
13667
|
+
tabs: (showConfig.tabs || []).map((tab, tabIndex) => {
|
|
13741
13668
|
var _a2;
|
|
13742
13669
|
return {
|
|
13743
13670
|
title: tab.title,
|
|
13744
13671
|
key: tab.key,
|
|
13745
13672
|
children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
|
|
13746
|
-
className: common.cx_default(TabContentStyle, tab.groups.length <= 1 && FullTabContentStyle),
|
|
13747
|
-
style: {
|
|
13748
|
-
background: tab.background === "white" ? "#fff" : void 0
|
|
13749
|
-
},
|
|
13673
|
+
className: common.cx_default(TabContentStyle, tab.groups.length <= 1 && tabIndex !== 0 && FullTabContentStyle),
|
|
13750
13674
|
children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => renderGroup(group, false))
|
|
13751
13675
|
})
|
|
13752
13676
|
};
|
|
13753
13677
|
}),
|
|
13754
|
-
className:
|
|
13678
|
+
className: TabsStyle
|
|
13755
13679
|
});
|
|
13756
13680
|
const basicInfo = showConfig.basicGroup ? renderGroup(showConfig.basicGroup, true) : null;
|
|
13757
13681
|
return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
|
|
13758
13682
|
className: common.cx_default(ShowContentWrapperStyle, className),
|
|
13759
|
-
style: {
|
|
13760
|
-
background: size === "small" ? "#fff" : void 0
|
|
13761
|
-
},
|
|
13762
13683
|
children: [hideTopBar ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Space, {
|
|
13763
13684
|
direction: "vertical",
|
|
13764
13685
|
className: ShowContentHeaderStyle,
|
|
@@ -13787,9 +13708,9 @@ const CollapseTabs = (props) => {
|
|
|
13787
13708
|
type: "link",
|
|
13788
13709
|
onClick: () => setIsCollapsed((v) => !v),
|
|
13789
13710
|
suffixIcon: isCollapsed ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
|
|
13790
|
-
src: iconsReact.ArrowChevronDownSmall16BlueIcon
|
|
13791
|
-
}) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
|
|
13792
13711
|
src: iconsReact.ArrowChevronUpSmall16BlueIcon
|
|
13712
|
+
}) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
|
|
13713
|
+
src: iconsReact.ArrowChevronDownSmall16BlueIcon
|
|
13793
13714
|
}),
|
|
13794
13715
|
children: isCollapsed ? t2("dovetail.view_all_info") : t2("dovetail.collapse")
|
|
13795
13716
|
})
|
|
@@ -18626,8 +18547,9 @@ const IngressRulesComponent = ({ ingress }) => {
|
|
|
18626
18547
|
});
|
|
18627
18548
|
return /* @__PURE__ */ common.jsxRuntimeExports.jsx(common.jsxRuntimeExports.Fragment, { children: result });
|
|
18628
18549
|
};
|
|
18629
|
-
const
|
|
18630
|
-
const
|
|
18550
|
+
const columns_j8358c = "";
|
|
18551
|
+
const DashedTitleStyle = "dh5j833";
|
|
18552
|
+
const ServiceClusterTooltipStyle = "s1fcgan";
|
|
18631
18553
|
const NameLink = (props) => {
|
|
18632
18554
|
var _a;
|
|
18633
18555
|
const {
|
|
@@ -18836,14 +18758,14 @@ const NodeNameColumnRenderer = (i18n2, options) => {
|
|
|
18836
18758
|
...options
|
|
18837
18759
|
};
|
|
18838
18760
|
};
|
|
18839
|
-
const
|
|
18761
|
+
const CompletionsCountColumnRenderer = (i18n2) => {
|
|
18840
18762
|
const dataIndex = ["succeeded"];
|
|
18841
18763
|
return {
|
|
18842
18764
|
key: "completions",
|
|
18843
18765
|
display: true,
|
|
18844
18766
|
dataIndex,
|
|
18845
18767
|
title: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tooltip, {
|
|
18846
|
-
title: i18n2.t("dovetail.
|
|
18768
|
+
title: i18n2.t("dovetail.completion_num_tooltip"),
|
|
18847
18769
|
children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
|
|
18848
18770
|
className: DashedTitleStyle,
|
|
18849
18771
|
children: i18n2.t("dovetail.pod_num")
|
|
@@ -18855,7 +18777,7 @@ const PodCountOfJobColumnRenderer = (i18n2) => {
|
|
|
18855
18777
|
sorter: CommonSorter(dataIndex),
|
|
18856
18778
|
render: (_, record) => {
|
|
18857
18779
|
return /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
|
|
18858
|
-
children: record.
|
|
18780
|
+
children: record.completionsDisplay
|
|
18859
18781
|
});
|
|
18860
18782
|
}
|
|
18861
18783
|
};
|
|
@@ -19258,7 +19180,9 @@ const PVCRefColumnRenderer = (i18n2) => {
|
|
|
19258
19180
|
resourceName: "persistentvolumeclaims",
|
|
19259
19181
|
namespace: pv2.pvcNamespace || "default",
|
|
19260
19182
|
name: value2,
|
|
19261
|
-
|
|
19183
|
+
query: {
|
|
19184
|
+
uid: pv2.pvcUid
|
|
19185
|
+
}
|
|
19262
19186
|
});
|
|
19263
19187
|
}
|
|
19264
19188
|
};
|
|
@@ -19601,6 +19525,7 @@ exports.CRONJOB_INIT_VALUE = CRONJOB_INIT_VALUE;
|
|
|
19601
19525
|
exports.ClusterIpField = ClusterIpField;
|
|
19602
19526
|
exports.ColumnKeys = ColumnKeys;
|
|
19603
19527
|
exports.CommonSorter = CommonSorter;
|
|
19528
|
+
exports.CompletionsCountColumnRenderer = CompletionsCountColumnRenderer;
|
|
19604
19529
|
exports.ComponentContext = ComponentContext;
|
|
19605
19530
|
exports.ConditionsField = ConditionsField;
|
|
19606
19531
|
exports.ConditionsGroup = ConditionsGroup;
|
|
@@ -19670,7 +19595,6 @@ exports.KeyValueListWidget = KeyValueListWidget;
|
|
|
19670
19595
|
exports.KeyValueSecret = KeyValueSecret;
|
|
19671
19596
|
exports.KeyValueTableForm = KeyValueTableForm;
|
|
19672
19597
|
exports.LabelAnnotationsTab = LabelAnnotationsTab;
|
|
19673
|
-
exports.LabelsAndAnnotationsShow = LabelsAndAnnotationsShow;
|
|
19674
19598
|
exports.LabelsField = LabelsField;
|
|
19675
19599
|
exports.Layout = Layout;
|
|
19676
19600
|
exports.ListPage = ListPage;
|
|
@@ -19732,8 +19656,6 @@ exports.PlainTextNameColumnRenderer = PlainTextNameColumnRenderer;
|
|
|
19732
19656
|
exports.PodContainersGroup = PodContainersGroup;
|
|
19733
19657
|
exports.PodContainersNumColumnRenderer = PodContainersNumColumnRenderer;
|
|
19734
19658
|
exports.PodContainersTable = PodContainersTable;
|
|
19735
|
-
exports.PodCountOfJobColumnRenderer = PodCountOfJobColumnRenderer;
|
|
19736
|
-
exports.PodCountOfJobField = PodCountOfJobField;
|
|
19737
19659
|
exports.PodDropdown = PodDropdown;
|
|
19738
19660
|
exports.PodLog = PodLog;
|
|
19739
19661
|
exports.PodLogTab = PodLogTab;
|