@block-kit/plugin 1.0.0

package/dist/es/index-ddc2e5ac.js

@@ -0,0 +1,493 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Trigger, Form, Input, Switch, Button } from '@arco-design/web-react';
+import { IconAlignLeft, IconAlignCenter, IconAlignRight, IconDown, IconBold, IconUnorderedList, IconCheck, IconH1, IconH2, IconH3, IconUndo, IconRedo, IconImage, IconCode, IconItalic, IconRight, IconLink, IconOrderedList, IconQuote, IconStrikethrough, IconUnderline } from '@arco-design/web-react/icon';
+import { NIL, cs, TRULY } from '@block-kit/utils';
+import { ALIGN_KEY } from './align/types/index.js';
+import React, { useRef, useState, useEffect, Fragment, forwardRef } from 'react';
+import { BOLD_KEY } from './bold/types/index.js';
+import { BULLET_LIST_KEY } from './bullet-list/types/index.js';
+import { i as isBulletList } from './is-2b264ec8.js';
+import { DIVIDER_KEY } from './divider/types/index.js';
+import Picker from '@emoji-mart/react';
+import { EMOJI_KEY } from './emoji/types/index.js';
+import { BACKGROUND_KEY } from './background/types/index.js';
+import { FONT_COLOR_KEY } from './font-color/types/index.js';
+import { FONT_SIZE_KEY } from './font-size/types/index.js';
+import { HEADING_KEY } from './heading/types/index.js';
+import { EDITOR_EVENT, APPLY_SOURCE } from '@block-kit/core';
+import { useMemoFn } from '@block-kit/utils/dist/es/hooks';
+import { IMAGE_KEY } from './image/types/index.js';
+import { INLINE_CODE } from './inline-code/types/index.js';
+import { ITALIC_KEY } from './italic/types/index.js';
+import { LINE_HEIGHT_KEY } from './line-height/types/index.js';
+import useForm from '@arco-design/web-react/es/Form/useForm';
+import { LINK_KEY, LINK_BLANK_KEY, LINK_TEMP_KEY } from './link/types/index.js';
+import { ORDER_LIST_KEY } from './order-list/types/index.js';
+import { i as isOrderList } from './is-7f3ae820.js';
+import { QUOTE_KEY } from './quote/types/index.js';
+import { STRIKE_KEY } from './strike/types/index.js';
+import { UNDERLINE_KEY } from './underline/types/index.js';
+import { useEditorStatic, useReadonly } from '@block-kit/react';
+import { f as filterLineMarkMap, a as filterMarkMap, P as PLUGIN_EVENTS } from './marks-ac0ec630.js';
+import ReactDOM from 'react-dom';
+import { g as getMountDOM } from './dom-71a99400.js';
+
+const JustifyIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M875.975111 823.978667a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 1 1 0-72.021333h727.950222z m0-231.992889a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 1 1 0-72.021333h727.950222z m0-231.992889a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 0 1 0-72.021333h727.950222z m0-231.992889a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 0 1 0-72.021333h727.950222z", fill: "currentColor" }) }));
+
+const ToolbarContext = React.createContext({
+    keys: {},
+    setKeys: () => null,
+    refreshMarks: () => null,
+    editor: null,
+    selection: null,
+});
+const useToolbarContext = () => React.useContext(ToolbarContext);
+
+const MAP$1 = {
+    left: jsx(IconAlignLeft, {}),
+    center: jsx(IconAlignCenter, {}),
+    right: jsx(IconAlignRight, {}),
+    justify: jsx(JustifyIcon, {}),
+};
+const Align = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx(Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(ALIGN_KEY, { value: NIL }), children: jsx(IconAlignLeft, {}) }), jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(ALIGN_KEY, { value: "center" }), children: jsx(IconAlignCenter, {}) }), jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(ALIGN_KEY, { value: "right" }), children: jsx(IconAlignRight, {}) }), jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(ALIGN_KEY, { value: "justify" }), children: jsx(JustifyIcon, {}) })] })), children: jsxs("div", { className: "menu-toolbar-item", children: [MAP$1[keys[ALIGN_KEY]] || jsx(IconAlignLeft, {}), jsx(IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+const Bold = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    const onExec = () => {
+        editor.command.exec(BOLD_KEY, { value: keys[BOLD_KEY] ? NIL : TRULY });
+        refreshMarks();
+    };
+    return (jsx("div", { className: cs("menu-toolbar-item", keys[BOLD_KEY] && "active"), onClick: onExec, children: jsx(IconBold, {}) }));
+};
+
+const BulletList = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    const isBullet = isBulletList(keys);
+    return (jsx("div", { className: cs("menu-toolbar-item", isBullet && "active"), onClick: () => {
+            editor.command.exec(BULLET_LIST_KEY, { value: TRULY });
+            refreshMarks();
+        }, children: jsx(IconUnorderedList, {}) }));
+};
+
+const Cut = () => {
+    return jsx("div", { className: "menu-toolbar-cut" });
+};
+
+const DividerIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M64.128 810.666667h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z m-768-682.666667h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333V149.333333a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333V149.333333a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333V149.333333a21.333333 21.333333 0 0 1 21.333333-21.333333zM64 469.333333h896a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334H64a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334z" }) }));
+
+const Divider = () => {
+    const { refreshMarks, editor } = useToolbarContext();
+    return (jsx("div", { className: cs("menu-toolbar-item"), onClick: () => {
+            editor.command.exec(DIVIDER_KEY, { value: TRULY });
+            refreshMarks();
+        }, children: jsx(DividerIcon, {}) }));
+};
+
+const EmojiIcon = () => (jsxs("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "5996", width: "1em", height: "1em", fill: "currentColor", children: [jsx("path", { d: "M512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768zM42.666667 512C42.666667 252.8 252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512z m533.333333-64a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333a42.666667 42.666667 0 1 1 0 85.333334h-85.333333a42.666667 42.666667 0 0 1-42.666667-42.666667z m-254.165333 193.834667a42.666667 42.666667 0 0 1 60.330666 0 183.594667 183.594667 0 0 0 259.669334 0 42.666667 42.666667 0 0 1 60.330666 60.330666 268.928 268.928 0 0 1-380.330666 0 42.666667 42.666667 0 0 1 0-60.330666z" }), jsx("path", { d: "M362.666667 362.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v80a42.666667 42.666667 0 0 1-85.333333 0V405.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z" })] }));
+
+const Emoji = () => {
+    const { editor } = useToolbarContext();
+    return (jsx(Trigger, { className: "menu-toolbar-emoji-trigger", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsx(Picker, { theme: document.body.getAttribute("arco-theme") === "dark" ? "dark" : "light", searchPosition: "none", previewPosition: "none", categories: [
+                "frequent",
+                "people",
+                "nature",
+                "foods",
+                "activity",
+                "places",
+                "objects",
+                "symbols",
+            ], onEmojiSelect: (emoji) => {
+                editor.command.exec(EMOJI_KEY, { value: emoji.id });
+            }, maxFrequentRows: 2 })), trigger: "click", children: jsx("div", { className: cs("menu-toolbar-item"), children: jsx(EmojiIcon, {}) }) }));
+};
+
+const FontColorIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M594.9 842.3h-94.3l-67.4-180.9H158L94.4 842.3H0.1l251.7-660.9h91.3l251.8 660.9zM406.7 586.7l-99.8-274.8c-3.1-8.8-6.5-24.2-10.2-46.1h-2.1c-3.1 19.9-6.7 35.3-10.7 46.1l-99 274.8h221.8z m284.2-183.4c46.9-29.3 101.1-43.9 162.6-43.9 113.8 0 170.7 59.7 170.7 179.2v303.8h-82.8v-73h-2.1c-32.7 56-80.9 84.1-144.6 84.1-45.8 0-82.2-12.4-109.2-37.1-27-24.7-40.5-58.2-40.5-100.3 0-88.2 52.2-139.5 156.6-154l139.9-19.6c0-77.1-31.9-115.6-95.6-115.6-56.6 0-108.2 19.1-154.9 57.2v-80.8z m139.9 217.1c-38.7 5.1-65.4 14.8-80 29-14.7 14.2-22 34.1-22 59.7 0 22.5 8 40.8 23.9 55 15.9 14.2 37 21.3 63.1 21.3 36.4 0 66.4-12.8 90-38.4 23.6-25.6 35.4-57.7 35.4-96.4v-45.2l-110.4 15z" }) }));
+
+const COLOR = [
+    "",
+    "rgb(143, 149, 158)",
+    "rgb(216, 57, 49)",
+    "rgb(222, 120, 2)",
+    "rgb(220, 155, 4)",
+    "rgb(46, 161, 33)",
+    "rgb(36, 91, 219)",
+    "rgb(100, 37, 208)",
+];
+const BACKGROUND = [
+    "",
+    "rgb(242, 243, 245)",
+    "rgb(251, 191, 188)",
+    "rgba(254, 212, 164, 0.8)",
+    "rgba(255, 246, 122, 0.8)",
+    "rgba(183, 237, 177, 0.8)",
+    "rgba(186, 206, 253, 0.7)",
+    "rgba(205, 178, 250, 0.7)",
+    "rgba(222, 224, 227, 0.8)",
+    "rgb(187, 191, 196)",
+    "rgb(247, 105, 100)",
+    "rgb(255, 165, 61)",
+    "rgb(255, 233, 40)",
+    "rgb(98, 210, 86)",
+    "rgba(78, 131, 253, 0.55)",
+    "rgba(147, 90, 246, 0.55)",
+];
+const FontColor = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx(Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxs("div", { className: "block-kit-toolbar-dropdown block-kit-color-picker", onClick: refreshMarks, children: [jsx("div", { className: "kit-color-picker-label", children: "\u5B57\u4F53\u989C\u8272" }), jsx("div", { className: "kit-picker-group", children: COLOR.map(it => (jsx("div", { className: cs("kit-picker-item-wrapper", keys[FONT_COLOR_KEY] === it && "active", !keys[FONT_COLOR_KEY] && !it && "active"), style: { color: it ? it : void 0 }, onClick: () => {
+                            editor.command.exec(FONT_COLOR_KEY, { value: it });
+                            refreshMarks();
+                        }, children: jsx("div", { className: "kit-picker-item", children: jsx(FontColorIcon, {}) }) }, it))) }), jsx("div", { className: "kit-color-picker-label", children: "\u80CC\u666F\u989C\u8272" }), jsx("div", { className: "kit-picker-group kit-picker-background-case", children: BACKGROUND.map(it => (jsx("div", { className: cs("kit-picker-item-wrapper", keys[BACKGROUND_KEY] === it && "active", !keys[BACKGROUND_KEY] && !it && "active"), onClick: () => {
+                            editor.command.exec(BACKGROUND_KEY, { value: it });
+                            refreshMarks();
+                        }, children: jsx("div", { style: { background: it ? it : void 0 }, className: cs("kit-picker-item", !it && "kit-picker-item-empty-background") }) }, it))) })] })), children: jsxs("div", { className: "menu-toolbar-item kit-color-case", children: [jsx("div", { className: "kit-color-block", style: { color: keys[FONT_COLOR_KEY], background: keys[BACKGROUND_KEY] }, children: jsx(FontColorIcon, {}) }), jsx(IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+const FontSizeIcon = () => (jsxs("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: [jsx("path", { d: "M597.333333 853.333333h85.333334L426.666667 170.666667H341.333333L85.333333 853.333333h85.333334l80-213.333333h266.666666z m-314.666666-298.666666L384 284.458667 485.333333 554.666667z" }), jsx("path", { d: "M918.784 331.178667V257.450667L832 170.666667l-86.784 86.784v73.728L810.666667 265.685333v492.629334l-65.450667-65.493334v73.728L832 853.333333l86.784-86.784v-73.728L853.333333 758.314667V265.685333l65.450667 65.493334z" })] }));
+
+const STEP$1 = Array(10)
+    .fill(null)
+    .map((_, i) => String(i + 12));
+const FontSize = () => {
+    const triggerRef = useRef(null);
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx(Trigger, { ref: triggerRef, popupAlign: { bottom: 10 }, trigger: "click", getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(FONT_SIZE_KEY, { value: NIL }), children: [!keys[FONT_SIZE_KEY] && jsx(IconCheck, {}), "\u9ED8\u8BA4"] }), STEP$1.map(item => (jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(FONT_SIZE_KEY, { value: item }), children: [keys[FONT_SIZE_KEY] === item && jsx(IconCheck, {}), item, "px"] }, item)))] })), children: jsxs("div", { className: "menu-toolbar-item", children: [jsx(FontSizeIcon, {}), jsx(IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+const TextIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M853.333333 138.666667H170.666667c-17.066667 0-32 14.933333-32 32v128c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V202.666667h277.333333v618.666666H384c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h256c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32h-96v-618.666666h277.333333V298.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V170.666667c0-17.066667-14.933333-32-32-32z" }) }));
+
+const MAP = {
+    h1: jsx(IconH1, {}),
+    h2: jsx(IconH2, {}),
+    h3: jsx(IconH3, {}),
+};
+const Heading = () => {
+    const { keys, refreshMarks, editor: { command }, } = useToolbarContext();
+    return (jsx(Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(HEADING_KEY, { value: NIL }), children: jsx(TextIcon, {}) }), jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(HEADING_KEY, { value: "h1" }), children: jsx(IconH1, {}) }), jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(HEADING_KEY, { value: "h2" }), children: jsx(IconH2, {}) }), jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(HEADING_KEY, { value: "h3" }), children: jsx(IconH3, {}) })] })), children: jsxs("div", { className: "menu-toolbar-item", children: [MAP[keys[HEADING_KEY]] || jsx(TextIcon, {}), jsx(IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+const History = () => {
+    const { editor, refreshMarks } = useToolbarContext();
+    const [undoable, setUndoable] = useState(false);
+    const [redoable, setRedoable] = useState(false);
+    const refresh = useMemoFn(() => {
+        setUndoable(editor.history.isUndoAble());
+        setRedoable(editor.history.isRedoAble());
+    });
+    useEffect(() => {
+        editor.event.on(EDITOR_EVENT.CONTENT_CHANGE, refresh, 1000);
+        return () => {
+            editor.event.off(EDITOR_EVENT.CONTENT_CHANGE, refresh);
+        };
+    }, [editor, refresh]);
+    const undo = () => {
+        editor.history.undo();
+        refreshMarks();
+    };
+    const redo = () => {
+        editor.history.redo();
+        refreshMarks();
+    };
+    return (jsxs(Fragment, { children: [jsx("div", { className: cs("menu-toolbar-item", !undoable && "disable"), onClick: undo, children: jsx(IconUndo, {}) }), jsx("div", { className: cs("menu-toolbar-item", !redoable && "disable"), onClick: redo, children: jsx(IconRedo, {}) })] }));
+};
+
+const Image = () => {
+    const { refreshMarks, editor } = useToolbarContext();
+    return (jsx("div", { className: cs("menu-toolbar-item"), onClick: () => {
+            editor.command.exec(IMAGE_KEY, { value: TRULY });
+            refreshMarks();
+        }, children: jsx(IconImage, {}) }));
+};
+
+const InlineCode = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx("div", { className: cs("menu-toolbar-item", keys[INLINE_CODE] && "active"), onClick: () => {
+            editor.command.exec(INLINE_CODE, { value: keys[INLINE_CODE] ? NIL : TRULY });
+            refreshMarks();
+        }, children: jsx(IconCode, {}) }));
+};
+
+const Italic = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    const onExec = () => {
+        editor.command.exec(ITALIC_KEY, { value: keys[ITALIC_KEY] ? NIL : TRULY });
+        refreshMarks();
+    };
+    return (jsx("div", { className: cs("menu-toolbar-item", keys[ITALIC_KEY] && "active"), onClick: onExec, children: jsx(IconItalic, {}) }));
+};
+
+const LineHeightIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M469.333333 170.666667h426.666667v85.333333H469.333333V170.666667zM256 298.666667v170.666666H170.666667V298.666667H42.666667l170.666666-170.666667 170.666667 170.666667H256z m0 426.666666h128l-170.666667 170.666667-170.666666-170.666667h128v-170.666666h85.333333v170.666666z m213.333333 42.666667h426.666667v85.333333H469.333333v-85.333333z m-85.333333-298.666667h512v85.333334H384v-85.333334z" }) }));
+
+const STEP = [...Array.from({ length: 11 }, (_, i) => i * 0.1 + 1.5), 3].map(v => v.toFixed(1).toString());
+const LineHeight = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx(Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(LINE_HEIGHT_KEY, { value: NIL }), children: [!keys[LINE_HEIGHT_KEY] && jsx(IconCheck, {}), "\u9ED8\u8BA4"] }), STEP.map(item => (jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(LINE_HEIGHT_KEY, { value: item }), children: [keys[LINE_HEIGHT_KEY] === item && jsx(IconCheck, {}), item] }, item)))] })), children: jsxs("div", { className: "menu-toolbar-item", children: [jsx(LineHeightIcon, {}), jsx(IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+const Link = props => {
+    const [form] = useForm();
+    const [visible, setVisible] = useState(false);
+    const [collapsed, setCollapsed] = useState(true);
+    const { keys, refreshMarks, editor, selection } = useToolbarContext();
+    const onConfirm = () => {
+        const sel = editor.selection.get();
+        if (!sel)
+            return void 0;
+        const insert = form.getFieldValue("link-insert");
+        const href = form.getFieldValue(LINK_KEY);
+        const blank = form.getFieldValue(LINK_BLANK_KEY);
+        if (!href)
+            return void 0;
+        const filteredHref = props.filterXSS ? props.filterXSS(href) : href;
+        if (sel.isCollapsed) {
+            // 折叠选区的情况下则插入文本
+            if (!insert)
+                return void 0;
+            editor.collect.marks = Object.assign(Object.assign({}, editor.collect.marks), { [LINK_KEY]: filteredHref });
+            if (blank) {
+                editor.collect.marks[LINK_BLANK_KEY] = TRULY;
+            }
+            editor.perform.insertText(sel, insert);
+        }
+        else {
+            // 非折叠选区则应用链接
+            editor.perform.applyMarks(sel, {
+                [LINK_KEY]: filteredHref,
+                [LINK_BLANK_KEY]: blank ? TRULY : NIL,
+                [LINK_TEMP_KEY]: NIL,
+            }, { autoCaret: false });
+        }
+        setVisible(false);
+        refreshMarks();
+    };
+    const onDelete = () => {
+        const sel = editor.selection.get();
+        if (!sel || sel.isCollapsed) {
+            setVisible(false);
+            return void 0;
+        }
+        editor.perform.applyMarks(sel, { [LINK_TEMP_KEY]: NIL, [LINK_BLANK_KEY]: NIL, [LINK_KEY]: NIL }, { autoCaret: false });
+        setVisible(false);
+        refreshMarks();
+    };
+    useEffect(() => {
+        if (visible) {
+            form.resetFields();
+            const sel = editor.selection.get();
+            const state = sel && sel.isCollapsed;
+            setCollapsed(!!state);
+        }
+    }, [editor.selection, form, visible]);
+    const onFocus = () => {
+        const sel = editor.selection.get();
+        if (sel && !sel.isCollapsed) {
+            // 由于焦点转移, 因此需要将临时标记应用到选区
+            editor.perform.applyMarks(sel, { [LINK_TEMP_KEY]: TRULY }, { autoCaret: false, source: APPLY_SOURCE.NO_UNDO });
+            editor.event.once(EDITOR_EVENT.SELECTION_CHANGE, () => {
+                // 这里是需要等待渲染后再执行, 否则会导致选区校正无法获取 LineNode
+                Promise.resolve().then(() => {
+                    editor.perform.applyMarks(sel, { [LINK_TEMP_KEY]: NIL }, { autoCaret: false, source: APPLY_SOURCE.NO_UNDO });
+                });
+            });
+        }
+    };
+    const go = () => {
+        const href = form.getFieldValue(LINK_KEY);
+        if (!href)
+            return void 0;
+        window.open(href, "_blank");
+    };
+    return (jsx(Trigger, { popupVisible: visible, onVisibleChange: setVisible, trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => {
+            return (jsxs("div", { className: "block-kit-link-popup", children: [jsxs(Form, { initialValues: keys, form: form, size: "small", labelCol: { span: 6, offset: 0 }, wrapperCol: { span: 18, offset: 0 }, labelAlign: "left", onSubmit: onConfirm, children: [collapsed && (jsx(Form.Item, { label: "\u6587\u672C\u5185\u5BB9", field: "link-insert", children: jsx(Input, { "data-no-prevent": true, autoComplete: "off", size: "mini", placeholder: "\u8F93\u5165\u6587\u672C" }) })), jsx(Form.Item, { label: "\u94FE\u63A5\u5730\u5740", field: LINK_KEY, children: jsx(Input, { "data-no-prevent": true, autoComplete: "off", size: "mini", placeholder: "\u8F93\u5165\u94FE\u63A5", onFocus: onFocus, addAfter: jsx(IconRight, { onClick: go, className: "block-kit-link-popup-go" }) }) }), jsx(Form.Item, { label: "\u65B0\u9875\u9762\u6253\u5F00", field: LINK_BLANK_KEY, triggerPropName: "checked", children: jsx(Switch, {}) })] }), jsxs("div", { className: "block-kit-link-popup-button", children: [jsx(Button, { size: "mini", htmlType: "submit", type: "primary", onClick: onConfirm, children: "\u786E\u5B9A" }), jsx(Button, { size: "mini", type: "primary", status: "danger", onClick: onDelete, children: "\u5220\u9664" })] })] }));
+        }, children: jsx("div", { className: cs("menu-toolbar-item", keys[LINK_KEY] && selection && !selection.isCollapsed && "active"), children: jsx(IconLink, {}) }) }));
+};
+
+const OrderList = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    const isOrder = isOrderList(keys);
+    return (jsx("div", { className: cs("menu-toolbar-item", isOrder && "active"), onClick: () => {
+            editor.command.exec(ORDER_LIST_KEY, { value: TRULY });
+            refreshMarks();
+        }, children: jsx(IconOrderedList, {}) }));
+};
+
+const Quote = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx("div", { className: cs("menu-toolbar-item", keys[QUOTE_KEY] && "active"), onClick: () => {
+            editor.command.exec(QUOTE_KEY, { value: TRULY });
+            refreshMarks();
+        }, children: jsx(IconQuote, {}) }));
+};
+
+const Strike = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx("div", { className: cs("menu-toolbar-item", keys[STRIKE_KEY] && "active"), onClick: () => {
+            editor.command.exec(STRIKE_KEY, { value: keys[STRIKE_KEY] ? NIL : TRULY });
+            refreshMarks();
+        }, children: jsx(IconStrikethrough, {}) }));
+};
+
+const Underline = () => {
+    const { keys, refreshMarks, editor } = useToolbarContext();
+    return (jsx("div", { className: cs("menu-toolbar-item", keys[UNDERLINE_KEY] && "active"), onClick: () => {
+            editor.command.exec(UNDERLINE_KEY, { value: keys[UNDERLINE_KEY] ? NIL : TRULY });
+            refreshMarks();
+        }, children: jsx(IconUnderline, {}) }));
+};
+
+const Toolbar = forwardRef((props, ref) => {
+    const { editor } = useEditorStatic();
+    const [keys, setKeys] = useState({});
+    const refreshMarks = useMemoFn(() => {
+        const current = editor.selection.get();
+        if (!current) {
+            setKeys({});
+            return void 0;
+        }
+        const lines = editor.state.block.getLines();
+        const { start, end } = current;
+        const lineMarkMap = filterLineMarkMap(lines.slice(start.line, end.line + 1).map(line => line.attributes));
+        if (current.isCollapsed) {
+            setKeys(Object.assign(Object.assign({}, editor.collect.marks), lineMarkMap));
+            return void 0;
+        }
+        const ops = [];
+        if (current.isCollapsed) {
+            const op = editor.collect.getOpAtPoint(current.start);
+            op && ops.push(op);
+        }
+        else {
+            const fragment = editor.collect.getFragment();
+            fragment && ops.push(...fragment);
+        }
+        const markMap = filterMarkMap(ops);
+        setKeys(Object.assign(Object.assign({}, markMap), lineMarkMap));
+    });
+    useEffect(() => {
+        editor.event.on(EDITOR_EVENT.SELECTION_CHANGE, refreshMarks);
+        editor.event.on(PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
+        return () => {
+            editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, refreshMarks);
+            editor.event.off(PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
+        };
+    }, [editor.event, refreshMarks]);
+    // 浮动工具栏的情况下, 挂载时需要刷新 marks
+    useEffect(() => {
+        refreshMarks();
+    }, [refreshMarks]);
+    return (jsx("div", { ref: ref, style: props.styles, className: cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
+            const target = e.target;
+            // 避免 float 的情况下触发按下事件
+            e.stopPropagation();
+            // 存在需要抢夺焦点的情况, 例如超链接输入的弹出层
+            if (target instanceof HTMLElement && target.hasAttribute("data-no-prevent")) {
+                return void 0;
+            }
+            e.preventDefault();
+        }, children: jsx(ToolbarContext.Provider, { value: {
+                keys,
+                editor,
+                setKeys,
+                refreshMarks,
+                selection: editor.selection.get(),
+            }, children: props.children }) }));
+});
+
+const FloatToolbar = props => {
+    const { editor } = useEditorStatic();
+    const { readonly } = useReadonly();
+    const [top, setTop] = useState(0);
+    const [left, setLeft] = useState(0);
+    const [visible, setVisible] = useState(false);
+    const [isInterim, setIsInterim] = useState(true);
+    const [isMouseDown, setIsMouseDown] = useState(false);
+    const ref = useRef(null);
+    const onWeakUp = useMemoFn((wakeUp) => {
+        if (editor.state.isFocused() && wakeUp) {
+            setVisible(true);
+        }
+        else {
+            setVisible(false);
+        }
+    });
+    useEffect(() => {
+        if (readonly)
+            return void 0;
+        const onMouseUp = () => {
+            setIsMouseDown(false);
+        };
+        const onMouseDown = () => {
+            setIsMouseDown(true);
+        };
+        const onSelectionChange = (e) => {
+            const { current } = e;
+            const isWakeUp = current ? !current.isCollapsed : false;
+            onWeakUp(isWakeUp);
+        };
+        document.addEventListener(EDITOR_EVENT.MOUSE_UP, onMouseUp);
+        document.addEventListener(EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
+        editor.event.on(EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
+        return () => {
+            document.removeEventListener(EDITOR_EVENT.MOUSE_UP, onMouseUp);
+            document.removeEventListener(EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
+            editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
+        };
+    }, [editor, onWeakUp, readonly]);
+    useEffect(() => {
+        const el = ref.current;
+        if (!readonly && visible && !isMouseDown) {
+            const rect = editor.rect.getSelectionRect();
+            if (rect && el) {
+                const topOffset = props.offsetTop || 0;
+                const leftOffset = props.offsetLeft || 0;
+                const t = rect.top - el.offsetHeight + topOffset;
+                const l = rect.left - el.offsetWidth / 2 + rect.width / 2 + leftOffset;
+                setTop(t);
+                setLeft(l);
+            }
+            setIsInterim(false);
+        }
+        else {
+            setTop(-999999);
+            setLeft(-999999);
+            setIsInterim(true);
+        }
+    }, [readonly, visible, isMouseDown, editor.rect, props.offsetLeft, props.offsetTop]);
+    // 只读状态 / 不可见 / 鼠标按下 时隐藏
+    return readonly || !visible || isMouseDown
+        ? null
+        : ReactDOM.createPortal(jsx(Toolbar, { ref: ref, className: cs("block-kit-float-toolbar", props.className), styles: {
+                top: top,
+                left: left,
+                opacity: isInterim ? 0 : void 0,
+                zIndex: isInterim ? -99999 : void 0,
+                visibility: isInterim ? "hidden" : void 0,
+                pointerEvents: isInterim ? "none" : void 0,
+            }, children: props.children }), getMountDOM(editor));
+};
+
+const Mixin = {
+    Cut,
+    Bold,
+    Link,
+    Quote,
+    Image,
+    Align,
+    Emoji,
+    Italic,
+    Strike,
+    History,
+    Heading,
+    Divider,
+    FontSize,
+    FontColor,
+    OrderList,
+    Underline,
+    BulletList,
+    InlineCode,
+    LineHeight,
+};
+
+export { FloatToolbar as F, Mixin as M, Toolbar as T, ToolbarContext as a, useToolbarContext as u };

package/dist/es/index.css

@@ -0,0 +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}

package/dist/es/index.d.ts

@@ -0,0 +1,50 @@
+export { AlignPlugin } from "./align";
+export { ALIGN_KEY } from "./align/types";
+export { BackgroundPlugin } from "./background";
+export { BACKGROUND_KEY } from "./background/types";
+export { BoldPlugin } from "./bold";
+export { BOLD_KEY } from "./bold/types";
+export { BulletListPlugin } from "./bullet-list";
+export { BULLET_LIST_KEY, BULLET_LIST_TYPE, LIST_TYPE_KEY } from "./bullet-list/types";
+export { DividerPlugin } from "./divider";
+export { DIVIDER_KEY } from "./divider/types";
+export { EmojiPlugin } from "./emoji";
+export { EMOJI_KEY } from "./emoji/types";
+export { FontColorPlugin } from "./font-color";
+export { FONT_COLOR_KEY } from "./font-color/types";
+export { FontSizePlugin } from "./font-size";
+export { FONT_SIZE_KEY } from "./font-size/types";
+export { HeadingPlugin } from "./heading/index";
+export { HEADING_KEY } from "./heading/types";
+export { ImagePlugin } from "./image/index";
+export { IMAGE_HEIGHT, IMAGE_KEY, IMAGE_SCALE, IMAGE_SRC, IMAGE_STATUS, IMAGE_WIDTH, LOADING_STATUS, MIN_WIDTH, } from "./image/types";
+export { IndentPlugin } from "./indent";
+export { INDENT_LEVEL_KEY } from "./indent/types";
+export { InlineCodePlugin } from "./inline-code";
+export { INLINE_CODE } from "./inline-code/types/index";
+export { ItalicPlugin } from "./italic/index";
+export { ITALIC_KEY } from "./italic/types";
+export { LineHeightPlugin } from "./line-height/index";
+export { LINE_HEIGHT_KEY } from "./line-height/types";
+export { LinkPlugin } from "./link";
+export { LINK_BLANK_KEY, LINK_KEY, LINK_TEMP_KEY } from "./link/types";
+export { MentionPlugin } from "./mention";
+export { SuggestModule } from "./mention/modules/suggest";
+export { MENTION_KEY, MENTION_NAME } from "./mention/types";
+export { OrderListPlugin } from "./order-list";
+export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE, } from "./order-list/types";
+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 { isEmptyLine, isKeyCode } from "./shared/utils/is";
+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 type { ToolbarContextType } from "./toolbar/context/provider";
+export { ToolbarContext, useToolbarContext } from "./toolbar/context/provider";
+export { UnderlinePlugin } from "./underline/index";
+export { UNDERLINE_KEY } from "./underline/types";

package/dist/es/index.js

@@ -0,0 +1,64 @@
+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';