refactor: remove "use client" directive from multiple files and update project structure to align with Vite and React Router

2026-06-26 17:24:48 +08:00
parent e635ec6908
commit 443afab7bd
88 changed files with 94 additions and 230 deletions
@@ -0,0 +1,38 @@
+import { Button, Modal } from "antd";
+
+import { useAssetStore } from "@/stores/use-asset-store";
+import { useCanvasStore } from "@/stores/canvas/use-canvas-store";
+import { useCanvasUiStore } from "@/stores/canvas/use-canvas-ui-store";
+
+export function CanvasDeleteProjectsDialog() {
+    const ids = useCanvasUiStore((state) => state.deleteProjectIds);
+    const setDeleteIds = useCanvasUiStore((state) => state.setDeleteProjectIds);
+    const removeSelectedIds = useCanvasUiStore((state) => state.removeSelectedProjectIds);
+    const deleteProjects = useCanvasStore((state) => state.deleteProjects);
+    const cleanupImages = useAssetStore((state) => state.cleanupImages);
+    const confirm = () => {
+        deleteProjects(ids);
+        cleanupImages();
+        removeSelectedIds(ids);
+        setDeleteIds([]);
+    };
+
+    return (
+        <Modal
+            title="删除画布？"
+            open={ids.length > 0}
+            centered
+            onCancel={() => setDeleteIds([])}
+            footer={
+                <>
+                    <Button onClick={() => setDeleteIds([])}>取消</Button>
+                    <Button danger type="primary" onClick={confirm}>
+                        删除
+                    </Button>
+                </>
+            }
+        >
+            <p className="text-sm text-stone-500">将删除 {ids.length} 个画布，里面的节点和连线也会一起移除。</p>
+        </Modal>
+    );
+}