@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.
Files changed (58) hide show
  1. package/dist/es/bullet-list/index.js +1 -1
  2. package/dist/es/divider/index.js +1 -1
  3. package/dist/es/emoji/index.js +1 -1
  4. package/dist/es/image/index.js +4 -5
  5. package/dist/es/indent/index.js +1 -1
  6. package/dist/es/index.css +1 -1
  7. package/dist/es/index.d.ts +2 -1
  8. package/dist/es/index.js +5 -1
  9. package/dist/es/inline-code/index.js +1 -1
  10. package/dist/es/link/index.js +1 -1
  11. package/dist/es/mention/modules/suggest.d.ts +0 -1
  12. package/dist/es/mention/modules/suggest.js +6 -19
  13. package/dist/es/mention/utils/constant.d.ts +2 -0
  14. package/dist/es/mention/utils/constant.js +3 -1
  15. package/dist/es/mention/view/suggest.js +2 -2
  16. package/dist/es/order-list/index.js +1 -1
  17. package/dist/es/quote/index.js +1 -1
  18. package/dist/es/shared/components/selection.js +1 -1
  19. package/dist/es/shared/modules/selection.js +1 -1
  20. package/dist/es/shared/utils/dom.d.ts +0 -13
  21. package/dist/es/shared/utils/dom.js +1 -18
  22. package/dist/es/shortcut/index.js +1 -1
  23. package/dist/es/toolbar/context/basic.d.ts +2 -2
  24. package/dist/es/toolbar/context/basic.js +5 -5
  25. package/dist/es/toolbar/context/float.js +6 -4
  26. package/dist/es/toolbar/context/provider.js +1 -0
  27. package/dist/es/toolbar/types/index.d.ts +1 -0
  28. package/dist/lib/bullet-list/index.js +1 -1
  29. package/dist/lib/divider/index.js +1 -1
  30. package/dist/lib/emoji/index.js +1 -1
  31. package/dist/lib/image/index.js +3 -4
  32. package/dist/lib/indent/index.js +1 -1
  33. package/dist/lib/index.css +1 -1
  34. package/dist/lib/index.d.ts +2 -1
  35. package/dist/lib/index.js +2 -3
  36. package/dist/lib/inline-code/index.js +1 -1
  37. package/dist/lib/link/index.js +1 -1
  38. package/dist/lib/mention/modules/suggest.d.ts +0 -1
  39. package/dist/lib/mention/modules/suggest.js +7 -24
  40. package/dist/lib/mention/utils/constant.d.ts +2 -0
  41. package/dist/lib/mention/utils/constant.js +4 -0
  42. package/dist/lib/mention/view/suggest.js +1 -1
  43. package/dist/lib/order-list/index.js +1 -1
  44. package/dist/lib/quote/index.js +1 -1
  45. package/dist/lib/shared/components/selection.js +1 -1
  46. package/dist/lib/shared/modules/selection.js +1 -1
  47. package/dist/lib/shared/utils/dom.d.ts +0 -13
  48. package/dist/lib/shared/utils/dom.js +0 -19
  49. package/dist/lib/shortcut/index.js +1 -1
  50. package/dist/lib/toolbar/context/basic.d.ts +2 -2
  51. package/dist/lib/toolbar/context/basic.js +4 -4
  52. package/dist/lib/toolbar/context/float.js +5 -3
  53. package/dist/lib/toolbar/context/provider.js +1 -0
  54. package/dist/lib/toolbar/types/index.d.ts +1 -0
  55. package/dist/styles/index.css +1 -1
  56. package/package.json +23 -11
  57. /package/dist/es/{tslib.es6-9733d645.js → tslib.es6-31bcb85d.js} +0 -0
  58. /package/dist/lib/{tslib.es6-6a2a4804.js → tslib.es6-b94b9fac.js} +0 -0
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-9733d645.js';
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';
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-9733d645.js';
1
+ import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { Point, Range } from '@block-kit/core';
4
4
  import { Delta } from '@block-kit/delta';
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-9733d645.js';
1
+ import { _ as __decorate } from '../tslib.es6-31bcb85d.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { RawRange } from '@block-kit/core';
4
4
  import { Delta } from '@block-kit/delta';
