[master] fix: remove workspace support remove projects

locales/en/l10n-clusterManagement-clusterSettings-clusterVisibility.js

@@ -33,4 +33,5 @@ module.exports = {
     'Enter the workspace name <strong>{resource}</strong> to confirm that you understand the risks of this operation.',
   REMOVE_WORKSPACE_CONFIRM_PL:
     'Enter the workspace names <strong>{resource}</strong> to confirm that you understand the risks of this operation.',
+  REMOVE_WORKSPACE_CONFIRM_TIP: 'Delete projects in the workspace',
 };

locales/es/l10n-clusterManagement-clusterSettings-clusterVisibility.js

@@ -33,4 +33,5 @@ module.exports = {
     'Enter the workspace name <strong>{resource}</strong> to confirm that you understand the risks of this operation.',
   REMOVE_WORKSPACE_CONFIRM_PL:
     'Enter the workspace names <strong>{resource}</strong> to confirm that you understand the risks of this operation.',
+  REMOVE_WORKSPACE_CONFIRM_TIP: 'Delete projects in the workspace',
 };

locales/tc/l10n-clusterManagement-clusterSettings-clusterVisibility.js

@@ -32,4 +32,5 @@ module.exports = {
     '請輸入企業空間名稱 <strong>{resource}</strong> 確保您已了解操作所带来的風險。',
   REMOVE_WORKSPACE_CONFIRM_PL:
     '請輸入企業空間名稱 <strong>{resource}</strong> 確保您已了解操作所带来的風險。',
+  REMOVE_WORKSPACE_CONFIRM_TIP: '刪除企業空間的項目',
 };

locales/zh/l10n-clusterManagement-clusterSettings-clusterVisibility.js

@@ -32,4 +32,5 @@ module.exports = {
     '请输入企业空间名称 <strong>{resource}</strong> 确保您已了解操作所带来的风险。',
   REMOVE_WORKSPACE_CONFIRM_PL:
     '请输入企业空间名称 <strong>{resource}</strong> 确保您已了解操作所带来的风险。',
+  REMOVE_WORKSPACE_CONFIRM_TIP: '删除企业空间的项目',
 };

packages/console/src/pages/access/containers/Workspaces/index.tsx

@@ -5,7 +5,7 @@
 
 import React, { useRef, useState } from 'react';
 import { Link } from 'react-router-dom';
