feat: select in grid

libs/components/editor-blocks/src/blocks/grid-item/index.ts

@@ -8,6 +8,7 @@ export class GridItemBlock extends BaseView {
     public override selectable = false;
     public override activatable = false;
     public override allowPendant = false;
+    public override layoutOnly = true;
 
     type = Protocol.Block.Type.grid;
     View = GridItemRender(GridItem);

libs/components/editor-blocks/src/blocks/grid/index.ts

@@ -9,6 +9,7 @@ export class GridBlock extends BaseView {
     public override selectable = false;
     public override activatable = false;
     public override allowPendant = false;
+    public override layoutOnly = true;
 
     type = Protocol.Block.Type.grid;
     View = GridRender(Grid);

libs/components/editor-core/src/editor/drag-drop/drag-drop.ts

@@ -252,6 +252,7 @@ export class DragDropManager {
     }
 
     public handlerEditorDrop(event: React.DragEvent<Element>) {
+        event.preventDefault();
         // IMP: can not use Decorators now may use decorators is right
         if (this.isEnabled()) {
             if (this.isDragBlock(event)) {

libs/components/editor-core/src/editor/selection/selection.ts

@@ -324,9 +324,21 @@ export class SelectionManager implements VirgoSelection {
         }
         if (block && block.dom) {
             if (selectionRect.isIntersect(domToRect(block.dom))) {
-                const selectableChildren = await (
+                const childrenBlocks = await block.children();
-                    await block.children()
+                // should check directly in structured block
-                ).filter(childBlock => {
+                const structuredChildrenBlocks: Array<AsyncBlock> =
+                    childrenBlocks.filter(childBlock => {
+                        return this._editor.getView(childBlock.type).layoutOnly;
+                    });
+                for await (const childBlock of structuredChildrenBlocks) {
+                    const childSelectedNodes =
+                        await this.calcRenderBlockIntersect(
+                            selectionRect,
+                            childBlock
+                        );
+                    selectedNodes.push(...childSelectedNodes);
+                }
+                const selectableChildren = childrenBlocks.filter(childBlock => {
                     return this._editor.getView(childBlock.type).selectable;
                 });
                 for await (const childBlock of selectableChildren) {
@@ -350,6 +362,7 @@ export class SelectionManager implements VirgoSelection {
                 }
             }
         }
+        console.log({ selectedNodes });
         return selectedNodes;
     }
 

libs/utils/src/types/tools.ts

@@ -3,7 +3,7 @@
  *
  * @example
  * ```ts
- * // except: type Values = 1 | '2'
+ * except: type Values = 1 | '2'
  * type Values = ValueOf<{a: 1, b: '2'}>
  * ```
  */
@@ -14,7 +14,7 @@ export type ValueOf<X extends Record<string, unknown>> = X[keyof X];
  *
  * @example
  * ```ts
- * // except: type FirstType = string;
+ * except: type FirstType = string;
  * type FirstType = First<[string], 0>
  * ```
  */
@@ -25,7 +25,7 @@ export type IndexOf<X extends unknown[], I extends number> = X[I];
  *
  * @example
  * ```ts
- * // except: type FirstType = string;
+ * except: type FirstType = string;
  * type FirstType = First<[string]>
  * ```
  */