@block-kit/plugin 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) 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 +1 -1
  5. package/dist/es/indent/index.js +1 -1
  6. package/dist/es/index.css +1 -1
  7. package/dist/es/index.d.ts +3 -3
  8. package/dist/es/index.js +3 -3
  9. package/dist/es/inline-code/index.js +9 -9
  10. package/dist/es/inline-code/types/index.d.ts +1 -1
  11. package/dist/es/inline-code/types/index.js +2 -2
  12. package/dist/es/link/index.js +1 -1
  13. package/dist/es/mention/modules/suggest.js +1 -1
  14. package/dist/es/order-list/index.js +1 -1
  15. package/dist/es/quote/index.js +1 -1
  16. package/dist/es/shared/modules/selection.js +1 -1
  17. package/dist/es/shortcut/index.js +1 -1
  18. package/dist/es/shortcut/modules/preset.js +23 -0
  19. package/dist/es/toolbar/context/float.d.ts +14 -0
  20. package/dist/es/toolbar/context/float.js +2 -1
  21. package/dist/es/toolbar/modules/inline-code.js +3 -3
  22. package/dist/es/toolbar/types/index.js +2 -2
  23. package/dist/lib/bullet-list/index.js +1 -1
  24. package/dist/lib/divider/index.js +1 -1
  25. package/dist/lib/emoji/index.js +1 -1
  26. package/dist/lib/image/index.js +1 -1
  27. package/dist/lib/indent/index.js +1 -1
  28. package/dist/lib/index.css +1 -1
  29. package/dist/lib/index.d.ts +3 -3
  30. package/dist/lib/index.js +1 -3
  31. package/dist/lib/inline-code/index.js +8 -8
  32. package/dist/lib/inline-code/types/index.d.ts +1 -1
  33. package/dist/lib/inline-code/types/index.js +2 -2
  34. package/dist/lib/link/index.js +1 -1
  35. package/dist/lib/mention/modules/suggest.js +1 -1
  36. package/dist/lib/order-list/index.js +1 -1
  37. package/dist/lib/quote/index.js +1 -1
  38. package/dist/lib/shared/modules/selection.js +1 -1
  39. package/dist/lib/shortcut/index.js +1 -1
  40. package/dist/lib/shortcut/modules/preset.js +23 -0
  41. package/dist/lib/toolbar/context/float.d.ts +14 -0
  42. package/dist/lib/toolbar/context/float.js +2 -1
  43. package/dist/lib/toolbar/modules/inline-code.js +2 -2
  44. package/dist/lib/toolbar/types/index.js +1 -1
  45. package/dist/styles/index.css +1 -1
  46. package/package.json +5 -5
  47. /package/dist/es/{tslib.es6-910e0469.js → tslib.es6-82e53812.js} +0 -0
  48. /package/dist/lib/{tslib.es6-9953fd0d.js → tslib.es6-04264fd3.js} +0 -0
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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,4 +1,4 @@
1
- import { _ as __decorate, a as __awaiter } from '../tslib.es6-910e0469.js';
1
+ import { _ as __decorate, a as __awaiter } from '../tslib.es6-82e53812.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';
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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-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:999}.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;height:150px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;width:100px;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}
@@ -5,7 +5,7 @@ export { BACKGROUND_KEY } from "./background/types";
5
5
  export { BoldPlugin } from "./bold";
6
6
  export { BOLD_KEY } from "./bold/types";
7
7
  export { BulletListPlugin } from "./bullet-list";
8
- export { BULLET_LIST_KEY, BULLET_LIST_TYPE, LIST_TYPE_KEY } from "./bullet-list/types";
8
+ export { BULLET_LIST_TYPE, LIST_TYPE_KEY } from "./bullet-list/types";
9
9
  export { DividerPlugin } from "./divider";
10
10
  export { DIVIDER_KEY } from "./divider/types";
11
11
  export { EmojiPlugin } from "./emoji";
