feat(editor): focus block when click on space

libs/components/editor-blocks/src/blocks/bullet/BulletView.tsx

@@ -188,7 +188,7 @@ export const BulletView = ({ block, editor }: CreateView) => {
 
     return (
         <BlockContainer editor={editor} block={block} selected={isSelect}>
-            <BlockPendantProvider block={block}>
+            <BlockPendantProvider editor={editor} block={block}>
                 <List>
                     <BulletLeft>
                         <BulletIcon numberType={properties.numberType} />

libs/components/editor-blocks/src/blocks/code/CodeView.tsx

@@ -170,7 +170,7 @@ export const CodeView = ({ block, editor }: CreateCodeView) => {
         editor.selectionManager.activePreviousNode(block.id, 'start');
     };
     return (
-        <BlockPendantProvider block={block}>
+        <BlockPendantProvider editor={editor} block={block}>
             <CodeBlock
                 onKeyDown={e => {
                     e.stopPropagation();
@@ -198,7 +198,8 @@ export const CodeView = ({ block, editor }: CreateCodeView) => {
                     </div>
                     <div>
                         <div className="copy-block" onClick={copyCode}>
-                            <DuplicateIcon></DuplicateIcon>Copy
+                            <DuplicateIcon />
+                            Copy
                         </div>
                     </div>
                 </div>

libs/components/editor-blocks/src/blocks/embed-link/EmbedLinkView.tsx

@@ -33,7 +33,7 @@ export const EmbedLinkView = (props: EmbedLinkView) => {
     };
 
     return (
-        <BlockPendantProvider block={block}>
+        <BlockPendantProvider editor={editor} block={block}>
             <LinkContainer>
                 {embedLinkUrl ? (
                     <SourceView

libs/components/editor-blocks/src/blocks/figma/FigmaView.tsx

@@ -1,13 +1,12 @@
-import { useState } from 'react';
-import { CreateView } from '@toeverything/framework/virgo';
 import {
-    useOnSelect,
     BlockPendantProvider,
+    useOnSelect,
 } from '@toeverything/components/editor-core';
-import { Upload } from '../../components/upload/upload';
+import { CreateView } from '@toeverything/framework/virgo';
+import { useState } from 'react';
 import { SourceView } from '../../components/source-view';
-import { styled } from '@toeverything/components/ui';
 import { LinkContainer } from '../../components/style-container';
+import { Upload } from '../../components/upload/upload';
 
 const MESSAGES = {
     ADD_FIGMA_LINK: 'Add figma link',
@@ -30,7 +29,7 @@ export const FigmaView = ({ block, editor }: FigmaView) => {
         setIsSelect(isSelect);
     });
     return (
-        <BlockPendantProvider block={block}>
+        <BlockPendantProvider editor={editor} block={block}>
             <LinkContainer>
                 {figmaUrl ? (
                     <SourceView

libs/components/editor-blocks/src/blocks/image/ImageView.tsx

@@ -165,12 +165,10 @@ export const ImageView = ({ block, editor }: ImageView) => {
     };
 
     return (
-        <BlockPendantProvider block={block}>
+        <BlockPendantProvider editor={editor} block={block}>
             <ImageBlock>
                 <div style={{ position: 'relative' }} ref={resizeBox}>
-                    {!isSelect ? (
-                        <ImageShade onClick={handleClick}></ImageShade>
-                    ) : null}
+                    {!isSelect ? <ImageShade onClick={handleClick} /> : null}
                     {imgUrl ? (
                         <div
                             onMouseDown={e => {

libs/components/editor-blocks/src/blocks/numbered/NumberedView.tsx

@@ -183,7 +183,7 @@ export const NumberedView = ({ block, editor }: CreateView) => {
 
     return (
         <BlockContainer editor={editor} block={block} selected={isSelect}>
-            <BlockPendantProvider block={block}>
+            <BlockPendantProvider editor={editor} block={block}>
                 <List>
                     <div className={'checkBoxContainer'}>
                         {getNumber(properties.numberType, number)}.

libs/components/editor-blocks/src/blocks/page/PageView.tsx

@@ -1,14 +1,14 @@
-import { useRef, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useParams } from 'react-router';
 
 import { BackLink, TextProps } from '@toeverything/components/common';
 import {
-    RenderBlockChildren,
     BlockPendantProvider,
+    RenderBlockChildren,
 } from '@toeverything/components/editor-core';
+import { styled } from '@toeverything/components/ui';
 import { ContentColumnValue } from '@toeverything/datasource/db-service';
 import { CreateView } from '@toeverything/framework/virgo';
-import { Theme, styled } from '@toeverything/components/ui';
 
 import {
     TextManage,
@@ -81,7 +81,7 @@ export const PageView = ({ block, editor }: CreateView) => {
 
     return (
         <PageTitleBlock>
-            <BlockPendantProvider block={block}>
+            <BlockPendantProvider editor={editor} block={block}>
                 <TextManage
                     alwaysShowPlaceholder
                     ref={textRef}

libs/components/editor-blocks/src/blocks/text/TextView.tsx

@@ -242,7 +242,7 @@ export const TextView = ({
             selected={isSelect}
             className={containerClassName}
         >
-            <BlockPendantProvider block={block}>
+            <BlockPendantProvider editor={editor} block={block}>
                 <TextBlock
                     block={block}
                     type={block.type}

libs/components/editor-blocks/src/blocks/todo/TodoView.tsx

@@ -132,7 +132,7 @@ export const TodoView = ({ block, editor }: CreateView) => {
 
     return (
         <BlockContainer editor={editor} block={block} selected={isSelect}>
-            <BlockPendantProvider block={block}>
+            <BlockPendantProvider editor={editor} block={block}>
                 <TodoBlock>
                     <div className={'checkBoxContainer'}>
                         <CheckBox