@block-kit/plugin 1.0.4 → 1.0.6

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 (64) 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/modules/selection.js +1 -1
  19. package/dist/es/shared/utils/dom.d.ts +0 -13
  20. package/dist/es/shared/utils/dom.js +1 -18
  21. package/dist/es/shared/utils/is.d.ts +1 -2
  22. package/dist/es/shared/utils/is.js +0 -2
  23. package/dist/es/shortcut/index.js +1 -1
  24. package/dist/es/shortcut/modules/preset.js +59 -4
  25. package/dist/es/toolbar/context/basic.d.ts +2 -2
  26. package/dist/es/toolbar/context/basic.js +5 -5
  27. package/dist/es/toolbar/context/float.d.ts +1 -1
  28. package/dist/es/toolbar/context/float.js +10 -5
  29. package/dist/es/toolbar/context/provider.js +1 -0
  30. package/dist/es/toolbar/types/index.d.ts +1 -0
  31. package/dist/lib/bullet-list/index.js +1 -1
  32. package/dist/lib/divider/index.js +1 -1
  33. package/dist/lib/emoji/index.js +1 -1
  34. package/dist/lib/image/index.js +3 -4
  35. package/dist/lib/indent/index.js +1 -1
  36. package/dist/lib/index.css +1 -1
  37. package/dist/lib/index.d.ts +2 -1
  38. package/dist/lib/index.js +2 -3
  39. package/dist/lib/inline-code/index.js +1 -1
  40. package/dist/lib/link/index.js +1 -1
  41. package/dist/lib/mention/modules/suggest.d.ts +0 -1
  42. package/dist/lib/mention/modules/suggest.js +7 -24
  43. package/dist/lib/mention/utils/constant.d.ts +2 -0
  44. package/dist/lib/mention/utils/constant.js +4 -0
  45. package/dist/lib/mention/view/suggest.js +1 -1
  46. package/dist/lib/order-list/index.js +1 -1
  47. package/dist/lib/quote/index.js +1 -1
  48. package/dist/lib/shared/modules/selection.js +1 -1
  49. package/dist/lib/shared/utils/dom.d.ts +0 -13
  50. package/dist/lib/shared/utils/dom.js +0 -19
  51. package/dist/lib/shared/utils/is.d.ts +1 -2
  52. package/dist/lib/shared/utils/is.js +0 -2
  53. package/dist/lib/shortcut/index.js +1 -1
  54. package/dist/lib/shortcut/modules/preset.js +58 -3
  55. package/dist/lib/toolbar/context/basic.d.ts +2 -2
  56. package/dist/lib/toolbar/context/basic.js +4 -4
  57. package/dist/lib/toolbar/context/float.d.ts +1 -1
  58. package/dist/lib/toolbar/context/float.js +9 -4
  59. package/dist/lib/toolbar/context/provider.js +1 -0
  60. package/dist/lib/toolbar/types/index.d.ts +1 -0
  61. package/dist/styles/index.css +1 -1
  62. package/package.json +19 -7
  63. /package/dist/es/{tslib.es6-82e53812.js → tslib.es6-2af4ba24.js} +0 -0
  64. /package/dist/lib/{tslib.es6-04264fd3.js → tslib.es6-8deb1cdb.js} +0 -0
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-04264fd3.js');
5
+ var tslib_es6 = require('../tslib.es6-8deb1cdb.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: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.6" ;
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-04264fd3.js');
5
+ var tslib_es6 = require('../tslib.es6-8deb1cdb.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-04264fd3.js');
5
+ var tslib_es6 = require('../tslib.es6-8deb1cdb.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-04264fd3.js');
5
+ var tslib_es6 = require('../../tslib.es6-8deb1cdb.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-04264fd3.js');
5
+ var tslib_es6 = require('../tslib.es6-8deb1cdb.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-04264fd3.js');
5
+ var tslib_es6 = require('../tslib.es6-8deb1cdb.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-04264fd3.js');
5
+ var tslib_es6 = require('../../tslib.es6-8deb1cdb.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;
@@ -1,4 +1,3 @@
1
1
  import type { LineState } from "@block-kit/core";
2
- import type { P } from "@block-kit/utils/dist/es/types";
3
- export declare const isEmptyLine: (line: LineState | P.Nil) => boolean | null;
2
+ export declare const isEmptyLine: (line: LineState) => boolean | null;
4
3
  export declare const isKeyCode: (event: KeyboardEvent, code: number) => boolean;
@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var delta = require('@block-kit/delta');
6
6
 
7
7
  const isEmptyLine = (line) => {
8
- if (!line)
9
- return true;
10
8
  const lastLeaf = line.getLastLeaf();
11
9
  const leaves = line.getLeaves();
12
10
  // 没有最后的叶子结点, 或者仅单个节点且最后的叶子结点是换行符
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-04264fd3.js');
5
+ var tslib_es6 = require('../tslib.es6-8deb1cdb.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');
@@ -3,11 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var core = require('@block-kit/core');
6
+ var delta = require('@block-kit/delta');
6
7
  var utils = require('@block-kit/utils');
7
8
  var bold_types_index = require('../../bold/types/index.js');
8
9
  var bulletList_types_index = require('../../bullet-list/types/index.js');
10
+ var divider_types_index = require('../../divider/types/index.js');
11
+ var heading_types_index = require('../../heading/types/index.js');
9
12
  var italic_types_index = require('../../italic/types/index.js');
10
13
  var orderList_types_index = require('../../order-list/types/index.js');
14
+ var quote_types_index = require('../../quote/types/index.js');
11
15
  var shared_utils_is = require('../../shared/utils/is.js');
12
16
 
13
17
  const PRESET_SHORTCUT = {
@@ -32,19 +36,70 @@ const PRESET_SHORTCUT = {
32
36
  const firstLeaf = line && line.getFirstLeaf();
33
37
  const text = firstLeaf && firstLeaf.getText();
34
38
  if (text === "1.") {
35
- editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, 2]));
39
+ editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
36
40
  editor.command.exec(orderList_types_index.ORDER_LIST_KEY, { value: utils.TRULY });
37
41
  event.preventDefault();
38
42
  return true;
39
43
  }
40
- if (text === "-") {
41
- editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, 1]));
44
+ if (text === "-" || text === "*") {
45
+ editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
42
46
  editor.command.exec(bulletList_types_index.BULLET_LIST_KEY, { value: utils.TRULY });
43
47
  event.preventDefault();
44
48
  return true;
45
49
  }
