@dovetail-v2/refine 0.0.40-bowen.3 → 0.0.40
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/{MonacoYamlDiffEditor-436acb0f.js → MonacoYamlDiffEditor-a2597bad.js} +1 -1
- package/dist/{index-be658132.js → index-d6242911.js} +31 -34
- package/dist/refine.js +1 -1
- package/dist/refine.umd.cjs +30 -33
- package/lib/src/components/ModalContextProvider/index.d.ts +12 -0
- package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.d.ts +2 -1
- package/lib/src/components/YamlForm/index.d.ts +4 -0
- package/lib/src/hooks/useEagleForm.d.ts +2 -1
- package/lib/src/hooks/useModal.d.ts +0 -0
- package/lib/src/model/cronjob-model.d.ts +9 -0
- package/lib/src/model/index.d.ts +6 -0
- package/lib/src/model/job-model.d.ts +10 -0
- package/lib/src/model/pod-metrics-model.d.ts +7 -0
- package/lib/src/model/pod-model.d.ts +15 -0
- package/lib/src/model/resource-model.d.ts +17 -0
- package/lib/src/model/workload-model.d.ts +17 -0
- package/lib/src/types/metric.d.ts +25 -0
- package/lib/src/types/resource.d.ts +0 -4
- package/package.json +1 -1
- package/lib/src/App.js +0 -91
- package/lib/src/Dovetail.js +0 -45
- package/lib/src/components/Breadcrumb/index.js +0 -20
- package/lib/src/components/ConditionsTable/ConditionsTable.js +0 -56
- package/lib/src/components/ConditionsTable/index.js +0 -1
- package/lib/src/components/CreateButton/index.js +0 -10
- package/lib/src/components/CronJobDropdown/index.js +0 -26
- package/lib/src/components/CronjobJobsTable/index.js +0 -49
- package/lib/src/components/DeleteButton/index.js +0 -13
- package/lib/src/components/DeleteManyButton/index.js +0 -16
- package/lib/src/components/DrawerShow/DrawerShow.js +0 -13
- package/lib/src/components/DrawerShow/index.js +0 -1
- package/lib/src/components/EditButton/index.js +0 -13
- package/lib/src/components/EditField/index.js +0 -47
- package/lib/src/components/ErrorContent/index.js +0 -36
- package/lib/src/components/EventsTable/EventsTable.js +0 -59
- package/lib/src/components/EventsTable/index.js +0 -1
- package/lib/src/components/Form/KeyValueListWidget.js +0 -56
- package/lib/src/components/Form/MetadataForm.js +0 -9
- package/lib/src/components/Form/NameInputWidget.js +0 -50
- package/lib/src/components/Form/NamespaceSelectWidget.js +0 -21
- package/lib/src/components/Form/index.js +0 -4
- package/lib/src/components/Form/widget.js +0 -1
- package/lib/src/components/FormErrorAlert/index.js +0 -8
- package/lib/src/components/FormLayout/index.js +0 -21
- package/lib/src/components/FormModal/index.js +0 -51
- package/lib/src/components/ImageNames/index.js +0 -14
- package/lib/src/components/IngressRulesComponent/index.js +0 -11
- package/lib/src/components/IngressRulesTable/IngressRulesTable.js +0 -51
- package/lib/src/components/IngressRulesTable/index.js +0 -1
- package/lib/src/components/K8sDropdown/index.js +0 -31
- package/lib/src/components/KeyValue/KeyValue.js +0 -27
- package/lib/src/components/KeyValue/index.js +0 -1
- package/lib/src/components/KeyValueData/index.js +0 -50
- package/lib/src/components/Layout/index.js +0 -39
- package/lib/src/components/ListPage/index.js +0 -25
- package/lib/src/components/Menu/index.js +0 -36
- package/lib/src/components/NamespacesFilter/index.js +0 -34
- package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.js +0 -77
- package/lib/src/components/NetworkPolicyRulesTable/index.js +0 -1
- package/lib/src/components/PageShow/PageShow.js +0 -11
- package/lib/src/components/PageShow/index.js +0 -1
- package/lib/src/components/PodContainersTable/PodContainersTable.js +0 -78
- package/lib/src/components/PodContainersTable/index.js +0 -1
- package/lib/src/components/PodLog/index.js +0 -136
- package/lib/src/components/ReferenceLink/index.js +0 -17
- package/lib/src/components/RefineForm/RefineFormContent.d.ts +0 -10
- package/lib/src/components/RefineForm/RefineFormModal.d.ts +0 -8
- package/lib/src/components/RefineForm/RefineFormPage.d.ts +0 -7
- package/lib/src/components/RefineForm/index.d.ts +0 -3
- package/lib/src/components/RefineForm/type.d.ts +0 -20
- package/lib/src/components/RefineForm/useRefineForm.d.ts +0 -10
- package/lib/src/components/ResourceCRUD/ResourceCRUD.js +0 -15
- package/lib/src/components/ResourceCRUD/create/index.js +0 -13
- package/lib/src/components/ResourceCRUD/index.js +0 -4
- package/lib/src/components/ResourceCRUD/list/index.js +0 -19
- package/lib/src/components/ResourceCRUD/show/index.js +0 -6
- package/lib/src/components/ResourceLink/index.js +0 -21
- package/lib/src/components/ResourceUsageBar/index.js +0 -81
- package/lib/src/components/Separator/index.js +0 -11
- package/lib/src/components/ShowContent/ShowContent.js +0 -157
- package/lib/src/components/ShowContent/fields.js +0 -157
- package/lib/src/components/ShowContent/index.js +0 -2
- package/lib/src/components/StateTag/StateTag.js +0 -22
- package/lib/src/components/StateTag/index.js +0 -1
- package/lib/src/components/Table/ErrorContent.js +0 -36
- package/lib/src/components/Table/TableToolBar.js +0 -14
- package/lib/src/components/Table/TableWidgets.js +0 -28
- package/lib/src/components/Table/index.js +0 -69
- package/lib/src/components/Tags/index.js +0 -22
- package/lib/src/components/Time/index.js +0 -14
- package/lib/src/components/WorkloadDropdown/index.js +0 -24
- package/lib/src/components/WorkloadPodsTable/WorkloadPodsTable.js +0 -39
- package/lib/src/components/WorkloadPodsTable/index.js +0 -1
- package/lib/src/components/WorkloadReplicas/index.js +0 -50
- package/lib/src/components/YamlEditor/MonacoYamlDiffEditor.js +0 -34
- package/lib/src/components/YamlEditor/MonacoYamlEditor.js +0 -149
- package/lib/src/components/YamlEditor/YamlEditorComponent.js +0 -90
- package/lib/src/components/YamlEditor/index.js +0 -1
- package/lib/src/components/YamlEditor/style.js +0 -102
- package/lib/src/components/YamlEditor/yaml.worker.js +0 -1
- package/lib/src/components/YamlForm/index.js +0 -61
- package/lib/src/components/index.js +0 -38
- package/lib/src/constants/index.js +0 -2
- package/lib/src/constants/k8s.js +0 -203
- package/lib/src/constants/state.js +0 -15
- package/lib/src/contexts/component.js +0 -3
- package/lib/src/contexts/configs.js +0 -3
- package/lib/src/contexts/global-store.js +0 -3
- package/lib/src/contexts/index.js +0 -3
- package/lib/src/hooks/index.js +0 -7
- package/lib/src/hooks/useDeleteModal/index.js +0 -1
- package/lib/src/hooks/useDeleteModal/useDeleteManyModal.js +0 -31
- package/lib/src/hooks/useDeleteModal/useDeleteModal.js +0 -38
- package/lib/src/hooks/useDownloadYAML.js +0 -10
- package/lib/src/hooks/useEagleForm.js +0 -177
- package/lib/src/hooks/useEagleTable/columns.js +0 -246
- package/lib/src/hooks/useEagleTable/index.js +0 -2
- package/lib/src/hooks/useEagleTable/useEagleTable.js +0 -63
- package/lib/src/hooks/useEdit.js +0 -19
- package/lib/src/hooks/useGlobalStore.js +0 -5
- package/lib/src/hooks/useK8sYamlEditor.js +0 -37
- package/lib/src/hooks/useOpenForm.js +0 -43
- package/lib/src/hooks/useSchema.js +0 -37
- package/lib/src/hooks/useSubmitForm.js +0 -42
- package/lib/src/i18n.js +0 -19
- package/lib/src/index.js +0 -13
- package/lib/src/locales/en-US/dovetail.json +0 -18
- package/lib/src/locales/en-US/index.js +0 -4
- package/lib/src/locales/index.js +0 -6
- package/lib/src/locales/zh-CN/dovetail.json +0 -91
- package/lib/src/locales/zh-CN/index.js +0 -4
- package/lib/src/main.js +0 -12
- package/lib/src/models/cronjob-model.js +0 -32
- package/lib/src/models/daemonset-model.js +0 -17
- package/lib/src/models/deployment-model.js +0 -17
- package/lib/src/models/event-model.js +0 -11
- package/lib/src/models/index.js +0 -14
- package/lib/src/models/ingress-model.js +0 -24
- package/lib/src/models/job-model.js +0 -56
- package/lib/src/models/network-policy-model.js +0 -10
- package/lib/src/models/pod-metrics-model.js +0 -34
- package/lib/src/models/pod-model.js +0 -78
- package/lib/src/models/resource-model.js +0 -34
- package/lib/src/models/service-model.js +0 -17
- package/lib/src/models/statefulset-model.js +0 -17
- package/lib/src/models/types/index.js +0 -1
- package/lib/src/models/types/metric.js +0 -1
- package/lib/src/models/workload-base-model.js +0 -22
- package/lib/src/models/workload-model.js +0 -51
- package/lib/src/pages/configmaps/index.js +0 -15
- package/lib/src/pages/cronjobs/create/index.js +0 -6
- package/lib/src/pages/cronjobs/index.js +0 -3
- package/lib/src/pages/cronjobs/list/index.js +0 -42
- package/lib/src/pages/cronjobs/show/index.js +0 -16
- package/lib/src/pages/daemonsets/create/index.js +0 -6
- package/lib/src/pages/daemonsets/index.js +0 -3
- package/lib/src/pages/daemonsets/list/index.js +0 -32
- package/lib/src/pages/daemonsets/show/index.js +0 -16
- package/lib/src/pages/deployments/create/index.js +0 -7
- package/lib/src/pages/deployments/index.js +0 -3
- package/lib/src/pages/deployments/list/index.js +0 -26
- package/lib/src/pages/deployments/show/index.js +0 -16
- package/lib/src/pages/ingresses/index.js +0 -26
- package/lib/src/pages/jobs/index.js +0 -34
- package/lib/src/pages/networkPolicies/index.js +0 -67
- package/lib/src/pages/pods/create/index.js +0 -6
- package/lib/src/pages/pods/index.js +0 -3
- package/lib/src/pages/pods/list/index.js +0 -81
- package/lib/src/pages/pods/show/index.js +0 -54
- package/lib/src/pages/secrets/index.js +0 -15
- package/lib/src/pages/services/index.js +0 -26
- package/lib/src/pages/statefulsets/create/index.js +0 -6
- package/lib/src/pages/statefulsets/index.js +0 -3
- package/lib/src/pages/statefulsets/list/index.js +0 -26
- package/lib/src/pages/statefulsets/show/index.js +0 -16
- package/lib/src/plugins/index.js +0 -3
- package/lib/src/plugins/model-plugin.js +0 -46
- package/lib/src/plugins/relation-plugin.js +0 -81
- package/lib/src/plugins/type.js +0 -1
- package/lib/src/providers/index.js +0 -1
- package/lib/src/providers/router-provider/index.js +0 -100
- package/lib/src/types/index.js +0 -1
- package/lib/src/types/resource.js +0 -12
- package/lib/src/utils/addId.js +0 -8
- package/lib/src/utils/download.js +0 -9
- package/lib/src/utils/error.js +0 -53
- package/lib/src/utils/form.js +0 -9
- package/lib/src/utils/k8s.js +0 -6
- package/lib/src/utils/labels.js +0 -15
- package/lib/src/utils/match-selector.js +0 -12
- package/lib/src/utils/openapi.js +0 -33
- package/lib/src/utils/schema.js +0 -117
- package/lib/src/utils/selector.js +0 -12
- package/lib/src/utils/string.js +0 -6
- package/lib/src/utils/time.js +0 -46
- package/lib/src/utils/unit.js +0 -69
- package/lib/src/utils/yaml.js +0 -44
- package/lib/vite.config.js +0 -60
package/lib/src/Dovetail.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { KitStoreProvider, ModalStack } from '@cloudtower/eagle';
|
|
3
|
-
import { Refine } from '@refinedev/core';
|
|
4
|
-
import { dataProvider, liveProvider } from 'k8s-api-provider';
|
|
5
|
-
import { keyBy } from 'lodash-es';
|
|
6
|
-
import { useMemo } from 'react';
|
|
7
|
-
import { Router } from 'react-router-dom';
|
|
8
|
-
import ConfigsContext from 'src/contexts/configs';
|
|
9
|
-
import { ResourceCRUD } from './components/ResourceCRUD';
|
|
10
|
-
import GlobalStoreContext from './contexts/global-store';
|
|
11
|
-
import { routerProvider } from './providers/router-provider';
|
|
12
|
-
import './styles.css';
|
|
13
|
-
export const Dovetail = props => {
|
|
14
|
-
const { resourcesConfig, urlPrefix = '', Layout, history, globalStore } = props;
|
|
15
|
-
const notCustomResources = useMemo(() => {
|
|
16
|
-
return resourcesConfig.filter(c => !c.isCustom);
|
|
17
|
-
}, [resourcesConfig]);
|
|
18
|
-
const content = useMemo(() => {
|
|
19
|
-
const _content = (_jsxs(_Fragment, { children: [_jsx(ModalStack, {}), _jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix: urlPrefix }), props.children] }));
|
|
20
|
-
if (Layout) {
|
|
21
|
-
return _jsx(Layout, { children: _content });
|
|
22
|
-
}
|
|
23
|
-
return _content;
|
|
24
|
-
}, [Layout, notCustomResources, props.children, urlPrefix]);
|
|
25
|
-
return (_jsx(Router, { history: history, children: _jsx(KitStoreProvider, { children: _jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: _jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, 'name'), children: _jsx(Refine, { dataProvider: {
|
|
26
|
-
default: dataProvider(globalStore),
|
|
27
|
-
}, routerProvider: routerProvider, liveProvider: liveProvider(globalStore), options: {
|
|
28
|
-
warnWhenUnsavedChanges: true,
|
|
29
|
-
liveMode: 'auto',
|
|
30
|
-
}, resources: resourcesConfig.map(c => {
|
|
31
|
-
return {
|
|
32
|
-
name: c.name,
|
|
33
|
-
meta: {
|
|
34
|
-
resourceBasePath: c.basePath,
|
|
35
|
-
kind: c.kind,
|
|
36
|
-
parent: c.parent,
|
|
37
|
-
label: `${c.kind}s`,
|
|
38
|
-
},
|
|
39
|
-
list: `${urlPrefix}/${c.name}`,
|
|
40
|
-
show: `${urlPrefix}/${c.name}/show`,
|
|
41
|
-
create: `${urlPrefix}/${c.name}/create`,
|
|
42
|
-
edit: `${urlPrefix}/${c.name}/edit`,
|
|
43
|
-
};
|
|
44
|
-
}), children: content }) }) }) }) }));
|
|
45
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { css, cx } from '@linaria/core';
|
|
3
|
-
import { useBreadcrumb } from '@refinedev/core';
|
|
4
|
-
import { Link } from 'react-router-dom';
|
|
5
|
-
const BreadcrumbStyle = css `
|
|
6
|
-
display: flex;
|
|
7
|
-
|
|
8
|
-
.breadcrumb-item {
|
|
9
|
-
&:not(:last-of-type):after {
|
|
10
|
-
content: '>';
|
|
11
|
-
margin: 0 8px;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
export function Breadcrumb(props) {
|
|
16
|
-
const { breadcrumbs } = useBreadcrumb();
|
|
17
|
-
return (_jsx("ul", { className: cx(BreadcrumbStyle, props.className), children: breadcrumbs.map(breadcrumb => {
|
|
18
|
-
return (_jsx("li", { className: "breadcrumb-item", children: breadcrumb.href ? (_jsx(Link, { to: breadcrumb.href, children: breadcrumb.label })) : (_jsx("span", { children: breadcrumb.label })) }, `breadcrumb-${breadcrumb.label}`));
|
|
19
|
-
}) }));
|
|
20
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useD2Translation } from '../../i18n';
|
|
4
|
-
import { addId } from '../../utils/addId';
|
|
5
|
-
import ErrorContent from '../Table/ErrorContent';
|
|
6
|
-
import Time from '../Time';
|
|
7
|
-
export const ConditionsTable = ({ conditions = [] }) => {
|
|
8
|
-
const kit = useUIKit();
|
|
9
|
-
const { t } = useD2Translation();
|
|
10
|
-
const conditionsWithId = addId(conditions, 'type');
|
|
11
|
-
const columns = [
|
|
12
|
-
{
|
|
13
|
-
key: 'type',
|
|
14
|
-
display: true,
|
|
15
|
-
dataIndex: 'type',
|
|
16
|
-
title: t('dovetail.condition'),
|
|
17
|
-
sortable: true,
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
key: 'status',
|
|
21
|
-
display: true,
|
|
22
|
-
dataIndex: 'status',
|
|
23
|
-
title: t('dovetail.status'),
|
|
24
|
-
sortable: true,
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
key: 'reason',
|
|
28
|
-
display: true,
|
|
29
|
-
dataIndex: 'reason',
|
|
30
|
-
title: t('dovetail.reason'),
|
|
31
|
-
sortable: true,
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
key: 'lastUpdateTime',
|
|
35
|
-
display: true,
|
|
36
|
-
dataIndex: 'lastUpdateTime',
|
|
37
|
-
title: t('dovetail.updated_time'),
|
|
38
|
-
sortable: true,
|
|
39
|
-
render: (value, record) => {
|
|
40
|
-
const time = value || record.lastTransitionTime;
|
|
41
|
-
return _jsx(Time, { date: new Date(time) });
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
key: 'message',
|
|
46
|
-
display: true,
|
|
47
|
-
dataIndex: 'message',
|
|
48
|
-
title: t('dovetail.message'),
|
|
49
|
-
sortable: true,
|
|
50
|
-
},
|
|
51
|
-
];
|
|
52
|
-
if (conditionsWithId.length === 0) {
|
|
53
|
-
return _jsx(ErrorContent, { errorText: t('dovetail.empty'), style: { padding: '15px 0' } });
|
|
54
|
-
}
|
|
55
|
-
return (_jsx(kit.table, { loading: false, dataSource: conditionsWithId, columns: columns, rowKey: "type", empty: t('dovetail.empty') }));
|
|
56
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ConditionsTable';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useOpenForm } from 'src/hooks/useOpenForm';
|
|
4
|
-
import { useD2Translation } from '../../i18n';
|
|
5
|
-
export function CreateButton() {
|
|
6
|
-
const kit = useUIKit();
|
|
7
|
-
const { t } = useD2Translation();
|
|
8
|
-
const openForm = useOpenForm();
|
|
9
|
-
return (_jsx(kit.button, { type: "primary", onClick: openForm, children: t('dovetail.create') }));
|
|
10
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Icon, useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { SuspendedPause16GradientGrayIcon, VmResume16Icon, } from '@cloudtower/icons-react';
|
|
4
|
-
import { useResource, useUpdate } from '@refinedev/core';
|
|
5
|
-
import { useD2Translation } from '../../i18n';
|
|
6
|
-
import { pruneBeforeEdit } from '../../utils/k8s';
|
|
7
|
-
import K8sDropdown from '../K8sDropdown';
|
|
8
|
-
export function CronJobDropdown(props) {
|
|
9
|
-
const { record } = props;
|
|
10
|
-
const { spec } = record;
|
|
11
|
-
const kit = useUIKit();
|
|
12
|
-
const { resource } = useResource();
|
|
13
|
-
const { mutate } = useUpdate();
|
|
14
|
-
const { t } = useD2Translation();
|
|
15
|
-
const suspended = Boolean(spec?.suspend);
|
|
16
|
-
return (_jsx(K8sDropdown, { record: record, children: _jsx(kit.menu.Item, { onClick: () => {
|
|
17
|
-
const v = suspended ? record.resume() : record.suspend();
|
|
18
|
-
const id = record.id;
|
|
19
|
-
pruneBeforeEdit(v);
|
|
20
|
-
mutate({
|
|
21
|
-
id,
|
|
22
|
-
resource: resource?.name || '',
|
|
23
|
-
values: v,
|
|
24
|
-
});
|
|
25
|
-
}, children: _jsx(Icon, { src: suspended ? VmResume16Icon : SuspendedPause16GradientGrayIcon, children: t(suspended ? 'dovetail.resume' : 'dovetail.suspend') }) }) }));
|
|
26
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { css } from '@linaria/core';
|
|
4
|
-
import { useList } from '@refinedev/core';
|
|
5
|
-
import { useMemo, useState } from 'react';
|
|
6
|
-
import { AgeColumnRenderer, CompletionsCountColumnRenderer, DurationColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadImageColumnRenderer, } from '../../hooks/useEagleTable/columns';
|
|
7
|
-
import { useD2Translation } from '../../i18n';
|
|
8
|
-
import Table from '../Table';
|
|
9
|
-
import { TableToolBar } from '../Table/TableToolBar';
|
|
10
|
-
function matchOwner(job, owner) {
|
|
11
|
-
let match = false;
|
|
12
|
-
// TODO: use relations
|
|
13
|
-
for (const o of job.metadata?.ownerReferences || []) {
|
|
14
|
-
if (o.apiVersion === owner.apiVersion &&
|
|
15
|
-
o.kind === owner.kind &&
|
|
16
|
-
o.name === owner.name &&
|
|
17
|
-
job.namespace === owner.namespace) {
|
|
18
|
-
match = true;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
return match;
|
|
22
|
-
}
|
|
23
|
-
export const CronjobJobsTable = ({ owner }) => {
|
|
24
|
-
const { i18n } = useD2Translation();
|
|
25
|
-
const kit = useUIKit();
|
|
26
|
-
const [selectedKeys, setSelectedKeys] = useState([]);
|
|
27
|
-
const [currentPage, setCurrentPage] = useState(1);
|
|
28
|
-
const { data } = useList({
|
|
29
|
-
resource: 'jobs',
|
|
30
|
-
meta: { resourceBasePath: '/apis/batch/v1', kind: 'Job' },
|
|
31
|
-
});
|
|
32
|
-
const dataSource = useMemo(() => {
|
|
33
|
-
return data?.data.filter(p => {
|
|
34
|
-
return owner ? matchOwner(p, owner) : true;
|
|
35
|
-
});
|
|
36
|
-
}, [data?.data, owner]);
|
|
37
|
-
const columns = [
|
|
38
|
-
NameColumnRenderer(i18n, 'jobs'),
|
|
39
|
-
StateDisplayColumnRenderer(i18n),
|
|
40
|
-
NameSpaceColumnRenderer(i18n),
|
|
41
|
-
WorkloadImageColumnRenderer(i18n),
|
|
42
|
-
CompletionsCountColumnRenderer(i18n),
|
|
43
|
-
DurationColumnRenderer(i18n),
|
|
44
|
-
AgeColumnRenderer(i18n),
|
|
45
|
-
];
|
|
46
|
-
return (_jsxs(kit.space, { direction: "vertical", className: css `
|
|
47
|
-
width: 100%;
|
|
48
|
-
`, children: [_jsx(TableToolBar, { title: "Jobs", selectedKeys: selectedKeys, hideCreate: true }), _jsx(Table, { tableKey: "cronjobs", loading: !dataSource, data: dataSource || [], columns: columns, onSelect: keys => setSelectedKeys(keys), rowKey: "id", error: false, currentPage: currentPage, onPageChange: p => setCurrentPage(p), currentSize: 10, refetch: () => null })] }));
|
|
49
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useResource, useParsed } from '@refinedev/core';
|
|
4
|
-
import { useDeleteModal } from '../../hooks/useDeleteModal';
|
|
5
|
-
import { useD2Translation } from '../../i18n';
|
|
6
|
-
export const DeleteButton = () => {
|
|
7
|
-
const { resource } = useResource();
|
|
8
|
-
const { id } = useParsed();
|
|
9
|
-
const kit = useUIKit();
|
|
10
|
-
const { t } = useD2Translation();
|
|
11
|
-
const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(resource?.name || '');
|
|
12
|
-
return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ''), children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
|
|
13
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useResource } from '@refinedev/core';
|
|
4
|
-
import { useCallback } from 'react';
|
|
5
|
-
import { useDeleteManyModal } from '../../hooks/useDeleteModal/useDeleteManyModal';
|
|
6
|
-
import { useD2Translation } from '../../i18n';
|
|
7
|
-
export const DeleteManyButton = props => {
|
|
8
|
-
const { resource } = useResource();
|
|
9
|
-
const kit = useUIKit();
|
|
10
|
-
const { t } = useD2Translation();
|
|
11
|
-
const { modalProps, visible, setVisible } = useDeleteManyModal(resource?.name || '', props.ids);
|
|
12
|
-
const onClick = useCallback(() => {
|
|
13
|
-
setVisible(true);
|
|
14
|
-
}, [setVisible]);
|
|
15
|
-
return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: onClick, children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
|
|
16
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useNavigation, useParsed, useShow } from '@refinedev/core';
|
|
4
|
-
import { Drawer } from 'antd';
|
|
5
|
-
import { ShowContent } from '../ShowContent';
|
|
6
|
-
export const DrawerShow = (props) => {
|
|
7
|
-
const kit = useUIKit();
|
|
8
|
-
const parsed = useParsed();
|
|
9
|
-
const nav = useNavigation();
|
|
10
|
-
const { queryResult } = useShow({ id: parsed?.params?.id });
|
|
11
|
-
const { isLoading } = queryResult;
|
|
12
|
-
return (_jsx(Drawer, { title: "Show Drawer", placement: "right", onClose: () => nav.goBack(), width: "50%", visible: !!parsed?.params?.id, children: isLoading ? _jsx(kit.loading, {}) : _jsx(ShowContent, { ...props }) }));
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './DrawerShow';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useParsed } from '@refinedev/core';
|
|
4
|
-
import { useEdit } from '../../hooks/useEdit';
|
|
5
|
-
export const EditButton = () => {
|
|
6
|
-
const { id } = useParsed();
|
|
7
|
-
const kit = useUIKit();
|
|
8
|
-
const { edit } = useEdit();
|
|
9
|
-
return (_jsx(kit.button, { type: "primary", onClick: () => {
|
|
10
|
-
if (id)
|
|
11
|
-
edit(id);
|
|
12
|
-
}, children: "Edit" }));
|
|
13
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit, pushModal, popModal } from '@cloudtower/eagle';
|
|
3
|
-
import { css } from '@linaria/core';
|
|
4
|
-
import { useCallback } from 'react';
|
|
5
|
-
import { FormErrorAlert } from 'src/components/FormErrorAlert';
|
|
6
|
-
import { useSubmitForm } from 'src/hooks/useSubmitForm';
|
|
7
|
-
import { useD2Translation } from '../../i18n';
|
|
8
|
-
const EditFieldModalStyle = css `
|
|
9
|
-
.ant-modal-content {
|
|
10
|
-
border-radius: 16px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.ant-modal-header {
|
|
14
|
-
border-radius: 16px 16px 0 0;
|
|
15
|
-
}
|
|
16
|
-
`;
|
|
17
|
-
const EditButtonStyle = css `
|
|
18
|
-
&.ant-btn.ant-btn-link {
|
|
19
|
-
height: 22px;
|
|
20
|
-
margin-left: 8px;
|
|
21
|
-
}
|
|
22
|
-
`;
|
|
23
|
-
export function EditFieldModal(props) {
|
|
24
|
-
const { title, formRef: form, renderContent } = props;
|
|
25
|
-
const kit = useUIKit();
|
|
26
|
-
const { i18n } = useD2Translation();
|
|
27
|
-
const { submitting, errorMsgs, reset, onSubmit, } = useSubmitForm({
|
|
28
|
-
formRef: form,
|
|
29
|
-
onSubmitSuccess: popModal
|
|
30
|
-
});
|
|
31
|
-
const close = useCallback(() => {
|
|
32
|
-
popModal();
|
|
33
|
-
reset();
|
|
34
|
-
}, [reset]);
|
|
35
|
-
return (_jsxs(kit.modal, { className: EditFieldModalStyle, title: title || i18n.t('dovetail.edit'), confirmLoading: submitting, onOk: onSubmit, onCancel: close, normal: true, destroyOnClose: true, children: [renderContent(), _jsx(FormErrorAlert, { style: { marginTop: 16 }, errorMsgs: errorMsgs })] }));
|
|
36
|
-
}
|
|
37
|
-
export function EditField(props) {
|
|
38
|
-
const { modalProps } = props;
|
|
39
|
-
const kit = useUIKit();
|
|
40
|
-
const { i18n } = useD2Translation();
|
|
41
|
-
return (_jsx(kit.button, { className: EditButtonStyle, type: "link", onClick: () => {
|
|
42
|
-
pushModal({
|
|
43
|
-
component: EditFieldModal,
|
|
44
|
-
props: modalProps
|
|
45
|
-
});
|
|
46
|
-
}, children: i18n.t('dovetail.edit') }));
|
|
47
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { kitContext, Typo } from '@cloudtower/eagle';
|
|
3
|
-
import { cx } from '@linaria/core';
|
|
4
|
-
import { styled } from '@linaria/react';
|
|
5
|
-
import { useContext } from 'react';
|
|
6
|
-
import { useD2Translation } from '../../i18n';
|
|
7
|
-
export const ErrorWrapper = styled.div `
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
height: 100%;
|
|
13
|
-
`;
|
|
14
|
-
export const ErrorContent = styled.div `
|
|
15
|
-
display: flex;
|
|
16
|
-
flex-direction: column;
|
|
17
|
-
align-items: center;
|
|
18
|
-
|
|
19
|
-
.title {
|
|
20
|
-
margin-bottom: 8px;
|
|
21
|
-
background-clip: text;
|
|
22
|
-
-webkit-background-clip: text;
|
|
23
|
-
-webkit-text-fill-color: transparent;
|
|
24
|
-
background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
|
|
25
|
-
}
|
|
26
|
-
`;
|
|
27
|
-
const WidgetErrorContent = props => {
|
|
28
|
-
const { refetch, errorText, hiddenRetry } = props;
|
|
29
|
-
const kit = useContext(kitContext);
|
|
30
|
-
const { t } = useD2Translation();
|
|
31
|
-
return (_jsx(ErrorWrapper, { className: props.className, style: props.style, children: _jsxs(ErrorContent, { children: [_jsx("p", { className: cx(Typo.Label.l1_regular_title, 'title'), children: errorText || t('dovetail.obtain_data_error') }), hiddenRetry ? null : (_jsx(kit.button, { size: "small", type: "ordinary", onClick: e => {
|
|
32
|
-
e.stopPropagation();
|
|
33
|
-
refetch?.();
|
|
34
|
-
}, children: t('dovetail.retry') }))] }) }));
|
|
35
|
-
};
|
|
36
|
-
export default WidgetErrorContent;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useList, useParsed } from '@refinedev/core';
|
|
3
|
-
import { useMemo, useState } from 'react';
|
|
4
|
-
import { AgeColumnRenderer, CommonSorter, NameSpaceColumnRenderer, } from '../../hooks/useEagleTable/columns';
|
|
5
|
-
import { useD2Translation } from '../../i18n';
|
|
6
|
-
import Table from '../Table';
|
|
7
|
-
export const EventsTable = ({}) => {
|
|
8
|
-
const { i18n } = useD2Translation();
|
|
9
|
-
const [currentPage, setCurrentPage] = useState(1);
|
|
10
|
-
const { data, isLoading } = useList({
|
|
11
|
-
resource: 'events',
|
|
12
|
-
meta: { resourceBasePath: '/apis/events.k8s.io/v1', kind: 'Event' },
|
|
13
|
-
});
|
|
14
|
-
const parsed = useParsed();
|
|
15
|
-
const columns = useMemo(() => [
|
|
16
|
-
NameSpaceColumnRenderer(i18n),
|
|
17
|
-
{
|
|
18
|
-
key: 'type',
|
|
19
|
-
display: true,
|
|
20
|
-
dataIndex: ['type'],
|
|
21
|
-
title: i18n.t('dovetail.type'),
|
|
22
|
-
sortable: true,
|
|
23
|
-
sorter: CommonSorter(['type']),
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
key: 'reason',
|
|
27
|
-
display: true,
|
|
28
|
-
dataIndex: ['reason'],
|
|
29
|
-
title: i18n.t('dovetail.reason'),
|
|
30
|
-
sortable: true,
|
|
31
|
-
sorter: CommonSorter(['reason']),
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
key: 'object',
|
|
35
|
-
display: true,
|
|
36
|
-
dataIndex: ['regarding', 'name'],
|
|
37
|
-
title: i18n.t('dovetail.object'),
|
|
38
|
-
sortable: true,
|
|
39
|
-
sorter: CommonSorter(['regarding', 'name']),
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
key: 'note',
|
|
43
|
-
display: true,
|
|
44
|
-
dataIndex: ['note'],
|
|
45
|
-
title: i18n.t('dovetail.note'),
|
|
46
|
-
sortable: true,
|
|
47
|
-
sorter: CommonSorter(['note']),
|
|
48
|
-
},
|
|
49
|
-
AgeColumnRenderer(i18n),
|
|
50
|
-
], [i18n]);
|
|
51
|
-
const dataSource = useMemo(() => {
|
|
52
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
53
|
-
return data?.data.filter((d) => {
|
|
54
|
-
const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
|
|
55
|
-
return objectId === parsed.id;
|
|
56
|
-
});
|
|
57
|
-
}, [data?.data, parsed]);
|
|
58
|
-
return (_jsx(Table, { tableKey: "events", loading: isLoading, data: dataSource || [], columns: columns, rowKey: "id", error: false, currentPage: currentPage, onPageChange: p => setCurrentPage(p), currentSize: 10, refetch: () => null }));
|
|
59
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './EventsTable';
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useCallback, useMemo } from 'react';
|
|
4
|
-
function KeyValueInput(props) {
|
|
5
|
-
const { children, item } = props;
|
|
6
|
-
const kit = useUIKit();
|
|
7
|
-
const onKeyChange = useCallback((event) => {
|
|
8
|
-
const key = event.target.value;
|
|
9
|
-
props.onChange?.({
|
|
10
|
-
...item,
|
|
11
|
-
key,
|
|
12
|
-
});
|
|
13
|
-
}, [item, props]);
|
|
14
|
-
const onValueChange = useCallback((event) => {
|
|
15
|
-
const value = event.target.value;
|
|
16
|
-
props.onChange?.({
|
|
17
|
-
...item,
|
|
18
|
-
value,
|
|
19
|
-
});
|
|
20
|
-
}, [item, props]);
|
|
21
|
-
return (_jsxs(kit.space, { children: [_jsx(kit.input, { value: item.key, onChange: onKeyChange }), _jsx(kit.textArea, { value: item.value, onChange: onValueChange }), children] }));
|
|
22
|
-
}
|
|
23
|
-
export function KeyValueListWidget(props) {
|
|
24
|
-
const kit = useUIKit();
|
|
25
|
-
const { value } = props;
|
|
26
|
-
const items = useMemo(() => {
|
|
27
|
-
return Object.entries(value || {}).map(([key, value]) => ({
|
|
28
|
-
key,
|
|
29
|
-
value,
|
|
30
|
-
}));
|
|
31
|
-
}, [value]);
|
|
32
|
-
const onChange = useCallback((newItems) => {
|
|
33
|
-
const newValue = newItems.reduce((result, item) => {
|
|
34
|
-
result[item.key] = item.value;
|
|
35
|
-
return result;
|
|
36
|
-
}, {});
|
|
37
|
-
props.onChange?.(newValue);
|
|
38
|
-
}, [props]);
|
|
39
|
-
const onRemove = useCallback((index) => {
|
|
40
|
-
const result = [...items];
|
|
41
|
-
result.splice(index, 1);
|
|
42
|
-
onChange(result);
|
|
43
|
-
}, [onChange, items]);
|
|
44
|
-
const onAdd = useCallback(() => {
|
|
45
|
-
onChange([...items, { key: '', value: '' }]);
|
|
46
|
-
}, [onChange, items]);
|
|
47
|
-
return (_jsxs(_Fragment, { children: [items.map((item, index) => {
|
|
48
|
-
return (_jsx(KeyValueInput, { item: item, onChange: newItem => {
|
|
49
|
-
const temp = [...items];
|
|
50
|
-
temp.splice(index, 1, newItem);
|
|
51
|
-
onChange(temp);
|
|
52
|
-
}, children: _jsx(kit.button, { onClick: () => {
|
|
53
|
-
onRemove(index);
|
|
54
|
-
}, danger: true, children: "Remove" }) }, index));
|
|
55
|
-
}), _jsx(kit.form.Item, { children: _jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })] }));
|
|
56
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { KeyValueListWidget } from './KeyValueListWidget';
|
|
4
|
-
import { NameInputWidget, rfc1123LabelRules } from './NameInputWidget';
|
|
5
|
-
import { NamespaceSelectWidget, namespaceRules } from './NamespaceSelectWidget';
|
|
6
|
-
export function MetadataForm() {
|
|
7
|
-
const kit = useUIKit();
|
|
8
|
-
return (_jsxs(_Fragment, { children: [_jsx(kit.form.Item, { label: "Name", name: ['metadata', 'name'], rules: rfc1123LabelRules, children: _jsx(NameInputWidget, {}) }), _jsx(kit.form.Item, { label: "Namespace", name: ['metadata', 'namespace'], rules: namespaceRules, children: _jsx(NamespaceSelectWidget, {}) }), _jsx(kit.form.Item, { name: ['metadata', 'labels'], label: "Labels", children: _jsx(KeyValueListWidget, {}) }), _jsx(kit.form.Item, { name: ['metadata', 'annotations'], label: "Annotations", children: _jsx(KeyValueListWidget, {}) })] }));
|
|
9
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useResource } from '@refinedev/core';
|
|
4
|
-
export function NameInputWidget(props) {
|
|
5
|
-
const kit = useUIKit();
|
|
6
|
-
const { action } = useResource();
|
|
7
|
-
return _jsx(kit.input, { ...props, disabled: action === 'edit' });
|
|
8
|
-
}
|
|
9
|
-
export const dnsSubDomainRules = [
|
|
10
|
-
{
|
|
11
|
-
required: true,
|
|
12
|
-
message: '名称不能为空',
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
pattern: /^[a-z0-9]([-.a-z0-9]*[a-z0-9])?$/,
|
|
16
|
-
message: '名称只能包含小写字母、数字,以及 \'-\' 和 \'.\',且必须以字母或数字开头和结束',
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
max: 253,
|
|
20
|
-
message: '名称长度不能超过253个字符',
|
|
21
|
-
},
|
|
22
|
-
];
|
|
23
|
-
export const rfc1123LabelRules = [
|
|
24
|
-
{
|
|
25
|
-
required: true,
|
|
26
|
-
message: '名称不能为空',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
pattern: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
|
|
30
|
-
message: '名称只能包含小写字母、数字,以及 \'-\',且以字母或数字开头和结束',
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
max: 63,
|
|
34
|
-
message: '名称长度不能超过63个字符',
|
|
35
|
-
},
|
|
36
|
-
];
|
|
37
|
-
export const rfc1035LabelRules = [
|
|
38
|
-
{
|
|
39
|
-
required: true,
|
|
40
|
-
message: '名称不能为空',
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
pattern: /^[a-z]([-a-z0-9]*[a-z0-9])?$/,
|
|
44
|
-
message: '名称只能包含小写字母、数字,以及 \'-\',且以字母开头,字母或数字结束',
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
max: 63,
|
|
48
|
-
message: '名称长度不能超过63个字符',
|
|
49
|
-
},
|
|
50
|
-
];
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { useList, useResource } from '@refinedev/core';
|
|
4
|
-
export function NamespaceSelectWidget(props) {
|
|
5
|
-
const kit = useUIKit();
|
|
6
|
-
const { action } = useResource();
|
|
7
|
-
const { data } = useList({
|
|
8
|
-
resource: 'namespaces',
|
|
9
|
-
meta: {
|
|
10
|
-
resourceBasePath: '/api/v1',
|
|
11
|
-
kind: 'Namespace',
|
|
12
|
-
},
|
|
13
|
-
});
|
|
14
|
-
return (_jsx(kit.select, { input: props, disabled: action === 'edit', children: data?.data.map(namespace => (_jsx(kit.option, { value: namespace.metadata.name, children: namespace.metadata.name }, namespace.metadata.name))) }));
|
|
15
|
-
}
|
|
16
|
-
export const namespaceRules = [
|
|
17
|
-
{
|
|
18
|
-
required: true,
|
|
19
|
-
message: 'Please input the namespace.',
|
|
20
|
-
},
|
|
21
|
-
];
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit } from '@cloudtower/eagle';
|
|
3
|
-
import { first } from 'lodash-es';
|
|
4
|
-
export function FormErrorAlert(props) {
|
|
5
|
-
const { errorMsgs, style, className } = props;
|
|
6
|
-
const kit = useUIKit();
|
|
7
|
-
return errorMsgs.length ? (_jsx(kit.alert, { message: errorMsgs.length > 1 ? (_jsx("ul", { children: errorMsgs.map((errorMsg, index) => (_jsxs("li", { children: [index + 1 + '. ', " ", errorMsg] }, errorMsg))) })) : (first(errorMsgs)), type: "error", style: style, className: className })) : null;
|
|
8
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useUIKit, Typo } from '@cloudtower/eagle';
|
|
3
|
-
import { css, cx } from '@linaria/core';
|
|
4
|
-
import { useResource } from '@refinedev/core';
|
|
5
|
-
import { useD2Translation } from '../../i18n';
|
|
6
|
-
const WrapperStyle = css `
|
|
7
|
-
height: 100%;
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
`;
|
|
11
|
-
const TitleStyle = css `
|
|
12
|
-
line-height: 32px !important;
|
|
13
|
-
`;
|
|
14
|
-
function FormLayout(props) {
|
|
15
|
-
const { saveButtonProps } = props;
|
|
16
|
-
const kit = useUIKit();
|
|
17
|
-
const { resource, action } = useResource();
|
|
18
|
-
const { t } = useD2Translation();
|
|
19
|
-
return (_jsxs("div", { className: WrapperStyle, children: [_jsxs("span", { className: cx(Typo.Display.d2_bold_title, TitleStyle), children: [resource?.meta?.kind, ":", ' ', action === 'create' ? t('dovetail.create') : t('dovetail.edit')] }), _jsx(kit.divider, {}), props.children, _jsx(kit.form.Item, { children: _jsx(kit.button, { type: "primary", ...saveButtonProps, children: t('dovetail.save') }) })] }));
|
|
20
|
-
}
|
|
21
|
-
export default FormLayout;
|