@block-kit/plugin 1.0.0 → 1.0.1

package/dist/lib/order-list/view/list.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@block-kit/utils');
+var orderList_utils_format = require('../utils/format.js');
+
+const OrderListView = props => {
+    const { level, start, children } = props;
+    return (jsxRuntime.jsxs("ol", { className: "block-kit-order-list", children: [jsxRuntime.jsx("div", { contentEditable: false, className: "block-kit-order-indicator", onMouseDown: utils.preventNativeEvent, children: orderList_utils_format.formatListLevel(start, level) }), jsxRuntime.jsx("li", { value: start, className: utils.cs("block-kit-order-item", `block-kit-li-level-${level % 3}`), children: children })] }));
+};
+
+exports.OrderListView = OrderListView;

package/dist/lib/quote/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-d44c9a95.js');
+var tslib_es6 = require('../tslib.es6-82029525.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');
 var react = require('@block-kit/react');
 var utils = require('@block-kit/utils');
-var dom = require('../dom-cb8b8e40.js');
-var is = require('../is-473d664a.js');
+var shared_utils_dom = require('../shared/utils/dom.js');
+var shared_utils_is = require('../shared/utils/is.js');
 var quote_types_index = require('./types/index.js');
 
 class QuotePlugin extends react.EditorPlugin {
@@ -73,21 +73,21 @@ class QuotePlugin extends react.EditorPlugin {
         const attrs = startLine.attributes;
         // 当前行是引用行, 且按下回车键, 且选区折叠, 且当前行是空行
         // => 删除当前的引用行格式
-        if (is.isKeyCode(event, utils.KEY_CODE.ENTER) &&
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.ENTER) &&
             attrs[quote_types_index.QUOTE_KEY] &&
             sel.isCollapsed &&
-            is.isEmptyLine(startLine)) {
+            shared_utils_is.isEmptyLine(startLine)) {
             const nextAttrs = {
                 [quote_types_index.QUOTE_KEY]: utils.NIL,
             };
             const delta$1 = new delta.Delta().retain(startLine.start + startLine.length - 1).retain(1, nextAttrs);
             this.editor.state.apply(delta$1, { autoCaret: false });
-            dom.preventContextEvent(event, context);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 当前行是引用行, 且按下回车键, 且选区折叠, 且位于行首, 且上一行是引用行
         // => 继续引用格式, 避免默认的处理, 保持引用的连续性
-        if (is.isKeyCode(event, utils.KEY_CODE.ENTER) &&
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.ENTER) &&
             attrs[quote_types_index.QUOTE_KEY] &&
             sel.isCollapsed &&
             sel.start.offset === 0 &&
@@ -96,19 +96,19 @@ class QuotePlugin extends react.EditorPlugin {
             const nextAttrs = Object.assign({}, prevLine.attributes);
             const delta$1 = new delta.Delta().retain(startLine.start).insertEOL(nextAttrs);
             this.editor.state.apply(delta$1);
-            dom.preventContextEvent(event, context);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 当前行是引用行, 且按下回车键, 且非行首
         // => 在引用行内部插入换行符, 且携带引用状态
-        if (is.isKeyCode(event, utils.KEY_CODE.ENTER) && attrs[quote_types_index.QUOTE_KEY] && sel.start.offset) {
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.ENTER) && attrs[quote_types_index.QUOTE_KEY] && sel.start.offset) {
             this.editor.perform.insertBreak(sel, attrs);
-            dom.preventContextEvent(event, context);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 当前行是引用行, 且折叠选区, 且在行首, 且按下退格键
         // => 将当前行的引用状态移除
-        if (is.isKeyCode(event, utils.KEY_CODE.BACKSPACE) &&
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.BACKSPACE) &&
             sel.isCollapsed &&
             attrs[quote_types_index.QUOTE_KEY] &&
             !sel.start.offset) {
@@ -116,7 +116,7 @@ class QuotePlugin extends react.EditorPlugin {
                 .retain(startLine.start + startLine.length - 1)
                 .retain(1, { [quote_types_index.QUOTE_KEY]: utils.NIL });
             this.editor.state.apply(delta$1, { autoCaret: false });
-            dom.preventContextEvent(event, context);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
     }

package/dist/lib/{selection-868f15c1.js → shared/components/selection.js}

@@ -1,11 +1,12 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var react = require('@block-kit/react');
 var utils = require('@block-kit/utils');
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-d44c9a95.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -57,32 +58,4 @@ class SelectionHOC extends React__default["default"].PureComponent {
 }
 SelectionHOC.contextType = react.ReadonlyContext;
 
-class SelectionPlugin {
-    constructor(editor) {
-        this.editor = editor;
-        this.idToView = new Map();
-        editor.event.on(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
-    }
-    destroy() {
-        this.idToView.clear();
-        this.editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
-    }
-    mountView(id, view) {
-        this.idToView.set(id, view);
-    }
-    unmountView(id) {
-        this.idToView.delete(id);
-    }
-    onSelectionChange(e) {
-        const current = e.current;
-        this.idToView.forEach(view => {
-            view.onSelectionChange(current);
-        });
-    }
-}
-tslib_es6.__decorate([
-    utils.Bind
-], SelectionPlugin.prototype, "onSelectionChange", null);
-
 exports.SelectionHOC = SelectionHOC;
-exports.SelectionPlugin = SelectionPlugin;

package/dist/lib/shared/icons/divider.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const DividerIcon = () => (jsxRuntime.jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsxRuntime.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" }) }));
+
+exports.DividerIcon = DividerIcon;

package/dist/lib/shared/icons/emoji.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const EmojiIcon = () => (jsxRuntime.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: [jsxRuntime.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" }), jsxRuntime.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" })] }));
+
+exports.EmojiIcon = EmojiIcon;

package/dist/lib/shared/icons/font-color.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const FontColorIcon = () => (jsxRuntime.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: jsxRuntime.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" }) }));
+
+exports.FontColorIcon = FontColorIcon;

package/dist/lib/shared/icons/font-size.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const FontSizeIcon = () => (jsxRuntime.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: [jsxRuntime.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" }), jsxRuntime.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" })] }));
+
+exports.FontSizeIcon = FontSizeIcon;