@@ -1,11 +1,10 @@
1
- import { _ as __decorate, a as __awaiter } from '../tslib.es6-9733d645.js';
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
- getMountDOM(this.editor).append(imageInput);
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
- // 注意这里需要先 apply 再上传文件,否则 pack 的索引会被影响到
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];
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-9733d645.js';
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;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-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}
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}
@@ -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 { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM } from "./shared/utils/dom";
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 { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM } from './shared/utils/dom.js';
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-9733d645.js';
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';
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-9733d645.js';
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';
@@ -4,7 +4,6 @@ export declare class SuggestModule {
4
4
  editor: Editor;
5
5
  point: Point;
6
6
  isMountSuggest: boolean;
7
- mountSuggestNode: HTMLElement | null;
8
7
  rect: {
9
8
  top: number;
10
9
  left: number;
@@ -1,12 +1,12 @@
1
- import { _ as __decorate } from '../../tslib.es6-9733d645.js';
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 { SUGGEST_OFFSET } from '../utils/constant.js';
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
- ReactDOM.render(jsx(Suggest, { controller: this, top: top, left: left, text: text }), dom);
70
+ MountNode.mount(this.editor, MENTION_KEY, jsx(Suggest, { controller: this, top: top, left: left, text: text }));
80
71
  }
81
72
  unmountSuggestPanel() {
82
- if (this.isMountSuggest && this.mountSuggestNode) {
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,2 +1,4 @@
1
1
  export declare const SUGGEST_OFFSET = 5;
2
+ export declare const PANEL_WIDTH = 130;
3
+ export declare const PANEL_HEIGHT = 150;
2
4
  export declare const DATA: string[];
@@ -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-9733d645.js';
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';
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-9733d645.js';
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.intersection(leafRange, range) : false;
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,4 +1,4 @@
1
- import { _ as __decorate } from '../../tslib.es6-9733d645.js';
1
+ import { _ as __decorate } from '../../tslib.es6-31bcb85d.js';
2
2
  import { EDITOR_EVENT } from '@block-kit/core';
3
3
  import { Bind } from '@block-kit/utils';
4
4
 
@@ -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 { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM };
28
+ export { preventContextEvent, scrollIfNeeded };
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-9733d645.js';
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: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
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 { forwardRef, useState, useEffect } from 'react';
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 = /*#__PURE__*/ forwardRef((props, ref) => {
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: ref, style: props.styles, className: cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
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, { ref: ref, className: cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), props.mountDOM || getMountDOM(editor));
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 };
@@ -7,6 +7,7 @@ const ToolbarContext = React.createContext({
7
7
  editor: null,
8
8
  selection: null,
9
9
  });
10
+ ToolbarContext.displayName = "Toolbar";
10
11
  const useToolbarContext = () => React.useContext(ToolbarContext);
11
12
 
12
13
  export { ToolbarContext, useToolbarContext };
@@ -5,4 +5,5 @@ export type ToolbarProps = {
5
5
  className?: string;
6
6
  children: React.ReactNode;
7
7
  styles?: React.CSSProperties;
8
+ onRef?: React.MutableRefObject<HTMLDivElement | null>;
8
9
  };
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-6a2a4804.js');
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-6a2a4804.js');
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-6a2a4804.js');
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,14 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-6a2a4804.js');
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
- shared_utils_dom.getMountDOM(this.editor).append(imageInput);
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
- // 注意这里需要先 apply 再上传文件,否则 pack 的索引会被影响到
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];
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-6a2a4804.js');
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');
@@ -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-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}
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}
@@ -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 { getMountDOM, preventContextEvent, scrollIfNeeded, setMountDOM } from "./shared/utils/dom";
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-6a2a4804.js');
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');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-6a2a4804.js');
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');
@@ -4,7 +4,6 @@ export declare class SuggestModule {
4
4
  editor: Editor;
5
5
  point: Point;
6
6
  isMountSuggest: boolean;
7
- mountSuggestNode: HTMLElement | null;
8
7
  rect: {
9
8
  top: number;
10
9
  left: number;
@@ -2,27 +2,22 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-6a2a4804.js');
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
- // 这里是 CSS 预设的面板高度
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
- ReactDOM__default["default"].render(jsxRuntime.jsx(mention_view_suggest.Suggest, { controller: this, top: top, left: left, text: text }), dom);
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
- if (this.isMountSuggest && this.mountSuggestNode) {
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
  }
@@ -1,2 +1,4 @@
1
1
  export declare const SUGGEST_OFFSET = 5;
2
+ export declare const PANEL_WIDTH = 130;
3
+ export declare const PANEL_HEIGHT = 150;
2
4
  export declare const DATA: string[];
@@ -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-6a2a4804.js');
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-6a2a4804.js');
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.intersection(leafRange, range) : false;
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-6a2a4804.js');
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-6a2a4804.js');
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: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
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 = /*#__PURE__*/ React.forwardRef((props, ref) => {
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: ref, style: props.styles, className: utils.cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
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, { ref: ref, className: utils.cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), props.mountDOM || shared_utils_dom.getMountDOM(editor));
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;
@@ -5,4 +5,5 @@ export type ToolbarProps = {
5
5
  className?: string;
6
6
  children: React.ReactNode;
7
7
  styles?: React.CSSProperties;
8
+ onRef?: React.MutableRefObject<HTMLDivElement | null>;
8
9
  };
@@ -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-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}
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.5",
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
- "keywords": [],
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": "^2.64.0",
30
- "@block-kit/core": "1.0.5",
31
- "@block-kit/delta": "1.0.5",
32
- "@block-kit/react": "1.0.5",
33
- "@block-kit/utils": "1.0.5",
34
- "@emoji-mart/data": "^1.2.1",
35
- "@emoji-mart/react": "^1.1.1",
36
- "emoji-mart": "^5.6.0"
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",