-import { Banner, Field, notify, Empty, Card } from '@kubed/components';
+import { Banner, Field, notify, Empty, Card, Checkbox } from '@kubed/components';
 import { Enterprise, Trash, Pen } from '@kubed/icons';
 import {
   DataTable,
@@ -32,14 +32,15 @@ import { CreateWorkspacesModal } from '../../../workspaces/components/Modals';
 
 import type { FormattedWorkspace, WorkspaceFormValues } from '@ks-console/shared';
 
-import { FieldLabel, Wrapper } from './styles';
+import { FieldLabel, Wrapper, CheckboxWrapper } from './styles';
 
 const { fetchList } = clusterStore;
 const { getListUrl, mapper: workspaceMapper, usePostMutation } = workspaceStore;
 
 export default function Workspaces(): JSX.Element {
   const url = getListUrl({});
   const tableRef = useRef<any>();
+  const checkkboxRef = useRef(false);
   const [createVisible, setCreateVisible] = useState<boolean>(false);
 
   const refetch = () => {
@@ -78,10 +79,45 @@ export default function Workspaces(): JSX.Element {
         action: 'delete',
         onClick: () => {
           const selectedRows = tableRef.current?.getSelectedFlatRows() || [];
-          del({ resource: selectedRows, type: 'WORKSPACE' });
-          removeDashboardHistory(
-            globals.user.username,
-            selectedRows.map((r: { uid: string }) => r.uid),
+          const onSuccess = () => {
+            removeDashboardHistory(
+              globals.user.username,
+              selectedRows.map((r: { uid: string }) => r.uid),
+            );
+          };
+          del(
+            {
+              resource: selectedRows,
+              type: 'WORKSPACE',
+              child: (
+                <CheckboxWrapper>
+                  <Checkbox
+                    label={t('REMOVE_WORKSPACE_CONFIRM_TIP')}
+                    onChange={e => {
+                      checkkboxRef.current = e.target.checked;
+                    }}
+                  />
+                </CheckboxWrapper>
+              ),
+              onOk: async params => {
+                const deleteParams = selectedRows.map(
+                  (item: { namespace?: string; name: string }) => ({
+                    namespace: item.namespace,
+                    name: item.name,
+                    deleteProject: checkkboxRef.current,
+                    ...params,
+                  }),
+                );
+                await workspaceStore.batchDelete(deleteParams);
+                notify.success(t('DELETED_SUCCESSFULLY'));
+                onSuccess();
+                refetch();
+              },
+              onCancel: () => {
+                checkkboxRef.current = false;
+              },
+            },
+            '',
           );
         },
         props: {
@@ -110,8 +146,41 @@ export default function Workspaces(): JSX.Element {
         action: 'delete',
         show: row => !isSystemWorkspaces(row),
         onClick: (_, record) => {
-          del({ type: 'WORKSPACE', resource: [record] });
-          removeDashboardHistory(globals.user.username, record.uid);
+          const onSuccess = () => {
+            removeDashboardHistory(globals.user.username, record.uid);
+          };
+          del(
+            {
+              type: 'WORKSPACE',
+              resource: [record],
+              child: (
+                <CheckboxWrapper>
+                  <Checkbox
+                    label={t('REMOVE_WORKSPACE_CONFIRM_TIP')}
+                    onChange={e => {
+                      checkkboxRef.current = e.target.checked;
+                    }}
+                  />
+                </CheckboxWrapper>
+              ),
+              onOk: async params => {
+                const deleteParams = [record].map(item => ({
+                  namespace: item.namespace,
+                  name: item.name,
+                  deleteProject: checkkboxRef.current,
+                  ...params,
+                }));
+                await workspaceStore.batchDelete(deleteParams);
+                notify.success(t('DELETED_SUCCESSFULLY'));
+                onSuccess();
+                refetch();
+              },
+              onCancel: () => {
+                checkkboxRef.current = false;
+              },
+            },
+            '',
+          );
         },
       },
     ],

packages/console/src/pages/access/containers/Workspaces/styles.ts

@@ -20,3 +20,8 @@ export const Wrapper = styled.div`
   overflow-y: auto;
   overflow-x: hidden;
 `;
+
+export const CheckboxWrapper = styled.div`
+  margin-top: 12px;
+  color: #79879c;
+`;

packages/shared/src/components/Modals/DeleteConfirm/DeleteConfirm.tsx

@@ -31,6 +31,7 @@ interface DeleteConfirmContentProps {
   title?: ReactNode;
   tip?: string;
   desc?: ReactNode;
+  child?: ReactNode;
   onOk?: (data: any[] | undefined) => void;
   onCancel?: () => void;
 }
@@ -67,6 +68,7 @@ export function DeleteConfirmContent({
   desc,
   onCancel = () => {},
   onOk = () => {},
+  child,
 }: // ...rest
 DeleteConfirmContentProps) {
   // @ts-ignore
@@ -163,6 +165,7 @@ DeleteConfirmContentProps) {
             />
           )}
           {desc}
+          {child ?? child}
         </Content>
       </Body>
       <Footer>

packages/shared/src/stores/workspace.ts

@@ -114,14 +114,19 @@ const patch = async (params: PathParams, data: Record<string, any>) => {
 
 interface DeleteWorkspaceOptions extends PathParams {
   shouldDeleteResource?: boolean;
+  deleteProject?: boolean;
 }
 
-const deleteWorkspace = ({ shouldDeleteResource, ...params }: DeleteWorkspaceOptions) => {
+const deleteWorkspace = ({
+  shouldDeleteResource,
+  deleteProject,
+  ...params
+}: DeleteWorkspaceOptions) => {
   const data = !shouldDeleteResource
     ? {
         kind: 'DeleteOptions',
         apiVersion: 'v1',
-        propagationPolicy: 'Orphan',
+        propagationPolicy: deleteProject ? 'Background' : 'Orphan',
       }
     : {};
   return request.delete<never, OriginalWorkspace, Record<string, any>>(getDetailUrl(params), {