@block-kit/plugin 1.0.5 → 1.0.7
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/bullet-list/index.js +1 -1
- package/dist/es/divider/index.js +1 -1
- package/dist/es/emoji/index.js +1 -1
- package/dist/es/image/index.js +4 -5
- package/dist/es/indent/index.js +1 -1
- package/dist/es/index.css +1 -1
- package/dist/es/index.d.ts +2 -1
- package/dist/es/index.js +5 -1
- package/dist/es/inline-code/index.js +1 -1
- package/dist/es/link/index.js +1 -1
- package/dist/es/mention/modules/suggest.d.ts +0 -1
- package/dist/es/mention/modules/suggest.js +6 -19
- package/dist/es/mention/utils/constant.d.ts +2 -0
- package/dist/es/mention/utils/constant.js +3 -1
- package/dist/es/mention/view/suggest.js +2 -2
- package/dist/es/order-list/index.js +1 -1
- package/dist/es/quote/index.js +1 -1
- package/dist/es/shared/components/selection.js +1 -1
- package/dist/es/shared/modules/selection.js +1 -1
- package/dist/es/shared/utils/dom.d.ts +0 -13
- package/dist/es/shared/utils/dom.js +1 -18
- package/dist/es/shortcut/index.js +1 -1
- package/dist/es/toolbar/context/basic.d.ts +2 -2
- package/dist/es/toolbar/context/basic.js +5 -5
- package/dist/es/toolbar/context/float.js +6 -4
- package/dist/es/toolbar/context/provider.js +1 -0
- package/dist/es/toolbar/types/index.d.ts +1 -0
- 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 +3 -4
- package/dist/lib/indent/index.js +1 -1
- package/dist/lib/index.css +1 -1
- package/dist/lib/index.d.ts +2 -1
- package/dist/lib/index.js +2 -3
- package/dist/lib/inline-code/index.js +1 -1
- package/dist/lib/link/index.js +1 -1
- package/dist/lib/mention/modules/suggest.d.ts +0 -1
- package/dist/lib/mention/modules/suggest.js +7 -24
- package/dist/lib/mention/utils/constant.d.ts +2 -0
- package/dist/lib/mention/utils/constant.js +4 -0
- package/dist/lib/mention/view/suggest.js +1 -1
- package/dist/lib/order-list/index.js +1 -1
- package/dist/lib/quote/index.js +1 -1
- package/dist/lib/shared/components/selection.js +1 -1
- package/dist/lib/shared/modules/selection.js +1 -1
- package/dist/lib/shared/utils/dom.d.ts +0 -13
- package/dist/lib/shared/utils/dom.js +0 -19
- package/dist/lib/shortcut/index.js +1 -1
- package/dist/lib/toolbar/context/basic.d.ts +2 -2
- package/dist/lib/toolbar/context/basic.js +4 -4
- package/dist/lib/toolbar/context/float.js +5 -3
- package/dist/lib/toolbar/context/provider.js +1 -0
- package/dist/lib/toolbar/types/index.d.ts +1 -0
- package/dist/styles/index.css +1 -1
- package/package.json +23 -11
- /package/dist/es/{tslib.es6-9733d645.js → tslib.es6-31bcb85d.js} +0 -0
- /package/dist/lib/{tslib.es6-6a2a4804.js → tslib.es6-b94b9fac.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __decorate } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
|
|
4
4
|
import { Delta } from '@block-kit/delta';
|
package/dist/es/divider/index.js
CHANGED
package/dist/es/emoji/index.js
CHANGED
package/dist/es/image/index.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { _ as __decorate, a as __awaiter } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate, a as __awaiter } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Point, Range, RawRange, APPLY_SOURCE } from '@block-kit/core';
|
|
4
4
|
import { Delta } from '@block-kit/delta';
|
|
5
|
-
import { EditorPlugin } from '@block-kit/react';
|
|
5
|
+
import { EditorPlugin, MountNode } from '@block-kit/react';
|
|
6
6
|
import { Bind, sleep, TRULY } from '@block-kit/utils';
|
|
7
7
|
import { SelectionPlugin } from '../shared/modules/selection.js';
|
|
8
|
-
import { getMountDOM } from '../shared/utils/dom.js';
|
|
9
8
|
import { isEmptyLine } from '../shared/utils/is.js';
|
|
10
9
|
import { IMAGE_KEY, LOADING_STATUS, IMAGE_SRC, IMAGE_STATUS } from './types/index.js';
|
|
11
10
|
import { ImageView } from './view/image.js';
|
|
@@ -39,7 +38,7 @@ class ImagePlugin extends EditorPlugin {
|
|
|
39
38
|
imageInput.hidden = true;
|
|
40
39
|
imageInput.setAttribute("multiple", "true");
|
|
41
40
|
this.input = imageInput;
|
|
42
|
-
|
|
41
|
+
MountNode.get(this.editor).append(imageInput);
|
|
43
42
|
}
|
|
44
43
|
return new Promise(resolve => {
|
|
45
44
|
imageInput.onchange = e => {
|
|
@@ -96,7 +95,7 @@ class ImagePlugin extends EditorPlugin {
|
|
|
96
95
|
editor.state.apply(delta, { autoCaret: false });
|
|
97
96
|
editor.selection.set(new Range(point, point));
|
|
98
97
|
// 正式开始上传文件
|
|
99
|
-
//
|
|
98
|
+
// 注意这里是先 apply 再上传文件,否则 pack 的索引会被影响到
|
|
100
99
|
for (let i = 0; i < packIndex.length; i++) {
|
|
101
100
|
const file = files[i];
|
|
102
101
|
const refIndex = packIndex[i];
|
package/dist/es/indent/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __decorate } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
|
|
3
3
|
import { Delta } from '@block-kit/delta';
|
|
4
4
|
import { EditorPlugin } from '@block-kit/react';
|
package/dist/es/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;
|
|
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;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;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-left:6px;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/es/index.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ export { QuotePlugin } from "./quote";
|
|
|
37
37
|
export { QUOTE_KEY } from "./quote/types";
|
|
38
38
|
export { SelectionHOC } from "./shared/components/selection";
|
|
39
39
|
export { SelectionPlugin } from "./shared/modules/selection";
|
|
40
|
-
export {
|
|
40
|
+
export { preventContextEvent, scrollIfNeeded } from "./shared/utils/dom";
|
|
41
41
|
export { isEmptyLine, isKeyCode } from "./shared/utils/is";
|
|
42
42
|
export { Shortcut } from "./shortcut";
|
|
43
43
|
export type { ShortcutFunc, ShortcutFuncMap } from "./shortcut/types";
|
|
@@ -48,3 +48,4 @@ export type { ToolbarContextType } from "./toolbar/context/provider";
|
|
|
48
48
|
export { ToolbarContext, useToolbarContext } from "./toolbar/context/provider";
|
|
49
49
|
export { UnderlinePlugin } from "./underline/index";
|
|
50
50
|
export { UNDERLINE_KEY } from "./underline/types";
|
|
51
|
+
export declare const BLOCK_KIT_VERSION: string;
|
package/dist/es/index.js
CHANGED
|
@@ -37,7 +37,7 @@ export { QuotePlugin } from './quote/index.js';
|
|
|
37
37
|
export { QUOTE_KEY } from './quote/types/index.js';
|
|
38
38
|
export { SelectionHOC } from './shared/components/selection.js';
|
|
39
39
|
export { SelectionPlugin } from './shared/modules/selection.js';
|
|
40
|
-
export {
|
|
40
|
+
export { preventContextEvent, scrollIfNeeded } from './shared/utils/dom.js';
|
|
41
41
|
export { isEmptyLine, isKeyCode } from './shared/utils/is.js';
|
|
42
42
|
export { Shortcut } from './shortcut/index.js';
|
|
43
43
|
export { StrikePlugin } from './strike/index.js';
|
|
@@ -48,3 +48,7 @@ export { UnderlinePlugin } from './underline/index.js';
|
|
|
48
48
|
export { UNDERLINE_KEY } from './underline/types/index.js';
|
|
49
49
|
export { FloatToolbar } from './toolbar/context/float.js';
|
|
50
50
|
export { Toolbar } from './toolbar/context/basic.js';
|
|
51
|
+
|
|
52
|
+
const BLOCK_KIT_VERSION = "1.0.7" ;
|
|
53
|
+
|
|
54
|
+
export { BLOCK_KIT_VERSION };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __decorate } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { Priority } from '@block-kit/core';
|
|
3
3
|
import { EditorPlugin } from '@block-kit/react';
|
|
4
4
|
import { INLINE_CODE_KEY } from './types/index.js';
|
package/dist/es/link/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __decorate } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { InjectWrapKeys, EditorPlugin } from '@block-kit/react';
|
|
4
4
|
import { Bind } from '@block-kit/utils';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { _ as __decorate } from '../../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Point, EDITOR_EVENT, relativeTo, Range } from '@block-kit/core';
|
|
4
4
|
import { deltaToText, Delta } from '@block-kit/delta';
|
|
5
|
+
import { MountNode } from '@block-kit/react';
|
|
5
6
|
import { Bind, KEY_CODE } from '@block-kit/utils';
|
|
6
|
-
import ReactDOM from 'react-dom';
|
|
7
|
-
import { getMountDOM } from '../../shared/utils/dom.js';
|
|
8
7
|
import { isKeyCode } from '../../shared/utils/is.js';
|
|
9
|
-
import {
|
|
8
|
+
import { MENTION_KEY } from '../types/index.js';
|
|
9
|
+
import { PANEL_HEIGHT, SUGGEST_OFFSET } from '../utils/constant.js';
|
|
10
10
|
import { Suggest } from '../view/suggest.js';
|
|
11
11
|
|
|
12
12
|
class SuggestModule {
|
|
@@ -14,7 +14,6 @@ class SuggestModule {
|
|
|
14
14
|
this.editor = editor;
|
|
15
15
|
this.rect = null;
|
|
16
16
|
this.isMountSuggest = false;
|
|
17
|
-
this.mountSuggestNode = null;
|
|
18
17
|
this.point = new Point(0, 0);
|
|
19
18
|
editor.event.on(EDITOR_EVENT.KEY_DOWN, this.onKeydown, 101);
|
|
20
19
|
}
|
|
@@ -31,8 +30,6 @@ class SuggestModule {
|
|
|
31
30
|
return void 0;
|
|
32
31
|
const editorRect = this.editor.rect.getEditorRect();
|
|
33
32
|
const rect = relativeTo(caretRect, editorRect);
|
|
34
|
-
// 这里是 CSS 预设的面板高度
|
|
35
|
-
const PANEL_HEIGHT = 150;
|
|
36
33
|
if (caretRect.bottom + PANEL_HEIGHT <= window.innerHeight) {
|
|
37
34
|
// 放置于下方
|
|
38
35
|
rect.top = rect.bottom + SUGGEST_OFFSET;
|
|
@@ -67,24 +64,14 @@ class SuggestModule {
|
|
|
67
64
|
mountSuggestPanel(text = "") {
|
|
68
65
|
if (!this.rect)
|
|
69
66
|
return void 0;
|
|
70
|
-
if (!this.mountSuggestNode) {
|
|
71
|
-
this.mountSuggestNode = document.createElement("div");
|
|
72
|
-
this.mountSuggestNode.dataset.type = "mention";
|
|
73
|
-
getMountDOM(this.editor).appendChild(this.mountSuggestNode);
|
|
74
|
-
}
|
|
75
67
|
const top = this.rect.top;
|
|
76
68
|
const left = this.rect.left;
|
|
77
|
-
const dom = this.mountSuggestNode;
|
|
78
69
|
this.isMountSuggest = true;
|
|
79
|
-
|
|
70
|
+
MountNode.mount(this.editor, MENTION_KEY, jsx(Suggest, { controller: this, top: top, left: left, text: text }));
|
|
80
71
|
}
|
|
81
72
|
unmountSuggestPanel() {
|
|
82
|
-
|
|
83
|
-
ReactDOM.unmountComponentAtNode(this.mountSuggestNode);
|
|
84
|
-
}
|
|
85
|
-
this.mountSuggestNode && this.mountSuggestNode.remove();
|
|
73
|
+
MountNode.unmount(this.editor, MENTION_KEY);
|
|
86
74
|
this.editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
|
|
87
|
-
this.mountSuggestNode = null;
|
|
88
75
|
this.isMountSuggest = false;
|
|
89
76
|
}
|
|
90
77
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
const SUGGEST_OFFSET = 5;
|
|
2
|
+
const PANEL_WIDTH = 130;
|
|
3
|
+
const PANEL_HEIGHT = 150;
|
|
2
4
|
const DATA = [
|
|
3
5
|
"Alice",
|
|
4
6
|
"Bob",
|
|
@@ -21,4 +23,4 @@ const DATA = [
|
|
|
21
23
|
"Zoe",
|
|
22
24
|
];
|
|
23
25
|
|
|
24
|
-
export { DATA, SUGGEST_OFFSET };
|
|
26
|
+
export { DATA, PANEL_HEIGHT, PANEL_WIDTH, SUGGEST_OFFSET };
|
|
@@ -7,7 +7,7 @@ import { useRef, useState, useMemo, useEffect } from 'react';
|
|
|
7
7
|
import { scrollIfNeeded, preventContextEvent } from '../../shared/utils/dom.js';
|
|
8
8
|
import { isKeyCode } from '../../shared/utils/is.js';
|
|
9
9
|
import { MENTION_KEY, MENTION_NAME } from '../types/index.js';
|
|
10
|
-
import { DATA } from '../utils/constant.js';
|
|
10
|
+
import { DATA, PANEL_WIDTH, PANEL_HEIGHT } from '../utils/constant.js';
|
|
11
11
|
|
|
12
12
|
const Suggest = props => {
|
|
13
13
|
const { controller } = props;
|
|
@@ -66,7 +66,7 @@ const Suggest = props => {
|
|
|
66
66
|
editor.event.off(EDITOR_EVENT.KEY_DOWN, onKeydown);
|
|
67
67
|
};
|
|
68
68
|
}, [onKeydown, editor.event]);
|
|
69
|
-
return (jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left }, onMouseDown: preventNativeEvent, children: [list.map((it, index) => (jsx("div", { className: cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
|
|
69
|
+
return (jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left, width: PANEL_WIDTH, height: PANEL_HEIGHT }, onMouseDown: preventNativeEvent, children: [list.map((it, index) => (jsx("div", { className: cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
|
|
70
70
|
};
|
|
71
71
|
|
|
72
72
|
export { Suggest };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __decorate } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
|
|
4
4
|
import { Delta } from '@block-kit/delta';
|
package/dist/es/quote/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __decorate } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
|
|
4
4
|
import { Delta } from '@block-kit/delta';
|
|
@@ -25,7 +25,7 @@ class SelectionHOC extends React.PureComponent {
|
|
|
25
25
|
onSelectionChange(range) {
|
|
26
26
|
const leaf = this.props.leaf;
|
|
27
27
|
const leafRange = leaf.toRange();
|
|
28
|
-
const nextState = range ? Range.
|
|
28
|
+
const nextState = range ? Range.intersects(leafRange, range) : false;
|
|
29
29
|
if (this.state.selected !== nextState) {
|
|
30
30
|
this.setState({ selected: nextState });
|
|
31
31
|
}
|
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
import type { Editor } from "@block-kit/core";
|
|
2
1
|
import type { EventContext } from "@block-kit/utils";
|
|
3
|
-
/**
|
|
4
|
-
* 设置挂载 DOM
|
|
5
|
-
* @param editor
|
|
6
|
-
* @param dom
|
|
7
|
-
*/
|
|
8
|
-
export declare const setMountDOM: (editor: Editor, dom: HTMLElement | null) => void;
|
|
9
|
-
/**
|
|
10
|
-
* 获取挂载 DOM
|
|
11
|
-
* @param editor
|
|
12
|
-
* @param dom
|
|
13
|
-
*/
|
|
14
|
-
export declare const getMountDOM: (editor: Editor) => HTMLElement;
|
|
15
2
|
/**
|
|
16
3
|
* 阻止所有编辑器分发的事件
|
|
17
4
|
* @param event
|
|
@@ -1,20 +1,3 @@
|
|
|
1
|
-
const EDITOR_TO_DOM = new WeakMap();
|
|
2
|
-
/**
|
|
3
|
-
* 设置挂载 DOM
|
|
4
|
-
* @param editor
|
|
5
|
-
* @param dom
|
|
6
|
-
*/
|
|
7
|
-
const setMountDOM = (editor, dom) => {
|
|
8
|
-
EDITOR_TO_DOM.set(editor, dom);
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* 获取挂载 DOM
|
|
12
|
-
* @param editor
|
|
13
|
-
* @param dom
|
|
14
|
-
*/
|
|
15
|
-
const getMountDOM = (editor) => {
|
|
16
|
-
return EDITOR_TO_DOM.get(editor) || document.body;
|
|
17
|
-
};
|
|
18
1
|
/**
|
|
19
2
|
* 阻止所有编辑器分发的事件
|
|
20
3
|
* @param event
|
|
@@ -42,4 +25,4 @@ const scrollIfNeeded = (container, child, buffer = 0) => {
|
|
|
42
25
|
}
|
|
43
26
|
};
|
|
44
27
|
|
|
45
|
-
export {
|
|
28
|
+
export { preventContextEvent, scrollIfNeeded };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __decorate } from '../tslib.es6-
|
|
1
|
+
import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
|
|
2
2
|
import { CorePlugin, EDITOR_EVENT } from '@block-kit/core';
|
|
3
3
|
import { Bind } from '@block-kit/utils';
|
|
4
4
|
import { PLUGIN_EVENTS } from '../shared/utils/event.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import "../styles/index.scss";
|
|
2
|
+
import type { FC } from "react";
|
|
3
3
|
import type { ToolbarProps } from "../types";
|
|
4
|
-
export declare const Toolbar:
|
|
4
|
+
export declare const Toolbar: FC<ToolbarProps>;
|
|
@@ -3,12 +3,12 @@ import { EDITOR_EVENT } from '@block-kit/core';
|
|
|
3
3
|
import { useEditorStatic } from '@block-kit/react';
|
|
4
4
|
import { cs } from '@block-kit/utils';
|
|
5
5
|
import { useMemoFn } from '@block-kit/utils/dist/es/hooks';
|
|
6
|
-
import {
|
|
6
|
+
import { useState, useEffect } from 'react';
|
|
7
7
|
import { PLUGIN_EVENTS } from '../../shared/utils/event.js';
|
|
8
8
|
import { filterLineMarkMap, filterMarkMap } from '../utils/marks.js';
|
|
9
9
|
import { ToolbarContext } from './provider.js';
|
|
10
10
|
|
|
11
|
-
const Toolbar =
|
|
11
|
+
const Toolbar = props => {
|
|
12
12
|
const { editor } = useEditorStatic();
|
|
13
13
|
const [keys, setKeys] = useState({});
|
|
14
14
|
const refreshMarks = useMemoFn(() => {
|
|
@@ -44,11 +44,11 @@ const Toolbar = /*#__PURE__*/ forwardRef((props, ref) => {
|
|
|
44
44
|
editor.event.off(PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
|
|
45
45
|
};
|
|
46
46
|
}, [editor.event, refreshMarks]);
|
|
47
|
-
// 浮动工具栏的情况下, 挂载时需要刷新 marks
|
|
48
47
|
useEffect(() => {
|
|
48
|
+
// 浮动工具栏的情况下, 挂载时需要刷新 marks
|
|
49
49
|
refreshMarks();
|
|
50
50
|
}, [refreshMarks]);
|
|
51
|
-
return (jsx("div", { ref:
|
|
51
|
+
return (jsx("div", { ref: props.onRef, style: props.styles, className: cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
|
|
52
52
|
const target = e.target;
|
|
53
53
|
// 避免 float 的情况下触发按下事件
|
|
54
54
|
e.stopPropagation();
|
|
@@ -64,6 +64,6 @@ const Toolbar = /*#__PURE__*/ forwardRef((props, ref) => {
|
|
|
64
64
|
refreshMarks,
|
|
65
65
|
selection: editor.selection.get(),
|
|
66
66
|
}, children: props.children }) }));
|
|
67
|
-
}
|
|
67
|
+
};
|
|
68
68
|
|
|
69
69
|
export { Toolbar };
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { EDITOR_EVENT } from '@block-kit/core';
|
|
3
|
-
import { useEditorStatic, useReadonly } from '@block-kit/react';
|
|
3
|
+
import { useEditorStatic, useReadonly, MountNode } from '@block-kit/react';
|
|
4
4
|
import { cs } from '@block-kit/utils';
|
|
5
5
|
import { useMemoFn } from '@block-kit/utils/dist/es/hooks';
|
|
6
6
|
import { useRef, useState, useEffect, useMemo } from 'react';
|
|
7
7
|
import ReactDOM from 'react-dom';
|
|
8
|
-
import { getMountDOM } from '../../shared/utils/dom.js';
|
|
9
8
|
import { Toolbar } from './basic.js';
|
|
10
9
|
|
|
11
10
|
const FloatToolbar = props => {
|
|
@@ -28,7 +27,10 @@ const FloatToolbar = props => {
|
|
|
28
27
|
const onMouseUp = () => {
|
|
29
28
|
setIsMouseDown(false);
|
|
30
29
|
};
|
|
31
|
-
const onMouseDown = () => {
|
|
30
|
+
const onMouseDown = (event) => {
|
|
31
|
+
// 避免浮动工具栏的快速重置
|
|
32
|
+
if (event.detail === 3)
|
|
33
|
+
return void 0;
|
|
32
34
|
setIsMouseDown(true);
|
|
33
35
|
};
|
|
34
36
|
const onSelectionChange = (e) => {
|
|
@@ -65,7 +67,7 @@ const FloatToolbar = props => {
|
|
|
65
67
|
// 只读状态 / 不可见 / 鼠标按下 时隐藏
|
|
66
68
|
return readonly || !visible || isMouseDown
|
|
67
69
|
? null
|
|
68
|
-
: ReactDOM.createPortal(jsx(Toolbar, {
|
|
70
|
+
: ReactDOM.createPortal(jsx(Toolbar, { onRef: ref, className: cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), props.mountDOM || MountNode.get(editor));
|
|
69
71
|
};
|
|
70
72
|
|
|
71
73
|
export { FloatToolbar };
|
|
@@ -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-b94b9fac.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-b94b9fac.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-b94b9fac.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,14 +2,13 @@
|
|
|
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-b94b9fac.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');
|
|
9
9
|
var react = require('@block-kit/react');
|
|
10
10
|
var utils = require('@block-kit/utils');
|
|
11
11
|
var shared_modules_selection = require('../shared/modules/selection.js');
|
|
12
|
-
var shared_utils_dom = require('../shared/utils/dom.js');
|
|
13
12
|
var shared_utils_is = require('../shared/utils/is.js');
|
|
14
13
|
var image_types_index = require('./types/index.js');
|
|
15
14
|
var image_view_image = require('./view/image.js');
|
|
@@ -43,7 +42,7 @@ class ImagePlugin extends react.EditorPlugin {
|
|
|
43
42
|
imageInput.hidden = true;
|
|
44
43
|
imageInput.setAttribute("multiple", "true");
|
|
45
44
|
this.input = imageInput;
|
|
46
|
-
|
|
45
|
+
react.MountNode.get(this.editor).append(imageInput);
|
|
47
46
|
}
|
|
48
47
|
return new Promise(resolve => {
|
|
49
48
|
imageInput.onchange = e => {
|
|
@@ -100,7 +99,7 @@ class ImagePlugin extends react.EditorPlugin {
|
|
|
100
99
|
editor.state.apply(delta$1, { autoCaret: false });
|
|
101
100
|
editor.selection.set(new core.Range(point, point));
|
|
102
101
|
// 正式开始上传文件
|
|
103
|
-
//
|
|
102
|
+
// 注意这里是先 apply 再上传文件,否则 pack 的索引会被影响到
|
|
104
103
|
for (let i = 0; i < packIndex.length; i++) {
|
|
105
104
|
const file = files[i];
|
|
106
105
|
const refIndex = packIndex[i];
|
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-b94b9fac.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;
|
|
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;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;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-left:6px;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
|
@@ -37,7 +37,7 @@ export { QuotePlugin } from "./quote";
|
|
|
37
37
|
export { QUOTE_KEY } from "./quote/types";
|
|
38
38
|
export { SelectionHOC } from "./shared/components/selection";
|
|
39
39
|
export { SelectionPlugin } from "./shared/modules/selection";
|
|
40
|
-
export {
|
|
40
|
+
export { preventContextEvent, scrollIfNeeded } from "./shared/utils/dom";
|
|
41
41
|
export { isEmptyLine, isKeyCode } from "./shared/utils/is";
|
|
42
42
|
export { Shortcut } from "./shortcut";
|
|
43
43
|
export type { ShortcutFunc, ShortcutFuncMap } from "./shortcut/types";
|
|
@@ -48,3 +48,4 @@ export type { ToolbarContextType } from "./toolbar/context/provider";
|
|
|
48
48
|
export { ToolbarContext, useToolbarContext } from "./toolbar/context/provider";
|
|
49
49
|
export { UnderlinePlugin } from "./underline/index";
|
|
50
50
|
export { UNDERLINE_KEY } from "./underline/types";
|
|
51
|
+
export declare const BLOCK_KIT_VERSION: string;
|
package/dist/lib/index.js
CHANGED
|
@@ -53,7 +53,7 @@ var underline_types_index = require('./underline/types/index.js');
|
|
|
53
53
|
var toolbar_context_float = require('./toolbar/context/float.js');
|
|
54
54
|
var toolbar_context_basic = require('./toolbar/context/basic.js');
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
const BLOCK_KIT_VERSION = "1.0.7" ;
|
|
57
57
|
|
|
58
58
|
exports.AlignPlugin = align_index.AlignPlugin;
|
|
59
59
|
exports.ALIGN_KEY = align_types_index.ALIGN_KEY;
|
|
@@ -107,10 +107,8 @@ exports.QuotePlugin = quote_index.QuotePlugin;
|
|
|
107
107
|
exports.QUOTE_KEY = quote_types_index.QUOTE_KEY;
|
|
108
108
|
exports.SelectionHOC = shared_components_selection.SelectionHOC;
|
|
109
109
|
exports.SelectionPlugin = shared_modules_selection.SelectionPlugin;
|
|
110
|
-
exports.getMountDOM = shared_utils_dom.getMountDOM;
|
|
111
110
|
exports.preventContextEvent = shared_utils_dom.preventContextEvent;
|
|
112
111
|
exports.scrollIfNeeded = shared_utils_dom.scrollIfNeeded;
|
|
113
|
-
exports.setMountDOM = shared_utils_dom.setMountDOM;
|
|
114
112
|
exports.isEmptyLine = shared_utils_is.isEmptyLine;
|
|
115
113
|
exports.isKeyCode = shared_utils_is.isKeyCode;
|
|
116
114
|
exports.Shortcut = shortcut_index.Shortcut;
|
|
@@ -123,3 +121,4 @@ exports.UnderlinePlugin = underline_index.UnderlinePlugin;
|
|
|
123
121
|
exports.UNDERLINE_KEY = underline_types_index.UNDERLINE_KEY;
|
|
124
122
|
exports.FloatToolbar = toolbar_context_float.FloatToolbar;
|
|
125
123
|
exports.Toolbar = toolbar_context_basic.Toolbar;
|
|
124
|
+
exports.BLOCK_KIT_VERSION = BLOCK_KIT_VERSION;
|
|
@@ -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-b94b9fac.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');
|
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-b94b9fac.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,27 +2,22 @@
|
|
|
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-b94b9fac.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');
|
|
9
|
+
var react = require('@block-kit/react');
|
|
9
10
|
var utils = require('@block-kit/utils');
|
|
10
|
-
var ReactDOM = require('react-dom');
|
|
11
|
-
var shared_utils_dom = require('../../shared/utils/dom.js');
|
|
12
11
|
var shared_utils_is = require('../../shared/utils/is.js');
|
|
12
|
+
var mention_types_index = require('../types/index.js');
|
|
13
13
|
var mention_utils_constant = require('../utils/constant.js');
|
|
14
14
|
var mention_view_suggest = require('../view/suggest.js');
|
|
15
15
|
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
19
|
-
|
|
20
16
|
class SuggestModule {
|
|
21
17
|
constructor(editor) {
|
|
22
18
|
this.editor = editor;
|
|
23
19
|
this.rect = null;
|
|
24
20
|
this.isMountSuggest = false;
|
|
25
|
-
this.mountSuggestNode = null;
|
|
26
21
|
this.point = new core.Point(0, 0);
|
|
27
22
|
editor.event.on(core.EDITOR_EVENT.KEY_DOWN, this.onKeydown, 101);
|
|
28
23
|
}
|
|
@@ -39,15 +34,13 @@ class SuggestModule {
|
|
|
39
34
|
return void 0;
|
|
40
35
|
const editorRect = this.editor.rect.getEditorRect();
|
|
41
36
|
const rect = core.relativeTo(caretRect, editorRect);
|
|
42
|
-
|
|
43
|
-
const PANEL_HEIGHT = 150;
|
|
44
|
-
if (caretRect.bottom + PANEL_HEIGHT <= window.innerHeight) {
|
|
37
|
+
if (caretRect.bottom + mention_utils_constant.PANEL_HEIGHT <= window.innerHeight) {
|
|
45
38
|
// 放置于下方
|
|
46
39
|
rect.top = rect.bottom + mention_utils_constant.SUGGEST_OFFSET;
|
|
47
40
|
}
|
|
48
41
|
else {
|
|
49
42
|
// 放置于上方
|
|
50
|
-
rect.top = rect.top - PANEL_HEIGHT - mention_utils_constant.SUGGEST_OFFSET;
|
|
43
|
+
rect.top = rect.top - mention_utils_constant.PANEL_HEIGHT - mention_utils_constant.SUGGEST_OFFSET;
|
|
51
44
|
}
|
|
52
45
|
this.rect = { top: rect.top, left: rect.left };
|
|
53
46
|
this.point = sel.start.clone();
|
|
@@ -75,24 +68,14 @@ class SuggestModule {
|
|
|
75
68
|
mountSuggestPanel(text = "") {
|
|
76
69
|
if (!this.rect)
|
|
77
70
|
return void 0;
|
|
78
|
-
if (!this.mountSuggestNode) {
|
|
79
|
-
this.mountSuggestNode = document.createElement("div");
|
|
80
|
-
this.mountSuggestNode.dataset.type = "mention";
|
|
81
|
-
shared_utils_dom.getMountDOM(this.editor).appendChild(this.mountSuggestNode);
|
|
82
|
-
}
|
|
83
71
|
const top = this.rect.top;
|
|
84
72
|
const left = this.rect.left;
|
|
85
|
-
const dom = this.mountSuggestNode;
|
|
86
73
|
this.isMountSuggest = true;
|
|
87
|
-
|
|
74
|
+
react.MountNode.mount(this.editor, mention_types_index.MENTION_KEY, jsxRuntime.jsx(mention_view_suggest.Suggest, { controller: this, top: top, left: left, text: text }));
|
|
88
75
|
}
|
|
89
76
|
unmountSuggestPanel() {
|
|
90
|
-
|
|
91
|
-
ReactDOM__default["default"].unmountComponentAtNode(this.mountSuggestNode);
|
|
92
|
-
}
|
|
93
|
-
this.mountSuggestNode && this.mountSuggestNode.remove();
|
|
77
|
+
react.MountNode.unmount(this.editor, mention_types_index.MENTION_KEY);
|
|
94
78
|
this.editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
|
|
95
|
-
this.mountSuggestNode = null;
|
|
96
79
|
this.isMountSuggest = false;
|
|
97
80
|
}
|
|
98
81
|
}
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const SUGGEST_OFFSET = 5;
|
|
6
|
+
const PANEL_WIDTH = 130;
|
|
7
|
+
const PANEL_HEIGHT = 150;
|
|
6
8
|
const DATA = [
|
|
7
9
|
"Alice",
|
|
8
10
|
"Bob",
|
|
@@ -26,4 +28,6 @@ const DATA = [
|
|
|
26
28
|
];
|
|
27
29
|
|
|
28
30
|
exports.DATA = DATA;
|
|
31
|
+
exports.PANEL_HEIGHT = PANEL_HEIGHT;
|
|
32
|
+
exports.PANEL_WIDTH = PANEL_WIDTH;
|
|
29
33
|
exports.SUGGEST_OFFSET = SUGGEST_OFFSET;
|
|
@@ -70,7 +70,7 @@ const Suggest = props => {
|
|
|
70
70
|
editor.event.off(core.EDITOR_EVENT.KEY_DOWN, onKeydown);
|
|
71
71
|
};
|
|
72
72
|
}, [onKeydown, editor.event]);
|
|
73
|
-
return (jsxRuntime.jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left }, onMouseDown: utils.preventNativeEvent, children: [list.map((it, index) => (jsxRuntime.jsx("div", { className: utils.cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsxRuntime.jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
|
|
73
|
+
return (jsxRuntime.jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left, width: mention_utils_constant.PANEL_WIDTH, height: mention_utils_constant.PANEL_HEIGHT }, onMouseDown: utils.preventNativeEvent, children: [list.map((it, index) => (jsxRuntime.jsx("div", { className: utils.cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsxRuntime.jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
exports.Suggest = Suggest;
|
|
@@ -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-b94b9fac.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-b94b9fac.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');
|
|
@@ -33,7 +33,7 @@ class SelectionHOC extends React__default["default"].PureComponent {
|
|
|
33
33
|
onSelectionChange(range) {
|
|
34
34
|
const leaf = this.props.leaf;
|
|
35
35
|
const leafRange = leaf.toRange();
|
|
36
|
-
const nextState = range ? core.Range.
|
|
36
|
+
const nextState = range ? core.Range.intersects(leafRange, range) : false;
|
|
37
37
|
if (this.state.selected !== nextState) {
|
|
38
38
|
this.setState({ selected: nextState });
|
|
39
39
|
}
|
|
@@ -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-b94b9fac.js');
|
|
6
6
|
var core = require('@block-kit/core');
|
|
7
7
|
var utils = require('@block-kit/utils');
|
|
8
8
|
|
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
import type { Editor } from "@block-kit/core";
|
|
2
1
|
import type { EventContext } from "@block-kit/utils";
|
|
3
|
-
/**
|
|
4
|
-
* 设置挂载 DOM
|
|
5
|
-
* @param editor
|
|
6
|
-
* @param dom
|
|
7
|
-
*/
|
|
8
|
-
export declare const setMountDOM: (editor: Editor, dom: HTMLElement | null) => void;
|
|
9
|
-
/**
|
|
10
|
-
* 获取挂载 DOM
|
|
11
|
-
* @param editor
|
|
12
|
-
* @param dom
|
|
13
|
-
*/
|
|
14
|
-
export declare const getMountDOM: (editor: Editor) => HTMLElement;
|
|
15
2
|
/**
|
|
16
3
|
* 阻止所有编辑器分发的事件
|
|
17
4
|
* @param event
|
|
@@ -2,23 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const EDITOR_TO_DOM = new WeakMap();
|
|
6
|
-
/**
|
|
7
|
-
* 设置挂载 DOM
|
|
8
|
-
* @param editor
|
|
9
|
-
* @param dom
|
|
10
|
-
*/
|
|
11
|
-
const setMountDOM = (editor, dom) => {
|
|
12
|
-
EDITOR_TO_DOM.set(editor, dom);
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* 获取挂载 DOM
|
|
16
|
-
* @param editor
|
|
17
|
-
* @param dom
|
|
18
|
-
*/
|
|
19
|
-
const getMountDOM = (editor) => {
|
|
20
|
-
return EDITOR_TO_DOM.get(editor) || document.body;
|
|
21
|
-
};
|
|
22
5
|
/**
|
|
23
6
|
* 阻止所有编辑器分发的事件
|
|
24
7
|
* @param event
|
|
@@ -46,7 +29,5 @@ const scrollIfNeeded = (container, child, buffer = 0) => {
|
|
|
46
29
|
}
|
|
47
30
|
};
|
|
48
31
|
|
|
49
|
-
exports.getMountDOM = getMountDOM;
|
|
50
32
|
exports.preventContextEvent = preventContextEvent;
|
|
51
33
|
exports.scrollIfNeeded = scrollIfNeeded;
|
|
52
|
-
exports.setMountDOM = setMountDOM;
|
|
@@ -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-b94b9fac.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');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import "../styles/index.scss";
|
|
2
|
+
import type { FC } from "react";
|
|
3
3
|
import type { ToolbarProps } from "../types";
|
|
4
|
-
export declare const Toolbar:
|
|
4
|
+
export declare const Toolbar: FC<ToolbarProps>;
|
|
@@ -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 =
|
|
15
|
+
const Toolbar = props => {
|
|
16
16
|
const { editor } = react.useEditorStatic();
|
|
17
17
|
const [keys, setKeys] = React.useState({});
|
|
18
18
|
const refreshMarks = hooks.useMemoFn(() => {
|
|
@@ -48,11 +48,11 @@ const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref) => {
|
|
|
48
48
|
editor.event.off(shared_utils_event.PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
|
|
49
49
|
};
|
|
50
50
|
}, [editor.event, refreshMarks]);
|
|
51
|
-
// 浮动工具栏的情况下, 挂载时需要刷新 marks
|
|
52
51
|
React.useEffect(() => {
|
|
52
|
+
// 浮动工具栏的情况下, 挂载时需要刷新 marks
|
|
53
53
|
refreshMarks();
|
|
54
54
|
}, [refreshMarks]);
|
|
55
|
-
return (jsxRuntime.jsx("div", { ref:
|
|
55
|
+
return (jsxRuntime.jsx("div", { ref: props.onRef, style: props.styles, className: utils.cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
|
|
56
56
|
const target = e.target;
|
|
57
57
|
// 避免 float 的情况下触发按下事件
|
|
58
58
|
e.stopPropagation();
|
|
@@ -68,6 +68,6 @@ const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref) => {
|
|
|
68
68
|
refreshMarks,
|
|
69
69
|
selection: editor.selection.get(),
|
|
70
70
|
}, children: props.children }) }));
|
|
71
|
-
}
|
|
71
|
+
};
|
|
72
72
|
|
|
73
73
|
exports.Toolbar = Toolbar;
|
|
@@ -9,7 +9,6 @@ var utils = require('@block-kit/utils');
|
|
|
9
9
|
var hooks = require('@block-kit/utils/dist/es/hooks');
|
|
10
10
|
var React = require('react');
|
|
11
11
|
var ReactDOM = require('react-dom');
|
|
12
|
-
var shared_utils_dom = require('../../shared/utils/dom.js');
|
|
13
12
|
var toolbar_context_basic = require('./basic.js');
|
|
14
13
|
|
|
15
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -36,7 +35,10 @@ const FloatToolbar = props => {
|
|
|
36
35
|
const onMouseUp = () => {
|
|
37
36
|
setIsMouseDown(false);
|
|
38
37
|
};
|
|
39
|
-
const onMouseDown = () => {
|
|
38
|
+
const onMouseDown = (event) => {
|
|
39
|
+
// 避免浮动工具栏的快速重置
|
|
40
|
+
if (event.detail === 3)
|
|
41
|
+
return void 0;
|
|
40
42
|
setIsMouseDown(true);
|
|
41
43
|
};
|
|
42
44
|
const onSelectionChange = (e) => {
|
|
@@ -73,7 +75,7 @@ const FloatToolbar = props => {
|
|
|
73
75
|
// 只读状态 / 不可见 / 鼠标按下 时隐藏
|
|
74
76
|
return readonly || !visible || isMouseDown
|
|
75
77
|
? null
|
|
76
|
-
: ReactDOM__default["default"].createPortal(jsxRuntime.jsx(toolbar_context_basic.Toolbar, {
|
|
78
|
+
: ReactDOM__default["default"].createPortal(jsxRuntime.jsx(toolbar_context_basic.Toolbar, { onRef: ref, className: utils.cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), props.mountDOM || react.MountNode.get(editor));
|
|
77
79
|
};
|
|
78
80
|
|
|
79
81
|
exports.FloatToolbar = FloatToolbar;
|
|
@@ -15,6 +15,7 @@ const ToolbarContext = React__default["default"].createContext({
|
|
|
15
15
|
editor: null,
|
|
16
16
|
selection: null,
|
|
17
17
|
});
|
|
18
|
+
ToolbarContext.displayName = "Toolbar";
|
|
18
19
|
const useToolbarContext = () => React__default["default"].useContext(ToolbarContext);
|
|
19
20
|
|
|
20
21
|
exports.ToolbarContext = ToolbarContext;
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;
|
|
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;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;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-left:6px;margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@block-kit/plugin",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/lib/index.js",
|
|
6
6
|
"types": "./dist/es/index.d.ts",
|
|
@@ -18,22 +18,34 @@
|
|
|
18
18
|
"lint:ts": "tsc -p tsconfig.build.json --noEmit",
|
|
19
19
|
"lint:circular": "madge --extensions js --circular ./dist"
|
|
20
20
|
},
|
|
21
|
-
"
|
|
22
|
-
"author": "",
|
|
21
|
+
"author": "WindRunnerMax",
|
|
23
22
|
"license": "MIT",
|
|
23
|
+
"keywords": [
|
|
24
|
+
"editor",
|
|
25
|
+
"wysiwyg",
|
|
26
|
+
"rich-text"
|
|
27
|
+
],
|
|
28
|
+
"repository": {
|
|
29
|
+
"type": "git",
|
|
30
|
+
"url": "git+https://github.com/WindrunnerMax/BlockKit.git"
|
|
31
|
+
},
|
|
32
|
+
"homepage": "https://github.com/WindrunnerMax/BlockKit",
|
|
33
|
+
"bugs": {
|
|
34
|
+
"url": "https://github.com/WindrunnerMax/BlockKit/issues"
|
|
35
|
+
},
|
|
24
36
|
"peerDependencies": {
|
|
25
37
|
"react": ">=16",
|
|
26
38
|
"react-dom": ">=16"
|
|
27
39
|
},
|
|
28
40
|
"dependencies": {
|
|
29
|
-
"@arco-design/web-react": "
|
|
30
|
-
"@block-kit/core": "1.0.
|
|
31
|
-
"@block-kit/delta": "1.0.
|
|
32
|
-
"@block-kit/react": "1.0.
|
|
33
|
-
"@block-kit/utils": "1.0.
|
|
34
|
-
"@emoji-mart/data": "
|
|
35
|
-
"@emoji-mart/react": "
|
|
36
|
-
"emoji-mart": "
|
|
41
|
+
"@arco-design/web-react": "2.64.0",
|
|
42
|
+
"@block-kit/core": "1.0.7",
|
|
43
|
+
"@block-kit/delta": "1.0.7",
|
|
44
|
+
"@block-kit/react": "1.0.7",
|
|
45
|
+
"@block-kit/utils": "1.0.7",
|
|
46
|
+
"@emoji-mart/data": "1.2.1",
|
|
47
|
+
"@emoji-mart/react": "1.1.1",
|
|
48
|
+
"emoji-mart": "5.6.0"
|
|
37
49
|
},
|
|
38
50
|
"devDependencies": {
|
|
39
51
|
"@rollup/plugin-commonjs": "22.0.1",
|
|
File without changes
|
|
File without changes
|