@dovetail-v2/refine 0.2.0-alpha.1 → 0.2.1

package/dist/style.css

@@ -45,92 +45,6 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.fq4465w.ant-modal.fullscreen .ant-modal-header {
-  padding: 60px 0 32px 0;
-  max-width: var(--max-modal-width, 1024px);
-  width: 100%;
-  margin: auto;
-}
-.fq4465w.ant-modal.fullscreen .ant-modal-body {
-  padding: 0 4px;
-  max-width: var(--max-modal-width, 1024px);
-  width: 100%;
-  margin: auto;
-}
-.fq4465w.ant-modal.fullscreen .ant-modal-footer .footer-content {
-  padding: 0;
-  max-width: var(--max-modal-width, 1024px);
-  width: 100%;
-  margin: auto;
-}
-
-.s1nc293e.ant-modal.normal-modal .ant-modal-content {
-  width: 492px;
-  border-radius: 16px;
-}
-.s1nc293e.ant-modal.normal-modal .ant-modal-body {
-  padding: 32px 40px;
-  min-height: 160px;
-  overflow-x: hidden;
-}
-.s1nc293e.ant-modal.normal-modal .ant-modal-header {
-  border-radius: 16px 16px 0 0;
-  padding: 32px 40px;
-  padding-bottom: 0;
-}
-.s1nc293e.ant-modal.normal-modal .ant-modal-footer {
-  padding: 24px 40px;
-}
-.s1nc293e.ant-modal.normal-modal .ant-modal-close-x {
-  top: 35px;
-  right: 40px;
-}/* // basic */
-/* FishEye Color Variables and Functions */
-/*
- --------------------------- Primary Color ---------------------------
-*/
-/*
- ---------------------------When necessary to add at any time---------------------------
-*/
-/* computed */
-/* blue */
-/* green */
-/* yellow */
-/* red */
-/* purple */
-/*  palette    global token*/
-/* color opaque */
-/* color transparent */
-/* blue transparent  */
-/* green transparent  */
-/* yellow transparent  */
-/* red transparent  */
-/* gray transparent */
-/* white transparent */
-/* gradient opaque */
-/* blue radial gradient */
-/* blue linear gradient */
-/* green radial gradient */
-/* yellow radial gradient */
-/* red radial gradient */
-/* gray radial gradient */
-/* white to gray radial gradient */
-/*  white to gray  linear gradient */
-/* gradient transparent */
-/* secondary palette */
-/* purple radial gradient */
-/*  refine alias color   */
-/*  text   */
-/*  link   */
-/*  fill   */
-/*  fill  element  */
-/*  fill  interaction  */
-/*  stroke   */
-/*  background   */
-/*  dim   */
-/*  box shadow   */
-/*  fisheye   */
-/* z-index */
 .s82411.ant-tag {
   padding: 3px 16px;
   height: 24px;
@@ -195,169 +109,6 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.t1vq0ett {
-  margin-bottom: 4px;
-}
-
-.t139onst {
-  color: rgba(44, 56, 82, 0.6);
-}/* // basic */
-/* FishEye Color Variables and Functions */
-/*
- --------------------------- Primary Color ---------------------------
-*/
-/*
- ---------------------------When necessary to add at any time---------------------------
-*/
-/* computed */
-/* blue */
-/* green */
-/* yellow */
-/* red */
-/* purple */
-/*  palette    global token*/
-/* color opaque */
-/* color transparent */
-/* blue transparent  */
-/* green transparent  */
-/* yellow transparent  */
-/* red transparent  */
-/* gray transparent */
-/* white transparent */
-/* gradient opaque */
-/* blue radial gradient */
-/* blue linear gradient */
-/* green radial gradient */
-/* yellow radial gradient */
-/* red radial gradient */
-/* gray radial gradient */
-/* white to gray radial gradient */
-/*  white to gray  linear gradient */
-/* gradient transparent */
-/* secondary palette */
-/* purple radial gradient */
-/*  refine alias color   */
-/*  text   */
-/*  link   */
-/*  fill   */
-/*  fill  element  */
-/*  fill  interaction  */
-/*  stroke   */
-/*  background   */
-/*  dim   */
-/*  box shadow   */
-/*  fisheye   */
-/* z-index */
-.wwyz7ti.ant-btn.ant-btn.ant-btn-primary {
-  background-color: #fea008;
-}
-.wwyz7ti.ant-btn.ant-btn.ant-btn-primary:hover {
-  background-color: #feba33;
-}
-
-.c1xsou5f.ant-btn {
-  border-radius: 6px;
-  border: 1px solid rgba(172, 186, 211, 0.6) !important;
-}/* // basic */
-/* FishEye Color Variables and Functions */
-/*
- --------------------------- Primary Color ---------------------------
-*/
-/*
- ---------------------------When necessary to add at any time---------------------------
-*/
-/* computed */
-/* blue */
-/* green */
-/* yellow */
-/* red */
-/* purple */
-/*  palette    global token*/
-/* color opaque */
-/* color transparent */
-/* blue transparent  */
-/* green transparent  */
-/* yellow transparent  */
-/* red transparent  */
-/* gray transparent */
-/* white transparent */
-/* gradient opaque */
-/* blue radial gradient */
-/* blue linear gradient */
-/* green radial gradient */
-/* yellow radial gradient */
-/* red radial gradient */
-/* gray radial gradient */
-/* white to gray radial gradient */
-/*  white to gray  linear gradient */
-/* gradient transparent */
-/* secondary palette */
-/* purple radial gradient */
-/*  refine alias color   */
-/*  text   */
-/*  link   */
-/*  fill   */
-/*  fill  element  */
-/*  fill  interaction  */
-/*  stroke   */
-/*  background   */
-/*  dim   */
-/*  box shadow   */
-/*  fisheye   */
-/* z-index */
-.t56wb76 {
-  margin-bottom: 4px;
-}
-
-.tnei7dl {
-  color: rgba(44, 56, 82, 0.6);
-}/* // basic */
-/* FishEye Color Variables and Functions */
-/*
- --------------------------- Primary Color ---------------------------
-*/
-/*
- ---------------------------When necessary to add at any time---------------------------
-*/
-/* computed */
-/* blue */
-/* green */
-/* yellow */
-/* red */
-/* purple */
-/*  palette    global token*/
-/* color opaque */
-/* color transparent */
-/* blue transparent  */
-/* green transparent  */
-/* yellow transparent  */
-/* red transparent  */
-/* gray transparent */
-/* white transparent */
-/* gradient opaque */
-/* blue radial gradient */
-/* blue linear gradient */
-/* green radial gradient */
-/* yellow radial gradient */
-/* red radial gradient */
-/* gray radial gradient */
-/* white to gray radial gradient */
-/*  white to gray  linear gradient */
-/* gradient transparent */
-/* secondary palette */
-/* purple radial gradient */
-/*  refine alias color   */
-/*  text   */
-/*  link   */
-/*  fill   */
-/*  fill  element  */
-/*  fill  interaction  */
-/*  stroke   */
-/*  background   */
-/*  dim   */
-/*  box shadow   */
-/*  fisheye   */
-/* z-index */
 .e5223w8.empty-text {
   color: rgba(0, 21, 64, 0.3);
 }
@@ -673,6 +424,92 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.fq4465w.ant-modal.fullscreen .ant-modal-header {
+  padding: 60px 0 32px 0;
+  max-width: var(--max-modal-width, 1024px);
+  width: 100%;
+  margin: auto;
+}
+.fq4465w.ant-modal.fullscreen .ant-modal-body {
+  padding: 0 4px;
+  max-width: var(--max-modal-width, 1024px);
+  width: 100%;
+  margin: auto;
+}
+.fq4465w.ant-modal.fullscreen .ant-modal-footer .footer-content {
+  padding: 0;
+  max-width: var(--max-modal-width, 1024px);
+  width: 100%;
+  margin: auto;
+}
+
+.s1nc293e.ant-modal.normal-modal .ant-modal-content {
+  width: 492px;
+  border-radius: 16px;
+}
+.s1nc293e.ant-modal.normal-modal .ant-modal-body {
+  padding: 32px 40px;
+  min-height: 160px;
+  overflow-x: hidden;
+}
+.s1nc293e.ant-modal.normal-modal .ant-modal-header {
+  border-radius: 16px 16px 0 0;
+  padding: 32px 40px;
+  padding-bottom: 0;
+}
+.s1nc293e.ant-modal.normal-modal .ant-modal-footer {
+  padding: 24px 40px;
+}
+.s1nc293e.ant-modal.normal-modal .ant-modal-close-x {
+  top: 35px;
+  right: 40px;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .esoz3jw.ant-btn.ant-btn-link {
   font-size: 13px;
   height: 18px;
@@ -4225,6 +4062,63 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.wwyz7ti.ant-btn.ant-btn.ant-btn-primary {
+  background-color: #fea008;
+}
+.wwyz7ti.ant-btn.ant-btn.ant-btn-primary:hover {
+  background-color: #feba33;
+}
+
+.c1xsou5f.ant-btn {
+  border-radius: 6px;
+  border: 1px solid rgba(172, 186, 211, 0.6) !important;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .c154n7ie {
   max-width: 144px;
 }

package/lib/Dovetail.d.ts

@@ -1,9 +1,9 @@
-import { AccessControlProvider, DataProvider, LiveProvider } from '@refinedev/core';
+import { RefineProps } from '@refinedev/core';
 import { History } from 'history';
-import { GlobalStore } from 'k8s-api-provider';
 import React from 'react';
 import { ResourceConfig } from './types';
 import './styles.css';
+import { IGlobalStore } from './types/globalStore';
 type Props = {
     resourcesConfig: ResourceConfig[];
     schemaUrlPrefix: string;
@@ -11,12 +11,8 @@ type Props = {
     urlPrefix?: string;
     Layout?: React.FC<unknown>;
     history: History;
-    globalStore: GlobalStore;
-    accessControlProvider?: AccessControlProvider;
-    routerProvider?: any;
-    dataProvider?: DataProvider;
-    liveProvider?: LiveProvider;
+    globalStoreMap: Record<string, IGlobalStore<unknown>>;
     antdGetPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
-};
+} & Partial<RefineProps>;
 export declare const Dovetail: React.FC<Props>;
 export {};

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

@@ -37,6 +37,7 @@ export type InternalTableProps<Data extends {
     empty?: string;
     showMenuColumn?: boolean;
     hideNamespacesFilter?: boolean;
+    customNamespaceFilter?: React.ReactNode;
 };
 declare function Table<Data extends {
     id: string;

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

@@ -3,6 +3,7 @@ type Props = {
     resourceKind: string;
     namespace: string;
     name: string;
+    displayName?: string;
     uid?: string;
 };
 export declare const ResourceLink: React.FC<Props>;

package/lib/contexts/global-store.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { GlobalStore } from 'k8s-api-provider';
-declare const GlobalStoreContext: import("react").Context<{
-    globalStore?: GlobalStore | undefined;
-}>;
+import { WatchEvent } from 'k8s-api-provider';
+import { IGlobalStore } from 'src/types/globalStore';
+declare const GlobalStoreContext: import("react").Context<Record<string, IGlobalStore<WatchEvent>>>;
 export default GlobalStoreContext;

package/lib/hooks/index.d.ts

@@ -1,6 +1,6 @@
 export * from './useSchema';
 export * from './useDeleteModal';
-export * from './useFailedModal';
+export * from './useDeleteModal/useFailedModal';
 export * from './useEagleTable';
 export * from './useDownloadYAML';
 export * from './useEdit';

package/lib/hooks/useDeleteModal/index.d.ts

@@ -1 +1,3 @@
 export * from './useDeleteModal';
+export * from './useDeleteModalOnly';
+export * from './useFailedModal';

package/lib/hooks/useDeleteModal/useDeleteModal.d.ts

@@ -1,11 +1,13 @@
-import { ModalProps } from '@cloudtower/eagle';
-import React from 'react';
-export declare const useDeleteModal: (resource: string, { deleteTip, onError }?: {
-    deleteTip?: React.ReactNode;
-    onError?: ((error: any) => void) | undefined;
-}) => {
-    modalProps: ModalProps;
-    visible: boolean;
-    setVisible: React.Dispatch<React.SetStateAction<boolean>>;
+import { DeleteDialogProps } from '@cloudtower/eagle';
+type useDeleteDialogProps = {
+    resourceName: string;
+    deleteDialogProps?: Partial<DeleteDialogProps>;
+};
+/**
+ * 打开确认删除弹窗，如果失败会自动弹出回绝弹窗
+ */
+export declare const useDeleteModal: ({ resourceName, deleteDialogProps, }: useDeleteDialogProps) => {
     openDeleteConfirmModal: (id: string) => void;
+    closeDeleteConfirmModal: () => void;
 };
+export {};

package/lib/hooks/useDeleteModal/useDeleteModalOnly.d.ts

@@ -0,0 +1,12 @@
+import { DeleteDialogProps } from '@cloudtower/eagle';
+import { HttpError } from '@refinedev/core';
+type useDeleteModalOnlyProps = {
+    resource: string;
+    onError?: (resourceId: string, error?: HttpError) => void;
+    deleteDialogProps?: Partial<DeleteDialogProps>;
+};
+export declare const useDeleteModalOnly: ({ resource, deleteDialogProps, onError, }: useDeleteModalOnlyProps) => {
+    openDeleteConfirmModal: (id: string) => void;
+    closeDeleteConfirmModal: () => void;
+};
+export {};

package/lib/hooks/{useFailedModal.d.ts → useDeleteModal/useFailedModal.d.ts}

@@ -1,6 +1,4 @@
-import { ModalProps } from '@cloudtower/eagle';
 export declare const useFailedModal: (resource: string) => {
-    modalProps: ModalProps;
-    visible: boolean;
     openFailedModal: (id: string, errorMsgs: string[]) => void;
+    closeFailedModal: () => void;
 };

package/lib/hooks/useGlobalStore.d.ts

@@ -1,3 +1 @@
-export declare const useGlobalStore: () => {
-    globalStore?: import("k8s-api-provider").GlobalStore | undefined;
-};
+export declare const useGlobalStore: (name?: string) => import("..").IGlobalStore<import("k8s-api-provider").WatchEvent>;

package/lib/types/globalStore.d.ts

@@ -0,0 +1,25 @@
+import { MetaQuery } from '@refinedev/core';
+import { CancelQueriesParams, IProviderPlugin, Unstructured, UnstructuredList } from 'k8s-api-provider';
+interface GlobalStoreInitParams {
+    apiUrl: string;
+    fieldManager?: string;
+    kubeApiTimeout?: false | number;
+}
+export interface IGlobalStore<TWatchEvent> {
+    plugins: IProviderPlugin[];
+    prefix?: string;
+    fieldManager?: string;
+    apiUrl: string;
+    kubeApiTimeout: number | false | undefined;
+    get<T = UnstructuredList>(resource: string, meta?: MetaQuery): Promise<T>;
+    subscribe(resource: string, onEvent: (event: TWatchEvent) => void): () => void;
+    publish(resource: string, event: TWatchEvent): void;
+    init(params: GlobalStoreInitParams): void;
+    loadPlugins(plugins?: IProviderPlugin[]): void;
+    restoreItem(item: Unstructured): Unstructured;
+    restoreData(list: UnstructuredList): UnstructuredList;
+    destroy(): void;
+    cancelQueries(params?: CancelQueriesParams): void;
+    refreshList?(resource: string): void;
+}
+export {};

package/lib/types/index.d.ts

@@ -1 +1,2 @@
 export * from './resource';
+export * from './globalStore';

package/lib/types/resource.d.ts

@@ -151,12 +151,16 @@ export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
      * 实际效果为：{apiUrl}{basePath}{apiVersion}{name}
     */
     apiVersion: string;
+    /** 资源使用的 DataProvider 的名称 */
+    dataProviderName?: string;
     /** 资源在界面上显示的名称 */
     displayName?: string;
     /** 是否隐藏列表页的工具栏。会连标题和描述一起去掉 */
     hideListToolBar?: boolean;
     /** 是否隐藏命名空间过滤器 */
     hideNamespacesFilter?: boolean;
+    /** 自定义命名空间过滤器 */
+    customNamespaceFilter?: React.ReactNode;
     /** 是否隐藏编辑功能。会隐藏 Dropdown 和详情中的编辑按钮 */
     hideEdit?: boolean;
     /** 是否隐藏创建功能 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.2.0-alpha.1",
+  "version": "0.2.1",
   "type": "module",
   "files": [
     "dist",
@@ -10,8 +10,8 @@
   "module": "./dist/refine.js",
   "types": "./lib/index.d.ts",
   "dependencies": {
-    "@cloudtower/eagle": "^0.31.19",
-    "@cloudtower/icons-react": "^0.31.19",
+    "@cloudtower/eagle": "^0.32.50",
+    "@cloudtower/icons-react": "^0.32.50",
     "@patternfly/react-core": "^5.1.1",
     "@patternfly/react-log-viewer": "^5.0.0",
     "@refinedev/core": "^4.47.2",
@@ -83,8 +83,8 @@
     "vite-plugin-commonjs": "^0.10.0"
   },
   "peerDependencies": {
-    "@cloudtower/eagle": "^0.31.18",
-    "@cloudtower/icons-react": "^0.31.18",
+    "@cloudtower/eagle": "^0.32.50",
+    "@cloudtower/icons-react": "^0.32.50",
     "@refinedev/core": "^4.47.2",
     "antd": "4.5.0",
     "i18next": "^23.2.3",