@@ -21,7 +21,7 @@ export { IMAGE_HEIGHT, IMAGE_KEY, IMAGE_SCALE, IMAGE_SRC, IMAGE_STATUS, IMAGE_WI
21
21
  export { IndentPlugin } from "./indent";
22
22
  export { INDENT_LEVEL_KEY } from "./indent/types";
23
23
  export { InlineCodePlugin } from "./inline-code";
24
- export { INLINE_CODE } from "./inline-code/types/index";
24
+ export { INLINE_CODE_KEY } from "./inline-code/types/index";
25
25
  export { ItalicPlugin } from "./italic/index";
26
26
  export { ITALIC_KEY } from "./italic/types";
27
27
  export { LineHeightPlugin } from "./line-height/index";
@@ -32,7 +32,7 @@ export { MentionPlugin } from "./mention";
32
32
  export { SuggestModule } from "./mention/modules/suggest";
33
33
  export { MENTION_KEY, MENTION_NAME } from "./mention/types";
34
34
  export { OrderListPlugin } from "./order-list";
35
- export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE, } from "./order-list/types";
35
+ export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_TYPE } from "./order-list/types";
36
36
  export { QuotePlugin } from "./quote";
37
37
  export { QUOTE_KEY } from "./quote/types";
38
38
  export { SelectionHOC } from "./shared/components/selection";
package/dist/es/index.js CHANGED
@@ -5,7 +5,7 @@ export { BACKGROUND_KEY } from './background/types/index.js';
5
5
  export { BoldPlugin } from './bold/index.js';
6
6
  export { BOLD_KEY } from './bold/types/index.js';
7
7
  export { BulletListPlugin } from './bullet-list/index.js';
8
- export { BULLET_LIST_KEY, BULLET_LIST_TYPE, LIST_TYPE_KEY } from './bullet-list/types/index.js';
8
+ export { BULLET_LIST_TYPE, LIST_TYPE_KEY } from './bullet-list/types/index.js';
9
9
  export { DividerPlugin } from './divider/index.js';
10
10
  export { DIVIDER_KEY } from './divider/types/index.js';
11
11
  export { EmojiPlugin } from './emoji/index.js';
@@ -21,7 +21,7 @@ export { IMAGE_HEIGHT, IMAGE_KEY, IMAGE_SCALE, IMAGE_SRC, IMAGE_STATUS, IMAGE_WI
21
21
  export { IndentPlugin } from './indent/index.js';
22
22
  export { INDENT_LEVEL_KEY } from './indent/types/index.js';
23
23
  export { InlineCodePlugin } from './inline-code/index.js';
24
- export { INLINE_CODE } from './inline-code/types/index.js';
24
+ export { INLINE_CODE_KEY } from './inline-code/types/index.js';
25
25
  export { ItalicPlugin } from './italic/index.js';
26
26
  export { ITALIC_KEY } from './italic/types/index.js';
27
27
  export { LineHeightPlugin } from './line-height/index.js';
@@ -32,7 +32,7 @@ export { MentionPlugin } from './mention/index.js';
32
32
  export { SuggestModule } from './mention/modules/suggest.js';
33
33
  export { MENTION_KEY, MENTION_NAME } from './mention/types/index.js';
34
34
  export { OrderListPlugin } from './order-list/index.js';
35
- export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE } from './order-list/types/index.js';
35
+ export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_TYPE } from './order-list/types/index.js';
36
36
  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';
@@ -1,24 +1,24 @@
1
- import { _ as __decorate } from '../tslib.es6-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.js';
2
2
  import { Priority } from '@block-kit/core';
3
3
  import { EditorPlugin } from '@block-kit/react';
4
- import { INLINE_CODE } from './types/index.js';
4
+ import { INLINE_CODE_KEY } from './types/index.js';
5
5
 
