@dovetail-v2/refine 0.0.16 → 0.0.18

package/dist/style.css

@@ -1,14 +1,9 @@
 .m1u1f5zp{color:#bec1d2;}
-.m8ychfk{margin-right:8px;}
-.p1o004do{margin-left:8px;}
-.b142d7q8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.b142d7q8 .breadcrumb-item:not(:last-of-type):after{content:'>';margin:0 8px;}
-.eckm4od{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
-.e1hl982n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e1hl982n .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
-.ax1qopv{position:absolute;top:0;left:0;bottom:0;width:1px;background:$blue-60;-webkit-transform:translateX(-9999px);-ms-transform:translateX(-9999px);transform:translateX(-9999px);z-index:999;}.ax1qopv::before{content:'';position:absolute;height:34px;width:3px;top:0;left:-1px;background:$blue-60;}
-.t1upn1sz{width:100%;border-top:1px solid rgba(211,218,235,0.6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.t1upn1sz .ant-table-pagination{display:none;}.t1upn1sz .table-container{min-height:0;}
-.t1v3ienx{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:16px;}
-.c16agr8o{width:100%;}
-.c1dicff8{width:100%;}
+.egn3dbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
+.e136jgy8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e136jgy8 .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
+.w1akirqw{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.t30srnq{line-height:32px !important;}
+.s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
 .t1joof7s{width:100%;padding:11px;border-bottom:1px solid rgba(211,218,235,0.6);background:rgba(225,230,241,0.6);border-top-left-radius:8px;border-top-right-radius:8px;}.t1joof7s.collapsed{border-bottom:0;}.t1joof7s svg{margin:auto;}.t1joof7s > .dovetail-ant-space-item{line-height:16px;}
 .tti58uh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.tti58uh .ant-space-item{line-height:1;}
 .e15yt16p{margin-top:1px;}
@@ -20,20 +15,26 @@
 .eh2qjnl{color:#f0483e;font-size:12px;line-height:18px;word-break:break-all;}
 .e19q2bnp{margin-top:8px;}
 .y16u5v3w .monaco-editor{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}.y16u5v3w .monaco-editor .margin{border-bottom-left-radius:8px;}.y16u5v3w .monaco-editor .monaco-scrollable-element{border-bottom-right-radius:8px;}
+
+.e1tqaxpu{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin-bottom:16px;}
+.fbinl28.ant-modal.fullscreen .ant-modal-header{padding:60px 128px 32px 128px;}.fbinl28.ant-modal.fullscreen .ant-modal-body{padding:0 128px;}.fbinl28.ant-modal.fullscreen .ant-modal-footer{padding:15px 128px;}
+.b142d7q8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.b142d7q8 .breadcrumb-item:not(:last-of-type):after{content:'>';margin:0 8px;}
+.eckm4od{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
+.e1hl982n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e1hl982n .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
+.ax1qopv{position:absolute;top:0;left:0;bottom:0;width:1px;background:$blue-60;-webkit-transform:translateX(-9999px);-ms-transform:translateX(-9999px);transform:translateX(-9999px);z-index:999;}.ax1qopv::before{content:'';position:absolute;height:34px;width:3px;top:0;left:-1px;background:$blue-60;}
+.t1upn1sz{width:100%;border-top:1px solid rgba(211,218,235,0.6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.t1upn1sz .ant-table-pagination{display:none;}.t1upn1sz .table-container{min-height:0;}
+.t1v3ienx{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:16px;}
+.c16agr8o{width:100%;}
+.c1dicff8{width:100%;}
+.esoz3jw .ant-modal-content{border-radius:16px;}.esoz3jw .ant-modal-header{border-radius:16px 16px 0 0;}
 .t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;}
 .t12ikbmp{max-width:256px;overflow:hidden;text-overflow:ellipsis;}
 .t9agep2{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
 .so89gfi{width:100%;overflow:auto;height:100%;width:100%;}
 .e1ohe42f{margin-top:16px;}
-.w1akirqw{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.t30srnq{line-height:32px !important;}
+.fqm4qz0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
 .laykzsq{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .t1ng0psc.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
-.egn3dbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
-.e136jgy8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e136jgy8 .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
-.s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
-.f5ks0bl{height:100%;}
-.e1tqaxpu{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;}
 .wfg6u6g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wfg6u6g .usage-text{width:50px;text-align:right;}.wfg6u6g .usage-bar{height:12px;width:100px;position:relative;border-radius:2px;}.wfg6u6g .request-anchor{position:absolute;left:10%;top:-3px;height:18px;width:2px;background:#777;z-index:9;}.wfg6u6g .usage-fill-bar{position:absolute;left:0;top:0;height:100%;background:rgba(0,128,255,0.6);z-index:7;}.wfg6u6g .request-bar{position:absolute;left:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar{position:absolute;right:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar.no-limit{background:linear-gradient(to right,#d8deeb 50%,#d8deeb 50%);background-size:4px 100%;}.wfg6u6g .request-to-limit-bar.no-limit.exceed-request{background:linear-gradient(to right,#d8deeb 50%,rgba(0,128,255,0.6) 50%);background-size:4px 100%;}
 .mdppgn0.ant-menu{background:#edf0f7;padding:8px;}.mdppgn0.ant-menu .ant-menu-item-selected{background:linear-gradient(90deg,#0080ff,#005ed1);border-radius:6px;box-shadow:0 1px 2px rgba(184,192,204,0.6);color:#fff;}.mdppgn0.ant-menu .ant-menu-item-selected a:hover{color:#fff;}.mdppgn0.ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0.6));border-radius:6px;box-shadow:0 0 4px rgba(235,239,245,0.6),0 8px 16px rgba(129,138,153,0.18);}
 .h16z07g.ant-layout-header{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-bottom:2px solid #edf0f7;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px 0 14px;position:relative;z-index:10;}

package/lib/src/Dovetail.d.ts

@@ -1,6 +1,6 @@
 import { ResourceProps } from '@refinedev/core';
 import { History } from 'history';
-import { GlobalStoreInitParams } from 'k8s-api-provider';
+import { GlobalStore } from 'k8s-api-provider';
 import React from 'react';
 import './i18n';
 import './styles.css';
@@ -12,7 +12,7 @@ type Props = {
     refineResources?: ResourceProps[];
     Layout?: React.FC<unknown>;
     history: History;
-    globalStoreParams: GlobalStoreInitParams;
+    globalStore: GlobalStore;
 };
 export declare const Dovetail: React.FC<Props>;
 export {};

package/lib/src/components/DrawerShow/DrawerShow.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ResourceModel } from '../../models';
-import { ShowField } from '../ShowContent';
+import { ShowConfig } from '../ShowContent';
 type Props<Model extends ResourceModel> = {
-    fieldGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     formatter?: (r: Model) => Model;
 };
 export declare const DrawerShow: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element;

package/lib/src/components/EditField/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface EditFieldModalProps {
+    title?: string;
+    submitting?: boolean;
+    errorMsgs?: string[];
+    formRef: React.MutableRefObject<{
+        submit: () => (Promise<unknown> | undefined);
+    } | null>;
+    renderContent: () => React.ReactNode;
+}
+export declare function EditFieldModal(props: EditFieldModalProps): JSX.Element;
+export interface EditField {
+    modalProps: EditFieldModalProps;
+}
+export declare function EditField(props: EditField): JSX.Element;

package/lib/src/components/FormErrorAlert/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FormErrorAlertProps {
+    errorMsgs: string[];
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare function FormErrorAlert(props: FormErrorAlertProps): JSX.Element | null;
+export {};

package/lib/src/components/FormLayout/index.d.ts

@@ -1,3 +1,7 @@
+import { ButtonProps } from '@cloudtower/eagle';
 import React from 'react';
-declare function FormLayout(props: React.PropsWithChildren<Record<string, unknown>>): JSX.Element;
+type FormLayoutProps = {
+    saveButtonProps?: ButtonProps;
+};
+declare function FormLayout(props: React.PropsWithChildren<FormLayoutProps>): JSX.Element;
 export default FormLayout;

package/lib/src/components/FormModal/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { YamlFormProps } from 'src/components/YamlForm';
+export type FormModalProps = {
+    resource?: string;
+    id?: string;
+    formProps?: YamlFormProps;
+    renderForm?: (props: YamlFormProps) => React.ReactNode;
+};
+export declare function FormModal(props: FormModalProps): JSX.Element;
+export default FormModal;

package/lib/src/components/PageShow/PageShow.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ResourceModel } from '../../models';
-import { ShowField } from '../ShowContent';
+import { ShowConfig } from '../ShowContent';
 type Props<Model extends ResourceModel> = {
-    fieldGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     formatter?: (r: Model) => Model;
     Dropdown?: React.FC<{
         record: Model;

package/lib/src/components/ReferenceLink/index.d.ts

@@ -0,0 +1,8 @@
+import type { OwnerReference } from 'kubernetes-types/meta/v1';
+import React from 'react';
+type Props = {
+    ownerReference: OwnerReference;
+    namespace: string;
+};
+export declare const ReferenceLink: React.FC<Props>;
+export {};

package/lib/src/components/ResourceCRUD/ResourceCRUD.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ResourceConfig } from '../../types';
+/// <reference types="react" />
+import { ResourceConfig } from 'src/types';
 type Props = {
     configs: ResourceConfig[];
     urlPrefix?: string;
 };
-export declare const ResourceCRUD: React.FC<Props>;
+export declare function ResourceCRUD(props: Props): JSX.Element;
 export {};

package/lib/src/components/ResourceCRUD/show/index.d.ts

@@ -1,10 +1,10 @@
 import { IResourceComponentsProps } from '@refinedev/core';
 import React from 'react';
 import { ResourceModel } from '../../../models';
-import { ShowField } from '../../ShowContent';
+import { ShowConfig } from '../../ShowContent';
 type Props<Model extends ResourceModel> = IResourceComponentsProps & {
     formatter?: (v: Model) => Model;
-    filedGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     Dropdown?: React.FC<{
         record: Model;
     }>;

package/lib/src/components/ShowContent/ShowContent.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ResourceModel } from '../../models';
-import { ShowField } from './fields';
+import { ShowConfig } from './fields';
 type Props<Model extends ResourceModel> = {
-    fieldGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     formatter?: (r: Model) => Model;
     Dropdown?: React.FC<{
         record: Model;

package/lib/src/components/ShowContent/fields.d.ts

@@ -4,17 +4,34 @@ export type ShowField<Model extends ResourceModel> = {
     key: string;
     title: string;
     path: string[];
-    render?: (val: unknown, record: Model) => React.ReactElement | undefined;
+    labelWidth?: string;
+    col?: number;
+    render?: (val: unknown, record: Model, field: ShowField<Model>) => React.ReactElement | undefined;
+    renderContent?: (val: unknown, record: Model, field: ShowField<Model>) => React.ReactElement | undefined;
 };
-export declare const ImageField: () => ShowField<WorkloadBaseModel>;
+export type ShowTabField<Model extends ResourceModel> = {
+    key: string;
+    title: string;
+    path: string[];
+    renderContent?: (val: unknown, record: Model, field: ShowTabField<Model>) => React.ReactElement | undefined;
+};
+export interface ShowConfig<Model extends ResourceModel = ResourceModel> {
+    title?: string;
+    descriptions?: ShowField<Model>[];
+    groups?: {
+        fields: ShowField<Model>[];
+    }[];
+    tabs?: ShowTabField<Model>[];
+}
+export declare const ImageField: <Model extends WorkloadBaseModel>() => ShowField<Model>;
 export declare const ReplicaField: () => ShowField<WorkloadModel>;
-export declare const ConditionsField: () => ShowField<ResourceModel>;
-export declare const PodsField: () => ShowField<WorkloadModel>;
-export declare const JobsField: () => ShowField<JobModel | CronJobModel>;
+export declare const ConditionsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowTabField<Model>;
+export declare const PodsField: <Model extends WorkloadBaseModel>() => ShowTabField<Model>;
+export declare const JobsField: <Model extends JobModel | CronJobModel>() => ShowTabField<Model>;
 export declare const DataField: () => ShowField<ResourceModel>;
 export declare const SecretDataField: () => ShowField<ResourceModel>;
 export declare const StartTimeField: () => ShowField<JobModel>;
 export declare const ServiceTypeField: () => ShowField<ResourceModel>;
 export declare const ClusterIpField: () => ShowField<ResourceModel>;
 export declare const SessionAffinityField: () => ShowField<ResourceModel>;
-export declare const ServicePodsField: () => ShowField<ResourceModel>;
+export declare const ServicePodsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowTabField<Model>;

package/lib/src/components/StateTag/StateTag.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { WorkloadState } from '../../constants';
 type Props = {
-    state?: string;
+    state?: WorkloadState;
 };
 export declare const StateTag: React.FC<Props>;
 export {};

package/lib/src/components/Table/index.d.ts

@@ -1,6 +1,6 @@
-import { TableProps as BaseTableProps } from '@cloudtower/eagle';
-import { RequiredColumnProps } from '@cloudtower/eagle/dist/spec/base';
+import { TableProps as BaseTableProps, RequiredColumnProps } from '@cloudtower/eagle';
 import React from 'react';
+import { FormType } from 'src/types';
 import { ResourceModel } from '../../models';
 export type IDObject = {
     id: string;
@@ -26,6 +26,7 @@ export type TableProps<Data extends ResourceModel> = {
     onSizeChange?: (size: number) => void;
     RowMenu?: React.FC<{
         record: Data;
+        formType?: FormType;
     }>;
 };
 declare function Table<Data extends ResourceModel>(props: TableProps<Data>): JSX.Element;

package/lib/src/components/WorkloadReplicas/index.d.ts

@@ -1,5 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { WorkloadModel } from '../../models';
-export declare const WorkloadReplicas: React.FC<{
+export interface WorkloadReplicasProps {
     record: WorkloadModel;
-}>;
+    label?: string;
+    editable?: boolean;
+}
+export declare function WorkloadReplicas({ record, label, editable }: WorkloadReplicasProps): JSX.Element;

package/lib/src/components/YamlForm/index.d.ts

@@ -4,9 +4,16 @@ export declare enum SchemaStrategy {
     Optional = "Optional",
     None = "None"
 }
-interface YamlFormProps {
+export interface YamlFormProps {
+    id?: string;
     initialValues?: Record<string, unknown>;
     schemaStrategy?: SchemaStrategy;
+    isShowLayout?: boolean;
+    onSaveButtonPropsChange?: (saveButtonProps: {
+        disabled?: boolean;
+        onClick: () => void;
+    }) => void;
+    onFinish?: () => void;
 }
 declare function YamlForm(props: YamlFormProps): JSX.Element;
 export default YamlForm;

package/lib/src/components/index.d.ts

@@ -29,6 +29,8 @@ export * from './DrawerShow';
 export * from './Menu';
 export * from './Table';
 export * from './EditButton';
+export * from './ReferenceLink';
 export * from './NamespacesFilter';
 export * from './Tags';
 export * from './PodLog';
+export * from './FormModal';

package/lib/src/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './k8s';
+export * from './state';

package/lib/src/constants/state.d.ts

@@ -0,0 +1,13 @@
+export declare enum WorkloadState {
+    UPDATEING = "updating",
+    READY = "ready",
+    COMPLETED = "completed",
+    FAILED = "failed",
+    SUSPENDED = "suspended",
+    RUNNING = "running",
+    SUCCEEDED = "succeeded",
+    UNKNOWN = "unknown",
+    TERMINATING = "terminating",
+    PENDING = "pending",
+    WAITING = "waiting"
+}

package/lib/src/contexts/configs.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ResourceConfig } from 'src/types';
+declare const ConfigsContext: import("react").Context<Record<string, ResourceConfig>>;
+export default ConfigsContext;

package/lib/src/contexts/index.d.ts

@@ -1 +1,3 @@
 export { default as ComponentContext } from './component';
+export { default as GlobalStoreContext } from './global-store';
+export { default as ConfigsContext } from './configs';

package/lib/src/hooks/useEagleForm.d.ts

@@ -19,6 +19,7 @@ export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError ex
         isGenerateAnnotations?: boolean;
         isSkipSchema?: boolean;
     };
+    initialValuesForCreate?: Record<string, unknown>;
 };
 export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = UseFormReturnTypeCore<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError> & {
     form: FormInstance;
@@ -42,5 +43,5 @@ declare const useEagleForm: <TQueryFnData extends Unstructured = Unstructured &
     [prop: string]: unknown;
 } = {
     [prop: string]: unknown;
-}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
 export default useEagleForm;

package/lib/src/hooks/useEagleTable/columns.d.ts

@@ -3,7 +3,7 @@ import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, Cr
 export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 0 | 1 | -1;
 export declare const NameColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(resource?: string) => Column<Model>;
 export declare const NameSpaceColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => Column<Model>;
-export declare const PhaseColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => Column<Model>;
+export declare const StateDisplayColumnRenderer: <Model extends PodModel | WorkloadModel | CronJobModel>() => Column<Model>;
 export declare const WorkloadImageColumnRenderer: <Model extends WorkloadBaseModel>() => Column<Model>;
 export declare const WorkloadRestartsColumnRenderer: <Model extends WorkloadModel>() => Column<Model>;
 export declare const ReplicasColumnRenderer: <Model extends WorkloadModel>() => Column<Model>;
@@ -13,3 +13,4 @@ export declare const RestartCountColumnRenderer: <Model extends PodModel>() => C
 export declare const CompletionsCountColumnRenderer: <Model extends JobModel | CronJobModel>() => Column<Model>;
 export declare const DurationColumnRenderer: <Model extends JobModel | CronJobModel>() => Column<Model>;
 export declare const ServiceTypeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => Column<Model>;
+export declare const PodWorkloadColumnRenderer: <Model extends PodModel>() => Column<Model>;

package/lib/src/hooks/useOpenForm.d.ts

@@ -0,0 +1,5 @@
+interface UseOpenFormOptions {
+    id?: string;
+}
+export declare function useOpenForm(options?: UseOpenFormOptions): () => void;
+export {};

package/lib/src/hooks/useSubmitForm.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface UseSubmitFormOptions {
+    formRef: React.MutableRefObject<{
+        submit: () => (Promise<unknown> | undefined);
+    } | null>;
+    onSubmitSuccess?: () => void;
+}
+export declare function useSubmitForm(options: UseSubmitFormOptions): {
+    submitting: boolean;
+    errorMsgs: string[];
+    reset: () => void;
+    onSubmit: () => Promise<void>;
+};
+export {};

package/lib/src/i18n.d.ts

@@ -15,6 +15,8 @@ export declare const resources: {
             fetch_schema_fail: string;
             obtain_data_error: string;
             retry: string;
+            create_resource: string;
+            edit_resource: string;
         };
     };
     'zh-CN': {
@@ -66,7 +68,6 @@ export declare const resources: {
             duration: string;
             completions: string;
             started: string;
-            ready: string;
             init_container: string;
             container: string;
             redeploy: string;
@@ -86,6 +87,23 @@ export declare const resources: {
             fetch_schema_fail: string;
             obtain_data_error: string;
             retry: string;
+            ready: string;
+            updating: string;
+            completed: string;
+            failed: string;
+            suspended: string;
+            running: string;
+            terminating: string;
+            succeeded: string;
+            unknown: string;
+            pending: string;
+            waiting: string;
+            create_resource: string;
+            edit_resource: string;
+            sec: string;
+            min: string;
+            hr: string;
+            day: string;
         };
     };
 };

package/lib/src/index.d.ts

@@ -7,3 +7,4 @@ export * from './Dovetail';
 export * from './types';
 export * from './contexts';
 export * from './models';
+export * from './plugins';

package/lib/src/locales/en-US/index.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
         fetch_schema_fail: string;
         obtain_data_error: string;
         retry: string;
+        create_resource: string;
+        edit_resource: string;
     };
 };
 export default _default;

package/lib/src/locales/zh-CN/index.d.ts

@@ -47,7 +47,6 @@ declare const _default: {
         duration: string;
         completions: string;
         started: string;
-        ready: string;
         init_container: string;
         container: string;
         redeploy: string;
@@ -67,6 +66,23 @@ declare const _default: {
         fetch_schema_fail: string;
         obtain_data_error: string;
         retry: string;
+        ready: string;
+        updating: string;
+        completed: string;
+        failed: string;
+        suspended: string;
+        running: string;
+        terminating: string;
+        succeeded: string;
+        unknown: string;
+        pending: string;
+        waiting: string;
+        create_resource: string;
+        edit_resource: string;
+        sec: string;
+        min: string;
+        hr: string;
+        day: string;
     };
 };
 export default _default;

package/lib/src/models/cronjob-model.d.ts

@@ -1,5 +1,6 @@
 import { GlobalStore, Unstructured } from 'k8s-api-provider';
 import { CronJob } from 'kubernetes-types/batch/v1';
+import { WorkloadState } from '../constants';
 import { WorkloadBaseModel } from './workload-base-model';
 type RequiredCronJob = Required<CronJob> & Unstructured;
 export declare class CronJobModel extends WorkloadBaseModel {
@@ -8,6 +9,7 @@ export declare class CronJobModel extends WorkloadBaseModel {
     spec?: RequiredCronJob['spec'];
     status?: RequiredCronJob['status'];
     constructor(_rawYaml: RequiredCronJob, _globalStore: GlobalStore);
+    get stateDisplay(): WorkloadState.SUSPENDED | WorkloadState.RUNNING;
     suspend(): RequiredCronJob;
     resume(): RequiredCronJob;
 }

package/lib/src/models/daemonset-model.d.ts

@@ -0,0 +1,14 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { DaemonSet } from 'kubernetes-types/apps/v1';
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+type RequiredDaemonSet = Required<DaemonSet> & Unstructured;
+export declare class DaemonSetModel extends WorkloadModel {
+    _rawYaml: RequiredDaemonSet;
+    _globalStore: GlobalStore;
+    spec?: RequiredDaemonSet['spec'];
+    status?: RequiredDaemonSet['status'];
+    constructor(_rawYaml: RequiredDaemonSet, _globalStore: GlobalStore);
+    get stateDisplay(): WorkloadState.UPDATEING | WorkloadState.READY;
+}
+export {};

package/lib/src/models/deployment-model.d.ts

@@ -0,0 +1,14 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { Deployment } from 'kubernetes-types/apps/v1';
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+type RequiredDeployment = Required<Deployment> & Unstructured;
+export declare class DeploymentModel extends WorkloadModel {
+    _rawYaml: RequiredDeployment;
+    _globalStore: GlobalStore;
+    spec?: RequiredDeployment['spec'];
+    status?: RequiredDeployment['status'];
+    constructor(_rawYaml: RequiredDeployment, _globalStore: GlobalStore);
+    get stateDisplay(): WorkloadState.UPDATEING | WorkloadState.READY;
+}
+export {};

package/lib/src/models/index.d.ts

@@ -7,3 +7,6 @@ export * from './resource-model';
 export * from './workload-model';
 export * from './cronjob-model';
 export * from './event-model';
+export * from './deployment-model';
+export * from './daemonset-model';
+export * from './statefulset-model';

package/lib/src/models/job-model.d.ts

@@ -1,15 +1,19 @@
 import { GlobalStore, Unstructured } from 'k8s-api-provider';
 import { Job } from 'kubernetes-types/batch/v1';
+import { WorkloadState } from '../constants';
 import { WorkloadBaseModel } from './workload-base-model';
 type RequiredJob = Required<Job> & Unstructured;
 export declare class JobModel extends WorkloadBaseModel {
     _rawYaml: RequiredJob;
     _globalStore: GlobalStore;
+    restarts: number;
     spec?: RequiredJob['spec'];
     status?: RequiredJob['status'];
     constructor(_rawYaml: RequiredJob, _globalStore: GlobalStore);
+    init(): Promise<void>;
+    private getRestarts;
     get duration(): number;
-    get durationDisplay(): string | undefined;
     get completionsDisplay(): string;
+    get stateDisplay(): WorkloadState.COMPLETED | WorkloadState.FAILED | WorkloadState.SUSPENDED | WorkloadState.RUNNING;
 }
 export {};

package/lib/src/models/pod-model.d.ts

@@ -16,5 +16,6 @@ export declare class PodModel extends WorkloadBaseModel {
     get readyDisplay(): string;
     get readyContainerCount(): number | undefined;
     get containerCount(): number;
+    get stateDisplay(): string;
 }
 export {};

package/lib/src/models/service-model.d.ts

@@ -0,0 +1,10 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { Service } from 'kubernetes-types/core/v1';
+import { ResourceModel } from './resource-model';
+export type ServiceType = Required<Unstructured & Service>;
+export declare class ServiceModel extends ResourceModel<ServiceType> {
+    _rawYaml: ServiceType;
+    _globalStore: GlobalStore;
+    constructor(_rawYaml: ServiceType, _globalStore: GlobalStore);
+    inClusterAccess(): string | undefined;
+}

package/lib/src/models/statefulset-model.d.ts

@@ -0,0 +1,14 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { StatefulSet } from 'kubernetes-types/apps/v1';
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+type RequiredStatefulSet = Required<StatefulSet> & Unstructured;
+export declare class StatefulSetModel extends WorkloadModel {
+    _rawYaml: RequiredStatefulSet;
+    _globalStore: GlobalStore;
+    spec?: RequiredStatefulSet['spec'];
+    status?: RequiredStatefulSet['status'];
+    constructor(_rawYaml: RequiredStatefulSet, _globalStore: GlobalStore);
+    get stateDisplay(): WorkloadState.UPDATEING | WorkloadState.READY;
+}
+export {};

package/lib/src/models/workload-model.d.ts

@@ -11,6 +11,8 @@ export declare class WorkloadModel extends WorkloadBaseModel {
     constructor(_rawYaml: WorkloadTypes, _globalStore: GlobalStore);
     init(): Promise<void>;
     private getRestarts;
+    get replicas(): number | undefined;
+    get readyReplicas(): number | undefined;
     redeploy(): WorkloadTypes;
     scale(value: number): WorkloadTypes;
 }

package/lib/src/pages/deployments/create/index.d.ts

@@ -1,3 +1,3 @@
-import { FormProps } from 'antd/lib/form';
 import React from 'react';
-export declare const DeploymentForm: React.FC<FormProps>;
+import { FormModalProps } from 'src/components/FormModal';
+export declare const DeploymentForm: React.FC<FormModalProps>;