@block-kit/plugin 1.0.1 → 1.0.3
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.d.ts +1 -1
- package/dist/es/index.js +50 -50
- package/dist/es/inline-code/{inline-code/index.js → index.js} +2 -2
- 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/{shortcut/modules/preset.js → preset.js} +3 -3
- 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/{toolbar/context/float.js → float.js} +1 -1
- 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/{toolbar/modules/inline-code.js → inline-code.js} +3 -3
- 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-910e0469.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.d.ts +1 -1
- package/dist/lib/index.js +1 -1
- package/dist/lib/inline-code/index.js +1 -1
- 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/toolbar/context/basic.js +4 -4
- 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 +6 -2
- 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/package.json +6 -5
- package/dist/es/order-list/utils/order-list/utils/is.js +0 -12
- 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/inline-code/types/{inline-code/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-9953fd0d.js} +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-9953fd0d.js');
|
|
6
6
|
var core = require('@block-kit/core');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var shared_utils_event = require('../shared/utils/event.js');
|
|
@@ -33,15 +33,15 @@ class Shortcut extends core.CorePlugin {
|
|
|
33
33
|
const { start, end } = current;
|
|
34
34
|
const lineMarkMap = toolbar_utils_marks.filterLineMarkMap(lines.slice(start.line, end.line + 1).map(line => line.attributes));
|
|
35
35
|
if (current.isCollapsed) {
|
|
36
|
-
return Object.assign(Object.assign({}, this.editor.
|
|
36
|
+
return Object.assign(Object.assign({}, this.editor.lookup.marks), lineMarkMap);
|
|
37
37
|
}
|
|
38
38
|
const ops = [];
|
|
39
39
|
if (current.isCollapsed) {
|
|
40
|
-
const op = this.editor.
|
|
40
|
+
const op = this.editor.lookup.getOpAtPoint(current.start);
|
|
41
41
|
op && ops.push(op);
|
|
42
42
|
}
|
|
43
43
|
else {
|
|
44
|
-
const fragment = this.editor.
|
|
44
|
+
const fragment = this.editor.lookup.getFragment();
|
|
45
45
|
fragment && ops.push(...fragment);
|
|
46
46
|
}
|
|
47
47
|
const markMap = toolbar_utils_marks.filterMarkMap(ops);
|
|
@@ -12,7 +12,7 @@ var shared_utils_event = require('../../shared/utils/event.js');
|
|
|
12
12
|
var toolbar_utils_marks = require('../utils/marks.js');
|
|
13
13
|
var toolbar_context_provider = require('./provider.js');
|
|
14
14
|
|
|
15
|
-
const Toolbar = React.forwardRef((props, ref) => {
|
|
15
|
+
const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref) => {
|
|
16
16
|
const { editor } = react.useEditorStatic();
|
|
17
17
|
const [keys, setKeys] = React.useState({});
|
|
18
18
|
const refreshMarks = hooks.useMemoFn(() => {
|
|
@@ -25,16 +25,16 @@ const Toolbar = React.forwardRef((props, ref) => {
|
|
|
25
25
|
const { start, end } = current;
|
|
26
26
|
const lineMarkMap = toolbar_utils_marks.filterLineMarkMap(lines.slice(start.line, end.line + 1).map(line => line.attributes));
|
|
27
27
|
if (current.isCollapsed) {
|
|
28
|
-
setKeys(Object.assign(Object.assign({}, editor.
|
|
28
|
+
setKeys(Object.assign(Object.assign({}, editor.lookup.marks), lineMarkMap));
|
|
29
29
|
return void 0;
|
|
30
30
|
}
|
|
31
31
|
const ops = [];
|
|
32
32
|
if (current.isCollapsed) {
|
|
33
|
-
const op = editor.
|
|
33
|
+
const op = editor.lookup.getOpAtPoint(current.start);
|
|
34
34
|
op && ops.push(op);
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
37
|
-
const fragment = editor.
|
|
37
|
+
const fragment = editor.lookup.getFragment();
|
|
38
38
|
fragment && ops.push(...fragment);
|
|
39
39
|
}
|
|
40
40
|
const markMap = toolbar_utils_marks.filterMarkMap(ops);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export { Toolbar } from "./context/basic";
|
|
3
3
|
export { FloatToolbar } from "./context/float";
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const ToolBarMixin: {
|
|
5
5
|
Cut: import("react").FC;
|
|
6
6
|
Bold: import("react").FC;
|
|
7
7
|
Link: import("react").FC<{
|
|
@@ -24,7 +24,7 @@ var toolbar_modules_underline = require('./modules/underline.js');
|
|
|
24
24
|
var toolbar_context_basic = require('./context/basic.js');
|
|
25
25
|
var toolbar_context_float = require('./context/float.js');
|
|
26
26
|
|
|
27
|
-
const
|
|
27
|
+
const ToolBarMixin = {
|
|
28
28
|
Cut: toolbar_modules_cut.Cut,
|
|
29
29
|
Bold: toolbar_modules_bold.Bold,
|
|
30
30
|
Link: toolbar_modules_link.Link,
|
|
@@ -48,4 +48,4 @@ const Mixin = {
|
|
|
48
48
|
|
|
49
49
|
exports.Toolbar = toolbar_context_basic.Toolbar;
|
|
50
50
|
exports.FloatToolbar = toolbar_context_float.FloatToolbar;
|
|
51
|
-
exports.
|
|
51
|
+
exports.ToolBarMixin = ToolBarMixin;
|
|
@@ -3,22 +3,34 @@
|
|
|
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 IconAlignCenter = require('@arco-design/web-react/icon/react-icon-cjs/IconAlignCenter');
|
|
9
|
+
var IconAlignLeft = require('@arco-design/web-react/icon/react-icon-cjs/IconAlignLeft');
|
|
10
|
+
var IconAlignRight = require('@arco-design/web-react/icon/react-icon-cjs/IconAlignRight');
|
|
11
|
+
var IconDown = require('@arco-design/web-react/icon/react-icon-cjs/IconDown');
|
|
8
12
|
var utils = require('@block-kit/utils');
|
|
9
13
|
var align_types_index = require('../../align/types/index.js');
|
|
10
14
|
var shared_icons_justify = require('../../shared/icons/justify.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 IconAlignCenter__default = /*#__PURE__*/_interopDefaultLegacy(IconAlignCenter);
|
|
21
|
+
var IconAlignLeft__default = /*#__PURE__*/_interopDefaultLegacy(IconAlignLeft);
|
|
22
|
+
var IconAlignRight__default = /*#__PURE__*/_interopDefaultLegacy(IconAlignRight);
|
|
23
|
+
var IconDown__default = /*#__PURE__*/_interopDefaultLegacy(IconDown);
|
|
24
|
+
|
|
13
25
|
const MAP = {
|
|
14
|
-
left: jsxRuntime.jsx(
|
|
15
|
-
center: jsxRuntime.jsx(
|
|
16
|
-
right: jsxRuntime.jsx(
|
|
26
|
+
left: jsxRuntime.jsx(IconAlignLeft__default["default"], {}),
|
|
27
|
+
center: jsxRuntime.jsx(IconAlignCenter__default["default"], {}),
|
|
28
|
+
right: jsxRuntime.jsx(IconAlignRight__default["default"], {}),
|
|
17
29
|
justify: jsxRuntime.jsx(shared_icons_justify.JustifyIcon, {}),
|
|
18
30
|
};
|
|
19
31
|
const Align = () => {
|
|
20
32
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
21
|
-
return (jsxRuntime.jsx(
|
|
33
|
+
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: () => editor.command.exec(align_types_index.ALIGN_KEY, { value: utils.NIL }), children: jsxRuntime.jsx(IconAlignLeft__default["default"], {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(align_types_index.ALIGN_KEY, { value: "center" }), children: jsxRuntime.jsx(IconAlignCenter__default["default"], {}) }), jsxRuntime.jsx("div", { className: "kit-toolbar-node", onClick: () => editor.command.exec(align_types_index.ALIGN_KEY, { value: "right" }), children: jsxRuntime.jsx(IconAlignRight__default["default"], {}) }), 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(IconAlignLeft__default["default"], {}), jsxRuntime.jsx(IconDown__default["default"], { className: "menu-toolbar-icon-down" })] }) }));
|
|
22
34
|
};
|
|
23
35
|
|
|
24
36
|
exports.Align = Align;
|
|
@@ -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 IconBold = require('@arco-design/web-react/icon/react-icon-cjs/IconBold');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var bold_types_index = require('../../bold/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 IconBold__default = /*#__PURE__*/_interopDefaultLegacy(IconBold);
|
|
14
|
+
|
|
11
15
|
const Bold = () => {
|
|
12
16
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
13
17
|
const onExec = () => {
|
|
14
18
|
editor.command.exec(bold_types_index.BOLD_KEY, { value: keys[bold_types_index.BOLD_KEY] ? utils.NIL : utils.TRULY });
|
|
15
19
|
refreshMarks();
|
|
16
20
|
};
|
|
17
|
-
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[bold_types_index.BOLD_KEY] && "active"), onClick: onExec, children: jsxRuntime.jsx(
|
|
21
|
+
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[bold_types_index.BOLD_KEY] && "active"), onClick: onExec, children: jsxRuntime.jsx(IconBold__default["default"], {}) }));
|
|
18
22
|
};
|
|
19
23
|
|
|
20
24
|
exports.Bold = Bold;
|
|
@@ -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 IconUnorderedList = require('@arco-design/web-react/icon/react-icon-cjs/IconUnorderedList');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
var bulletList_types_index = require('../../bullet-list/types/index.js');
|
|
9
9
|
var bulletList_utils_is = require('../../bullet-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 IconUnorderedList__default = /*#__PURE__*/_interopDefaultLegacy(IconUnorderedList);
|
|
15
|
+
|
|
12
16
|
const BulletList = () => {
|
|
13
17
|
const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
|
|
14
18
|
const isBullet = bulletList_utils_is.isBulletList(keys);
|
|
15
19
|
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", isBullet && "active"), onClick: () => {
|
|
16
20
|
editor.command.exec(bulletList_types_index.BULLET_LIST_KEY, { value: utils.TRULY });
|
|
17
21
|
refreshMarks();
|
|
18
|
-
}, children: jsxRuntime.jsx(
|
|
22
|
+
}, children: jsxRuntime.jsx(IconUnorderedList__default["default"], {}) }));
|
|
19
23
|
};
|
|
20
24
|
|
|
21
25
|
exports.BulletList = BulletList;
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var Trigger = require('@arco-design/web-react/lib/Trigger');
|
|
7
|
+
require('@arco-design/web-react/lib/Trigger/style');
|
|
7
8
|
var Picker = require('@emoji-mart/react');
|
|
8
9
|
var utils = require('@block-kit/utils');
|
|
9
10
|
var emoji_types_index = require('../../emoji/types/index.js');
|
|
@@ -12,11 +13,12 @@ var toolbar_context_provider = require('../context/provider.js');
|
|
|
12
13
|
|
|
13
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
15
|
|
|
16
|
+
var Trigger__default = /*#__PURE__*/_interopDefaultLegacy(Trigger);
|
|
15
17
|
var Picker__default = /*#__PURE__*/_interopDefaultLegacy(Picker);
|
|
16
18
|
|
|
17
19
|
const Emoji = () => {
|
|
18
20
|
const { editor } = toolbar_context_provider.useToolbarContext();
|
|
19
|
-
return (jsxRuntime.jsx(
|
|
21
|
+
return (jsxRuntime.jsx(Trigger__default["default"], { 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: [
|
|
20
22
|
"frequent",
|
|
21
23
|
"people",
|
|
22
24
|
"nature",
|
|
@@ -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
17
|
return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[inlineCode_types_index.INLINE_CODE] && "active"), onClick: () => {
|
|
14
18
|
editor.command.exec(inlineCode_types_index.INLINE_CODE, { value: keys[inlineCode_types_index.INLINE_CODE] ? 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;
|