@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
|
@@ -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-04264fd3.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var core = require('@block-kit/core');
|
|
8
8
|
var delta = require('@block-kit/delta');
|
package/dist/lib/emoji/index.js
CHANGED
|
@@ -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-04264fd3.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var core = require('@block-kit/core');
|
|
8
8
|
var delta = require('@block-kit/delta');
|
package/dist/lib/image/index.js
CHANGED
|
@@ -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-04264fd3.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var core = require('@block-kit/core');
|
|
8
8
|
var delta = require('@block-kit/delta');
|
|
@@ -104,7 +104,7 @@ class ImagePlugin extends react.EditorPlugin {
|
|
|
104
104
|
for (let i = 0; i < packIndex.length; i++) {
|
|
105
105
|
const file = files[i];
|
|
106
106
|
const refIndex = packIndex[i];
|
|
107
|
-
const ref = editor.
|
|
107
|
+
const ref = editor.tracer.pack(core.RawRange.from(refIndex, 0));
|
|
108
108
|
// 独立并行上传, 且独立 unpack
|
|
109
109
|
this.uploadImage(file)
|
|
110
110
|
.then(res => {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var
|
|
6
|
+
var IconLoading = require('@arco-design/web-react/icon/react-icon-cjs/IconLoading');
|
|
7
7
|
var core = require('@block-kit/core');
|
|
8
8
|
var delta = require('@block-kit/delta');
|
|
9
9
|
var react = require('@block-kit/react');
|
|
@@ -12,6 +12,10 @@ var shared_components_selection = require('../../shared/components/selection.js'
|
|
|
12
12
|
var image_types_index = require('../types/index.js');
|
|
13
13
|
var image_view_wrapper = require('./wrapper.js');
|
|
14
14
|
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var IconLoading__default = /*#__PURE__*/_interopDefaultLegacy(IconLoading);
|
|
18
|
+
|
|
15
19
|
const ImageView = props => {
|
|
16
20
|
const { selection, context, editor } = props;
|
|
17
21
|
const attrs = context.attributes || {};
|
|
@@ -37,7 +41,7 @@ const ImageView = props => {
|
|
|
37
41
|
const delta$1 = new delta.Delta().retain(rawRange.start).retain(rawRange.len, next);
|
|
38
42
|
editor.state.apply(delta$1, { source: core.APPLY_SOURCE.NO_UNDO, autoCaret: false });
|
|
39
43
|
};
|
|
40
|
-
return (jsxRuntime.jsxs(react.Void, { className: "block-kit-image-container", context: context, children: [status === image_types_index.LOADING_STATUS.LOADING && (jsxRuntime.jsx("div", { className: "block-kit-image-loading", children: jsxRuntime.jsx(
|
|
44
|
+
return (jsxRuntime.jsxs(react.Void, { className: "block-kit-image-container", context: context, children: [status === image_types_index.LOADING_STATUS.LOADING && (jsxRuntime.jsx("div", { className: "block-kit-image-loading", children: jsxRuntime.jsx(IconLoading__default["default"], {}) })), jsxRuntime.jsx(shared_components_selection.SelectionHOC, { selection: selection, leaf: context.leafState, children: jsxRuntime.jsx(image_view_wrapper.ImageWrapper, { editor: props.editor, src: src, leaf: context.leafState, children: jsxRuntime.jsx("img", { className: "block-kit-image", src: src, onLoad: onImageLoad, width: utils.Styles.pixelate(width), height: utils.Styles.pixelate(height) }) }) })] }));
|
|
41
45
|
};
|
|
42
46
|
|
|
43
47
|
exports.ImageView = ImageView;
|
|
@@ -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 Image = require('@arco-design/web-react/lib/Image');
|
|
7
|
+
require('@arco-design/web-react/lib/Image/style');
|
|
7
8
|
var core = require('@block-kit/core');
|
|
8
9
|
var delta = require('@block-kit/delta');
|
|
9
10
|
var react = require('@block-kit/react');
|
|
@@ -11,7 +12,11 @@ var utils = require('@block-kit/utils');
|
|
|
11
12
|
var React = require('react');
|
|
12
13
|
var image_types_index = require('../types/index.js');
|
|
13
14
|
|
|
14
|
-
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
|
|
18
|
+
|
|
19
|
+
const Preview = Image__default["default"].Preview;
|
|
15
20
|
const ImageWrapper = props => {
|
|
16
21
|
const { readonly } = react.useReadonly();
|
|
17
22
|
const [src, setImage] = React.useState("");
|
package/dist/lib/indent/index.js
CHANGED
|
@@ -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-04264fd3.js');
|
|
6
6
|
var core = require('@block-kit/core');
|
|
7
7
|
var delta = require('@block-kit/delta');
|
|
8
8
|
var react = require('@block-kit/react');
|
package/dist/lib/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/dist/lib/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { BACKGROUND_KEY } from "./background/types";
|
|
|
5
5
|
export { BoldPlugin } from "./bold";
|
|
6
6
|
export { BOLD_KEY } from "./bold/types";
|
|
7
7
|
export { BulletListPlugin } from "./bullet-list";
|
|
8
|
-
export {
|
|
8
|
+
export { BULLET_LIST_TYPE, LIST_TYPE_KEY } from "./bullet-list/types";
|
|
9
9
|
export { DividerPlugin } from "./divider";
|
|
10
10
|
export { DIVIDER_KEY } from "./divider/types";
|
|
11
11
|
export { EmojiPlugin } from "./emoji";
|
|
@@ -21,7 +21,7 @@ export { IMAGE_HEIGHT, IMAGE_KEY, IMAGE_SCALE, IMAGE_SRC, IMAGE_STATUS, IMAGE_WI
|
|
|
21
21
|
export { IndentPlugin } from "./indent";
|
|
22
22
|
export { INDENT_LEVEL_KEY } from "./indent/types";
|
|
23
23
|
export { InlineCodePlugin } from "./inline-code";
|
|
24
|
-
export {
|
|
24
|
+
export { INLINE_CODE_KEY } from "./inline-code/types/index";
|
|
25
25
|
export { ItalicPlugin } from "./italic/index";
|
|
26
26
|
export { ITALIC_KEY } from "./italic/types";
|
|
27
27
|
export { LineHeightPlugin } from "./line-height/index";
|
|
@@ -32,7 +32,7 @@ export { MentionPlugin } from "./mention";
|
|
|
32
32
|
export { SuggestModule } from "./mention/modules/suggest";
|
|
33
33
|
export { MENTION_KEY, MENTION_NAME } from "./mention/types";
|
|
34
34
|
export { OrderListPlugin } from "./order-list";
|
|
35
|
-
export { LIST_RESTART_KEY, LIST_START_KEY,
|
|
35
|
+
export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_TYPE } from "./order-list/types";
|
|
36
36
|
export { QuotePlugin } from "./quote";
|
|
37
37
|
export { QUOTE_KEY } from "./quote/types";
|
|
38
38
|
export { SelectionHOC } from "./shared/components/selection";
|
|
@@ -43,7 +43,7 @@ export { Shortcut } from "./shortcut";
|
|
|
43
43
|
export type { ShortcutFunc, ShortcutFuncMap } from "./shortcut/types";
|
|
44
44
|
export { StrikePlugin } from "./strike/index";
|
|
45
45
|
export { STRIKE_KEY } from "./strike/types";
|
|
46
|
-
export { FloatToolbar,
|
|
46
|
+
export { FloatToolbar, Toolbar, ToolBarMixin } from "./toolbar";
|
|
47
47
|
export type { ToolbarContextType } from "./toolbar/context/provider";
|
|
48
48
|
export { ToolbarContext, useToolbarContext } from "./toolbar/context/provider";
|
|
49
49
|
export { UnderlinePlugin } from "./underline/index";
|
package/dist/lib/index.js
CHANGED
|
@@ -62,7 +62,6 @@ exports.BACKGROUND_KEY = background_types_index.BACKGROUND_KEY;
|
|
|
62
62
|
exports.BoldPlugin = bold_index.BoldPlugin;
|
|
63
63
|
exports.BOLD_KEY = bold_types_index.BOLD_KEY;
|
|
64
64
|
exports.BulletListPlugin = bulletList_index.BulletListPlugin;
|
|
65
|
-
exports.BULLET_LIST_KEY = bulletList_types_index.BULLET_LIST_KEY;
|
|
66
65
|
exports.BULLET_LIST_TYPE = bulletList_types_index.BULLET_LIST_TYPE;
|
|
67
66
|
exports.LIST_TYPE_KEY = bulletList_types_index.LIST_TYPE_KEY;
|
|
68
67
|
exports.DividerPlugin = divider_index.DividerPlugin;
|
|
@@ -87,7 +86,7 @@ exports.MIN_WIDTH = image_types_index.MIN_WIDTH;
|
|
|
87
86
|
exports.IndentPlugin = indent_index.IndentPlugin;
|
|
88
87
|
exports.INDENT_LEVEL_KEY = indent_types_index.INDENT_LEVEL_KEY;
|
|
89
88
|
exports.InlineCodePlugin = inlineCode_index.InlineCodePlugin;
|
|
90
|
-
exports.
|
|
89
|
+
exports.INLINE_CODE_KEY = inlineCode_types_index.INLINE_CODE_KEY;
|
|
91
90
|
exports.ItalicPlugin = italic_index.ItalicPlugin;
|
|
92
91
|
exports.ITALIC_KEY = italic_types_index.ITALIC_KEY;
|
|
93
92
|
exports.LineHeightPlugin = lineHeight_index.LineHeightPlugin;
|
|
@@ -103,7 +102,6 @@ exports.MENTION_NAME = mention_types_index.MENTION_NAME;
|
|
|
103
102
|
exports.OrderListPlugin = orderList_index.OrderListPlugin;
|
|
104
103
|
exports.LIST_RESTART_KEY = orderList_types_index.LIST_RESTART_KEY;
|
|
105
104
|
exports.LIST_START_KEY = orderList_types_index.LIST_START_KEY;
|
|
106
|
-
exports.ORDER_LIST_KEY = orderList_types_index.ORDER_LIST_KEY;
|
|
107
105
|
exports.ORDER_LIST_TYPE = orderList_types_index.ORDER_LIST_TYPE;
|
|
108
106
|
exports.QuotePlugin = quote_index.QuotePlugin;
|
|
109
107
|
exports.QUOTE_KEY = quote_types_index.QUOTE_KEY;
|
|
@@ -118,7 +116,7 @@ exports.isKeyCode = shared_utils_is.isKeyCode;
|
|
|
118
116
|
exports.Shortcut = shortcut_index.Shortcut;
|
|
119
117
|
exports.StrikePlugin = strike_index.StrikePlugin;
|
|
120
118
|
exports.STRIKE_KEY = strike_types_index.STRIKE_KEY;
|
|
121
|
-
exports.
|
|
119
|
+
exports.ToolBarMixin = toolbar_index.ToolBarMixin;
|
|
122
120
|
exports.ToolbarContext = toolbar_context_provider.ToolbarContext;
|
|
123
121
|
exports.useToolbarContext = toolbar_context_provider.useToolbarContext;
|
|
124
122
|
exports.UnderlinePlugin = underline_index.UnderlinePlugin;
|
|
@@ -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-04264fd3.js');
|
|
6
6
|
var core = require('@block-kit/core');
|
|
7
7
|
var react = require('@block-kit/react');
|
|
8
8
|
var inlineCode_types_index = require('./types/index.js');
|
|
@@ -11,18 +11,18 @@ class InlineCodePlugin extends react.EditorPlugin {
|
|
|
11
11
|
destroy() { }
|
|
12
12
|
constructor(editor) {
|
|
13
13
|
super();
|
|
14
|
-
this.key = inlineCode_types_index.
|
|
15
|
-
editor.command.register(inlineCode_types_index.
|
|
14
|
+
this.key = inlineCode_types_index.INLINE_CODE_KEY;
|
|
15
|
+
editor.command.register(inlineCode_types_index.INLINE_CODE_KEY, context => {
|
|
16
16
|
const sel = editor.selection.get();
|
|
17
|
-
sel && editor.perform.applyMarks(sel, { [inlineCode_types_index.
|
|
17
|
+
sel && editor.perform.applyMarks(sel, { [inlineCode_types_index.INLINE_CODE_KEY]: context.value });
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
20
|
match(attrs) {
|
|
21
|
-
return !!attrs[inlineCode_types_index.
|
|
21
|
+
return !!attrs[inlineCode_types_index.INLINE_CODE_KEY];
|
|
22
22
|
}
|
|
23
23
|
serialize(context) {
|
|
24
24
|
const { op, html } = context;
|
|
25
|
-
if (op.attributes && op.attributes[inlineCode_types_index.
|
|
25
|
+
if (op.attributes && op.attributes[inlineCode_types_index.INLINE_CODE_KEY]) {
|
|
26
26
|
const strong = document.createElement("code");
|
|
27
27
|
strong.appendChild(html);
|
|
28
28
|
context.html = strong;
|
|
@@ -33,11 +33,11 @@ class InlineCodePlugin extends react.EditorPlugin {
|
|
|
33
33
|
const leaf = context.leafState;
|
|
34
34
|
const prev = leaf.prev(false);
|
|
35
35
|
const next = leaf.next(false);
|
|
36
|
-
if (!prev || !prev.op.attributes || !prev.op.attributes[inlineCode_types_index.
|
|
36
|
+
if (!prev || !prev.op.attributes || !prev.op.attributes[inlineCode_types_index.INLINE_CODE_KEY]) {
|
|
37
37
|
context.classList.push("block-kit-inline-code-start");
|
|
38
38
|
}
|
|
39
39
|
context.classList.push("block-kit-inline-code");
|
|
40
|
-
if (!next || !next.op.attributes || !next.op.attributes[inlineCode_types_index.
|
|
40
|
+
if (!next || !next.op.attributes || !next.op.attributes[inlineCode_types_index.INLINE_CODE_KEY]) {
|
|
41
41
|
context.classList.push("block-kit-inline-code-end");
|
|
42
42
|
}
|
|
43
43
|
return context.children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const INLINE_CODE_KEY = "inline-code";
|
package/dist/lib/link/index.js
CHANGED
|
@@ -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-04264fd3.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var react = require('@block-kit/react');
|
|
8
8
|
var utils = require('@block-kit/utils');
|
|
@@ -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-04264fd3.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var core = require('@block-kit/core');
|
|
8
8
|
var delta = require('@block-kit/delta');
|
|
@@ -66,7 +66,7 @@ class SuggestModule {
|
|
|
66
66
|
this.unmountSuggestPanel();
|
|
67
67
|
return void 0;
|
|
68
68
|
}
|
|
69
|
-
const ops = this.editor.
|
|
69
|
+
const ops = this.editor.lookup.getFragment(new core.Range(this.point, current.end));
|
|
70
70
|
if (!ops)
|
|
71
71
|
return void 0;
|
|
72
72
|
const text = delta.deltaToText(new delta.Delta(ops));
|
|
@@ -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-04264fd3.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var core = require('@block-kit/core');
|
|
8
8
|
var delta = require('@block-kit/delta');
|
package/dist/lib/quote/index.js
CHANGED
|
@@ -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-04264fd3.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var core = require('@block-kit/core');
|
|
8
8
|
var delta = require('@block-kit/delta');
|
|
@@ -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-04264fd3.js');
|
|
6
6
|
var core = require('@block-kit/core');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
|
|
@@ -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-04264fd3.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);
|
|
@@ -2,9 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var core = require('@block-kit/core');
|
|
5
6
|
var utils = require('@block-kit/utils');
|
|
6
7
|
var bold_types_index = require('../../bold/types/index.js');
|
|
8
|
+
var bulletList_types_index = require('../../bullet-list/types/index.js');
|
|
7
9
|
var italic_types_index = require('../../italic/types/index.js');
|
|
10
|
+
var orderList_types_index = require('../../order-list/types/index.js');
|
|
8
11
|
var shared_utils_is = require('../../shared/utils/is.js');
|
|
9
12
|
|
|
10
13
|
const PRESET_SHORTCUT = {
|
|
@@ -22,6 +25,26 @@ const PRESET_SHORTCUT = {
|
|
|
22
25
|
return true;
|
|
23
26
|
}
|
|
24
27
|
},
|
|
28
|
+
[bulletList_types_index.LIST_TYPE_KEY]: (event, payload) => {
|
|
29
|
+
if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
|
|
30
|
+
const { editor, sel } = payload;
|
|
31
|
+
const line = editor.state.block.getLine(sel.start.line);
|
|
32
|
+
const firstLeaf = line && line.getFirstLeaf();
|
|
33
|
+
const text = firstLeaf && firstLeaf.getText();
|
|
34
|
+
if (text === "1.") {
|
|
35
|
+
editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, 2]));
|
|
36
|
+
editor.command.exec(orderList_types_index.ORDER_LIST_KEY, { value: utils.TRULY });
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
return true;
|
|
39
|
+
}
|
|
40
|
+
if (text === "-") {
|
|
41
|
+
editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, 1]));
|
|
42
|
+
editor.command.exec(bulletList_types_index.BULLET_LIST_KEY, { value: utils.TRULY });
|
|
43
|
+
event.preventDefault();
|
|
44
|
+
return true;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
},
|
|
25
48
|
};
|
|
26
49
|
|
|
27
50
|
exports.PRESET_SHORTCUT = PRESET_SHORTCUT;
|
|
@@ -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,6 +1,9 @@
|
|
|
1
1
|
import "../styles/float.scss";
|
|
2
2
|
import type { FC } from "react";
|
|
3
3
|
export declare const FloatToolbar: FC<{
|
|
4
|
+
/**
|
|
5
|
+
* 样式类名
|
|
6
|
+
*/
|
|
4
7
|
className?: string;
|
|
5
8
|
/**
|
|
6
9
|
* Top 偏移
|
|
@@ -10,4 +13,15 @@ export declare const FloatToolbar: FC<{
|
|
|
10
13
|
* Left 偏移
|
|
11
14
|
*/
|
|
12
15
|
offsetLeft?: number;
|
|
16
|
+
/**
|
|
17
|
+
* 挂载的 DOM
|
|
18
|
+
*/
|
|
19
|
+
mountDOM?: HTMLElement;
|
|
20
|
+
/**
|
|
21
|
+
* 重载工具栏位置
|
|
22
|
+
*/
|
|
23
|
+
overridePosition?: (left: number, top: number) => {
|
|
24
|
+
left: number;
|
|
25
|
+
top: number;
|
|
26
|
+
};
|
|
13
27
|
}>;
|
|
@@ -66,10 +66,11 @@ const FloatToolbar = props => {
|
|
|
66
66
|
}
|
|
67
67
|
return { top: -999999, left: -999999 };
|
|
68
68
|
}, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
|
|
69
|
+
const overlay = props.overridePosition ? props.overridePosition(left, top) : { left, top };
|
|
69
70
|
// 只读状态 / 不可见 / 鼠标按下 时隐藏
|
|
70
71
|
return readonly || !visible || isMouseDown
|
|
71
72
|
? null
|
|
72
|
-
: ReactDOM__default["default"].createPortal(jsxRuntime.jsx(toolbar_context_basic.Toolbar, { ref: ref, className: utils.cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), shared_utils_dom.getMountDOM(editor));
|
|
73
|
+
: ReactDOM__default["default"].createPortal(jsxRuntime.jsx(toolbar_context_basic.Toolbar, { ref: ref, className: utils.cs("block-kit-float-toolbar", props.className), styles: { top: overlay.top, left: overlay.left }, children: props.children }), props.mountDOM || shared_utils_dom.getMountDOM(editor));
|
|
73
74
|
};
|
|
74
75
|
|
|
75
76
|
exports.FloatToolbar = FloatToolbar;
|
|
@@ -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",
|