@block-kit/plugin 1.0.0 → 1.0.1

package/dist/lib/toolbar/modules/align.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 shared_icons_justify = require('../../shared/icons/justify.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const MAP = {
+    left: jsxRuntime.jsx(icon.IconAlignLeft, {}),
+    center: jsxRuntime.jsx(icon.IconAlignCenter, {}),
+    right: jsxRuntime.jsx(icon.IconAlignRight, {}),
+    justify: jsxRuntime.jsx(shared_icons_justify.JustifyIcon, {}),
+};
+const Align = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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(shared_icons_justify.JustifyIcon, {}) })] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [MAP[keys[align_types_index.ALIGN_KEY]] || jsxRuntime.jsx(icon.IconAlignLeft, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+exports.Align = Align;

package/dist/lib/toolbar/modules/bold.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var bold_types_index = require('../../bold/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const Bold = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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, {}) }));
+};
+
+exports.Bold = Bold;

package/dist/lib/toolbar/modules/bullet-list.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var bulletList_types_index = require('../../bullet-list/types/index.js');
+var bulletList_utils_is = require('../../bullet-list/utils/is.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const BulletList = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
+    const isBullet = bulletList_utils_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, {}) }));
+};
+
+exports.BulletList = BulletList;

package/dist/lib/toolbar/modules/cut.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const Cut = () => {
+    return jsxRuntime.jsx("div", { className: "menu-toolbar-cut" });
+};
+
+exports.Cut = Cut;

package/dist/lib/toolbar/modules/divider.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@block-kit/utils');
+var divider_types_index = require('../../divider/types/index.js');
+var shared_icons_divider = require('../../shared/icons/divider.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const Divider = () => {
+    const { refreshMarks, editor } = toolbar_context_provider.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(shared_icons_divider.DividerIcon, {}) }));
+};
+
+exports.Divider = Divider;

package/dist/lib/toolbar/modules/emoji.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var webReact = require('@arco-design/web-react');
+var Picker = require('@emoji-mart/react');
+var utils = require('@block-kit/utils');
+var emoji_types_index = require('../../emoji/types/index.js');
+var shared_icons_emoji = require('../../shared/icons/emoji.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Picker__default = /*#__PURE__*/_interopDefaultLegacy(Picker);
+
+const Emoji = () => {
+    const { editor } = toolbar_context_provider.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(shared_icons_emoji.EmojiIcon, {}) }) }));
+};
+
+exports.Emoji = Emoji;

package/dist/lib/toolbar/modules/font-color.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 background_types_index = require('../../background/types/index.js');
+var fontColor_types_index = require('../../font-color/types/index.js');
+var shared_icons_fontColor = require('../../shared/icons/font-color.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+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 } = toolbar_context_provider.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(shared_icons_fontColor.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(shared_icons_fontColor.FontColorIcon, {}) }), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+exports.FontColor = FontColor;

package/dist/lib/toolbar/modules/font-size.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 React = require('react');
+var fontSize_types_index = require('../../font-size/types/index.js');
+var shared_icons_fontSize = require('../../shared/icons/font-size.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const STEP = Array(10)
+    .fill(null)
+    .map((_, i) => String(i + 12));
+const FontSize = () => {
+    const triggerRef = React.useRef(null);
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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.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(shared_icons_fontSize.FontSizeIcon, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+exports.FontSize = FontSize;

package/dist/lib/toolbar/modules/heading.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 heading_types_index = require('../../heading/types/index.js');
+var shared_icons_text = require('../../shared/icons/text.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const MAP = {
+    h1: jsxRuntime.jsx(icon.IconH1, {}),
+    h2: jsxRuntime.jsx(icon.IconH2, {}),
+    h3: jsxRuntime.jsx(icon.IconH3, {}),
+};
+const Heading = () => {
+    const { keys, refreshMarks, editor: { command }, } = toolbar_context_provider.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(shared_icons_text.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(shared_icons_text.TextIcon, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+exports.Heading = Heading;

package/dist/lib/toolbar/modules/history.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var core = require('@block-kit/core');
+var utils = require('@block-kit/utils');
+var hooks = require('@block-kit/utils/dist/es/hooks');
+var React = require('react');
+var toolbar_context_provider = require('../context/provider.js');
+
+const History = () => {
+    const { editor, refreshMarks } = toolbar_context_provider.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, {}) })] }));
+};
+
+exports.History = History;

