@block-kit/plugin 1.0.0 → 1.0.1

package/dist/es/align/{index.js → align/index.js}

@@ -1,5 +1,5 @@
 import { EditorPlugin } from '@block-kit/react';
-import { ALIGN_KEY } from './types/index.js';
+import { ALIGN_KEY } from '../types/align/types/index.js';
 
 class AlignPlugin extends EditorPlugin {
     destroy() { }

package/dist/es/background/{index.js → background/index.js}

@@ -1,5 +1,5 @@
 import { EditorPlugin } from '@block-kit/react';
-import { BACKGROUND_KEY } from './types/index.js';
+import { BACKGROUND_KEY } from '../types/background/types/index.js';
 
 class BackgroundPlugin extends EditorPlugin {
     destroy() { }

package/dist/es/bold/{index.js → bold/index.js}

@@ -1,7 +1,7 @@
 import { isMatchHTMLTag, applyMarker } from '@block-kit/core';
 import { EditorPlugin } from '@block-kit/react';
 import { isHTMLElement, TRULY } from '@block-kit/utils';
-import { BOLD_KEY } from './types/index.js';
+import { BOLD_KEY } from '../types/bold/types/index.js';
 
 class BoldPlugin extends EditorPlugin {
     destroy() { }

package/dist/es/bullet-list/{index.js → bullet-list/index.js}

@@ -1,19 +1,15 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { __decorate } from '../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs.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 { 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 { 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 { Bind, KEY_CODE, NIL } from '@block-kit/utils';
+import { INDENT_LEVEL_KEY } from '../../indent/types/indent/types/index.js';
+import { preventContextEvent } from '../../shared/utils/shared/utils/dom.js';
+import { isKeyCode, isEmptyLine } from '../../shared/utils/shared/utils/is.js';
+import { BULLET_LIST_KEY, LIST_TYPE_KEY, BULLET_LIST_TYPE } from '../types/bullet-list/types/index.js';
+import { isBulletList } from '../utils/bullet-list/utils/is.js';
+import { BulletListView } from '../view/bullet-list/view/list.js';
 
 class BulletListPlugin extends EditorPlugin {
     constructor(editor) {

package/dist/es/{is-2b264ec8.js → bullet-list/utils/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/bullet-list/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/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 → divider/index.js}

@@ -1,13 +1,13 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { __decorate } from '../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs.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 { DIVIDER_KEY } from './types/index.js';
-import 'react';
+import { SelectionHOC } from '../../shared/components/shared/components/selection.js';
+import { SelectionPlugin } from '../../shared/modules/shared/modules/selection.js';
+import { isEmptyLine } from '../../shared/utils/shared/utils/is.js';
+import { DIVIDER_KEY } from '../types/divider/types/index.js';
 
 class DividerPlugin extends EditorPlugin {
     constructor(editor) {

package/dist/es/emoji/{index.js → emoji/index.js}

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { __decorate } from '../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs.js';
 import { jsx } from 'react/jsx-runtime';
 import { RawRange } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
@@ -6,7 +6,7 @@ import { EditorPlugin, Embed } from '@block-kit/react';
 import { Bind } from '@block-kit/utils';
 import data from '@emoji-mart/data';
 import { init } from 'emoji-mart';
-import { EMOJI_KEY } from './types/index.js';
+import { EMOJI_KEY } from '../types/emoji/types/index.js';
 
 class EmojiPlugin extends EditorPlugin {
     constructor(editor) {

package/dist/es/font-color/{index.js → font-color/index.js}

@@ -1,5 +1,5 @@
 import { EditorPlugin } from '@block-kit/react';
-import { FONT_COLOR_KEY } from './types/index.js';
+import { FONT_COLOR_KEY } from '../types/font-color/types/index.js';
 
 class FontColorPlugin extends EditorPlugin {
     destroy() { }

package/dist/es/font-size/{index.js → font-size/index.js}

@@ -1,6 +1,6 @@
 import { EditorPlugin } from '@block-kit/react';
 import { Styles } from '@block-kit/utils';
-import { FONT_SIZE_KEY } from './types/index.js';
+import { FONT_SIZE_KEY } from '../types/font-size/types/index.js';
 
 class FontSizePlugin extends EditorPlugin {
     destroy() { }

package/dist/es/heading/{index.js → heading/index.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { EditorPlugin } from '@block-kit/react';
-import { HEADING_KEY } from './types/index.js';
+import { HEADING_KEY } from '../types/heading/types/index.js';
 
 class HeadingPlugin extends EditorPlugin {
     destroy() { }

package/dist/es/image/image/index.js

@@ -0,0 +1,135 @@
+import { __decorate, __awaiter } from '../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs.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 { Bind, sleep, TRULY } from '@block-kit/utils';
+import { SelectionPlugin } from '../../shared/modules/shared/modules/selection.js';
+import { getMountDOM } from '../../shared/utils/shared/utils/dom.js';
+import { isEmptyLine } from '../../shared/utils/shared/utils/is.js';
+import { IMAGE_KEY, LOADING_STATUS, IMAGE_SRC, IMAGE_STATUS } from '../types/image/types/index.js';
+import { ImageView } from '../view/image/view/image.js';
+
+class ImagePlugin extends EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = IMAGE_KEY;
+        this.input = null;
+        this.selection = new SelectionPlugin(editor);
+        editor.command.register(IMAGE_KEY, this.onExec);
+    }
+    destroy() {
+        this.input && this.input.remove();
+        this.input = null;
+        this.selection.destroy();
+    }
+    match(attrs) {
+        return !!attrs[IMAGE_KEY];
+    }
+    renderLeaf(context) {
+        return (jsx(ImageView, { editor: this.editor, context: context, selection: this.selection }));
+    }
+    pickMultiImage() {
+        let imageInput = this.input;
+        if (!imageInput) {
+            imageInput = document.createElement("input");
+            imageInput.setAttribute("type", "file");
+            imageInput.setAttribute("accept", "image/png, image/jpeg, image/svg+xml");
+            imageInput.hidden = true;
+            imageInput.setAttribute("multiple", "true");
+            this.input = imageInput;
+            getMountDOM(this.editor).append(imageInput);
+        }
+        return new Promise(resolve => {
+            imageInput.onchange = e => {
+                const target = e.target;
+                const files = target.files;
+                resolve(files);
+            };
+            imageInput.click();
+        });
+    }
+    uploadImage(file) {
+        this.editor.logger.debug("Upload Image", file);
+        return sleep(2000).then(() => ({
+            src: URL.createObjectURL(file),
+        }));
+    }
+    onExec(payload) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const files = yield this.pickMultiImage();
+            const editor = this.editor;
+            const sel = editor.selection.get() || payload.range;
+            const line = sel && editor.state.block.getLine(sel.start.line);
+            if (!sel || !line || !files)
+                return void 0;
+            // 开始计算索引值
+            const isEmptyTextLine = isEmptyLine(line);
+            let nextLineIndex = line.index;
+            const delta = new Delta();
+            let index = line.start;
+            if (isEmptyTextLine) {
+                delta.retain(line.start);
+            }
+            else {
+                index = index + line.length;
+                delta.retain(line.start + line.length);
+            }
+            const packIndex = [];
+            // 处理临时图片文件
+            for (const file of files) {
+                const status = LOADING_STATUS.LOADING;
+                const src = URL.createObjectURL(file);
+                delta
+                    .insert(" ", { [IMAGE_KEY]: TRULY, [IMAGE_SRC]: src, [IMAGE_STATUS]: status })
+                    .insertEOL();
+                packIndex.push(index);
+                index = index + 2;
+                nextLineIndex++;
+            }
+            if (!isEmptyTextLine) {
+                nextLineIndex++;
+                delta.insertEOL();
+            }
+            const point = new Point(nextLineIndex, 0);
+            editor.state.apply(delta, { autoCaret: false });
+            editor.selection.set(new Range(point, point));
+            // 正式开始上传文件
+            // 注意这里需要先 apply 再上传文件，否则 pack 的索引会被影响到
+            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));
+                // 独立并行上传, 且独立 unpack
+                this.uploadImage(file)
+                    .then(res => {
+                    const rawRange = ref.unpack();
+                    if (!rawRange)
+                        return void 0;
+                    const next = {
+                        [IMAGE_SRC]: res.src,
+                        [IMAGE_STATUS]: LOADING_STATUS.SUCCESS,
+                    };
+                    const change = new Delta().retain(rawRange.start).retain(1, next);
+                    editor.state.apply(change, { source: APPLY_SOURCE.NO_UNDO });
+                })
+                    .catch(() => {
+                    const rawRange = ref.unpack();
+                    if (!rawRange)
+                        return void 0;
+                    const next = {
+                        [IMAGE_STATUS]: LOADING_STATUS.FAIL,
+                    };
+                    const change = new Delta().retain(rawRange.start).retain(rawRange.len, next);
+                    editor.state.apply(change, { source: APPLY_SOURCE.NO_UNDO, autoCaret: false });
+                });
+            }
+        });
+    }
+}
+__decorate([
+    Bind
+], ImagePlugin.prototype, "onExec", null);
+
+export { ImagePlugin };

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

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconLoading } from '@arco-design/web-react/icon';
+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/shared/components/selection.js';
+import { IMAGE_SRC, IMAGE_WIDTH, IMAGE_HEIGHT, IMAGE_STATUS, LOADING_STATUS, IMAGE_SCALE } from '../../../types/image/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/image/view/wrapper.js

@@ -0,0 +1,90 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Image } from '@arco-design/web-react';
+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/image/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 → indent/index.js}

@@ -1,10 +1,10 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { __decorate } from '../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs.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 { INDENT_LEVEL_KEY } from './types/index.js';
+import { isKeyCode } from '../../shared/utils/shared/utils/is.js';
+import { INDENT_LEVEL_KEY } from '../types/indent/types/index.js';
 
 class IndentPlugin extends EditorPlugin {
     constructor(editor) {

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.js

@@ -1,64 +1,50 @@
-export { AlignPlugin } from './align/index.js';
-export { ALIGN_KEY } from './align/types/index.js';
-export { BackgroundPlugin } from './background/index.js';
-export { BACKGROUND_KEY } from './background/types/index.js';
-export { BoldPlugin } from './bold/index.js';
-export { BOLD_KEY } from './bold/types/index.js';
-export { BulletListPlugin } from './bullet-list/index.js';
-export { BULLET_LIST_KEY, BULLET_LIST_TYPE, LIST_TYPE_KEY } from './bullet-list/types/index.js';
-export { DividerPlugin } from './divider/index.js';
-export { DIVIDER_KEY } from './divider/types/index.js';
-export { EmojiPlugin } from './emoji/index.js';
-export { EMOJI_KEY } from './emoji/types/index.js';
-export { FontColorPlugin } from './font-color/index.js';
-export { FONT_COLOR_KEY } from './font-color/types/index.js';
-export { FontSizePlugin } from './font-size/index.js';
-export { FONT_SIZE_KEY } from './font-size/types/index.js';
-export { HeadingPlugin } from './heading/index.js';
-export { HEADING_KEY } from './heading/types/index.js';
-export { ImagePlugin } from './image/index.js';
-export { IMAGE_HEIGHT, IMAGE_KEY, IMAGE_SCALE, IMAGE_SRC, IMAGE_STATUS, IMAGE_WIDTH, LOADING_STATUS, MIN_WIDTH } from './image/types/index.js';
-export { IndentPlugin } from './indent/index.js';
-export { INDENT_LEVEL_KEY } from './indent/types/index.js';
-export { InlineCodePlugin } from './inline-code/index.js';
-export { INLINE_CODE } from './inline-code/types/index.js';
-export { ItalicPlugin } from './italic/index.js';
-export { ITALIC_KEY } from './italic/types/index.js';
-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 { 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 { 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 { 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 { AlignPlugin } from './align/align/index.js';
+export { ALIGN_KEY } from './align/types/align/types/index.js';
+export { BackgroundPlugin } from './background/background/index.js';
+export { BACKGROUND_KEY } from './background/types/background/types/index.js';
+export { BoldPlugin } from './bold/bold/index.js';
+export { BOLD_KEY } from './bold/types/bold/types/index.js';
+export { BulletListPlugin } from './bullet-list/bullet-list/index.js';
+export { BULLET_LIST_KEY, BULLET_LIST_TYPE, LIST_TYPE_KEY } from './bullet-list/types/bullet-list/types/index.js';
+export { DividerPlugin } from './divider/divider/index.js';
+export { DIVIDER_KEY } from './divider/types/divider/types/index.js';
+export { EmojiPlugin } from './emoji/emoji/index.js';
+export { EMOJI_KEY } from './emoji/types/emoji/types/index.js';
+export { FontColorPlugin } from './font-color/font-color/index.js';
+export { FONT_COLOR_KEY } from './font-color/types/font-color/types/index.js';
+export { FontSizePlugin } from './font-size/font-size/index.js';
+export { FONT_SIZE_KEY } from './font-size/types/font-size/types/index.js';
+export { HeadingPlugin } from './heading/heading/index.js';
+export { HEADING_KEY } from './heading/types/heading/types/index.js';
+export { ImagePlugin } from './image/image/index.js';
+export { IMAGE_HEIGHT, IMAGE_KEY, IMAGE_SCALE, IMAGE_SRC, IMAGE_STATUS, IMAGE_WIDTH, LOADING_STATUS, MIN_WIDTH } from './image/types/image/types/index.js';
+export { IndentPlugin } from './indent/indent/index.js';
+export { INDENT_LEVEL_KEY } from './indent/types/indent/types/index.js';
+export { InlineCodePlugin } from './inline-code/inline-code/index.js';
+export { INLINE_CODE } from './inline-code/types/inline-code/types/index.js';
+export { ItalicPlugin } from './italic/italic/index.js';
+export { ITALIC_KEY } from './italic/types/italic/types/index.js';
+export { LineHeightPlugin } from './line-height/line-height/index.js';
+export { LINE_HEIGHT_KEY } from './line-height/types/line-height/types/index.js';
+export { LinkPlugin } from './link/link/index.js';
+export { LINK_BLANK_KEY, LINK_KEY, LINK_TEMP_KEY } from './link/types/link/types/index.js';
+export { MentionPlugin } from './mention/mention/index.js';
+export { SuggestModule } from './mention/modules/mention/modules/suggest.js';
+export { MENTION_KEY, MENTION_NAME } from './mention/types/mention/types/index.js';
+export { OrderListPlugin } from './order-list/order-list/index.js';
+export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE } from './order-list/types/order-list/types/index.js';
+export { QuotePlugin } from './quote/quote/index.js';
+export { QUOTE_KEY } from './quote/types/quote/types/index.js';
+export { SelectionHOC } from './shared/components/shared/components/selection.js';
+export { SelectionPlugin } from './shared/modules/shared/modules/selection.js';
+export { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM } from './shared/utils/shared/utils/dom.js';
+export { isEmptyLine, isKeyCode } from './shared/utils/shared/utils/is.js';
+export { Shortcut } from './shortcut/shortcut/index.js';
+export { StrikePlugin } from './strike/strike/index.js';
+export { STRIKE_KEY } from './strike/types/strike/types/index.js';
+export { Mixin } from './toolbar/toolbar/index.js';
+export { ToolbarContext, useToolbarContext } from './toolbar/context/toolbar/context/provider.js';
+export { UnderlinePlugin } from './underline/underline/index.js';
+export { UNDERLINE_KEY } from './underline/types/underline/types/index.js';
+export { FloatToolbar } from './toolbar/context/toolbar/context/float.js';
+export { Toolbar } from './toolbar/context/toolbar/context/basic.js';

package/dist/es/inline-code/{index.js → inline-code/index.js}

@@ -1,7 +1,7 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { __decorate } from '../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs.js';
 import { Priority } from '@block-kit/core';
 import { EditorPlugin } from '@block-kit/react';
-import { INLINE_CODE } from './types/index.js';
+import { INLINE_CODE } from '../types/inline-code/types/index.js';
 
 class InlineCodePlugin extends EditorPlugin {
     destroy() { }

package/dist/es/italic/{index.js → italic/index.js}

@@ -1,7 +1,7 @@
 import { isMatchHTMLTag, applyMarker } from '@block-kit/core';
 import { EditorPlugin } from '@block-kit/react';
 import { isHTMLElement, TRULY } from '@block-kit/utils';
-import { ITALIC_KEY } from './types/index.js';
+import { ITALIC_KEY } from '../types/italic/types/index.js';
 
 class ItalicPlugin extends EditorPlugin {
     destroy() { }

package/dist/es/line-height/{index.js → line-height/index.js}

@@ -1,5 +1,5 @@
 import { EditorPlugin } from '@block-kit/react';
-import { LINE_HEIGHT_KEY } from './types/index.js';
+import { LINE_HEIGHT_KEY } from '../types/line-height/types/index.js';
 
 class LineHeightPlugin extends EditorPlugin {
     destroy() { }