@block-kit/plugin 1.0.0 → 1.0.3

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

@@ -1,19 +1,15 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { _ as __decorate } from '../tslib.es6-910e0469.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { EditorPlugin } from '@block-kit/react';
-import { cs, Bind, KEY_CODE, NIL } from '@block-kit/utils';
+import { Bind, KEY_CODE, NIL } from '@block-kit/utils';
 import { INDENT_LEVEL_KEY } from '../indent/types/index.js';
-import { p as preventContextEvent } from '../dom-71a99400.js';
-import { a as isKeyCode, i as isEmptyLine } from '../is-3de778e2.js';
+import { preventContextEvent } from '../shared/utils/dom.js';
+import { isKeyCode, isEmptyLine } from '../shared/utils/is.js';
 import { BULLET_LIST_KEY, LIST_TYPE_KEY, BULLET_LIST_TYPE } from './types/index.js';
-import { i as isBulletList } from '../is-2b264ec8.js';
-
-const BulletListView = props => {
-    const { level, children } = props;
-    return (jsx("ul", { className: "block-kit-bullet-list", children: jsx("li", { className: cs("block-kit-bullet-item", `block-kit-li-level-${level % 3}`), children: children }) }));
-};
+import { isBulletList } from './utils/is.js';
+import { BulletListView } from './view/list.js';
 
 class BulletListPlugin extends EditorPlugin {
     constructor(editor) {

package/dist/es/{is-2b264ec8.js → bullet-list/utils/is.js}

@@ -1,4 +1,4 @@
-import { LIST_TYPE_KEY, BULLET_LIST_TYPE } from './bullet-list/types/index.js';
+import { LIST_TYPE_KEY, BULLET_LIST_TYPE } from '../types/index.js';
 
 /**
  * 检查无序列表
@@ -8,4 +8,4 @@ const isBulletList = (attrs) => {
     return attrs[LIST_TYPE_KEY] === BULLET_LIST_TYPE;
 };
 
-export { isBulletList as i };
+export { isBulletList };

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

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { cs } from '@block-kit/utils';
+
+const BulletListView = props => {
+    const { level, children } = props;
+    return (jsx("ul", { className: "block-kit-bullet-list", children: jsx("li", { className: cs("block-kit-bullet-item", `block-kit-li-level-${level % 3}`), children: children }) }));
+};
+
+export { BulletListView };

package/dist/es/divider/index.js

@@ -1,13 +1,13 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { _ as __decorate } from '../tslib.es6-910e0469.js';
 import { jsx } from 'react/jsx-runtime';
 import { Point, Range } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { EditorPlugin, Void } from '@block-kit/react';
 import { Bind, TRULY } from '@block-kit/utils';
-import { a as SelectionPlugin, S as SelectionHOC } from '../selection-badfb0bc.js';
-import { i as isEmptyLine } from '../is-3de778e2.js';
+import { SelectionHOC } from '../shared/components/selection.js';
+import { SelectionPlugin } from '../shared/modules/selection.js';
+import { isEmptyLine } from '../shared/utils/is.js';
 import { DIVIDER_KEY } from './types/index.js';
-import 'react';
 
 class DividerPlugin extends EditorPlugin {
     constructor(editor) {

package/dist/es/emoji/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { _ as __decorate } from '../tslib.es6-910e0469.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,124 +1,14 @@
-import { _ as __decorate, a as __awaiter } from '../tslib.es6-83956cc1.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { RawRange, APPLY_SOURCE, Point, Range } from '@block-kit/core';
+import { _ as __decorate, a as __awaiter } from '../tslib.es6-910e0469.js';
+import { jsx } from 'react/jsx-runtime';
+import { Point, Range, RawRange, APPLY_SOURCE } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
-import { useReadonly, Void, EditorPlugin } from '@block-kit/react';
-import { cs, throttle, Styles, Bind, sleep, TRULY } from '@block-kit/utils';
-import { S as SelectionHOC, a as SelectionPlugin } from '../selection-badfb0bc.js';
-import { g as getMountDOM } from '../dom-71a99400.js';
-import { i as isEmptyLine } from '../is-3de778e2.js';
-import { IMAGE_WIDTH, IMAGE_HEIGHT, IMAGE_SRC, IMAGE_STATUS, LOADING_STATUS, IMAGE_SCALE, IMAGE_KEY } from './types/index.js';
-import { IconLoading } from '@arco-design/web-react/icon';
-import { Image } from '@arco-design/web-react';
-import { useState, useRef, Fragment as Fragment$1 } from 'react';
-
-const Preview = Image.Preview;
-const ImageWrapper = props => {
-    const { readonly } = useReadonly();
-    const [src, setImage] = useState("");
-    const ref = useRef(null);
-    const enable = readonly || props.selected;
-    const preview = (e) => {
-        // https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent/button
-        if (e.button !== 0)
-            return;
-        enable && setImage(props.src || "");
-    };
-    const onMouseDown = (e) => {
-        const resider = e.target;
-        if (!ref.current)
-            return void 0;
-        // 这里直接取图片的宽高，若取原始图宽高会导致拖拽缩放问题
-        const width = ref.current.clientWidth;
-        const height = ref.current.clientHeight;
-        e.stopPropagation();
-        e.preventDefault();
-        if (resider instanceof HTMLDivElement && resider.dataset.type && width && height) {
-            const startX = e.clientX;
-            const startY = e.clientY;
-            const startWidth = Number(width);
-            const startHeight = Number(height);
-            const ratio = startWidth / startHeight;
-            const type = resider.dataset.type;
-            const range = props.leaf.toRange();
-            const raw = RawRange.fromRange(props.editor, range);
-            if (!raw)
-                return;
-            const onMouseMove = throttle((event) => {
-                const currentX = event.clientX;
-                const currentY = event.clientY;
-                const diffX = currentX - startX;
-                const diffY = currentY - startY;
-                let nextWidth = startWidth;
-                let nextHeight = startHeight;
-                switch (type) {
-                    case "lt":
-                        nextWidth = nextWidth - diffX;
-                        nextHeight = nextHeight - diffY;
-                        break;
-                    case "rt":
-                        nextWidth = nextWidth + diffX;
-                        nextHeight = nextHeight - diffY;
-                        break;
-                    case "lb":
-                        nextWidth = nextWidth - diffX;
-                        nextHeight = nextHeight + diffY;
-                        break;
-                    case "rb":
-                        nextWidth = nextWidth + diffX;
-                        nextHeight = nextHeight + diffY;
-                        break;
-                }
-                if (nextWidth / nextHeight > ratio) {
-                    nextHeight = nextWidth / ratio;
-                }
-                else {
-                    nextWidth = nextHeight * ratio;
-                }
-                const delta = new Delta().retain(raw.start).retain(raw.len, {
-                    [IMAGE_WIDTH]: String(Math.max(nextWidth, 100)),
-                    [IMAGE_HEIGHT]: String(Math.max(nextHeight, 100)),
-                });
-                props.editor.state.apply(delta, { autoCaret: false });
-            }, 10);
-            const onMouseUp = () => {
-                document.removeEventListener("mousemove", onMouseMove);
-                document.removeEventListener("mouseup", onMouseUp);
-            };
-            document.addEventListener("mousemove", onMouseMove);
-            document.addEventListener("mouseup", onMouseUp);
-        }
-    };
-    return (jsxs(Fragment, { children: [src && jsx(Preview, { src: src, visible: !!src, onVisibleChange: v => !v && setImage("") }), !readonly && (jsxs(Fragment$1, { children: [jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "lt", onMouseDown: onMouseDown }), jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "rt", onMouseDown: onMouseDown }), jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "lb", onMouseDown: onMouseDown }), jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "rb", onMouseDown: onMouseDown })] })), jsx("div", { ref: ref, onMouseDown: preview, className: cs(enable && "block-kit-image-preview"), children: props.children })] }));
-};
-
-const ImageView = props => {
-    const { selection, context, editor } = props;
-    const attrs = context.attributes || {};
-    const src = attrs[IMAGE_SRC];
-    const width = attrs[IMAGE_WIDTH];
-    const height = attrs[IMAGE_HEIGHT];
-    const status = attrs[IMAGE_STATUS];
-    const onImageLoad = event => {
-        const target = event.target;
-        if (width && height)
-            return void 0;
-        const { naturalHeight, naturalWidth } = target;
-        const scale = naturalHeight / naturalWidth;
-        const next = {
-            [IMAGE_WIDTH]: String(naturalWidth),
-            [IMAGE_HEIGHT]: String(naturalHeight),
-            [IMAGE_SCALE]: String(scale),
-        };
-        const range = context.leafState.toRange();
-        const rawRange = RawRange.fromRange(editor, range);
-        if (!rawRange)
-            return void 0;
-        const delta = new Delta().retain(rawRange.start).retain(rawRange.len, next);
-        editor.state.apply(delta, { source: APPLY_SOURCE.NO_UNDO, autoCaret: false });
-    };
-    return (jsxs(Void, { className: "block-kit-image-container", context: context, children: [status === LOADING_STATUS.LOADING && (jsx("div", { className: "block-kit-image-loading", children: jsx(IconLoading, {}) })), jsx(SelectionHOC, { selection: selection, leaf: context.leafState, children: jsx(ImageWrapper, { editor: props.editor, src: src, leaf: context.leafState, children: jsx("img", { className: "block-kit-image", src: src, onLoad: onImageLoad, width: Styles.pixelate(width), height: Styles.pixelate(height) }) }) })] }));
-};
+import { EditorPlugin } 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';
 
 class ImagePlugin extends EditorPlugin {
     constructor(editor) {
@@ -210,7 +100,7 @@ class ImagePlugin extends EditorPlugin {
             for (let i = 0; i < packIndex.length; i++) {
                 const file = files[i];
                 const refIndex = packIndex[i];
-                const ref = editor.ref.pack(RawRange.from(refIndex, 0));
+                const ref = editor.tracer.pack(RawRange.from(refIndex, 0));
                 // 独立并行上传, 且独立 unpack
                 this.uploadImage(file)
                     .then(res => {

package/dist/es/image/view/image.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import IconLoading from '@arco-design/web-react/icon/react-icon/IconLoading';
+import { RawRange, APPLY_SOURCE } from '@block-kit/core';
+import { Delta } from '@block-kit/delta';
+import { Void } from '@block-kit/react';
+import { Styles } from '@block-kit/utils';
+import { SelectionHOC } from '../../shared/components/selection.js';
+import { IMAGE_SRC, IMAGE_WIDTH, IMAGE_HEIGHT, IMAGE_STATUS, LOADING_STATUS, IMAGE_SCALE } from '../types/index.js';
+import { ImageWrapper } from './wrapper.js';
+
+const ImageView = props => {
+    const { selection, context, editor } = props;
+    const attrs = context.attributes || {};
+    const src = attrs[IMAGE_SRC];
+    const width = attrs[IMAGE_WIDTH];
+    const height = attrs[IMAGE_HEIGHT];
+    const status = attrs[IMAGE_STATUS];
+    const onImageLoad = event => {
+        const target = event.target;
+        if (width && height)
+            return void 0;
+        const { naturalHeight, naturalWidth } = target;
+        const scale = naturalHeight / naturalWidth;
+        const next = {
+            [IMAGE_WIDTH]: String(naturalWidth),
+            [IMAGE_HEIGHT]: String(naturalHeight),
+            [IMAGE_SCALE]: String(scale),
+        };
+        const range = context.leafState.toRange();
+        const rawRange = RawRange.fromRange(editor, range);
+        if (!rawRange)
+            return void 0;
+        const delta = new Delta().retain(rawRange.start).retain(rawRange.len, next);
+        editor.state.apply(delta, { source: APPLY_SOURCE.NO_UNDO, autoCaret: false });
+    };
+    return (jsxs(Void, { className: "block-kit-image-container", context: context, children: [status === LOADING_STATUS.LOADING && (jsx("div", { className: "block-kit-image-loading", children: jsx(IconLoading, {}) })), jsx(SelectionHOC, { selection: selection, leaf: context.leafState, children: jsx(ImageWrapper, { editor: props.editor, src: src, leaf: context.leafState, children: jsx("img", { className: "block-kit-image", src: src, onLoad: onImageLoad, width: Styles.pixelate(width), height: Styles.pixelate(height) }) }) })] }));
+};
+
+export { ImageView };

package/dist/es/image/view/wrapper.js

@@ -0,0 +1,91 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import Image from '@arco-design/web-react/es/Image';
+import '@arco-design/web-react/es/Image/style';
+import { RawRange } from '@block-kit/core';
+import { Delta } from '@block-kit/delta';
+import { useReadonly } from '@block-kit/react';
+import { cs, throttle } from '@block-kit/utils';
+import { useState, useRef, Fragment as Fragment$1 } from 'react';
+import { IMAGE_WIDTH, IMAGE_HEIGHT } from '../types/index.js';
+
+const Preview = Image.Preview;
+const ImageWrapper = props => {
+    const { readonly } = useReadonly();
+    const [src, setImage] = useState("");
+    const ref = useRef(null);
+    const enable = readonly || props.selected;
+    const preview = (e) => {
+        // https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent/button
+        if (e.button !== 0)
+            return;
+        enable && setImage(props.src || "");
+    };
+    const onMouseDown = (e) => {
+        const resider = e.target;
+        if (!ref.current)
+            return void 0;
+        // 这里直接取图片的宽高，若取原始图宽高会导致拖拽缩放问题
+        const width = ref.current.clientWidth;
+        const height = ref.current.clientHeight;
+        e.stopPropagation();
+        e.preventDefault();
+        if (resider instanceof HTMLDivElement && resider.dataset.type && width && height) {
+            const startX = e.clientX;
+            const startY = e.clientY;
+            const startWidth = Number(width);
+            const startHeight = Number(height);
+            const ratio = startWidth / startHeight;
+            const type = resider.dataset.type;
+            const range = props.leaf.toRange();
+            const raw = RawRange.fromRange(props.editor, range);
+            if (!raw)
+                return;
+            const onMouseMove = throttle((event) => {
+                const currentX = event.clientX;
+                const currentY = event.clientY;
+                const diffX = currentX - startX;
+                const diffY = currentY - startY;
+                let nextWidth = startWidth;
+                let nextHeight = startHeight;
+                switch (type) {
+                    case "lt":
+                        nextWidth = nextWidth - diffX;
+                        nextHeight = nextHeight - diffY;
+                        break;
+                    case "rt":
+                        nextWidth = nextWidth + diffX;
+                        nextHeight = nextHeight - diffY;
+                        break;
+                    case "lb":
+                        nextWidth = nextWidth - diffX;
+                        nextHeight = nextHeight + diffY;
+                        break;
+                    case "rb":
+                        nextWidth = nextWidth + diffX;
+                        nextHeight = nextHeight + diffY;
+                        break;
+                }
+                if (nextWidth / nextHeight > ratio) {
+                    nextHeight = nextWidth / ratio;
+                }
+                else {
+                    nextWidth = nextHeight * ratio;
+                }
+                const delta = new Delta().retain(raw.start).retain(raw.len, {
+                    [IMAGE_WIDTH]: String(Math.max(nextWidth, 100)),
+                    [IMAGE_HEIGHT]: String(Math.max(nextHeight, 100)),
+                });
+                props.editor.state.apply(delta, { autoCaret: false });
+            }, 10);
+            const onMouseUp = () => {
+                document.removeEventListener("mousemove", onMouseMove);
+                document.removeEventListener("mouseup", onMouseUp);
+            };
+            document.addEventListener("mousemove", onMouseMove);
+            document.addEventListener("mouseup", onMouseUp);
+        }
+    };
+    return (jsxs(Fragment, { children: [src && jsx(Preview, { src: src, visible: !!src, onVisibleChange: v => !v && setImage("") }), !readonly && (jsxs(Fragment$1, { children: [jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "lt", onMouseDown: onMouseDown }), jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "rt", onMouseDown: onMouseDown }), jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "lb", onMouseDown: onMouseDown }), jsx("div", { className: cs(enable && "block-kit-image-resider"), "data-type": "rb", onMouseDown: onMouseDown })] })), jsx("div", { ref: ref, onMouseDown: preview, className: cs(enable && "block-kit-image-preview"), children: props.children })] }));
+};
+
+export { ImageWrapper };

package/dist/es/indent/index.js

@@ -1,9 +1,9 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { _ as __decorate } from '../tslib.es6-910e0469.js';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { EditorPlugin } from '@block-kit/react';
 import { Bind, KEY_CODE } from '@block-kit/utils';
-import { a as isKeyCode } from '../is-3de778e2.js';
+import { isKeyCode } from '../shared/utils/is.js';
 import { INDENT_LEVEL_KEY } from './types/index.js';
 
 class IndentPlugin extends EditorPlugin {

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;z-index:999}.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 3px 0 -2px;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;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:999}.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

@@ -43,7 +43,7 @@ export { Shortcut } from "./shortcut";
 export type { ShortcutFunc, ShortcutFuncMap } from "./shortcut/types";
 export { StrikePlugin } from "./strike/index";
 export { STRIKE_KEY } from "./strike/types";
-export { FloatToolbar, Mixin, Toolbar } from "./toolbar";
+export { FloatToolbar, Toolbar, ToolBarMixin } from "./toolbar";
 export type { ToolbarContextType } from "./toolbar/context/provider";
 export { ToolbarContext, useToolbarContext } from "./toolbar/context/provider";
 export { UnderlinePlugin } from "./underline/index";

package/dist/es/index.js

@@ -28,37 +28,23 @@ export { LineHeightPlugin } from './line-height/index.js';
 export { LINE_HEIGHT_KEY } from './line-height/types/index.js';
 export { LinkPlugin } from './link/index.js';
 export { LINK_BLANK_KEY, LINK_KEY, LINK_TEMP_KEY } from './link/types/index.js';
-export { M as MentionPlugin, S as SuggestModule } from './index-1e46887d.js';
+export { MentionPlugin } from './mention/index.js';
+export { SuggestModule } from './mention/modules/suggest.js';
 export { MENTION_KEY, MENTION_NAME } from './mention/types/index.js';
 export { OrderListPlugin } from './order-list/index.js';
 export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE } from './order-list/types/index.js';
 export { QuotePlugin } from './quote/index.js';
 export { QUOTE_KEY } from './quote/types/index.js';
-export { S as SelectionHOC, a as SelectionPlugin } from './selection-badfb0bc.js';
-export { g as getMountDOM, p as preventContextEvent, s as scrollIfNeeded, a as setMountDOM } from './dom-71a99400.js';
-export { i as isEmptyLine, a as isKeyCode } from './is-3de778e2.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 { isEmptyLine, isKeyCode } from './shared/utils/is.js';
 export { Shortcut } from './shortcut/index.js';
 export { StrikePlugin } from './strike/index.js';
 export { STRIKE_KEY } from './strike/types/index.js';
-export { F as FloatToolbar, M as Mixin, T as Toolbar, a as ToolbarContext, u as useToolbarContext } from './index-ddc2e5ac.js';
+export { ToolBarMixin } from './toolbar/index.js';
+export { ToolbarContext, useToolbarContext } from './toolbar/context/provider.js';
 export { UnderlinePlugin } from './underline/index.js';
 export { UNDERLINE_KEY } from './underline/types/index.js';
-import '@block-kit/react';
-import '@block-kit/core';
-import '@block-kit/utils';
-import './tslib.es6-83956cc1.js';
-import 'react/jsx-runtime';
-import '@block-kit/delta';
-import './is-2b264ec8.js';
-import '@emoji-mart/data';
-import 'emoji-mart';
-import '@arco-design/web-react/icon';
-import '@arco-design/web-react';
-import 'react';
-import 'react-dom';
-import '@block-kit/utils/dist/es/hooks';
-import './is-7f3ae820.js';
-import './marks-ac0ec630.js';
-import './shortcut/types/index.js';
-import '@emoji-mart/react';
-import '@arco-design/web-react/es/Form/useForm';
+export { FloatToolbar } from './toolbar/context/float.js';
+export { Toolbar } from './toolbar/context/basic.js';

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

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { _ as __decorate } from '../tslib.es6-910e0469.js';
 import { Priority } from '@block-kit/core';
 import { EditorPlugin } from '@block-kit/react';
 import { INLINE_CODE } from './types/index.js';

package/dist/es/link/index.js

@@ -1,21 +1,9 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { _ as __decorate } from '../tslib.es6-910e0469.js';
 import { jsx } from 'react/jsx-runtime';
-import { useReadonly, InjectWrapKeys, EditorPlugin } from '@block-kit/react';
-import { CTRL_KEY, Bind } from '@block-kit/utils';
-import { LINK_KEY, LINK_BLANK_KEY, LINK_TEMP_KEY } from './types/index.js';
-import '@block-kit/core';
-
-const A = props => {
-    const { attrs } = props;
-    const { readonly } = useReadonly();
-    const href = attrs[LINK_KEY];
-    const target = attrs[LINK_BLANK_KEY] ? "_blank" : "_self";
-    const onClick = (e) => {
-        e[CTRL_KEY] && window.open(href, "_blank");
-        e.preventDefault();
-    };
-    return (jsx("a", { href: href, target: target, rel: "noreferrer", className: "block-kit-hyper-link", onClick: readonly ? void 0 : onClick, children: props.children }));
-};
+import { InjectWrapKeys, EditorPlugin } from '@block-kit/react';
+import { Bind } from '@block-kit/utils';
+import { LINK_KEY, LINK_TEMP_KEY } from './types/index.js';
+import { A } from './view/a.js';
 
 class LinkPlugin extends EditorPlugin {
     constructor(editor) {

package/dist/es/link/view/a.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { useReadonly } from '@block-kit/react';
+import { CTRL_KEY } from '@block-kit/utils';
+import { LINK_KEY, LINK_BLANK_KEY } from '../types/index.js';
+
+const A = props => {
+    const { attrs } = props;
+    const { readonly } = useReadonly();
+    const href = attrs[LINK_KEY];
+    const target = attrs[LINK_BLANK_KEY] ? "_blank" : "_self";
+    const onClick = (e) => {
+        e[CTRL_KEY] && window.open(href, "_blank");
+        e.preventDefault();
+    };
+    return (jsx("a", { href: href, target: target, rel: "noreferrer", className: "block-kit-hyper-link", onClick: readonly ? void 0 : onClick, children: props.children }));
+};
+
+export { A };

package/dist/es/mention/index.js

@@ -1,13 +1,28 @@
-import 'react/jsx-runtime';
-import '@block-kit/react';
-export { M as MentionPlugin } from '../index-1e46887d.js';
-import './types/index.js';
-import '../tslib.es6-83956cc1.js';
-import '@block-kit/core';
-import '@block-kit/delta';
-import '@block-kit/utils';
-import 'react-dom';
-import '../dom-71a99400.js';
-import '../is-3de778e2.js';
-import '@block-kit/utils/dist/es/hooks';
-import 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { EditorPlugin, Embed } from '@block-kit/react';
+import { SuggestModule } from './modules/suggest.js';
+import { MENTION_KEY, MENTION_NAME } from './types/index.js';
+
+class MentionPlugin extends EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = MENTION_KEY;
+        this.suggest = new SuggestModule(editor);
+    }
+    destroy() {
+        this.suggest.destroy();
+    }
+    match(attrs) {
+        return !!attrs[MENTION_KEY];
+    }
+    renderLeaf(context) {
+        const attrs = context.attributes || {};
+        const name = attrs[MENTION_NAME];
+        if (!name || !attrs[MENTION_KEY])
+            return context.children;
+        return (jsx(Embed, { className: "block-kit-mention-embed", context: context, children: jsxs("span", { className: "block-kit-mention-name", children: ["@", name] }) }));
+    }
+}
+
+export { MentionPlugin };