6
6
  class InlineCodePlugin extends EditorPlugin {
7
7
  destroy() { }
8
8
  constructor(editor) {
9
9
  super();
10
- this.key = INLINE_CODE;
11
- editor.command.register(INLINE_CODE, context => {
10
+ this.key = INLINE_CODE_KEY;
11
+ editor.command.register(INLINE_CODE_KEY, context => {
12
12
  const sel = editor.selection.get();
13
- sel && editor.perform.applyMarks(sel, { [INLINE_CODE]: context.value });
13
+ sel && editor.perform.applyMarks(sel, { [INLINE_CODE_KEY]: context.value });
14
14
  });
15
15
  }
16
16
  match(attrs) {
17
- return !!attrs[INLINE_CODE];
17
+ return !!attrs[INLINE_CODE_KEY];
18
18
  }
19
19
  serialize(context) {
20
20
  const { op, html } = context;
21
- if (op.attributes && op.attributes[INLINE_CODE]) {
21
+ if (op.attributes && op.attributes[INLINE_CODE_KEY]) {
22
22
  const strong = document.createElement("code");
23
23
  strong.appendChild(html);
24
24
  context.html = strong;
@@ -29,11 +29,11 @@ class InlineCodePlugin extends EditorPlugin {
29
29
  const leaf = context.leafState;
30
30
  const prev = leaf.prev(false);
31
31
  const next = leaf.next(false);
32
- if (!prev || !prev.op.attributes || !prev.op.attributes[INLINE_CODE]) {
32
+ if (!prev || !prev.op.attributes || !prev.op.attributes[INLINE_CODE_KEY]) {
33
33
  context.classList.push("block-kit-inline-code-start");
34
34
  }
35
35
  context.classList.push("block-kit-inline-code");
36
- if (!next || !next.op.attributes || !next.op.attributes[INLINE_CODE]) {
36
+ if (!next || !next.op.attributes || !next.op.attributes[INLINE_CODE_KEY]) {
37
37
  context.classList.push("block-kit-inline-code-end");
38
38
  }
39
39
  return context.children;
@@ -1 +1 @@
1
- export declare const INLINE_CODE = "inline-code";
1
+ export declare const INLINE_CODE_KEY = "inline-code";
@@ -1,3 +1,3 @@
1
- const INLINE_CODE = "inline-code";
1
+ const INLINE_CODE_KEY = "inline-code";
2
2
 
3
- export { INLINE_CODE };
3
+ export { INLINE_CODE_KEY };
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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,4 +1,4 @@
1
- import { _ as __decorate } from '../../tslib.es6-910e0469.js';
1
+ import { _ as __decorate } from '../../tslib.es6-82e53812.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';
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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-910e0469.js';
1
+ import { _ as __decorate } from '../../tslib.es6-82e53812.js';
2
2
  import { EDITOR_EVENT } from '@block-kit/core';
3
3
  import { Bind } from '@block-kit/utils';
4
4
 
@@ -1,4 +1,4 @@
1
- import { _ as __decorate } from '../tslib.es6-910e0469.js';
1
+ import { _ as __decorate } from '../tslib.es6-82e53812.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,6 +1,9 @@
1
+ import { Range } from '@block-kit/core';
1
2
  import { CTRL_KEY, KEY_CODE, NIL, TRULY } from '@block-kit/utils';
2
3
  import { BOLD_KEY } from '../../bold/types/index.js';
4
+ import { LIST_TYPE_KEY, BULLET_LIST_KEY } from '../../bullet-list/types/index.js';
3
5
  import { ITALIC_KEY } from '../../italic/types/index.js';
6
+ import { ORDER_LIST_KEY } from '../../order-list/types/index.js';
4
7
  import { isKeyCode } from '../../shared/utils/is.js';
5
8
 
6
9
  const PRESET_SHORTCUT = {
@@ -18,6 +21,26 @@ const PRESET_SHORTCUT = {
18
21
  return true;
19
22
  }
20
23
  },
24
+ [LIST_TYPE_KEY]: (event, payload) => {
25
+ if (isKeyCode(event, KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
26
+ const { editor, sel } = payload;
27
+ const line = editor.state.block.getLine(sel.start.line);
28
+ const firstLeaf = line && line.getFirstLeaf();
29
+ const text = firstLeaf && firstLeaf.getText();
30
+ if (text === "1.") {
31
+ editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, 2]));
32
+ editor.command.exec(ORDER_LIST_KEY, { value: TRULY });
33
+ event.preventDefault();
34
+ return true;
35
+ }
36
+ if (text === "-") {
37
+ editor.perform.deleteForward(Range.fromTuple([sel.start.line, 0], [sel.start.line, 1]));
38
+ editor.command.exec(BULLET_LIST_KEY, { value: TRULY });
39
+ event.preventDefault();
40
+ return true;
41
+ }
42
+ }
43
+ },
21
44
  };
22
45
 
23
46
  export { PRESET_SHORTCUT };
@@ -1,6 +1,9 @@
1
1
  import "../styles/float.scss";
2
2
  import type { FC } from "react";
3
3
  export declare const FloatToolbar: FC<{
4
+ /**
5
+ * 样式类名
6
+ */
4
7
  className?: string;
5
8
  /**
6
9
  * Top 偏移
@@ -10,4 +13,15 @@ export declare const FloatToolbar: FC<{
10
13
  * Left 偏移
11
14
  */
12
15
  offsetLeft?: number;
16
+ /**
17
+ * 挂载的 DOM
18
+ */
19
+ mountDOM?: HTMLElement;
20
+ /**
21
+ * 重载工具栏位置
22
+ */
23
+ overridePosition?: (left: number, top: number) => {
24
+ left: number;
25
+ top: number;
26
+ };
13
27
  }>;
@@ -58,10 +58,11 @@ const FloatToolbar = props => {
58
58
  }
59
59
  return { top: -999999, left: -999999 };
60
60
  }, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
61
+ const overlay = props.overridePosition ? props.overridePosition(left, top) : { left, top };
61
62
  // 只读状态 / 不可见 / 鼠标按下 时隐藏
62
63
  return readonly || !visible || isMouseDown
63
64
  ? null
64
- : ReactDOM.createPortal(jsx(Toolbar, { ref: ref, className: cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), getMountDOM(editor));
65
+ : ReactDOM.createPortal(jsx(Toolbar, { ref: ref, className: cs("block-kit-float-toolbar", props.className), styles: { top: overlay.top, left: overlay.left }, children: props.children }), props.mountDOM || getMountDOM(editor));
65
66
  };
66
67
 
67
68
  export { FloatToolbar };
@@ -1,13 +1,13 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import IconCode from '@arco-design/web-react/icon/react-icon/IconCode';
3
3
  import { cs, NIL, TRULY } from '@block-kit/utils';
4
- import { INLINE_CODE } from '../../inline-code/types/index.js';
4
+ import { INLINE_CODE_KEY } from '../../inline-code/types/index.js';
5
5
  import { useToolbarContext } from '../context/provider.js';
6
6
 
7
7
  const InlineCode = () => {
8
8
  const { keys, refreshMarks, editor } = useToolbarContext();
9
- return (jsx("div", { className: cs("menu-toolbar-item", keys[INLINE_CODE] && "active"), onClick: () => {
10
- editor.command.exec(INLINE_CODE, { value: keys[INLINE_CODE] ? NIL : TRULY });
9
+ return (jsx("div", { className: cs("menu-toolbar-item", keys[INLINE_CODE_KEY] && "active"), onClick: () => {
10
+ editor.command.exec(INLINE_CODE_KEY, { value: keys[INLINE_CODE_KEY] ? NIL : TRULY });
11
11
  refreshMarks();
12
12
  }, children: jsx(IconCode, {}) }));
13
13
  };
@@ -1,7 +1,7 @@
1
1
  import { BOLD_KEY } from '../../bold/types/index.js';
2
- import { INLINE_CODE } from '../../inline-code/types/index.js';
2
+ import { INLINE_CODE_KEY } from '../../inline-code/types/index.js';
3
3
 
4
- const TOOLBAR_TYPES = [BOLD_KEY, INLINE_CODE];
4
+ const TOOLBAR_TYPES = [BOLD_KEY, INLINE_CODE_KEY];
5
5
  const TOOLBAR_KEY_SET = new Set(TOOLBAR_TYPES);
6
6
 
7
7
  export { TOOLBAR_KEY_SET, TOOLBAR_TYPES };
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var core = require('@block-kit/core');
8
8
  var delta = require('@block-kit/delta');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var core = require('@block-kit/core');
8
8
  var delta = require('@block-kit/delta');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var core = require('@block-kit/core');
8
8
  var delta = require('@block-kit/delta');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var core = require('@block-kit/core');
8
8
  var delta = require('@block-kit/delta');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var core = require('@block-kit/core');
7
7
  var delta = require('@block-kit/delta');
8
8
  var react = require('@block-kit/react');
@@ -1 +1 @@
1
- .block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;height:150px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;width:100px;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:999}.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;height:150px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;width:100px;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}
@@ -5,7 +5,7 @@ export { BACKGROUND_KEY } from "./background/types";
5
5
  export { BoldPlugin } from "./bold";
6
6
  export { BOLD_KEY } from "./bold/types";
7
7
  export { BulletListPlugin } from "./bullet-list";
8
- export { BULLET_LIST_KEY, BULLET_LIST_TYPE, LIST_TYPE_KEY } from "./bullet-list/types";
8
+ export { BULLET_LIST_TYPE, LIST_TYPE_KEY } from "./bullet-list/types";
9
9
  export { DividerPlugin } from "./divider";
10
10
  export { DIVIDER_KEY } from "./divider/types";
11
11
  export { EmojiPlugin } from "./emoji";
@@ -21,7 +21,7 @@ export { IMAGE_HEIGHT, IMAGE_KEY, IMAGE_SCALE, IMAGE_SRC, IMAGE_STATUS, IMAGE_WI
21
21
  export { IndentPlugin } from "./indent";
22
22
  export { INDENT_LEVEL_KEY } from "./indent/types";
23
23
  export { InlineCodePlugin } from "./inline-code";
24
- export { INLINE_CODE } from "./inline-code/types/index";
24
+ export { INLINE_CODE_KEY } from "./inline-code/types/index";
25
25
  export { ItalicPlugin } from "./italic/index";
26
26
  export { ITALIC_KEY } from "./italic/types";
27
27
  export { LineHeightPlugin } from "./line-height/index";
@@ -32,7 +32,7 @@ export { MentionPlugin } from "./mention";
32
32
  export { SuggestModule } from "./mention/modules/suggest";
33
33
  export { MENTION_KEY, MENTION_NAME } from "./mention/types";
34
34
  export { OrderListPlugin } from "./order-list";
35
- export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE, } from "./order-list/types";
35
+ export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_TYPE } from "./order-list/types";
36
36
  export { QuotePlugin } from "./quote";
37
37
  export { QUOTE_KEY } from "./quote/types";
38
38
  export { SelectionHOC } from "./shared/components/selection";
package/dist/lib/index.js CHANGED
@@ -62,7 +62,6 @@ exports.BACKGROUND_KEY = background_types_index.BACKGROUND_KEY;
62
62
  exports.BoldPlugin = bold_index.BoldPlugin;
63
63
  exports.BOLD_KEY = bold_types_index.BOLD_KEY;
64
64
  exports.BulletListPlugin = bulletList_index.BulletListPlugin;
65
- exports.BULLET_LIST_KEY = bulletList_types_index.BULLET_LIST_KEY;
66
65
  exports.BULLET_LIST_TYPE = bulletList_types_index.BULLET_LIST_TYPE;
67
66
  exports.LIST_TYPE_KEY = bulletList_types_index.LIST_TYPE_KEY;
68
67
  exports.DividerPlugin = divider_index.DividerPlugin;
@@ -87,7 +86,7 @@ exports.MIN_WIDTH = image_types_index.MIN_WIDTH;
87
86
  exports.IndentPlugin = indent_index.IndentPlugin;
88
87
  exports.INDENT_LEVEL_KEY = indent_types_index.INDENT_LEVEL_KEY;
89
88
  exports.InlineCodePlugin = inlineCode_index.InlineCodePlugin;
90
- exports.INLINE_CODE = inlineCode_types_index.INLINE_CODE;
89
+ exports.INLINE_CODE_KEY = inlineCode_types_index.INLINE_CODE_KEY;
91
90
  exports.ItalicPlugin = italic_index.ItalicPlugin;
92
91
  exports.ITALIC_KEY = italic_types_index.ITALIC_KEY;
93
92
  exports.LineHeightPlugin = lineHeight_index.LineHeightPlugin;
@@ -103,7 +102,6 @@ exports.MENTION_NAME = mention_types_index.MENTION_NAME;
103
102
  exports.OrderListPlugin = orderList_index.OrderListPlugin;
104
103
  exports.LIST_RESTART_KEY = orderList_types_index.LIST_RESTART_KEY;
105
104
  exports.LIST_START_KEY = orderList_types_index.LIST_START_KEY;
106
- exports.ORDER_LIST_KEY = orderList_types_index.ORDER_LIST_KEY;
107
105
  exports.ORDER_LIST_TYPE = orderList_types_index.ORDER_LIST_TYPE;
108
106
  exports.QuotePlugin = quote_index.QuotePlugin;
109
107
  exports.QUOTE_KEY = quote_types_index.QUOTE_KEY;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var core = require('@block-kit/core');
7
7
  var react = require('@block-kit/react');
8
8
  var inlineCode_types_index = require('./types/index.js');
@@ -11,18 +11,18 @@ class InlineCodePlugin extends react.EditorPlugin {
11
11
  destroy() { }
12
12
  constructor(editor) {
13
13
  super();
14
- this.key = inlineCode_types_index.INLINE_CODE;
15
- editor.command.register(inlineCode_types_index.INLINE_CODE, context => {
14
+ this.key = inlineCode_types_index.INLINE_CODE_KEY;
15
+ editor.command.register(inlineCode_types_index.INLINE_CODE_KEY, context => {
16
16
  const sel = editor.selection.get();
17
- sel && editor.perform.applyMarks(sel, { [inlineCode_types_index.INLINE_CODE]: context.value });
17
+ sel && editor.perform.applyMarks(sel, { [inlineCode_types_index.INLINE_CODE_KEY]: context.value });
18
18
  });
19
19
  }
20
20
  match(attrs) {
21
- return !!attrs[inlineCode_types_index.INLINE_CODE];
21
+ return !!attrs[inlineCode_types_index.INLINE_CODE_KEY];
22
22
  }
23
23
  serialize(context) {
24
24
  const { op, html } = context;
25
- if (op.attributes && op.attributes[inlineCode_types_index.INLINE_CODE]) {
25
+ if (op.attributes && op.attributes[inlineCode_types_index.INLINE_CODE_KEY]) {
26
26
  const strong = document.createElement("code");
27
27
  strong.appendChild(html);
28
28
  context.html = strong;
@@ -33,11 +33,11 @@ class InlineCodePlugin extends react.EditorPlugin {
33
33
  const leaf = context.leafState;
34
34
  const prev = leaf.prev(false);
35
35
  const next = leaf.next(false);
36
- if (!prev || !prev.op.attributes || !prev.op.attributes[inlineCode_types_index.INLINE_CODE]) {
36
+ if (!prev || !prev.op.attributes || !prev.op.attributes[inlineCode_types_index.INLINE_CODE_KEY]) {
37
37
  context.classList.push("block-kit-inline-code-start");
38
38
  }
39
39
  context.classList.push("block-kit-inline-code");
40
- if (!next || !next.op.attributes || !next.op.attributes[inlineCode_types_index.INLINE_CODE]) {
40
+ if (!next || !next.op.attributes || !next.op.attributes[inlineCode_types_index.INLINE_CODE_KEY]) {
41
41
  context.classList.push("block-kit-inline-code-end");
42
42
  }
43
43
  return context.children;
@@ -1 +1 @@
1
- export declare const INLINE_CODE = "inline-code";
1
+ export declare const INLINE_CODE_KEY = "inline-code";
@@ -2,6 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const INLINE_CODE = "inline-code";
5
+ const INLINE_CODE_KEY = "inline-code";
6
6
 
7
- exports.INLINE_CODE = INLINE_CODE;
7
+ exports.INLINE_CODE_KEY = INLINE_CODE_KEY;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var react = require('@block-kit/react');
8
8
  var utils = require('@block-kit/utils');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var core = require('@block-kit/core');
8
8
  var delta = require('@block-kit/delta');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var core = require('@block-kit/core');
8
8
  var delta = require('@block-kit/delta');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var core = require('@block-kit/core');
8
8
  var delta = require('@block-kit/delta');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../../tslib.es6-04264fd3.js');
6
6
  var core = require('@block-kit/core');
7
7
  var utils = require('@block-kit/utils');
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-9953fd0d.js');
5
+ var tslib_es6 = require('../tslib.es6-04264fd3.js');
6
6
  var core = require('@block-kit/core');
7
7
  var utils = require('@block-kit/utils');
8
8
  var shared_utils_event = require('../shared/utils/event.js');
@@ -2,9 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var core = require('@block-kit/core');
5
6
  var utils = require('@block-kit/utils');
6
7
  var bold_types_index = require('../../bold/types/index.js');
8
+ var bulletList_types_index = require('../../bullet-list/types/index.js');
7
9
  var italic_types_index = require('../../italic/types/index.js');
10
+ var orderList_types_index = require('../../order-list/types/index.js');
8
11
  var shared_utils_is = require('../../shared/utils/is.js');
9
12
 
10
13
  const PRESET_SHORTCUT = {
@@ -22,6 +25,26 @@ const PRESET_SHORTCUT = {
22
25
  return true;
23
26
  }
24
27
  },
28
+ [bulletList_types_index.LIST_TYPE_KEY]: (event, payload) => {
29
+ if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
30
+ const { editor, sel } = payload;
31
+ const line = editor.state.block.getLine(sel.start.line);
32
+ const firstLeaf = line && line.getFirstLeaf();
33
+ const text = firstLeaf && firstLeaf.getText();
34
+ if (text === "1.") {
35
+ editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, 2]));
36
+ editor.command.exec(orderList_types_index.ORDER_LIST_KEY, { value: utils.TRULY });
37
+ event.preventDefault();
38
+ return true;
39
+ }
40
+ if (text === "-") {
41
+ editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, 1]));
42
+ editor.command.exec(bulletList_types_index.BULLET_LIST_KEY, { value: utils.TRULY });
43
+ event.preventDefault();
44
+ return true;
45
+ }
46
+ }
47
+ },
25
48
  };
26
49
 
27
50
  exports.PRESET_SHORTCUT = PRESET_SHORTCUT;
@@ -1,6 +1,9 @@
1
1
  import "../styles/float.scss";
2
2
  import type { FC } from "react";
3
3
  export declare const FloatToolbar: FC<{
4
+ /**
5
+ * 样式类名
6
+ */
4
7
  className?: string;
5
8
  /**
6
9
  * Top 偏移
@@ -10,4 +13,15 @@ export declare const FloatToolbar: FC<{
10
13
  * Left 偏移
11
14
  */
12
15
  offsetLeft?: number;
16
+ /**
17
+ * 挂载的 DOM
18
+ */
19
+ mountDOM?: HTMLElement;
20
+ /**
21
+ * 重载工具栏位置
22
+ */
23
+ overridePosition?: (left: number, top: number) => {
24
+ left: number;
25
+ top: number;
26
+ };
13
27
  }>;
@@ -66,10 +66,11 @@ const FloatToolbar = props => {
66
66
  }
67
67
  return { top: -999999, left: -999999 };
68
68
  }, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
69
+ const overlay = props.overridePosition ? props.overridePosition(left, top) : { left, top };
69
70
  // 只读状态 / 不可见 / 鼠标按下 时隐藏
70
71
  return readonly || !visible || isMouseDown
71
72
  ? null
72
- : ReactDOM__default["default"].createPortal(jsxRuntime.jsx(toolbar_context_basic.Toolbar, { ref: ref, className: utils.cs("block-kit-float-toolbar", props.className), styles: { top: top, left: left }, children: props.children }), shared_utils_dom.getMountDOM(editor));
73
+ : ReactDOM__default["default"].createPortal(jsxRuntime.jsx(toolbar_context_basic.Toolbar, { ref: ref, className: utils.cs("block-kit-float-toolbar", props.className), styles: { top: overlay.top, left: overlay.left }, children: props.children }), props.mountDOM || shared_utils_dom.getMountDOM(editor));
73
74
  };
74
75
 
75
76
  exports.FloatToolbar = FloatToolbar;
@@ -14,8 +14,8 @@ var IconCode__default = /*#__PURE__*/_interopDefaultLegacy(IconCode);
14
14
 
15
15
  const InlineCode = () => {
16
16
  const { keys, refreshMarks, editor } = toolbar_context_provider.useToolbarContext();
17
- return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[inlineCode_types_index.INLINE_CODE] && "active"), onClick: () => {
18
- editor.command.exec(inlineCode_types_index.INLINE_CODE, { value: keys[inlineCode_types_index.INLINE_CODE] ? utils.NIL : utils.TRULY });
17
+ return (jsxRuntime.jsx("div", { className: utils.cs("menu-toolbar-item", keys[inlineCode_types_index.INLINE_CODE_KEY] && "active"), onClick: () => {
18
+ editor.command.exec(inlineCode_types_index.INLINE_CODE_KEY, { value: keys[inlineCode_types_index.INLINE_CODE_KEY] ? utils.NIL : utils.TRULY });
19
19
  refreshMarks();
20
20
  }, children: jsxRuntime.jsx(IconCode__default["default"], {}) }));
21
21
  };
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var bold_types_index = require('../../bold/types/index.js');
6
6
  var inlineCode_types_index = require('../../inline-code/types/index.js');
7
7
 
8
- const TOOLBAR_TYPES = [bold_types_index.BOLD_KEY, inlineCode_types_index.INLINE_CODE];
8
+ const TOOLBAR_TYPES = [bold_types_index.BOLD_KEY, inlineCode_types_index.INLINE_CODE_KEY];
9
9
  const TOOLBAR_KEY_SET = new Set(TOOLBAR_TYPES);
10
10
 
11
11
  exports.TOOLBAR_KEY_SET = TOOLBAR_KEY_SET;
@@ -1 +1 @@
1
- .block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;height:150px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;width:100px;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:999}.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;height:150px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;width:100px;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@block-kit/plugin",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "",
5
5
  "main": "./dist/lib/index.js",
6
6
  "types": "./dist/es/index.d.ts",
@@ -27,10 +27,10 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@arco-design/web-react": "^2.64.0",
30
- "@block-kit/core": "1.0.3",
31
- "@block-kit/delta": "1.0.3",
32
- "@block-kit/react": "1.0.3",
33
- "@block-kit/utils": "1.0.3",
30
+ "@block-kit/core": "1.0.4",
31
+ "@block-kit/delta": "1.0.4",
32
+ "@block-kit/react": "1.0.4",
33
+ "@block-kit/utils": "1.0.4",
34
34
  "@emoji-mart/data": "^1.2.1",
35
35
  "@emoji-mart/react": "^1.1.1",
36
36
  "emoji-mart": "^5.6.0"