fix: json imports

packages/blocks/src/page-block/edgeless/components/toolbar/template/templates.ts

@@ -1,13 +1,13 @@
 import type { TemplateCategory } from './builtin-templates.js';
-import flowchart from './json/flow-chart.json';
-import ganttchart from './json/gantt-chart.json';
-import kanban from './json/kanban.json';
-import monthlycalendar from './json/monthly-calendar.json';
-import storyboard from './json/storyboard.json';
+import { flowChart } from './json/flow-chart.js';
+import { ganttChart } from './json/gantt-chart.js';
+import { kanban } from './json/kanban.js';
+import { monthlyCalendar } from './json/monthly-calendar.js';
+import { storyboard } from './json/storyboard.js';
 
 export const templates: TemplateCategory[] = [
   {
     name: 'Project managerment',
-    templates: [kanban, storyboard, monthlycalendar, ganttchart, flowchart],
+    templates: [kanban, storyboard, monthlyCalendar, ganttChart, flowChart],
   },
 ];

packages/blocks/src/page-block/widgets/drag-handle/utils.ts

@@ -13,7 +13,6 @@ import {
   getClosestBlockElementByElement,
   getClosestBlockElementByPoint,
   getDropRectByPoint,
-  getEdgelessPage,
   getHoveringNote,
   getRectByBlockElement,
   isPageMode,
@@ -24,6 +23,7 @@ import {
 import type { ParagraphBlockModel } from '../../../paragraph-block/index.js';
 import type { EdgelessBlockType } from '../../../surface-block/index.js';
 import { Bound } from '../../../surface-block/index.js';
+import type { EdgelessPageBlockComponent } from '../../edgeless/edgeless-page-block.js';
 import {
   BLOCK_CHILDREN_CONTAINER_PADDING_LEFT,
   DRAG_HANDLE_CONTAINER_HEIGHT,
@@ -364,10 +364,10 @@ export function convertDragPreviewDocToEdgeless({
   width?: number;
   height?: number;
 }): boolean {
-  const page = blockComponent.page;
-  if (isPageMode(page)) return false;
-  const edgelessPage = getEdgelessPage(page);
-  assertExists(edgelessPage);
+  const edgelessPage = blockComponent.closest(
+    'affine-edgeless-page'
+  ) as EdgelessPageBlockComponent;
+  if (!edgelessPage) return false;
 
   const previewEl = dragPreview.querySelector(cssSelector);
   assertExists(previewEl);
@@ -391,7 +391,7 @@ export function convertDragPreviewDocToEdgeless({
     },
     edgelessPage.surface.model
   );
-  page.deleteBlock(blockModel);
+  blockComponent.page.deleteBlock(blockModel);
   return true;
 }