package/dist/lib/shared/icons/justify.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const JustifyIcon = () => (jsxRuntime.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: jsxRuntime.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" }) }));
+
+exports.JustifyIcon = JustifyIcon;

package/dist/lib/shared/icons/line-height.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const LineHeightIcon = () => (jsxRuntime.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: jsxRuntime.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" }) }));
+
+exports.LineHeightIcon = LineHeightIcon;

package/dist/lib/shared/icons/text.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const TextIcon = () => (jsxRuntime.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: jsxRuntime.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" }) }));
+
+exports.TextIcon = TextIcon;

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../tslib.es6-82029525.js');
+var core = require('@block-kit/core');
+var utils = require('@block-kit/utils');
+
+class SelectionPlugin {
+    constructor(editor) {
+        this.editor = editor;
+        this.idToView = new Map();
+        editor.event.on(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+    }
+    destroy() {
+        this.idToView.clear();
+        this.editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+    }
+    mountView(id, view) {
+        this.idToView.set(id, view);
+    }
+    unmountView(id) {
+        this.idToView.delete(id);
+    }
+    onSelectionChange(e) {
+        const current = e.current;
+        this.idToView.forEach(view => {
+            view.onSelectionChange(current);
+        });
+    }
+}
+tslib_es6.__decorate([
+    utils.Bind
+], SelectionPlugin.prototype, "onSelectionChange", null);
+
+exports.SelectionPlugin = SelectionPlugin;

package/dist/lib/{dom-cb8b8e40.js → shared/utils/dom.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const EDITOR_TO_DOM = new WeakMap();
 /**
  * 设置挂载 DOM

package/dist/lib/shared/utils/event.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const PLUGIN_EVENTS = {
+    SHORTCUT_MARKS_CHANGE: "SHORTCUT_MARKS_CHANGE",
+};
+
+exports.PLUGIN_EVENTS = PLUGIN_EVENTS;

package/dist/lib/{is-473d664a.js → shared/utils/is.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var delta = require('@block-kit/delta');
 
 const isEmptyLine = (line) => {

package/dist/lib/shortcut/index.js

@@ -2,39 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-d44c9a95.js');
+var tslib_es6 = require('../tslib.es6-82029525.js');
 var core = require('@block-kit/core');
 var utils = require('@block-kit/utils');
-var marks = require('../marks-a30b8a0f.js');
-var bold_types_index = require('../bold/types/index.js');
-var italic_types_index = require('../italic/types/index.js');
-var is = require('../is-473d664a.js');
+var shared_utils_event = require('../shared/utils/event.js');
+var toolbar_utils_marks = require('../toolbar/utils/marks.js');
+var shortcut_modules_preset = require('./modules/preset.js');
 var shortcut_types_index = require('./types/index.js');
-require('@block-kit/delta');
-
-const PRESET_SHORTCUT = {
-    [bold_types_index.BOLD_KEY]: (event, payload) => {
-        if (event[utils.CTRL_KEY] && is.isKeyCode(event, utils.KEY_CODE.B) && payload.sel) {
-            const { editor, keys, sel } = payload;
-            editor.perform.applyMarks(sel, { [bold_types_index.BOLD_KEY]: keys[bold_types_index.BOLD_KEY] ? utils.NIL : utils.TRULY });
-            return true;
-        }
-    },
-    [italic_types_index.ITALIC_KEY]: (event, payload) => {
-        if (event[utils.CTRL_KEY] && is.isKeyCode(event, utils.KEY_CODE.I) && payload.sel) {
-            const { editor, keys, sel } = payload;
-            editor.perform.applyMarks(sel, { [italic_types_index.ITALIC_KEY]: keys[italic_types_index.ITALIC_KEY] ? utils.NIL : utils.TRULY });
-            return true;
-        }
-    },
-};
 
 class Shortcut extends core.CorePlugin {
     constructor(editor, config) {
         super();
         this.editor = editor;
         this.key = shortcut_types_index.SHORTCUT_KEY;
-        this.config = Object.values(Object.assign(Object.assign({}, PRESET_SHORTCUT), config));
+        this.config = Object.values(Object.assign(Object.assign({}, shortcut_modules_preset.PRESET_SHORTCUT), config));
         this.editor.event.on(core.EDITOR_EVENT.KEY_DOWN, this.onKeydown, 1000);
     }
     destroy() {
@@ -50,7 +31,7 @@ class Shortcut extends core.CorePlugin {
         }
         const lines = this.editor.state.block.getLines();
         const { start, end } = current;
-        const lineMarkMap = marks.filterLineMarkMap(lines.slice(start.line, end.line + 1).map(line => line.attributes));
+        const lineMarkMap = toolbar_utils_marks.filterLineMarkMap(lines.slice(start.line, end.line + 1).map(line => line.attributes));
         if (current.isCollapsed) {
             return Object.assign(Object.assign({}, this.editor.collect.marks), lineMarkMap);
         }
@@ -63,7 +44,7 @@ class Shortcut extends core.CorePlugin {
             const fragment = this.editor.collect.getFragment();
             fragment && ops.push(...fragment);
         }
-        const markMap = marks.filterMarkMap(ops);
+        const markMap = toolbar_utils_marks.filterMarkMap(ops);
         return Object.assign(Object.assign({}, markMap), lineMarkMap);
     }
     onKeydown(event) {
@@ -77,7 +58,7 @@ class Shortcut extends core.CorePlugin {
             const result = func(event, payload);
             if (!result)
                 continue;
-            this.editor.event.trigger(marks.PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, null);
+            this.editor.event.trigger(shared_utils_event.PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, null);
             break;
         }
     }

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@block-kit/utils');
+var bold_types_index = require('../../bold/types/index.js');
+var italic_types_index = require('../../italic/types/index.js');
+var shared_utils_is = require('../../shared/utils/is.js');
+
+const PRESET_SHORTCUT = {
+    [bold_types_index.BOLD_KEY]: (event, payload) => {
+        if (event[utils.CTRL_KEY] && shared_utils_is.isKeyCode(event, utils.KEY_CODE.B) && payload.sel) {
+            const { editor, keys, sel } = payload;
+            editor.perform.applyMarks(sel, { [bold_types_index.BOLD_KEY]: keys[bold_types_index.BOLD_KEY] ? utils.NIL : utils.TRULY });
+            return true;
+        }
+    },
+    [italic_types_index.ITALIC_KEY]: (event, payload) => {
+        if (event[utils.CTRL_KEY] && shared_utils_is.isKeyCode(event, utils.KEY_CODE.I) && payload.sel) {
+            const { editor, keys, sel } = payload;
+            editor.perform.applyMarks(sel, { [italic_types_index.ITALIC_KEY]: keys[italic_types_index.ITALIC_KEY] ? utils.NIL : utils.TRULY });
+            return true;
+        }
+    },
+};
+
+exports.PRESET_SHORTCUT = PRESET_SHORTCUT;

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@block-kit/core');
+var react = require('@block-kit/react');
+var utils = require('@block-kit/utils');
+var hooks = require('@block-kit/utils/dist/es/hooks');
+var React = require('react');
+var shared_utils_event = require('../../shared/utils/event.js');
+var toolbar_utils_marks = require('../utils/marks.js');
+var toolbar_context_provider = require('./provider.js');
+
+const Toolbar = React.forwardRef((props, ref) => {
+    const { editor } = react.useEditorStatic();
+    const [keys, setKeys] = React.useState({});
+    const refreshMarks = hooks.useMemoFn(() => {
+        const current = editor.selection.get();
+        if (!current) {
+            setKeys({});
+            return void 0;
+        }
+        const lines = editor.state.block.getLines();
+        const { start, end } = current;
+        const lineMarkMap = toolbar_utils_marks.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 = toolbar_utils_marks.filterMarkMap(ops);
+        setKeys(Object.assign(Object.assign({}, markMap), lineMarkMap));
+    });
+    React.useEffect(() => {
+        editor.event.on(core.EDITOR_EVENT.SELECTION_CHANGE, refreshMarks);
+        editor.event.on(shared_utils_event.PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
+        return () => {
+            editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, refreshMarks);
+            editor.event.off(shared_utils_event.PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
+        };
+    }, [editor.event, refreshMarks]);
+    // 浮动工具栏的情况下, 挂载时需要刷新 marks
+    React.useEffect(() => {
+        refreshMarks();
+    }, [refreshMarks]);
+    return (jsxRuntime.jsx("div", { ref: ref, style: props.styles, className: utils.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: jsxRuntime.jsx(toolbar_context_provider.ToolbarContext.Provider, { value: {
+                keys,
+                editor,
+                setKeys,
+                refreshMarks,
+                selection: editor.selection.get(),
+            }, children: props.children }) }));
+});
+
+exports.Toolbar = Toolbar;

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

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@block-kit/core');
+var react = require('@block-kit/react');
+var utils = require('@block-kit/utils');
+var hooks = require('@block-kit/utils/dist/es/hooks');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var shared_utils_dom = require('../../shared/utils/dom.js');
+var toolbar_context_basic = require('./basic.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+
+const FloatToolbar = props => {
+    const { editor } = react.useEditorStatic();
+    const { readonly } = react.useReadonly();
+    const ref = React.useRef(null);
+    const [visible, setVisible] = React.useState(false);
+    const [isMouseDown, setIsMouseDown] = React.useState(false);
+    const onWeakUp = hooks.useMemoFn((wakeUp) => {
+        if (editor.state.isFocused() && wakeUp) {
+            setVisible(true);
+        }
+        else {
+            setVisible(false);
+        }
+    });
+    React.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(core.EDITOR_EVENT.MOUSE_UP, onMouseUp);
+        document.addEventListener(core.EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
+        editor.event.on(core.EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
+        return () => {
+            document.removeEventListener(core.EDITOR_EVENT.MOUSE_UP, onMouseUp);
+            document.removeEventListener(core.EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
+            editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
+        };
+    }, [editor, onWeakUp, readonly]);
+    const { left, top } = React.useMemo(() => {
+        if (!readonly && visible && !isMouseDown) {
+            const rect = editor.rect.getSelectionRect();
+            if (rect) {
+                const topOffset = props.offsetTop || 0;
+                const leftOffset = props.offsetLeft || 0;
+                const t = rect.top + topOffset;
+                const l = rect.left + rect.width / 2 + leftOffset;
+                return { top: t, left: l };
+            }
+        }
+        return { top: -999999, left: -999999 };
+    }, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
+    // 只读状态 / 不可见 / 鼠标按下 时隐藏
+    return readonly || !visible || isMouseDown
+        ? null
+        : ReactDOM__default["default"].createPortal(jsxRuntime.jsx(toolbar_context_basic.Toolbar, { ref: ref, className: utils.cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), shared_utils_dom.getMountDOM(editor));
+};
+
+exports.FloatToolbar = FloatToolbar;

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ToolbarContext = React__default["default"].createContext({
+    keys: {},
+    setKeys: () => null,
+    refreshMarks: () => null,
+    editor: null,
+    selection: null,
+});
+const useToolbarContext = () => React__default["default"].useContext(ToolbarContext);
+
+exports.ToolbarContext = ToolbarContext;
+exports.useToolbarContext = useToolbarContext;

package/dist/lib/toolbar/index.js

@@ -2,43 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toolbar_index = require('../index-f50053bf.js');
-require('react/jsx-runtime');
-require('@arco-design/web-react');
-require('@arco-design/web-react/icon');
-require('@block-kit/utils');
-require('../align/types/index.js');
-require('react');
-require('../bold/types/index.js');
-require('../bullet-list/types/index.js');
-require('../is-fa1755d0.js');
-require('../divider/types/index.js');
-require('@emoji-mart/react');
-require('../emoji/types/index.js');
-require('../background/types/index.js');
-require('../font-color/types/index.js');
-require('../font-size/types/index.js');
-require('../heading/types/index.js');
-require('@block-kit/core');
-require('@block-kit/utils/dist/es/hooks');
-require('../image/types/index.js');
-require('../inline-code/types/index.js');
-require('../italic/types/index.js');
-require('../line-height/types/index.js');
-require('@arco-design/web-react/es/Form/useForm');
-require('../link/types/index.js');
-require('../order-list/types/index.js');
-require('../is-18806678.js');
-require('../quote/types/index.js');
-require('../strike/types/index.js');
-require('../underline/types/index.js');
-require('@block-kit/react');
-require('../marks-a30b8a0f.js');
-require('react-dom');
-require('../dom-cb8b8e40.js');
+var toolbar_modules_align = require('./modules/align.js');
+var toolbar_modules_bold = require('./modules/bold.js');
+var toolbar_modules_bulletList = require('./modules/bullet-list.js');
+var toolbar_modules_cut = require('./modules/cut.js');
+var toolbar_modules_divider = require('./modules/divider.js');
+var toolbar_modules_emoji = require('./modules/emoji.js');
+var toolbar_modules_fontColor = require('./modules/font-color.js');
+var toolbar_modules_fontSize = require('./modules/font-size.js');
+var toolbar_modules_heading = require('./modules/heading.js');
+var toolbar_modules_history = require('./modules/history.js');
+var toolbar_modules_image = require('./modules/image.js');
+var toolbar_modules_inlineCode = require('./modules/inline-code.js');
+var toolbar_modules_italic = require('./modules/italic.js');
+var toolbar_modules_lineHeight = require('./modules/line-height.js');
+var toolbar_modules_link = require('./modules/link.js');
+var toolbar_modules_orderList = require('./modules/order-list.js');
+var toolbar_modules_quote = require('./modules/quote.js');
+var toolbar_modules_strike = require('./modules/strike.js');
+var toolbar_modules_underline = require('./modules/underline.js');
+var toolbar_context_basic = require('./context/basic.js');
+var toolbar_context_float = require('./context/float.js');
 
+const Mixin = {
+    Cut: toolbar_modules_cut.Cut,
+    Bold: toolbar_modules_bold.Bold,
+    Link: toolbar_modules_link.Link,
+    Quote: toolbar_modules_quote.Quote,
+    Image: toolbar_modules_image.Image,
+    Align: toolbar_modules_align.Align,
+    Emoji: toolbar_modules_emoji.Emoji,
+    Italic: toolbar_modules_italic.Italic,
+    Strike: toolbar_modules_strike.Strike,
+    History: toolbar_modules_history.History,
+    Heading: toolbar_modules_heading.Heading,
+    Divider: toolbar_modules_divider.Divider,
+    FontSize: toolbar_modules_fontSize.FontSize,
+    FontColor: toolbar_modules_fontColor.FontColor,
+    OrderList: toolbar_modules_orderList.OrderList,
+    Underline: toolbar_modules_underline.Underline,
+    BulletList: toolbar_modules_bulletList.BulletList,
+    InlineCode: toolbar_modules_inlineCode.InlineCode,
+    LineHeight: toolbar_modules_lineHeight.LineHeight,
+};
 
-
-exports.FloatToolbar = toolbar_index.FloatToolbar;
-exports.Mixin = toolbar_index.Mixin;
-exports.Toolbar = toolbar_index.Toolbar;
+exports.Toolbar = toolbar_context_basic.Toolbar;
+exports.FloatToolbar = toolbar_context_float.FloatToolbar;
+exports.Mixin = Mixin;