@block-kit/plugin 1.0.0 → 1.0.1

package/dist/lib/index-f50053bf.js

@@ -1,506 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var webReact = require('@arco-design/web-react');
-var icon = require('@arco-design/web-react/icon');
-var utils = require('@block-kit/utils');
-var align_types_index = require('./align/types/index.js');
-var React = require('react');
-var bold_types_index = require('./bold/types/index.js');
-var bulletList_types_index = require('./bullet-list/types/index.js');
-var is = require('./is-fa1755d0.js');
-var divider_types_index = require('./divider/types/index.js');
-var Picker = require('@emoji-mart/react');
-var emoji_types_index = require('./emoji/types/index.js');
-var background_types_index = require('./background/types/index.js');
-var fontColor_types_index = require('./font-color/types/index.js');
-var fontSize_types_index = require('./font-size/types/index.js');
-var heading_types_index = require('./heading/types/index.js');
-var core = require('@block-kit/core');
-var hooks = require('@block-kit/utils/dist/es/hooks');
-var image_types_index = require('./image/types/index.js');
-var inlineCode_types_index = require('./inline-code/types/index.js');
-var italic_types_index = require('./italic/types/index.js');
-var lineHeight_types_index = require('./line-height/types/index.js');
-var useForm = require('@arco-design/web-react/es/Form/useForm');
-var link_types_index = require('./link/types/index.js');
-var orderList_types_index = require('./order-list/types/index.js');
-var is$1 = require('./is-18806678.js');
-var quote_types_index = require('./quote/types/index.js');
-var strike_types_index = require('./strike/types/index.js');
-var underline_types_index = require('./underline/types/index.js');
-var react = require('@block-kit/react');
-var marks = require('./marks-a30b8a0f.js');
-var ReactDOM = require('react-dom');
-var dom = require('./dom-cb8b8e40.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Picker__default = /*#__PURE__*/_interopDefaultLegacy(Picker);
-var useForm__default = /*#__PURE__*/_interopDefaultLegacy(useForm);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-
-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" }) }));
-
-const ToolbarContext = React__default["default"].createContext({
-    keys: {},
-    setKeys: () => null,
-    refreshMarks: () => null,
-    editor: null,
-    selection: null,
-});
-const useToolbarContext = () => React__default["default"].useContext(ToolbarContext);
-
-const MAP$1 = {
-    left: jsxRuntime.jsx(icon.IconAlignLeft, {}),
-    center: jsxRuntime.jsx(icon.IconAlignCenter, {}),
-    right: jsxRuntime.jsx(icon.IconAlignRight, {}),
-    justify: jsxRuntime.jsx(JustifyIcon, {}),
-};
-const Align = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx(webReact.Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxRuntime.jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(align_types_index.ALIGN_KEY, { value: utils.NIL }), children: jsxRuntime.jsx(icon.IconAlignLeft, {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(align_types_index.ALIGN_KEY, { value: "center" }), children: jsxRuntime.jsx(icon.IconAlignCenter, {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(align_types_index.ALIGN_KEY, { value: "right" }), children: jsxRuntime.jsx(icon.IconAlignRight, {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(align_types_index.ALIGN_KEY, { value: "justify" }), children: jsxRuntime.jsx(JustifyIcon, {}) })] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [MAP$1[keys[align_types_index.ALIGN_KEY]] || jsxRuntime.jsx(icon.IconAlignLeft, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
-};
-
-const Bold = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    const onExec = () => {
-        editor.command.exec(bold_types_index.BOLD_KEY, { value: keys[bold_types_index.BOLD_KEY] ? utils.NIL : utils.TRULY });
-        refreshMarks();
-    };
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[bold_types_index.BOLD_KEY] && "active"), onClick: onExec, children: jsxRuntime.jsx(icon.IconBold, {}) }));
-};
-
-const BulletList = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    const isBullet = is.isBulletList(keys);
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", isBullet && "active"), onClick: () => {
-            editor.command.exec(bulletList_types_index.BULLET_LIST_KEY, { value: utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(icon.IconUnorderedList, {}) }));
-};
-
-const Cut = () => {
-    return jsxRuntime.jsx("div", { className: "menu-toolbar-cut" });
-};
-
-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" }) }));
-
-const Divider = () => {
-    const { refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item"), onClick: () => {
-            editor.command.exec(divider_types_index.DIVIDER_KEY, { value: utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(DividerIcon, {}) }));
-};
-
-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" })] }));
-
-const Emoji = () => {
-    const { editor } = useToolbarContext();
-    return (jsxRuntime.jsx(webReact.Trigger, { className: "menu-toolbar-emoji-trigger", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxRuntime.jsx(Picker__default["default"], { 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_types_index.EMOJI_KEY, { value: emoji.id });
-            }, maxFrequentRows: 2 })), trigger: "click", children: jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item"), children: jsxRuntime.jsx(EmojiIcon, {}) }) }));
-};
-
-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" }) }));
-
-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 (jsxRuntime.jsx(webReact.Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxRuntime.jsxs("div", { className: "block-kit-toolbar-dropdown block-kit-color-picker", onClick: refreshMarks, children: [jsxRuntime.jsx("div", { className: "kit-color-picker-label", children: "\u5B57\u4F53\u989C\u8272" }), jsxRuntime.jsx("div", { className: "kit-picker-group", children: COLOR.map(it => (jsxRuntime.jsx("div", { className: utils.cs("kit-picker-item-wrapper", keys[fontColor_types_index.FONT_COLOR_KEY] === it && "active", !keys[fontColor_types_index.FONT_COLOR_KEY] && !it && "active"), style: { color: it ? it : void 0 }, onClick: () => {
-                            editor.command.exec(fontColor_types_index.FONT_COLOR_KEY, { value: it });
-                            refreshMarks();
-                        }, children: jsxRuntime.jsx("div", { className: "kit-picker-item", children: jsxRuntime.jsx(FontColorIcon, {}) }) }, it))) }), jsxRuntime.jsx("div", { className: "kit-color-picker-label", children: "\u80CC\u666F\u989C\u8272" }), jsxRuntime.jsx("div", { className: "kit-picker-group kit-picker-background-case", children: BACKGROUND.map(it => (jsxRuntime.jsx("div", { className: utils.cs("kit-picker-item-wrapper", keys[background_types_index.BACKGROUND_KEY] === it && "active", !keys[background_types_index.BACKGROUND_KEY] && !it && "active"), onClick: () => {
-                            editor.command.exec(background_types_index.BACKGROUND_KEY, { value: it });
-                            refreshMarks();
-                        }, children: jsxRuntime.jsx("div", { style: { background: it ? it : void 0 }, className: utils.cs("kit-picker-item", !it && "kit-picker-item-empty-background") }) }, it))) })] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item kit-color-case", children: [jsxRuntime.jsx("div", { className: "kit-color-block", style: { color: keys[fontColor_types_index.FONT_COLOR_KEY], background: keys[background_types_index.BACKGROUND_KEY] }, children: jsxRuntime.jsx(FontColorIcon, {}) }), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
-};
-
-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" })] }));
-
-const STEP$1 = Array(10)
-    .fill(null)
-    .map((_, i) => String(i + 12));
-const FontSize = () => {
-    const triggerRef = React.useRef(null);
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx(webReact.Trigger, { ref: triggerRef, popupAlign: { bottom: 10 }, trigger: "click", getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxRuntime.jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsxRuntime.jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(fontSize_types_index.FONT_SIZE_KEY, { value: utils.NIL }), children: [!keys[fontSize_types_index.FONT_SIZE_KEY] && jsxRuntime.jsx(icon.IconCheck, {}), "\u9ED8\u8BA4"] }), STEP$1.map(item => (jsxRuntime.jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(fontSize_types_index.FONT_SIZE_KEY, { value: item }), children: [keys[fontSize_types_index.FONT_SIZE_KEY] === item && jsxRuntime.jsx(icon.IconCheck, {}), item, "px"] }, item)))] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [jsxRuntime.jsx(FontSizeIcon, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
-};
-
-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" }) }));
-
-const MAP = {
-    h1: jsxRuntime.jsx(icon.IconH1, {}),
-    h2: jsxRuntime.jsx(icon.IconH2, {}),
-    h3: jsxRuntime.jsx(icon.IconH3, {}),
-};
-const Heading = () => {
-    const { keys, refreshMarks, editor: { command }, } = useToolbarContext();
-    return (jsxRuntime.jsx(webReact.Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxRuntime.jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(heading_types_index.HEADING_KEY, { value: utils.NIL }), children: jsxRuntime.jsx(TextIcon, {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(heading_types_index.HEADING_KEY, { value: "h1" }), children: jsxRuntime.jsx(icon.IconH1, {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(heading_types_index.HEADING_KEY, { value: "h2" }), children: jsxRuntime.jsx(icon.IconH2, {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(heading_types_index.HEADING_KEY, { value: "h3" }), children: jsxRuntime.jsx(icon.IconH3, {}) })] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [MAP[keys[heading_types_index.HEADING_KEY]] || jsxRuntime.jsx(TextIcon, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
-};
-
-const History = () => {
-    const { editor, refreshMarks } = useToolbarContext();
-    const [undoable, setUndoable] = React.useState(false);
-    const [redoable, setRedoable] = React.useState(false);
-    const refresh = hooks.useMemoFn(() => {
-        setUndoable(editor.history.isUndoAble());
-        setRedoable(editor.history.isRedoAble());
-    });
-    React.useEffect(() => {
-        editor.event.on(core.EDITOR_EVENT.CONTENT_CHANGE, refresh, 1000);
-        return () => {
-            editor.event.off(core.EDITOR_EVENT.CONTENT_CHANGE, refresh);
-        };
-    }, [editor, refresh]);
-    const undo = () => {
-        editor.history.undo();
-        refreshMarks();
-    };
-    const redo = () => {
-        editor.history.redo();
-        refreshMarks();
-    };
-    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", !undoable && "disable"), onClick: undo, children: jsxRuntime.jsx(icon.IconUndo, {}) }), jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", !redoable && "disable"), onClick: redo, children: jsxRuntime.jsx(icon.IconRedo, {}) })] }));
-};
-
-const Image = () => {
-    const { refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item"), onClick: () => {
-            editor.command.exec(image_types_index.IMAGE_KEY, { value: utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(icon.IconImage, {}) }));
-};
-
-const InlineCode = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[inlineCode_types_index.INLINE_CODE] && "active"), onClick: () => {
-            editor.command.exec(inlineCode_types_index.INLINE_CODE, { value: keys[inlineCode_types_index.INLINE_CODE] ? utils.NIL : utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(icon.IconCode, {}) }));
-};
-
-const Italic = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    const onExec = () => {
-        editor.command.exec(italic_types_index.ITALIC_KEY, { value: keys[italic_types_index.ITALIC_KEY] ? utils.NIL : utils.TRULY });
-        refreshMarks();
-    };
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[italic_types_index.ITALIC_KEY] && "active"), onClick: onExec, children: jsxRuntime.jsx(icon.IconItalic, {}) }));
-};
-
-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" }) }));
-
-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 (jsxRuntime.jsx(webReact.Trigger, { trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => (jsxRuntime.jsxs("div", { className: "block-kit-toolbar-dropdown", onClick: refreshMarks, children: [jsxRuntime.jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(lineHeight_types_index.LINE_HEIGHT_KEY, { value: utils.NIL }), children: [!keys[lineHeight_types_index.LINE_HEIGHT_KEY] && jsxRuntime.jsx(icon.IconCheck, {}), "\u9ED8\u8BA4"] }), STEP.map(item => (jsxRuntime.jsxs("div", { className: "block-kit-toolbar-height-item kit-toolbar-node", onClick: () => editor.command.exec(lineHeight_types_index.LINE_HEIGHT_KEY, { value: item }), children: [keys[lineHeight_types_index.LINE_HEIGHT_KEY] === item && jsxRuntime.jsx(icon.IconCheck, {}), item] }, item)))] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [jsxRuntime.jsx(LineHeightIcon, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
-};
-
-const Link = props => {
-    const [form] = useForm__default["default"]();
-    const [visible, setVisible] = React.useState(false);
-    const [collapsed, setCollapsed] = React.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_types_index.LINK_KEY);
-        const blank = form.getFieldValue(link_types_index.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_types_index.LINK_KEY]: filteredHref });
-            if (blank) {
-                editor.collect.marks[link_types_index.LINK_BLANK_KEY] = utils.TRULY;
-            }
-            editor.perform.insertText(sel, insert);
-        }
-        else {
-            // 非折叠选区则应用链接
-            editor.perform.applyMarks(sel, {
-                [link_types_index.LINK_KEY]: filteredHref,
-                [link_types_index.LINK_BLANK_KEY]: blank ? utils.TRULY : utils.NIL,
-                [link_types_index.LINK_TEMP_KEY]: utils.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_types_index.LINK_TEMP_KEY]: utils.NIL, [link_types_index.LINK_BLANK_KEY]: utils.NIL, [link_types_index.LINK_KEY]: utils.NIL }, { autoCaret: false });
-        setVisible(false);
-        refreshMarks();
-    };
-    React.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_types_index.LINK_TEMP_KEY]: utils.TRULY }, { autoCaret: false, source: core.APPLY_SOURCE.NO_UNDO });
-            editor.event.once(core.EDITOR_EVENT.SELECTION_CHANGE, () => {
-                // 这里是需要等待渲染后再执行, 否则会导致选区校正无法获取 LineNode
-                Promise.resolve().then(() => {
-                    editor.perform.applyMarks(sel, { [link_types_index.LINK_TEMP_KEY]: utils.NIL }, { autoCaret: false, source: core.APPLY_SOURCE.NO_UNDO });
-                });
-            });
-        }
-    };
-    const go = () => {
-        const href = form.getFieldValue(link_types_index.LINK_KEY);
-        if (!href)
-            return void 0;
-        window.open(href, "_blank");
-    };
-    return (jsxRuntime.jsx(webReact.Trigger, { popupVisible: visible, onVisibleChange: setVisible, trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => {
-            return (jsxRuntime.jsxs("div", { className: "block-kit-link-popup", children: [jsxRuntime.jsxs(webReact.Form, { initialValues: keys, form: form, size: "small", labelCol: { span: 6, offset: 0 }, wrapperCol: { span: 18, offset: 0 }, labelAlign: "left", onSubmit: onConfirm, children: [collapsed && (jsxRuntime.jsx(webReact.Form.Item, { label: "\u6587\u672C\u5185\u5BB9", field: "link-insert", children: jsxRuntime.jsx(webReact.Input, { "data-no-prevent": true, autoComplete: "off", size: "mini", placeholder: "\u8F93\u5165\u6587\u672C" }) })), jsxRuntime.jsx(webReact.Form.Item, { label: "\u94FE\u63A5\u5730\u5740", field: link_types_index.LINK_KEY, children: jsxRuntime.jsx(webReact.Input, { "data-no-prevent": true, autoComplete: "off", size: "mini", placeholder: "\u8F93\u5165\u94FE\u63A5", onFocus: onFocus, addAfter: jsxRuntime.jsx(icon.IconRight, { onClick: go, className: "block-kit-link-popup-go" }) }) }), jsxRuntime.jsx(webReact.Form.Item, { label: "\u65B0\u9875\u9762\u6253\u5F00", field: link_types_index.LINK_BLANK_KEY, triggerPropName: "checked", children: jsxRuntime.jsx(webReact.Switch, {}) })] }), jsxRuntime.jsxs("div", { className: "block-kit-link-popup-button", children: [jsxRuntime.jsx(webReact.Button, { size: "mini", htmlType: "submit", type: "primary", onClick: onConfirm, children: "\u786E\u5B9A" }), jsxRuntime.jsx(webReact.Button, { size: "mini", type: "primary", status: "danger", onClick: onDelete, children: "\u5220\u9664" })] })] }));
-        }, children: jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[link_types_index.LINK_KEY] && selection && !selection.isCollapsed && "active"), children: jsxRuntime.jsx(icon.IconLink, {}) }) }));
-};
-
-const OrderList = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    const isOrder = is$1.isOrderList(keys);
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", isOrder && "active"), onClick: () => {
-            editor.command.exec(orderList_types_index.ORDER_LIST_KEY, { value: utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(icon.IconOrderedList, {}) }));
-};
-
-const Quote = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[quote_types_index.QUOTE_KEY] && "active"), onClick: () => {
-            editor.command.exec(quote_types_index.QUOTE_KEY, { value: utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(icon.IconQuote, {}) }));
-};
-
-const Strike = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[strike_types_index.STRIKE_KEY] && "active"), onClick: () => {
-            editor.command.exec(strike_types_index.STRIKE_KEY, { value: keys[strike_types_index.STRIKE_KEY] ? utils.NIL : utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(icon.IconStrikethrough, {}) }));
-};
-
-const Underline = () => {
-    const { keys, refreshMarks, editor } = useToolbarContext();
-    return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[underline_types_index.UNDERLINE_KEY] && "active"), onClick: () => {
-            editor.command.exec(underline_types_index.UNDERLINE_KEY, { value: keys[underline_types_index.UNDERLINE_KEY] ? utils.NIL : utils.TRULY });
-            refreshMarks();
-        }, children: jsxRuntime.jsx(icon.IconUnderline, {}) }));
-};
-
-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 = 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 = marks.filterMarkMap(ops);
-        setKeys(Object.assign(Object.assign({}, markMap), lineMarkMap));
-    });
-    React.useEffect(() => {
-        editor.event.on(core.EDITOR_EVENT.SELECTION_CHANGE, refreshMarks);
-        editor.event.on(marks.PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
-        return () => {
-            editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, refreshMarks);
-            editor.event.off(marks.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(ToolbarContext.Provider, { value: {
-                keys,
-                editor,
-                setKeys,
-                refreshMarks,
-                selection: editor.selection.get(),
-            }, children: props.children }) }));
-});
-
-const FloatToolbar = props => {
-    const { editor } = react.useEditorStatic();
-    const { readonly } = react.useReadonly();
-    const [top, setTop] = React.useState(0);
-    const [left, setLeft] = React.useState(0);
-    const [visible, setVisible] = React.useState(false);
-    const [isInterim, setIsInterim] = React.useState(true);
-    const [isMouseDown, setIsMouseDown] = React.useState(false);
-    const ref = React.useRef(null);
-    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]);
-    React.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__default["default"].createPortal(jsxRuntime.jsx(Toolbar, { ref: ref, className: utils.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 }), dom.getMountDOM(editor));
-};
-
-const Mixin = {
-    Cut,
-    Bold,
-    Link,
-    Quote,
-    Image,
-    Align,
-    Emoji,
-    Italic,
-    Strike,
-    History,
-    Heading,
-    Divider,
-    FontSize,
-    FontColor,
-    OrderList,
-    Underline,
-    BulletList,
-    InlineCode,
-    LineHeight,
-};
-
-exports.FloatToolbar = FloatToolbar;
-exports.Mixin = Mixin;
-exports.Toolbar = Toolbar;
-exports.ToolbarContext = ToolbarContext;
-exports.useToolbarContext = useToolbarContext;