@block-kit/plugin 1.0.4 → 1.0.6

package/dist/es/bullet-list/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/divider/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { Point, Range } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/emoji/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { RawRange } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/image/index.js

@@ -1,11 +1,10 @@
-import { _ as __decorate, a as __awaiter } from '../tslib.es6-82e53812.js';
+import { _ as __decorate, a as __awaiter } from '../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { Point, Range, RawRange, APPLY_SOURCE } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
-import { EditorPlugin } from '@block-kit/react';
+import { EditorPlugin, MountNode } from '@block-kit/react';
 import { Bind, sleep, TRULY } from '@block-kit/utils';
 import { SelectionPlugin } from '../shared/modules/selection.js';
-import { getMountDOM } from '../shared/utils/dom.js';
 import { isEmptyLine } from '../shared/utils/is.js';
 import { IMAGE_KEY, LOADING_STATUS, IMAGE_SRC, IMAGE_STATUS } from './types/index.js';
 import { ImageView } from './view/image.js';
@@ -39,7 +38,7 @@ class ImagePlugin extends EditorPlugin {
             imageInput.hidden = true;
             imageInput.setAttribute("multiple", "true");
             this.input = imageInput;
-            getMountDOM(this.editor).append(imageInput);
+            MountNode.get(this.editor).append(imageInput);
         }
         return new Promise(resolve => {
             imageInput.onchange = e => {
@@ -96,7 +95,7 @@ class ImagePlugin extends EditorPlugin {
             editor.state.apply(delta, { autoCaret: false });
             editor.selection.set(new Range(point, point));
             // 正式开始上传文件
-            // 注意这里需要先 apply 再上传文件，否则 pack 的索引会被影响到
+            // 注意这里是先 apply 再上传文件，否则 pack 的索引会被影响到
             for (let i = 0; i < packIndex.length; i++) {
                 const file = files[i];
                 const refIndex = packIndex[i];

package/dist/es/indent/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { EditorPlugin } from '@block-kit/react';

package/dist/es/index.css

@@ -1 +1 @@
-.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;height:150px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;width:100px;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}
+.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-left:6px;margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}

package/dist/es/index.d.ts

@@ -37,7 +37,7 @@ export { QuotePlugin } from "./quote";
 export { QUOTE_KEY } from "./quote/types";
 export { SelectionHOC } from "./shared/components/selection";
 export { SelectionPlugin } from "./shared/modules/selection";
-export { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM } from "./shared/utils/dom";
+export { preventContextEvent, scrollIfNeeded } from "./shared/utils/dom";
 export { isEmptyLine, isKeyCode } from "./shared/utils/is";
 export { Shortcut } from "./shortcut";
 export type { ShortcutFunc, ShortcutFuncMap } from "./shortcut/types";
@@ -48,3 +48,4 @@ export type { ToolbarContextType } from "./toolbar/context/provider";
 export { ToolbarContext, useToolbarContext } from "./toolbar/context/provider";
 export { UnderlinePlugin } from "./underline/index";
 export { UNDERLINE_KEY } from "./underline/types";
+export declare const BLOCK_KIT_VERSION: string;

package/dist/es/index.js

@@ -37,7 +37,7 @@ export { QuotePlugin } from './quote/index.js';
 export { QUOTE_KEY } from './quote/types/index.js';
 export { SelectionHOC } from './shared/components/selection.js';
 export { SelectionPlugin } from './shared/modules/selection.js';
-export { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM } from './shared/utils/dom.js';
+export { preventContextEvent, scrollIfNeeded } from './shared/utils/dom.js';
 export { isEmptyLine, isKeyCode } from './shared/utils/is.js';
 export { Shortcut } from './shortcut/index.js';
 export { StrikePlugin } from './strike/index.js';
@@ -48,3 +48,7 @@ export { UnderlinePlugin } from './underline/index.js';
 export { UNDERLINE_KEY } from './underline/types/index.js';
 export { FloatToolbar } from './toolbar/context/float.js';
 export { Toolbar } from './toolbar/context/basic.js';
+
+const BLOCK_KIT_VERSION = "1.0.6" ;
+
+export { BLOCK_KIT_VERSION };

package/dist/es/inline-code/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { Priority } from '@block-kit/core';
 import { EditorPlugin } from '@block-kit/react';
 import { INLINE_CODE_KEY } from './types/index.js';

package/dist/es/link/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { InjectWrapKeys, EditorPlugin } from '@block-kit/react';
 import { Bind } from '@block-kit/utils';

package/dist/es/mention/modules/suggest.d.ts

@@ -4,7 +4,6 @@ export declare class SuggestModule {
     editor: Editor;
     point: Point;
     isMountSuggest: boolean;
-    mountSuggestNode: HTMLElement | null;
     rect: {
         top: number;
         left: number;

package/dist/es/mention/modules/suggest.js

@@ -1,12 +1,12 @@
-import { _ as __decorate } from '../../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { Point, EDITOR_EVENT, relativeTo, Range } from '@block-kit/core';
 import { deltaToText, Delta } from '@block-kit/delta';
+import { MountNode } from '@block-kit/react';
 import { Bind, KEY_CODE } from '@block-kit/utils';
-import ReactDOM from 'react-dom';
-import { getMountDOM } from '../../shared/utils/dom.js';
 import { isKeyCode } from '../../shared/utils/is.js';
-import { SUGGEST_OFFSET } from '../utils/constant.js';
+import { MENTION_KEY } from '../types/index.js';
+import { PANEL_HEIGHT, SUGGEST_OFFSET } from '../utils/constant.js';
 import { Suggest } from '../view/suggest.js';
 
 class SuggestModule {
@@ -14,7 +14,6 @@ class SuggestModule {
         this.editor = editor;
         this.rect = null;
         this.isMountSuggest = false;
-        this.mountSuggestNode = null;
         this.point = new Point(0, 0);
         editor.event.on(EDITOR_EVENT.KEY_DOWN, this.onKeydown, 101);
     }
@@ -31,8 +30,6 @@ class SuggestModule {
                 return void 0;
             const editorRect = this.editor.rect.getEditorRect();
             const rect = relativeTo(caretRect, editorRect);
-            // 这里是 CSS 预设的面板高度
-            const PANEL_HEIGHT = 150;
             if (caretRect.bottom + PANEL_HEIGHT <= window.innerHeight) {
                 // 放置于下方
                 rect.top = rect.bottom + SUGGEST_OFFSET;
@@ -67,24 +64,14 @@ class SuggestModule {
     mountSuggestPanel(text = "") {
         if (!this.rect)
             return void 0;
-        if (!this.mountSuggestNode) {
-            this.mountSuggestNode = document.createElement("div");
-            this.mountSuggestNode.dataset.type = "mention";
-            getMountDOM(this.editor).appendChild(this.mountSuggestNode);
-        }
         const top = this.rect.top;
         const left = this.rect.left;
-        const dom = this.mountSuggestNode;
         this.isMountSuggest = true;
-        ReactDOM.render(jsx(Suggest, { controller: this, top: top, left: left, text: text }), dom);
+        MountNode.mount(this.editor, MENTION_KEY, jsx(Suggest, { controller: this, top: top, left: left, text: text }));
     }
     unmountSuggestPanel() {
-        if (this.isMountSuggest && this.mountSuggestNode) {
-            ReactDOM.unmountComponentAtNode(this.mountSuggestNode);
-        }
-        this.mountSuggestNode && this.mountSuggestNode.remove();
+        MountNode.unmount(this.editor, MENTION_KEY);
         this.editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
-        this.mountSuggestNode = null;
         this.isMountSuggest = false;
     }
 }

package/dist/es/mention/utils/constant.d.ts

@@ -1,2 +1,4 @@
 export declare const SUGGEST_OFFSET = 5;
+export declare const PANEL_WIDTH = 130;
+export declare const PANEL_HEIGHT = 150;
 export declare const DATA: string[];

package/dist/es/mention/utils/constant.js

@@ -1,4 +1,6 @@
 const SUGGEST_OFFSET = 5;
+const PANEL_WIDTH = 130;
+const PANEL_HEIGHT = 150;
 const DATA = [
     "Alice",
     "Bob",
@@ -21,4 +23,4 @@ const DATA = [
     "Zoe",
 ];
 
-export { DATA, SUGGEST_OFFSET };
+export { DATA, PANEL_HEIGHT, PANEL_WIDTH, SUGGEST_OFFSET };

package/dist/es/mention/view/suggest.js

@@ -7,7 +7,7 @@ import { useRef, useState, useMemo, useEffect } from 'react';
 import { scrollIfNeeded, preventContextEvent } from '../../shared/utils/dom.js';
 import { isKeyCode } from '../../shared/utils/is.js';
 import { MENTION_KEY, MENTION_NAME } from '../types/index.js';
-import { DATA } from '../utils/constant.js';
+import { DATA, PANEL_WIDTH, PANEL_HEIGHT } from '../utils/constant.js';
 
 const Suggest = props => {
     const { controller } = props;
@@ -66,7 +66,7 @@ const Suggest = props => {
             editor.event.off(EDITOR_EVENT.KEY_DOWN, onKeydown);
         };
     }, [onKeydown, editor.event]);
-    return (jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left }, onMouseDown: preventNativeEvent, children: [list.map((it, index) => (jsx("div", { className: cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
+    return (jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left, width: PANEL_WIDTH, height: PANEL_HEIGHT }, onMouseDown: preventNativeEvent, children: [list.map((it, index) => (jsx("div", { className: cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
 };
 
 export { Suggest };

package/dist/es/order-list/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/quote/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/shared/modules/selection.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../../tslib.es6-2af4ba24.js';
 import { EDITOR_EVENT } from '@block-kit/core';
 import { Bind } from '@block-kit/utils';
 

package/dist/es/shared/utils/dom.d.ts

@@ -1,17 +1,4 @@
-import type { Editor } from "@block-kit/core";
 import type { EventContext } from "@block-kit/utils";
-/**
- * 设置挂载 DOM
- * @param editor
- * @param dom
- */
-export declare const setMountDOM: (editor: Editor, dom: HTMLElement | null) => void;
-/**
- * 获取挂载 DOM
- * @param editor
- * @param dom
- */
-export declare const getMountDOM: (editor: Editor) => HTMLElement;
 /**
  * 阻止所有编辑器分发的事件
  * @param event

package/dist/es/shared/utils/dom.js

@@ -1,20 +1,3 @@
-const EDITOR_TO_DOM = new WeakMap();
-/**
- * 设置挂载 DOM
- * @param editor
- * @param dom
- */
-const setMountDOM = (editor, dom) => {
-    EDITOR_TO_DOM.set(editor, dom);
-};
-/**
- * 获取挂载 DOM
- * @param editor
- * @param dom
- */
-const getMountDOM = (editor) => {
-    return EDITOR_TO_DOM.get(editor) || document.body;
-};
 /**
  * 阻止所有编辑器分发的事件
  * @param event
@@ -42,4 +25,4 @@ const scrollIfNeeded = (container, child, buffer = 0) => {
     }
 };
 
-export { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM };
+export { preventContextEvent, scrollIfNeeded };

package/dist/es/shared/utils/is.d.ts

@@ -1,4 +1,3 @@
 import type { LineState } from "@block-kit/core";
-import type { P } from "@block-kit/utils/dist/es/types";
-export declare const isEmptyLine: (line: LineState | P.Nil) => boolean | null;
+export declare const isEmptyLine: (line: LineState) => boolean | null;
 export declare const isKeyCode: (event: KeyboardEvent, code: number) => boolean;

package/dist/es/shared/utils/is.js

@@ -1,8 +1,6 @@
 import { isEOLOp } from '@block-kit/delta';
 
 const isEmptyLine = (line) => {
-    if (!line)
-        return true;
     const lastLeaf = line.getLastLeaf();
     const leaves = line.getLeaves();
     // 没有最后的叶子结点, 或者仅单个节点且最后的叶子结点是换行符

package/dist/es/shortcut/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-82e53812.js';
+import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
 import { CorePlugin, EDITOR_EVENT } from '@block-kit/core';
 import { Bind } from '@block-kit/utils';
 import { PLUGIN_EVENTS } from '../shared/utils/event.js';

package/dist/es/shortcut/modules/preset.js

@@ -1,9 +1,13 @@
-import { Range } from '@block-kit/core';
+import { Range, RawPoint, Point } from '@block-kit/core';
+import { Delta } from '@block-kit/delta';
 import { CTRL_KEY, KEY_CODE, NIL, TRULY } from '@block-kit/utils';
 import { BOLD_KEY } from '../../bold/types/index.js';
 import { LIST_TYPE_KEY, BULLET_LIST_KEY } from '../../bullet-list/types/index.js';
+import { DIVIDER_KEY } from '../../divider/types/index.js';
+import { HEADING_KEY } from '../../heading/types/index.js';
 import { ITALIC_KEY } from '../../italic/types/index.js';
 import { ORDER_LIST_KEY } from '../../order-list/types/index.js';
+import { QUOTE_KEY } from '../../quote/types/index.js';
 import { isKeyCode } from '../../shared/utils/is.js';
 
 const PRESET_SHORTCUT = {
@@ -28,19 +32,70 @@ const PRESET_SHORTCUT = {
             const firstLeaf = line && line.getFirstLeaf();
             const text = firstLeaf && firstLeaf.getText();
             if (text === "1.") {
-                editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, 2]));
+                editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
                 editor.command.exec(ORDER_LIST_KEY, { value: TRULY });
                 event.preventDefault();
                 return true;
             }
-            if (text === "-") {
-                editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, 1]));
+            if (text === "-" || text === "*") {
+                editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
                 editor.command.exec(BULLET_LIST_KEY, { value: TRULY });
                 event.preventDefault();
                 return true;
             }
         }
     },
+    [DIVIDER_KEY]: (event, payload) => {
+        if (isKeyCode(event, KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
+            const { editor, sel } = payload;
+            const line = editor.state.block.getLine(sel.start.line);
+            const firstLeaf = line && line.getFirstLeaf();
+            const text = firstLeaf && firstLeaf.getText();
+            if (text === "---") {
+                editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
+                const start = RawPoint.fromPoint(editor, new Point(sel.start.line, 0));
+                if (!start)
+                    return void 0;
+                const delta = new Delta().retain(start.offset).insert(" ", { [DIVIDER_KEY]: TRULY });
+                editor.state.apply(delta, { preventNormalize: true });
+                event.preventDefault();
+                return true;
+            }
+        }
+    },
+    [QUOTE_KEY]: (event, payload) => {
+        if (isKeyCode(event, KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
+            const { editor, sel } = payload;
+            const line = editor.state.block.getLine(sel.start.line);
+            const firstLeaf = line && line.getFirstLeaf();
+            const text = firstLeaf && firstLeaf.getText();
+            if (text === ">") {
+                editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
+                editor.command.exec(QUOTE_KEY, { value: TRULY });
+                event.preventDefault();
+                return true;
+            }
+        }
+    },
+    [HEADING_KEY]: (event, payload) => {
+        if (isKeyCode(event, KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
+            const { editor, sel } = payload;
+            const line = editor.state.block.getLine(sel.start.line);
+            const firstLeaf = line && line.getFirstLeaf();
+            const text = firstLeaf && firstLeaf.getText();
+            const HEADING_MAP = {
+                "#": "1",
+                "##": "2",
+                "###": "3",
+            };
+            if (text && HEADING_MAP[text]) {
+                editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
+                editor.command.exec(HEADING_KEY, { value: "h" + HEADING_MAP[text] });
+                event.preventDefault();
+                return true;
+            }
+        }
+    },
 };
 
 export { PRESET_SHORTCUT };

package/dist/es/toolbar/context/basic.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import "../styles/index.scss";
+import type { FC } from "react";
 import type { ToolbarProps } from "../types";
-export declare const Toolbar: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Toolbar: FC<ToolbarProps>;

package/dist/es/toolbar/context/basic.js

@@ -3,12 +3,12 @@ import { EDITOR_EVENT } from '@block-kit/core';
 import { useEditorStatic } from '@block-kit/react';
 import { cs } from '@block-kit/utils';
 import { useMemoFn } from '@block-kit/utils/dist/es/hooks';
-import { forwardRef, useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { PLUGIN_EVENTS } from '../../shared/utils/event.js';
 import { filterLineMarkMap, filterMarkMap } from '../utils/marks.js';
 import { ToolbarContext } from './provider.js';
 
-const Toolbar = /*#__PURE__*/ forwardRef((props, ref) => {
+const Toolbar = props => {
     const { editor } = useEditorStatic();
     const [keys, setKeys] = useState({});
     const refreshMarks = useMemoFn(() => {
@@ -44,11 +44,11 @@ const Toolbar = /*#__PURE__*/ forwardRef((props, ref) => {
             editor.event.off(PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
         };
     }, [editor.event, refreshMarks]);
-    // 浮动工具栏的情况下, 挂载时需要刷新 marks
     useEffect(() => {
+        // 浮动工具栏的情况下, 挂载时需要刷新 marks
         refreshMarks();
     }, [refreshMarks]);
-    return (jsx("div", { ref: ref, style: props.styles, className: cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
+    return (jsx("div", { ref: props.onRef, style: props.styles, className: cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
             const target = e.target;
             // 避免 float 的情况下触发按下事件
             e.stopPropagation();
@@ -64,6 +64,6 @@ const Toolbar = /*#__PURE__*/ forwardRef((props, ref) => {
                 refreshMarks,
                 selection: editor.selection.get(),
             }, children: props.children }) }));
-});
+};
 
 export { Toolbar };

package/dist/es/toolbar/context/float.d.ts

@@ -20,7 +20,7 @@ export declare const FloatToolbar: FC<{
     /**
      * 重载工具栏位置
      */
-    overridePosition?: (left: number, top: number) => {
+    overridePosition?: () => {
         left: number;
         top: number;
     };

package/dist/es/toolbar/context/float.js

@@ -1,11 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT } from '@block-kit/core';
-import { useEditorStatic, useReadonly } from '@block-kit/react';
+import { useEditorStatic, useReadonly, MountNode } from '@block-kit/react';
 import { cs } from '@block-kit/utils';
 import { useMemoFn } from '@block-kit/utils/dist/es/hooks';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import ReactDOM from 'react-dom';
-import { getMountDOM } from '../../shared/utils/dom.js';
 import { Toolbar } from './basic.js';
 
 const FloatToolbar = props => {
@@ -28,7 +27,10 @@ const FloatToolbar = props => {
         const onMouseUp = () => {
             setIsMouseDown(false);
         };
-        const onMouseDown = () => {
+        const onMouseDown = (event) => {
+            // 避免浮动工具栏的快速重置
+            if (event.detail === 3)
+                return void 0;
             setIsMouseDown(true);
         };
         const onSelectionChange = (e) => {
@@ -45,8 +47,12 @@ const FloatToolbar = props => {
             editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
         };
     }, [editor, onWeakUp, readonly]);
+    const overridePosition = useRef(props.overridePosition);
     const { left, top } = useMemo(() => {
         if (!readonly && visible && !isMouseDown) {
+            if (overridePosition.current) {
+                return overridePosition.current(); // overlay
+            }
             const rect = editor.rect.getSelectionRect();
             if (rect) {
                 const topOffset = props.offsetTop || 0;
@@ -58,11 +64,10 @@ const FloatToolbar = props => {
         }
         return { top: -999999, left: -999999 };
     }, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
-    const overlay = props.overridePosition ? props.overridePosition(left, top) : { left, top };
     // 只读状态 / 不可见 / 鼠标按下 时隐藏
     return readonly || !visible || isMouseDown
         ? null
-        : ReactDOM.createPortal(jsx(Toolbar, { ref: ref, className: cs("block-kit-float-toolbar", props.className), styles: { top: overlay.top, left: overlay.left }, children: props.children }), props.mountDOM || getMountDOM(editor));
+        : ReactDOM.createPortal(jsx(Toolbar, { onRef: ref, className: cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), props.mountDOM || MountNode.get(editor));
 };
 
 export { FloatToolbar };

package/dist/es/toolbar/context/provider.js

@@ -7,6 +7,7 @@ const ToolbarContext = React.createContext({
     editor: null,
     selection: null,
 });
+ToolbarContext.displayName = "Toolbar";
 const useToolbarContext = () => React.useContext(ToolbarContext);
 
 export { ToolbarContext, useToolbarContext };

package/dist/es/toolbar/types/index.d.ts

@@ -5,4 +5,5 @@ export type ToolbarProps = {
     className?: string;
     children: React.ReactNode;
     styles?: React.CSSProperties;
+    onRef?: React.MutableRefObject<HTMLDivElement | null>;
 };

package/dist/lib/bullet-list/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-04264fd3.js');
+var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/divider/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-04264fd3.js');
+var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/emoji/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-04264fd3.js');
+var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/image/index.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-04264fd3.js');
+var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');
 var react = require('@block-kit/react');
 var utils = require('@block-kit/utils');
 var shared_modules_selection = require('../shared/modules/selection.js');
-var shared_utils_dom = require('../shared/utils/dom.js');
 var shared_utils_is = require('../shared/utils/is.js');
 var image_types_index = require('./types/index.js');
 var image_view_image = require('./view/image.js');
@@ -43,7 +42,7 @@ class ImagePlugin extends react.EditorPlugin {
             imageInput.hidden = true;
             imageInput.setAttribute("multiple", "true");
             this.input = imageInput;
-            shared_utils_dom.getMountDOM(this.editor).append(imageInput);
+            react.MountNode.get(this.editor).append(imageInput);
         }
         return new Promise(resolve => {
             imageInput.onchange = e => {
@@ -100,7 +99,7 @@ class ImagePlugin extends react.EditorPlugin {
             editor.state.apply(delta$1, { autoCaret: false });
             editor.selection.set(new core.Range(point, point));
             // 正式开始上传文件
-            // 注意这里需要先 apply 再上传文件，否则 pack 的索引会被影响到
+            // 注意这里是先 apply 再上传文件，否则 pack 的索引会被影响到
             for (let i = 0; i < packIndex.length; i++) {
                 const file = files[i];
                 const refIndex = packIndex[i];