46
50
  }
47
51
  },
52
+ [divider_types_index.DIVIDER_KEY]: (event, payload) => {
53
+ if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
54
+ const { editor, sel } = payload;
55
+ const line = editor.state.block.getLine(sel.start.line);
56
+ const firstLeaf = line && line.getFirstLeaf();
57
+ const text = firstLeaf && firstLeaf.getText();
58
+ if (text === "---") {
59
+ editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
60
+ const start = core.RawPoint.fromPoint(editor, new core.Point(sel.start.line, 0));
61
+ if (!start)
62
+ return void 0;
63
+ const delta$1 = new delta.Delta().retain(start.offset).insert(" ", { [divider_types_index.DIVIDER_KEY]: utils.TRULY });
64
+ editor.state.apply(delta$1, { preventNormalize: true });
65
+ event.preventDefault();
66
+ return true;
67
+ }
68
+ }
69
+ },
70
+ [quote_types_index.QUOTE_KEY]: (event, payload) => {
71
+ if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
72
+ const { editor, sel } = payload;
73
+ const line = editor.state.block.getLine(sel.start.line);
74
+ const firstLeaf = line && line.getFirstLeaf();
75
+ const text = firstLeaf && firstLeaf.getText();
76
+ if (text === ">") {
77
+ editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
78
+ editor.command.exec(quote_types_index.QUOTE_KEY, { value: utils.TRULY });
79
+ event.preventDefault();
80
+ return true;
81
+ }
82
+ }
83
+ },
84
+ [heading_types_index.HEADING_KEY]: (event, payload) => {
85
+ if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.SPACE) && payload.sel && payload.sel.isCollapsed) {
86
+ const { editor, sel } = payload;
87
+ const line = editor.state.block.getLine(sel.start.line);
88
+ const firstLeaf = line && line.getFirstLeaf();
89
+ const text = firstLeaf && firstLeaf.getText();
90
+ const HEADING_MAP = {
91
+ "#": "1",
92
+ "##": "2",
93
+ "###": "3",
94
+ };
95
+ if (text && HEADING_MAP[text]) {
96
+ editor.perform.deleteForward(core.Range.fromTuple([sel.start.line, 0], [sel.start.line, text.length]));
97
+ editor.command.exec(heading_types_index.HEADING_KEY, { value: "h" + HEADING_MAP[text] });
98
+ event.preventDefault();
99
+ return true;
100
+ }
101
+ }
102
+ },
48
103
  };
49
104
 
50
105
  exports.PRESET_SHORTCUT = PRESET_SHORTCUT;
@@ -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;
@@ -20,7 +20,7 @@ export declare const FloatToolbar: FC<{
20
20
  /**
21
21
  * 重载工具栏位置
22
22
  */
23
- overridePosition?: (left: number, top: number) => {
23
+ overridePosition?: () => {
24
24
  left: number;
25
25
  top: number;
26
26
  };
@@ -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) => {
@@ -53,8 +55,12 @@ const FloatToolbar = props => {
53
55
  editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
54
56
  };
55
57
  }, [editor, onWeakUp, readonly]);
58
+ const overridePosition = React.useRef(props.overridePosition);
56
59
  const { left, top } = React.useMemo(() => {
57
60
  if (!readonly && visible && !isMouseDown) {
61
+ if (overridePosition.current) {
62
+ return overridePosition.current(); // overlay
63
+ }
58
64
  const rect = editor.rect.getSelectionRect();
59
65
  if (rect) {
60
66
  const topOffset = props.offsetTop || 0;
@@ -66,11 +72,10 @@ const FloatToolbar = props => {
66
72
  }
67
73
  return { top: -999999, left: -999999 };
68
74
  }, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
69
- const overlay = props.overridePosition ? props.overridePosition(left, top) : { left, top };
70
75
  // 只读状态 / 不可见 / 鼠标按下 时隐藏
71
76
  return readonly || !visible || isMouseDown
72
77
  ? null
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));
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));
74
79
  };
75
80
 
76
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-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.4",
3
+ "version": "1.0.6",
4
4
  "description": "",
5
5
  "main": "./dist/lib/index.js",
6
6
  "types": "./dist/es/index.d.ts",
@@ -18,19 +18,31 @@
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
41
  "@arco-design/web-react": "^2.64.0",
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",
42
+ "@block-kit/core": "1.0.6",
43
+ "@block-kit/delta": "1.0.6",
44
+ "@block-kit/react": "1.0.6",
45
+ "@block-kit/utils": "1.0.6",
34
46
  "@emoji-mart/data": "^1.2.1",
35
47
  "@emoji-mart/react": "^1.1.1",
36
48
  "emoji-mart": "^5.6.0"