@block-kit/plugin 1.0.1 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/align/{align/index.js → index.js} +1 -1
- package/dist/es/background/{background/index.js → index.js} +1 -1
- package/dist/es/bold/{bold/index.js → index.js} +1 -1
- package/dist/es/bullet-list/{bullet-list/index.js → index.js} +7 -7
- package/dist/es/bullet-list/utils/{bullet-list/utils/is.js → is.js} +1 -1
- package/dist/es/divider/{divider/index.js → index.js} +5 -5
- package/dist/es/emoji/{emoji/index.js → index.js} +2 -2
- package/dist/es/font-color/{font-color/index.js → index.js} +1 -1
- package/dist/es/font-size/{font-size/index.js → index.js} +1 -1
- package/dist/es/heading/{heading/index.js → index.js} +1 -1
- package/dist/es/image/{image/index.js → index.js} +7 -7
- package/dist/es/image/view/{image/view/image.js → image.js} +3 -3
- package/dist/es/image/view/{image/view/wrapper.js → wrapper.js} +3 -2
- package/dist/es/indent/{indent/index.js → index.js} +3 -3
- package/dist/es/index.css +1 -1
- package/dist/es/index.d.ts +4 -4
- package/dist/es/index.js +50 -50
- package/dist/es/inline-code/{inline-code/index.js → index.js} +9 -9
- package/dist/es/inline-code/types/index.d.ts +1 -1
- package/dist/es/inline-code/types/index.js +3 -0
- package/dist/es/italic/{italic/index.js → index.js} +1 -1
- package/dist/es/line-height/{line-height/index.js → index.js} +1 -1
- package/dist/es/link/{link/index.js → index.js} +3 -3
- package/dist/es/link/view/{link/view/a.js → a.js} +1 -1
- package/dist/es/mention/{mention/index.js → index.js} +2 -2
- package/dist/es/mention/modules/{mention/modules/suggest.js → suggest.js} +6 -6
- package/dist/es/mention/view/{mention/view/suggest.js → suggest.js} +4 -4
- package/dist/es/order-list/{order-list/index.js → index.js} +9 -9
- package/dist/es/order-list/utils/is.js +12 -0
- package/dist/es/order-list/utils/{order-list/utils/serial.js → serial.js} +2 -2
- package/dist/es/order-list/view/{order-list/view/list.js → list.js} +1 -1
- package/dist/es/quote/{quote/index.js → index.js} +4 -4
- package/dist/es/shared/modules/{shared/modules/selection.js → selection.js} +1 -1
- package/dist/es/shortcut/{shortcut/index.js → index.js} +8 -8
- package/dist/es/shortcut/modules/preset.js +46 -0
- package/dist/es/strike/{strike/index.js → index.js} +1 -1
- package/dist/es/toolbar/context/{toolbar/context/basic.js → basic.js} +6 -6
- package/dist/es/toolbar/context/float.d.ts +14 -0
- package/dist/es/toolbar/context/{toolbar/context/float.js → float.js} +3 -2
- package/dist/es/toolbar/index.d.ts +1 -1
- package/dist/es/toolbar/index.js +45 -0
- package/dist/es/toolbar/modules/{toolbar/modules/align.js → align.js} +9 -5
- package/dist/es/toolbar/modules/{toolbar/modules/bold.js → bold.js} +3 -3
- package/dist/es/toolbar/modules/{toolbar/modules/bullet-list.js → bullet-list.js} +4 -4
- package/dist/es/toolbar/modules/{toolbar/modules/divider.js → divider.js} +3 -3
- package/dist/es/toolbar/modules/{toolbar/modules/emoji.js → emoji.js} +5 -4
- package/dist/es/toolbar/modules/{toolbar/modules/font-color.js → font-color.js} +7 -6
- package/dist/es/toolbar/modules/{toolbar/modules/font-size.js → font-size.js} +7 -5
- package/dist/es/toolbar/modules/{toolbar/modules/heading.js → heading.js} +9 -5
- package/dist/es/toolbar/modules/{toolbar/modules/history.js → history.js} +3 -2
- package/dist/es/toolbar/modules/{toolbar/modules/image.js → image.js} +3 -3
- package/dist/es/toolbar/modules/inline-code.js +15 -0
- package/dist/es/toolbar/modules/{toolbar/modules/italic.js → italic.js} +3 -3
- package/dist/es/toolbar/modules/{toolbar/modules/line-height.js → line-height.js} +7 -5
- package/dist/es/toolbar/modules/{toolbar/modules/link.js → link.js} +16 -6
- package/dist/es/toolbar/modules/{toolbar/modules/order-list.js → order-list.js} +4 -4
- package/dist/es/toolbar/modules/{toolbar/modules/quote.js → quote.js} +3 -3
- package/dist/es/toolbar/modules/{toolbar/modules/strike.js → strike.js} +3 -3
- package/dist/es/toolbar/modules/{toolbar/modules/underline.js → underline.js} +3 -3
- package/dist/es/toolbar/types/index.js +7 -0
- package/dist/es/{node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs.js → tslib.es6-82e53812.js} +1 -1
- package/dist/es/underline/{underline/index.js → index.js} +1 -1
- package/dist/lib/bullet-list/index.js +1 -1
- package/dist/lib/divider/index.js +1 -1
- package/dist/lib/emoji/index.js +1 -1
- package/dist/lib/image/index.js +2 -2
- package/dist/lib/image/view/image.js +6 -2
- package/dist/lib/image/view/wrapper.js +7 -2
- package/dist/lib/indent/index.js +1 -1
- package/dist/lib/index.css +1 -1
- package/dist/lib/index.d.ts +4 -4
- package/dist/lib/index.js +2 -4
- package/dist/lib/inline-code/index.js +8 -8
- package/dist/lib/inline-code/types/index.d.ts +1 -1
- package/dist/lib/inline-code/types/index.js +2 -2
- package/dist/lib/link/index.js +1 -1
- package/dist/lib/mention/modules/suggest.js +2 -2
- package/dist/lib/order-list/index.js +1 -1
- package/dist/lib/quote/index.js +1 -1
- package/dist/lib/shared/modules/selection.js +1 -1
- package/dist/lib/shortcut/index.js +4 -4
- package/dist/lib/shortcut/modules/preset.js +23 -0
- package/dist/lib/toolbar/context/basic.js +4 -4
- package/dist/lib/toolbar/context/float.d.ts +14 -0
- package/dist/lib/toolbar/context/float.js +2 -1
- package/dist/lib/toolbar/index.d.ts +1 -1
- package/dist/lib/toolbar/index.js +2 -2
- package/dist/lib/toolbar/modules/align.js +18 -6
- package/dist/lib/toolbar/modules/bold.js +6 -2
- package/dist/lib/toolbar/modules/bullet-list.js +6 -2
- package/dist/lib/toolbar/modules/emoji.js +4 -2
- package/dist/lib/toolbar/modules/font-color.js +10 -4
- package/dist/lib/toolbar/modules/font-size.js +11 -3
- package/dist/lib/toolbar/modules/heading.js +18 -6
- package/dist/lib/toolbar/modules/history.js +8 -2
- package/dist/lib/toolbar/modules/image.js +6 -2
- package/dist/lib/toolbar/modules/inline-code.js +8 -4
- package/dist/lib/toolbar/modules/italic.js +6 -2
- package/dist/lib/toolbar/modules/line-height.js +11 -3
- package/dist/lib/toolbar/modules/link.js +24 -7
- package/dist/lib/toolbar/modules/order-list.js +6 -2
- package/dist/lib/toolbar/modules/quote.js +6 -2
- package/dist/lib/toolbar/modules/strike.js +6 -2
- package/dist/lib/toolbar/modules/underline.js +6 -2
- package/dist/lib/toolbar/types/index.js +1 -1
- package/dist/styles/index.css +1 -1
- package/package.json +6 -5
- package/dist/es/inline-code/types/inline-code/types/index.js +0 -3
- package/dist/es/order-list/utils/order-list/utils/is.js +0 -12
- package/dist/es/shortcut/modules/shortcut/modules/preset.js +0 -23
- package/dist/es/toolbar/modules/toolbar/modules/inline-code.js +0 -15
- package/dist/es/toolbar/toolbar/index.js +0 -45
- package/dist/es/toolbar/types/toolbar/types/index.js +0 -7
- /package/dist/es/align/types/{align/types/index.js → index.js} +0 -0
- /package/dist/es/background/types/{background/types/index.js → index.js} +0 -0
- /package/dist/es/bold/types/{bold/types/index.js → index.js} +0 -0
- /package/dist/es/bullet-list/types/{bullet-list/types/index.js → index.js} +0 -0
- /package/dist/es/bullet-list/view/{bullet-list/view/list.js → list.js} +0 -0
- /package/dist/es/divider/types/{divider/types/index.js → index.js} +0 -0
- /package/dist/es/emoji/types/{emoji/types/index.js → index.js} +0 -0
- /package/dist/es/font-color/types/{font-color/types/index.js → index.js} +0 -0
- /package/dist/es/font-size/types/{font-size/types/index.js → index.js} +0 -0
- /package/dist/es/heading/types/{heading/types/index.js → index.js} +0 -0
- /package/dist/es/image/types/{image/types/index.js → index.js} +0 -0
- /package/dist/es/indent/types/{indent/types/index.js → index.js} +0 -0
- /package/dist/es/italic/types/{italic/types/index.js → index.js} +0 -0
- /package/dist/es/line-height/types/{line-height/types/index.js → index.js} +0 -0
- /package/dist/es/link/types/{link/types/index.js → index.js} +0 -0
- /package/dist/es/mention/types/{mention/types/index.js → index.js} +0 -0
- /package/dist/es/mention/utils/{mention/utils/constant.js → constant.js} +0 -0
- /package/dist/es/order-list/types/{order-list/types/index.js → index.js} +0 -0
- /package/dist/es/order-list/utils/{order-list/utils/format.js → format.js} +0 -0
- /package/dist/es/quote/types/{quote/types/index.js → index.js} +0 -0
- /package/dist/es/shared/components/{shared/components/selection.js → selection.js} +0 -0
- /package/dist/es/shared/icons/{shared/icons/divider.js → divider.js} +0 -0
- /package/dist/es/shared/icons/{shared/icons/emoji.js → emoji.js} +0 -0
- /package/dist/es/shared/icons/{shared/icons/font-color.js → font-color.js} +0 -0
- /package/dist/es/shared/icons/{shared/icons/font-size.js → font-size.js} +0 -0
- /package/dist/es/shared/icons/{shared/icons/justify.js → justify.js} +0 -0
- /package/dist/es/shared/icons/{shared/icons/line-height.js → line-height.js} +0 -0
- /package/dist/es/shared/icons/{shared/icons/text.js → text.js} +0 -0
- /package/dist/es/shared/utils/{shared/utils/dom.js → dom.js} +0 -0
- /package/dist/es/shared/utils/{shared/utils/event.js → event.js} +0 -0
- /package/dist/es/shared/utils/{shared/utils/is.js → is.js} +0 -0
- /package/dist/es/shortcut/types/{shortcut/types/index.js → index.js} +0 -0
- /package/dist/es/strike/types/{strike/types/index.js → index.js} +0 -0
- /package/dist/es/toolbar/context/{toolbar/context/provider.js → provider.js} +0 -0
- /package/dist/es/toolbar/modules/{toolbar/modules/cut.js → cut.js} +0 -0
- /package/dist/es/toolbar/utils/{toolbar/utils/marks.js → marks.js} +0 -0
- /package/dist/es/underline/types/{underline/types/index.js → index.js} +0 -0
- /package/dist/lib/{tslib.es6-82029525.js → tslib.es6-04264fd3.js} +0 -0
|
@@ -3,14 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
7
|
-
|
|
6
|
+
var Trigger = require('@arco-design/web-react/lib/Trigger');
|
|
7
|
+
require('@arco-design/web-react/lib/Trigger/style');
|
|
8
|
+
var IconDown = require('@arco-design/web-react/icon/react-icon-cjs/IconDown');
|
|
8
9
|
var utils = require('@block-kit/utils');
|
|
9
10
|
var background_types_index = require('../../background/types/index.js');
|
|
10
11
|
var fontColor_types_index = require('../../font-color/types/index.js');
|
|
11
12
|
var shared_icons_fontColor = require('../../shared/icons/font-color.js');
|
|
12
13
|
var toolbar_context_provider = require('../context/provider.js');
|
|
13
14
|
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var Trigger__default = /*#__PURE__*/_interopDefaultLegacy(Trigger);
|
|
18
|
+
var IconDown__default = /*#__PURE__*/_interopDefaultLegacy(IconDown);
|
|
19
|
+
|
|
14
20
|
const COLOR = [
|
|
15
21
|
"",
|
|
16
22
|
"rgb(143, 149, 158)",
|
|
@@ -41,13 +47,13 @@ const BACKGROUND = [
|
|
|
41
47
|
];
|
|
42
48
|
const FontColor = () => {
|
|
43
49
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
44
|
-
return (jsxRuntime.jsx(
|
|
50
|
+
return (jsxRuntime.jsx(Trigger__default["default"], { 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: () => {
|
|
45
51
|
editor.command.exec(fontColor_types_index.FONT_COLOR_KEY, { value: it });
|
|
46
52
|
refreshMarks();
|
|
47
53
|
}, 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: () => {
|
|
48
54
|
editor.command.exec(background_types_index.BACKGROUND_KEY, { value: it });
|
|
49
55
|
refreshMarks();
|
|
50
|
-
}, 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(
|
|
56
|
+
}, 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(IconDown__default["default"], { className: "menu-toolbar-icon-down" })] }) }));
|
|
51
57
|
};
|
|
52
58
|
|
|
53
59
|
exports.FontColor = FontColor;
|
|
@@ -3,21 +3,29 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
7
|
-
|
|
6
|
+
var Trigger = require('@arco-design/web-react/lib/Trigger');
|
|
7
|
+
require('@arco-design/web-react/lib/Trigger/style');
|
|
8
|
+
var IconCheck = require('@arco-design/web-react/icon/react-icon-cjs/IconCheck');
|
|
9
|
+
var IconDown = require('@arco-design/web-react/icon/react-icon-cjs/IconDown');
|
|
8
10
|
var utils = require('@block-kit/utils');
|
|
9
11
|
var React = require('react');
|
|
10
12
|
var fontSize_types_index = require('../../font-size/types/index.js');
|
|
11
13
|
var shared_icons_fontSize = require('../../shared/icons/font-size.js');
|
|
12
14
|
var toolbar_context_provider = require('../context/provider.js');
|
|
13
15
|
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var Trigger__default = /*#__PURE__*/_interopDefaultLegacy(Trigger);
|
|
19
|
+
var IconCheck__default = /*#__PURE__*/_interopDefaultLegacy(IconCheck);
|
|
20
|
+
var IconDown__default = /*#__PURE__*/_interopDefaultLegacy(IconDown);
|
|
21
|
+
|
|
14
22
|
const STEP = Array(10)
|
|
15
23
|
.fill(null)
|
|
16
24
|
.map((_, i) => String(i + 12));
|
|
17
25
|
const FontSize = () => {
|
|
18
26
|
const triggerRef = React.useRef(null);
|
|
19
27
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
20
|
-
return (jsxRuntime.jsx(
|
|
28
|
+
return (jsxRuntime.jsx(Trigger__default["default"], { 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(IconCheck__default["default"], {}), "\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(IconCheck__default["default"], {}), item, "px"] }, item)))] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [jsxRuntime.jsx(shared_icons_fontSize.FontSizeIcon, {}), jsxRuntime.jsx(IconDown__default["default"], { className: "menu-toolbar-icon-down" })] }) }));
|
|
21
29
|
};
|
|
22
30
|
|
|
23
31
|
exports.FontSize = FontSize;
|
|
@@ -3,21 +3,33 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
7
|
-
|
|
6
|
+
var Trigger = require('@arco-design/web-react/lib/Trigger');
|
|
7
|
+
require('@arco-design/web-react/lib/Trigger/style');
|
|
8
|
+
var IconDown = require('@arco-design/web-react/icon/react-icon-cjs/IconDown');
|
|
9
|
+
var IconH1 = require('@arco-design/web-react/icon/react-icon-cjs/IconH1');
|
|
10
|
+
var IconH2 = require('@arco-design/web-react/icon/react-icon-cjs/IconH2');
|
|
11
|
+
var IconH3 = require('@arco-design/web-react/icon/react-icon-cjs/IconH3');
|
|
8
12
|
var utils = require('@block-kit/utils');
|
|
9
13
|
var heading_types_index = require('../../heading/types/index.js');
|
|
10
14
|
var shared_icons_text = require('../../shared/icons/text.js');
|
|
11
15
|
var toolbar_context_provider = require('../context/provider.js');
|
|
12
16
|
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var Trigger__default = /*#__PURE__*/_interopDefaultLegacy(Trigger);
|
|
20
|
+
var IconDown__default = /*#__PURE__*/_interopDefaultLegacy(IconDown);
|
|
21
|
+
var IconH1__default = /*#__PURE__*/_interopDefaultLegacy(IconH1);
|
|
22
|
+
var IconH2__default = /*#__PURE__*/_interopDefaultLegacy(IconH2);
|
|
23
|
+
var IconH3__default = /*#__PURE__*/_interopDefaultLegacy(IconH3);
|
|
24
|
+
|
|
13
25
|
const MAP = {
|
|
14
|
-
h1: jsxRuntime.jsx(
|
|
15
|
-
h2: jsxRuntime.jsx(
|
|
16
|
-
h3: jsxRuntime.jsx(
|
|
26
|
+
h1: jsxRuntime.jsx(IconH1__default["default"], {}),
|
|
27
|
+
h2: jsxRuntime.jsx(IconH2__default["default"], {}),
|
|
28
|
+
h3: jsxRuntime.jsx(IconH3__default["default"], {}),
|
|
17
29
|
};
|
|
18
30
|
const Heading = () => {
|
|
19
31
|
const { keys, refreshMarks, editor: { command }, } = toolbar_context_provider.useToolbarContext();
|
|
20
|
-
return (jsxRuntime.jsx(
|
|
32
|
+
return (jsxRuntime.jsx(Trigger__default["default"], { 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(IconH1__default["default"], {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(heading_types_index.HEADING_KEY, { value: "h2" }), children: jsxRuntime.jsx(IconH2__default["default"], {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => command.exec(heading_types_index.HEADING_KEY, { value: "h3" }), children: jsxRuntime.jsx(IconH3__default["default"], {}) })] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [MAP[keys[heading_types_index.HEADING_KEY]] || jsxRuntime.jsx(shared_icons_text.TextIcon, {}), jsxRuntime.jsx(IconDown__default["default"], { className: "menu-toolbar-icon-down" })] }) }));
|
|
21
33
|
};
|
|
22
34
|
|
|
23
35
|
exports.Heading = Heading;
|
|
@@ -3,13 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconRedo = require('@arco-design/web-react/icon/react-icon-cjs/IconRedo');
|
|
7
|
+
var IconUndo = require('@arco-design/web-react/icon/react-icon-cjs/IconUndo');
|
|
7
8
|
var core = require('@block-kit/core');
|
|
8
9
|
var utils = require('@block-kit/utils');
|
|
9
10
|
var hooks = require('@block-kit/utils/dist/es/hooks');
|
|
10
11
|
var React = require('react');
|
|
11
12
|
var toolbar_context_provider = require('../context/provider.js');
|
|
12
13
|
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
var IconRedo__default = /*#__PURE__*/_interopDefaultLegacy(IconRedo);
|
|
17
|
+
var IconUndo__default = /*#__PURE__*/_interopDefaultLegacy(IconUndo);
|
|
18
|
+
|
|
13
19
|
const History = () => {
|
|
14
20
|
const { editor, refreshMarks } = toolbar_context_provider.useToolbarContext();
|
|
15
21
|
const [undoable, setUndoable] = React.useState(false);
|
|
@@ -32,7 +38,7 @@ const History = () => {
|
|
|
32
38
|
editor.history.redo();
|
|
33
39
|
refreshMarks();
|
|
34
40
|
};
|
|
35
|
-
return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", !undoable && "disable"), onClick: undo, children: jsxRuntime.jsx(
|
|
41
|
+
return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", !undoable && "disable"), onClick: undo, children: jsxRuntime.jsx(IconUndo__default["default"], {}) }), jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", !redoable && "disable"), onClick: redo, children: jsxRuntime.jsx(IconRedo__default["default"], {}) })] }));
|
|
36
42
|
};
|
|
37
43
|
|
|
38
44
|
exports.History = History;
|
|
@@ -3,17 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconImage = require('@arco-design/web-react/icon/react-icon-cjs/IconImage');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var image_types_index = require('../../image/types/index.js');
|
|
9
9
|
var toolbar_context_provider = require('../context/provider.js');
|
|
10
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var IconImage__default = /*#__PURE__*/_interopDefaultLegacy(IconImage);
|
|
14
|
+
|
|
11
15
|
const Image = () => {
|
|
12
16
|
const { refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
13
17
|
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item"), onClick: () => {
|
|
14
18
|
editor.command.exec(image_types_index.IMAGE_KEY, { value: utils.TRULY });
|
|
15
19
|
refreshMarks();
|
|
16
|
-
}, children: jsxRuntime.jsx(
|
|
20
|
+
}, children: jsxRuntime.jsx(IconImage__default["default"], {}) }));
|
|
17
21
|
};
|
|
18
22
|
|
|
19
23
|
exports.Image = Image;
|
|
@@ -3,17 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconCode = require('@arco-design/web-react/icon/react-icon-cjs/IconCode');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var inlineCode_types_index = require('../../inline-code/types/index.js');
|
|
9
9
|
var toolbar_context_provider = require('../context/provider.js');
|
|
10
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var IconCode__default = /*#__PURE__*/_interopDefaultLegacy(IconCode);
|
|
14
|
+
|
|
11
15
|
const InlineCode = () => {
|
|
12
16
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
13
|
-
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[inlineCode_types_index.
|
|
14
|
-
editor.command.exec(inlineCode_types_index.
|
|
17
|
+
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[inlineCode_types_index.INLINE_CODE_KEY] && "active"), onClick: () => {
|
|
18
|
+
editor.command.exec(inlineCode_types_index.INLINE_CODE_KEY, { value: keys[inlineCode_types_index.INLINE_CODE_KEY] ? utils.NIL : utils.TRULY });
|
|
15
19
|
refreshMarks();
|
|
16
|
-
}, children: jsxRuntime.jsx(
|
|
20
|
+
}, children: jsxRuntime.jsx(IconCode__default["default"], {}) }));
|
|
17
21
|
};
|
|
18
22
|
|
|
19
23
|
exports.InlineCode = InlineCode;
|
|
@@ -3,18 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconItalic = require('@arco-design/web-react/icon/react-icon-cjs/IconItalic');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var italic_types_index = require('../../italic/types/index.js');
|
|
9
9
|
var toolbar_context_provider = require('../context/provider.js');
|
|
10
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var IconItalic__default = /*#__PURE__*/_interopDefaultLegacy(IconItalic);
|
|
14
|
+
|
|
11
15
|
const Italic = () => {
|
|
12
16
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
13
17
|
const onExec = () => {
|
|
14
18
|
editor.command.exec(italic_types_index.ITALIC_KEY, { value: keys[italic_types_index.ITALIC_KEY] ? utils.NIL : utils.TRULY });
|
|
15
19
|
refreshMarks();
|
|
16
20
|
};
|
|
17
|
-
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[italic_types_index.ITALIC_KEY] && "active"), onClick: onExec, children: jsxRuntime.jsx(
|
|
21
|
+
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[italic_types_index.ITALIC_KEY] && "active"), onClick: onExec, children: jsxRuntime.jsx(IconItalic__default["default"], {}) }));
|
|
18
22
|
};
|
|
19
23
|
|
|
20
24
|
exports.Italic = Italic;
|
|
@@ -3,17 +3,25 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
7
|
-
|
|
6
|
+
var Trigger = require('@arco-design/web-react/lib/Trigger');
|
|
7
|
+
require('@arco-design/web-react/lib/Trigger/style');
|
|
8
|
+
var IconCheck = require('@arco-design/web-react/icon/react-icon-cjs/IconCheck');
|
|
9
|
+
var IconDown = require('@arco-design/web-react/icon/react-icon-cjs/IconDown');
|
|
8
10
|
var utils = require('@block-kit/utils');
|
|
9
11
|
var lineHeight_types_index = require('../../line-height/types/index.js');
|
|
10
12
|
var shared_icons_lineHeight = require('../../shared/icons/line-height.js');
|
|
11
13
|
var toolbar_context_provider = require('../context/provider.js');
|
|
12
14
|
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var Trigger__default = /*#__PURE__*/_interopDefaultLegacy(Trigger);
|
|
18
|
+
var IconCheck__default = /*#__PURE__*/_interopDefaultLegacy(IconCheck);
|
|
19
|
+
var IconDown__default = /*#__PURE__*/_interopDefaultLegacy(IconDown);
|
|
20
|
+
|
|
13
21
|
const STEP = [...Array.from({ length: 11 }, (_, i) => i * 0.1 + 1.5), 3].map(v => v.toFixed(1).toString());
|
|
14
22
|
const LineHeight = () => {
|
|
15
23
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
16
|
-
return (jsxRuntime.jsx(
|
|
24
|
+
return (jsxRuntime.jsx(Trigger__default["default"], { 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(IconCheck__default["default"], {}), "\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(IconCheck__default["default"], {}), item] }, item)))] })), children: jsxRuntime.jsxs("div", { className: "menu-toolbar-item", children: [jsxRuntime.jsx(shared_icons_lineHeight.LineHeightIcon, {}), jsxRuntime.jsx(IconDown__default["default"], { className: "menu-toolbar-icon-down" })] }) }));
|
|
17
25
|
};
|
|
18
26
|
|
|
19
27
|
exports.LineHeight = LineHeight;
|
|
@@ -3,9 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var Button = require('@arco-design/web-react/lib/Button');
|
|
7
|
+
require('@arco-design/web-react/lib/Button/style');
|
|
8
|
+
var Form = require('@arco-design/web-react/lib/Form');
|
|
9
|
+
require('@arco-design/web-react/lib/Form/style');
|
|
10
|
+
var Input = require('@arco-design/web-react/lib/Input');
|
|
11
|
+
require('@arco-design/web-react/lib/Input/style');
|
|
12
|
+
var Switch = require('@arco-design/web-react/lib/Switch');
|
|
13
|
+
require('@arco-design/web-react/lib/Switch/style');
|
|
14
|
+
var Trigger = require('@arco-design/web-react/lib/Trigger');
|
|
15
|
+
require('@arco-design/web-react/lib/Trigger/style');
|
|
7
16
|
var useForm = require('@arco-design/web-react/es/Form/useForm');
|
|
8
|
-
var
|
|
17
|
+
var IconLink = require('@arco-design/web-react/icon/react-icon-cjs/IconLink');
|
|
18
|
+
var IconRight = require('@arco-design/web-react/icon/react-icon-cjs/IconRight');
|
|
9
19
|
var core = require('@block-kit/core');
|
|
10
20
|
var utils = require('@block-kit/utils');
|
|
11
21
|
var React = require('react');
|
|
@@ -14,7 +24,14 @@ var toolbar_context_provider = require('../context/provider.js');
|
|
|
14
24
|
|
|
15
25
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
26
|
|
|
27
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
28
|
+
var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
|
|
29
|
+
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
|
|
30
|
+
var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
|
|
31
|
+
var Trigger__default = /*#__PURE__*/_interopDefaultLegacy(Trigger);
|
|
17
32
|
var useForm__default = /*#__PURE__*/_interopDefaultLegacy(useForm);
|
|
33
|
+
var IconLink__default = /*#__PURE__*/_interopDefaultLegacy(IconLink);
|
|
34
|
+
var IconRight__default = /*#__PURE__*/_interopDefaultLegacy(IconRight);
|
|
18
35
|
|
|
19
36
|
const Link = props => {
|
|
20
37
|
const [form] = useForm__default["default"]();
|
|
@@ -35,9 +52,9 @@ const Link = props => {
|
|
|
35
52
|
// 折叠选区的情况下则插入文本
|
|
36
53
|
if (!insert)
|
|
37
54
|
return void 0;
|
|
38
|
-
editor.
|
|
55
|
+
editor.lookup.marks = Object.assign(Object.assign({}, editor.lookup.marks), { [link_types_index.LINK_KEY]: filteredHref });
|
|
39
56
|
if (blank) {
|
|
40
|
-
editor.
|
|
57
|
+
editor.lookup.marks[link_types_index.LINK_BLANK_KEY] = utils.TRULY;
|
|
41
58
|
}
|
|
42
59
|
editor.perform.insertText(sel, insert);
|
|
43
60
|
}
|
|
@@ -89,9 +106,9 @@ const Link = props => {
|
|
|
89
106
|
return void 0;
|
|
90
107
|
window.open(href, "_blank");
|
|
91
108
|
};
|
|
92
|
-
return (jsxRuntime.jsx(
|
|
93
|
-
return (jsxRuntime.jsxs("div", { className: "block-kit-link-popup", children: [jsxRuntime.jsxs(
|
|
94
|
-
}, children: jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[link_types_index.LINK_KEY] && selection && !selection.isCollapsed && "active"), children: jsxRuntime.jsx(
|
|
109
|
+
return (jsxRuntime.jsx(Trigger__default["default"], { popupVisible: visible, onVisibleChange: setVisible, trigger: "click", popupAlign: { bottom: 10 }, getPopupContainer: e => e.parentElement || document.body, popup: () => {
|
|
110
|
+
return (jsxRuntime.jsxs("div", { className: "block-kit-link-popup", children: [jsxRuntime.jsxs(Form__default["default"], { initialValues: keys, form: form, size: "small", labelCol: { span: 6, offset: 0 }, wrapperCol: { span: 18, offset: 0 }, labelAlign: "left", onSubmit: onConfirm, children: [collapsed && (jsxRuntime.jsx(Form__default["default"].Item, { label: "\u6587\u672C\u5185\u5BB9", field: "link-insert", children: jsxRuntime.jsx(Input__default["default"], { "data-no-prevent": true, autoComplete: "off", size: "mini", placeholder: "\u8F93\u5165\u6587\u672C" }) })), jsxRuntime.jsx(Form__default["default"].Item, { label: "\u94FE\u63A5\u5730\u5740", field: link_types_index.LINK_KEY, children: jsxRuntime.jsx(Input__default["default"], { "data-no-prevent": true, autoComplete: "off", size: "mini", placeholder: "\u8F93\u5165\u94FE\u63A5", onFocus: onFocus, addAfter: jsxRuntime.jsx(IconRight__default["default"], { onClick: go, className: "block-kit-link-popup-go" }) }) }), jsxRuntime.jsx(Form__default["default"].Item, { label: "\u65B0\u9875\u9762\u6253\u5F00", field: link_types_index.LINK_BLANK_KEY, triggerPropName: "checked", children: jsxRuntime.jsx(Switch__default["default"], {}) })] }), jsxRuntime.jsxs("div", { className: "block-kit-link-popup-button", children: [jsxRuntime.jsx(Button__default["default"], { size: "mini", htmlType: "submit", type: "primary", onClick: onConfirm, children: "\u786E\u5B9A" }), jsxRuntime.jsx(Button__default["default"], { size: "mini", type: "primary", status: "danger", onClick: onDelete, children: "\u5220\u9664" })] })] }));
|
|
111
|
+
}, children: jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[link_types_index.LINK_KEY] && selection && !selection.isCollapsed && "active"), children: jsxRuntime.jsx(IconLink__default["default"], {}) }) }));
|
|
95
112
|
};
|
|
96
113
|
|
|
97
114
|
exports.Link = Link;
|
|
@@ -3,19 +3,23 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconOrderedList = require('@arco-design/web-react/icon/react-icon-cjs/IconOrderedList');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var orderList_types_index = require('../../order-list/types/index.js');
|
|
9
9
|
var orderList_utils_is = require('../../order-list/utils/is.js');
|
|
10
10
|
var toolbar_context_provider = require('../context/provider.js');
|
|
11
11
|
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var IconOrderedList__default = /*#__PURE__*/_interopDefaultLegacy(IconOrderedList);
|
|
15
|
+
|
|
12
16
|
const OrderList = () => {
|
|
13
17
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
14
18
|
const isOrder = orderList_utils_is.isOrderList(keys);
|
|
15
19
|
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", isOrder && "active"), onClick: () => {
|
|
16
20
|
editor.command.exec(orderList_types_index.ORDER_LIST_KEY, { value: utils.TRULY });
|
|
17
21
|
refreshMarks();
|
|
18
|
-
}, children: jsxRuntime.jsx(
|
|
22
|
+
}, children: jsxRuntime.jsx(IconOrderedList__default["default"], {}) }));
|
|
19
23
|
};
|
|
20
24
|
|
|
21
25
|
exports.OrderList = OrderList;
|
|
@@ -3,17 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconQuote = require('@arco-design/web-react/icon/react-icon-cjs/IconQuote');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var quote_types_index = require('../../quote/types/index.js');
|
|
9
9
|
var toolbar_context_provider = require('../context/provider.js');
|
|
10
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var IconQuote__default = /*#__PURE__*/_interopDefaultLegacy(IconQuote);
|
|
14
|
+
|
|
11
15
|
const Quote = () => {
|
|
12
16
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
13
17
|
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[quote_types_index.QUOTE_KEY] && "active"), onClick: () => {
|
|
14
18
|
editor.command.exec(quote_types_index.QUOTE_KEY, { value: utils.TRULY });
|
|
15
19
|
refreshMarks();
|
|
16
|
-
}, children: jsxRuntime.jsx(
|
|
20
|
+
}, children: jsxRuntime.jsx(IconQuote__default["default"], {}) }));
|
|
17
21
|
};
|
|
18
22
|
|
|
19
23
|
exports.Quote = Quote;
|
|
@@ -3,17 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconStrikethrough = require('@arco-design/web-react/icon/react-icon-cjs/IconStrikethrough');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var strike_types_index = require('../../strike/types/index.js');
|
|
9
9
|
var toolbar_context_provider = require('../context/provider.js');
|
|
10
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var IconStrikethrough__default = /*#__PURE__*/_interopDefaultLegacy(IconStrikethrough);
|
|
14
|
+
|
|
11
15
|
const Strike = () => {
|
|
12
16
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
13
17
|
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[strike_types_index.STRIKE_KEY] && "active"), onClick: () => {
|
|
14
18
|
editor.command.exec(strike_types_index.STRIKE_KEY, { value: keys[strike_types_index.STRIKE_KEY] ? utils.NIL : utils.TRULY });
|
|
15
19
|
refreshMarks();
|
|
16
|
-
}, children: jsxRuntime.jsx(
|
|
20
|
+
}, children: jsxRuntime.jsx(IconStrikethrough__default["default"], {}) }));
|
|
17
21
|
};
|
|
18
22
|
|
|
19
23
|
exports.Strike = Strike;
|
|
@@ -3,17 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconUnderline = require('@arco-design/web-react/icon/react-icon-cjs/IconUnderline');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var underline_types_index = require('../../underline/types/index.js');
|
|
9
9
|
var toolbar_context_provider = require('../context/provider.js');
|
|
10
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var IconUnderline__default = /*#__PURE__*/_interopDefaultLegacy(IconUnderline);
|
|
14
|
+
|
|
11
15
|
const Underline = () => {
|
|
12
16
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
13
17
|
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[underline_types_index.UNDERLINE_KEY] && "active"), onClick: () => {
|
|
14
18
|
editor.command.exec(underline_types_index.UNDERLINE_KEY, { value: keys[underline_types_index.UNDERLINE_KEY] ? utils.NIL : utils.TRULY });
|
|
15
19
|
refreshMarks();
|
|
16
|
-
}, children: jsxRuntime.jsx(
|
|
20
|
+
}, children: jsxRuntime.jsx(IconUnderline__default["default"], {}) }));
|
|
17
21
|
};
|
|
18
22
|
|
|
19
23
|
exports.Underline = Underline;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var bold_types_index = require('../../bold/types/index.js');
|
|
6
6
|
var inlineCode_types_index = require('../../inline-code/types/index.js');
|
|
7
7
|
|
|
8
|
-
const TOOLBAR_TYPES = [bold_types_index.BOLD_KEY, inlineCode_types_index.
|
|
8
|
+
const TOOLBAR_TYPES = [bold_types_index.BOLD_KEY, inlineCode_types_index.INLINE_CODE_KEY];
|
|
9
9
|
const TOOLBAR_KEY_SET = new Set(TOOLBAR_TYPES);
|
|
10
10
|
|
|
11
11
|
exports.TOOLBAR_KEY_SET = TOOLBAR_KEY_SET;
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;height:150px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;width:100px;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:
|
|
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:99999}.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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@block-kit/plugin",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/lib/index.js",
|
|
6
6
|
"types": "./dist/es/index.d.ts",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@arco-design/web-react": "^2.64.0",
|
|
30
|
+
"@block-kit/core": "1.0.4",
|
|
31
|
+
"@block-kit/delta": "1.0.4",
|
|
32
|
+
"@block-kit/react": "1.0.4",
|
|
33
|
+
"@block-kit/utils": "1.0.4",
|
|
30
34
|
"@emoji-mart/data": "^1.2.1",
|
|
31
35
|
"@emoji-mart/react": "^1.1.1",
|
|
32
|
-
"@block-kit/core": "1.0.1",
|
|
33
|
-
"@block-kit/delta": "1.0.1",
|
|
34
|
-
"@block-kit/react": "1.0.1",
|
|
35
|
-
"@block-kit/utils": "1.0.1",
|
|
36
36
|
"emoji-mart": "^5.6.0"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
"react": "17.0.2",
|
|
49
49
|
"react-dom": "17.0.2",
|
|
50
50
|
"rollup": "2.75.7",
|
|
51
|
+
"rollup-plugin-import": "1.1.1",
|
|
51
52
|
"rollup-plugin-postcss": "4.0.2",
|
|
52
53
|
"rollup-plugin-typescript2": "0.32.1",
|
|
53
54
|
"sass-loader": "13.3.3",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { LIST_TYPE_KEY } from '../../../../bullet-list/types/bullet-list/types/index.js';
|
|
2
|
-
import { ORDER_LIST_TYPE } from '../../../types/order-list/types/index.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* 检查有序列表
|
|
6
|
-
* @param attrs
|
|
7
|
-
*/
|
|
8
|
-
const isOrderList = (attrs) => {
|
|
9
|
-
return attrs[LIST_TYPE_KEY] === ORDER_LIST_TYPE;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { isOrderList };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { CTRL_KEY, KEY_CODE, NIL, TRULY } from '@block-kit/utils';
|
|
2
|
-
import { BOLD_KEY } from '../../../../bold/types/bold/types/index.js';
|
|
3
|
-
import { ITALIC_KEY } from '../../../../italic/types/italic/types/index.js';
|
|
4
|
-
import { isKeyCode } from '../../../../shared/utils/shared/utils/is.js';
|
|
5
|
-
|
|
6
|
-
const PRESET_SHORTCUT = {
|
|
7
|
-
[BOLD_KEY]: (event, payload) => {
|
|
8
|
-
if (event[CTRL_KEY] && isKeyCode(event, KEY_CODE.B) && payload.sel) {
|
|
9
|
-
const { editor, keys, sel } = payload;
|
|
10
|
-
editor.perform.applyMarks(sel, { [BOLD_KEY]: keys[BOLD_KEY] ? NIL : TRULY });
|
|
11
|
-
return true;
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
[ITALIC_KEY]: (event, payload) => {
|
|
15
|
-
if (event[CTRL_KEY] && isKeyCode(event, KEY_CODE.I) && payload.sel) {
|
|
16
|
-
const { editor, keys, sel } = payload;
|
|
17
|
-
editor.perform.applyMarks(sel, { [ITALIC_KEY]: keys[ITALIC_KEY] ? NIL : TRULY });
|
|
18
|
-
return true;
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { PRESET_SHORTCUT };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { IconCode } from '@arco-design/web-react/icon';
|
|
3
|
-
import { cs, NIL, TRULY } from '@block-kit/utils';
|
|
4
|
-
import { INLINE_CODE } from '../../../../inline-code/types/inline-code/types/index.js';
|
|
5
|
-
import { useToolbarContext } from '../../../context/toolbar/context/provider.js';
|
|
6
|
-
|
|
7
|
-
const InlineCode = () => {
|
|
8
|
-
const { keys, refreshMarks, editor } = useToolbarContext();
|
|
9
|
-
return (jsx("div", { className: cs("menu-toolbar-item", keys[INLINE_CODE] && "active"), onClick: () => {
|
|
10
|
-
editor.command.exec(INLINE_CODE, { value: keys[INLINE_CODE] ? NIL : TRULY });
|
|
11
|
-
refreshMarks();
|
|
12
|
-
}, children: jsx(IconCode, {}) }));
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export { InlineCode };
|