package/dist/lib/toolbar/modules/image.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var image_types_index = require('../../image/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const Image = () => {
+    const { refreshMarks, editor } = toolbar_context_provider.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, {}) }));
+};
+
+exports.Image = Image;

package/dist/lib/toolbar/modules/inline-code.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var inlineCode_types_index = require('../../inline-code/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const InlineCode = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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, {}) }));
+};
+
+exports.InlineCode = InlineCode;

package/dist/lib/toolbar/modules/italic.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var italic_types_index = require('../../italic/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const Italic = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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, {}) }));
+};
+
+exports.Italic = Italic;

package/dist/lib/toolbar/modules/line-height.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 lineHeight_types_index = require('../../line-height/types/index.js');
+var shared_icons_lineHeight = require('../../shared/icons/line-height.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+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 } = toolbar_context_provider.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(shared_icons_lineHeight.LineHeightIcon, {}), jsxRuntime.jsx(icon.IconDown, { className: "menu-toolbar-icon-down" })] }) }));
+};
+
+exports.LineHeight = LineHeight;

package/dist/lib/toolbar/modules/link.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var webReact = require('@arco-design/web-react');
+var useForm = require('@arco-design/web-react/es/Form/useForm');
+var icon = require('@arco-design/web-react/icon');
+var core = require('@block-kit/core');
+var utils = require('@block-kit/utils');
+var React = require('react');
+var link_types_index = require('../../link/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var useForm__default = /*#__PURE__*/_interopDefaultLegacy(useForm);
+
+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 } = toolbar_context_provider.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, {}) }) }));
+};
+
+exports.Link = Link;

package/dist/lib/toolbar/modules/order-list.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var orderList_types_index = require('../../order-list/types/index.js');
+var orderList_utils_is = require('../../order-list/utils/is.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const OrderList = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
+    const isOrder = orderList_utils_is.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, {}) }));
+};
+
+exports.OrderList = OrderList;

package/dist/lib/toolbar/modules/quote.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var quote_types_index = require('../../quote/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const Quote = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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, {}) }));
+};
+
+exports.Quote = Quote;

package/dist/lib/toolbar/modules/strike.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var strike_types_index = require('../../strike/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const Strike = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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, {}) }));
+};
+
+exports.Strike = Strike;

package/dist/lib/toolbar/modules/underline.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arco-design/web-react/icon');
+var utils = require('@block-kit/utils');
+var underline_types_index = require('../../underline/types/index.js');
+var toolbar_context_provider = require('../context/provider.js');
+
+const Underline = () => {
+    const { keys, refreshMarks, editor } = toolbar_context_provider.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, {}) }));
+};
+
+exports.Underline = Underline;

package/dist/lib/{marks-a30b8a0f.js → toolbar/utils/marks.js}

@@ -1,8 +1,6 @@
 'use strict';
 
-const PLUGIN_EVENTS = {
-    SHORTCUT_MARKS_CHANGE: "SHORTCUT_MARKS_CHANGE",
-};
+Object.defineProperty(exports, '__esModule', { value: true });
 
 const filterMarkMap = (ops) => {
     const firstOp = ops[0];
@@ -45,6 +43,5 @@ const filterLineMarkMap = (attrs) => {
     return target;
 };
 
-exports.PLUGIN_EVENTS = PLUGIN_EVENTS;
 exports.filterLineMarkMap = filterLineMarkMap;
 exports.filterMarkMap = filterMarkMap;

package/dist/styles/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;transform:translate(-50%,-100%);z-index:999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@block-kit/plugin",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "main": "./dist/lib/index.js",
   "types": "./dist/es/index.d.ts",
@@ -14,7 +14,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist && rollup -c",
+    "build": "rm -rf dist && rollup -c && mkdir -p dist/styles && cp dist/es/*.css dist/styles",
     "lint:ts": "tsc -p tsconfig.build.json --noEmit",
     "lint:circular": "madge --extensions js --circular ./dist"
   },
@@ -29,10 +29,10 @@
     "@arco-design/web-react": "^2.64.0",
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
-    "@block-kit/core": "1.0.0",
-    "@block-kit/delta": "1.0.0",
-    "@block-kit/react": "1.0.0",
-    "@block-kit/utils": "1.0.0",
+    "@block-kit/core": "1.0.1",
+    "@block-kit/delta": "1.0.1",
+    "@block-kit/react": "1.0.1",
+    "@block-kit/utils": "1.0.1",
     "emoji-mart": "^5.6.0"
   },
   "devDependencies": {