@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.
- package/dist/es/bullet-list/index.js +1 -1
- package/dist/es/divider/index.js +1 -1
- package/dist/es/emoji/index.js +1 -1
- package/dist/es/image/index.js +4 -5
- package/dist/es/indent/index.js +1 -1
- package/dist/es/index.css +1 -1
- package/dist/es/index.d.ts +2 -1
- package/dist/es/index.js +5 -1
- package/dist/es/inline-code/index.js +1 -1
- package/dist/es/link/index.js +1 -1
- package/dist/es/mention/modules/suggest.d.ts +0 -1
- package/dist/es/mention/modules/suggest.js +6 -19
- package/dist/es/mention/utils/constant.d.ts +2 -0
- package/dist/es/mention/utils/constant.js +3 -1
- package/dist/es/mention/view/suggest.js +2 -2
- package/dist/es/order-list/index.js +1 -1
- package/dist/es/quote/index.js +1 -1
- package/dist/es/shared/modules/selection.js +1 -1
- package/dist/es/shared/utils/dom.d.ts +0 -13
- package/dist/es/shared/utils/dom.js +1 -18
- package/dist/es/shared/utils/is.d.ts +1 -2
- package/dist/es/shared/utils/is.js +0 -2
- package/dist/es/shortcut/index.js +1 -1
- package/dist/es/shortcut/modules/preset.js +59 -4
- package/dist/es/toolbar/context/basic.d.ts +2 -2
- package/dist/es/toolbar/context/basic.js +5 -5
- package/dist/es/toolbar/context/float.d.ts +1 -1
- package/dist/es/toolbar/context/float.js +10 -5
- package/dist/es/toolbar/context/provider.js +1 -0
- package/dist/es/toolbar/types/index.d.ts +1 -0
- package/dist/lib/bullet-list/index.js +1 -1
- package/dist/lib/divider/index.js +1 -1
- package/dist/lib/emoji/index.js +1 -1
- package/dist/lib/image/index.js +3 -4
- package/dist/lib/indent/index.js +1 -1
- package/dist/lib/index.css +1 -1
- package/dist/lib/index.d.ts +2 -1
- package/dist/lib/index.js +2 -3
- package/dist/lib/inline-code/index.js +1 -1
- package/dist/lib/link/index.js +1 -1
- package/dist/lib/mention/modules/suggest.d.ts +0 -1
- package/dist/lib/mention/modules/suggest.js +7 -24
- package/dist/lib/mention/utils/constant.d.ts +2 -0
- package/dist/lib/mention/utils/constant.js +4 -0
- package/dist/lib/mention/view/suggest.js +1 -1
- package/dist/lib/order-list/index.js +1 -1
- package/dist/lib/quote/index.js +1 -1
- package/dist/lib/shared/modules/selection.js +1 -1
- package/dist/lib/shared/utils/dom.d.ts +0 -13
- package/dist/lib/shared/utils/dom.js +0 -19
- package/dist/lib/shared/utils/is.d.ts +1 -2
- package/dist/lib/shared/utils/is.js +0 -2
- package/dist/lib/shortcut/index.js +1 -1
- package/dist/lib/shortcut/modules/preset.js +58 -3
- package/dist/lib/toolbar/context/basic.d.ts +2 -2
- package/dist/lib/toolbar/context/basic.js +4 -4
- package/dist/lib/toolbar/context/float.d.ts +1 -1
- package/dist/lib/toolbar/context/float.js +9 -4
- package/dist/lib/toolbar/context/provider.js +1 -0
- package/dist/lib/toolbar/types/index.d.ts +1 -0
- package/dist/styles/index.css +1 -1
- package/package.json +19 -7
- /package/dist/es/{tslib.es6-82e53812.js → tslib.es6-2af4ba24.js} +0 -0
- /package/dist/lib/{tslib.es6-04264fd3.js → tslib.es6-8deb1cdb.js} +0 -0
package/dist/lib/indent/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-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');
|
package/dist/lib/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;
|
|
1
|
+
.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-left:6px;margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}
|
package/dist/lib/index.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ export { QuotePlugin } from "./quote";
|
|
|
37
37
|
export { QUOTE_KEY } from "./quote/types";
|
|
38
38
|
export { SelectionHOC } from "./shared/components/selection";
|
|
39
39
|
export { SelectionPlugin } from "./shared/modules/selection";
|
|
40
|
-
export {
|
|
40
|
+
export { preventContextEvent, scrollIfNeeded } from "./shared/utils/dom";
|
|
41
41
|
export { isEmptyLine, isKeyCode } from "./shared/utils/is";
|
|
42
42
|
export { Shortcut } from "./shortcut";
|
|
43
43
|
export type { ShortcutFunc, ShortcutFuncMap } from "./shortcut/types";
|
|
@@ -48,3 +48,4 @@ export type { ToolbarContextType } from "./toolbar/context/provider";
|
|
|
48
48
|
export { ToolbarContext, useToolbarContext } from "./toolbar/context/provider";
|
|
49
49
|
export { UnderlinePlugin } from "./underline/index";
|
|
50
50
|
export { UNDERLINE_KEY } from "./underline/types";
|
|
51
|
+
export declare const BLOCK_KIT_VERSION: string;
|
package/dist/lib/index.js
CHANGED
|
@@ -53,7 +53,7 @@ var underline_types_index = require('./underline/types/index.js');
|
|
|
53
53
|
var toolbar_context_float = require('./toolbar/context/float.js');
|
|
54
54
|
var toolbar_context_basic = require('./toolbar/context/basic.js');
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
const BLOCK_KIT_VERSION = "1.0.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-
|
|
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');
|
package/dist/lib/link/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-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');
|
|
@@ -2,27 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-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
|
-
|
|
43
|
-
const PANEL_HEIGHT = 150;
|
|
44
|
-
if (caretRect.bottom + PANEL_HEIGHT <= window.innerHeight) {
|
|
37
|
+
if (caretRect.bottom + mention_utils_constant.PANEL_HEIGHT <= window.innerHeight) {
|
|
45
38
|
// 放置于下方
|
|
46
39
|
rect.top = rect.bottom + mention_utils_constant.SUGGEST_OFFSET;
|
|
47
40
|
}
|
|
48
41
|
else {
|
|
49
42
|
// 放置于上方
|
|
50
|
-
rect.top = rect.top - PANEL_HEIGHT - mention_utils_constant.SUGGEST_OFFSET;
|
|
43
|
+
rect.top = rect.top - mention_utils_constant.PANEL_HEIGHT - mention_utils_constant.SUGGEST_OFFSET;
|
|
51
44
|
}
|
|
52
45
|
this.rect = { top: rect.top, left: rect.left };
|
|
53
46
|
this.point = sel.start.clone();
|
|
@@ -75,24 +68,14 @@ class SuggestModule {
|
|
|
75
68
|
mountSuggestPanel(text = "") {
|
|
76
69
|
if (!this.rect)
|
|
77
70
|
return void 0;
|
|
78
|
-
if (!this.mountSuggestNode) {
|
|
79
|
-
this.mountSuggestNode = document.createElement("div");
|
|
80
|
-
this.mountSuggestNode.dataset.type = "mention";
|
|
81
|
-
shared_utils_dom.getMountDOM(this.editor).appendChild(this.mountSuggestNode);
|
|
82
|
-
}
|
|
83
71
|
const top = this.rect.top;
|
|
84
72
|
const left = this.rect.left;
|
|
85
|
-
const dom = this.mountSuggestNode;
|
|
86
73
|
this.isMountSuggest = true;
|
|
87
|
-
|
|
74
|
+
react.MountNode.mount(this.editor, mention_types_index.MENTION_KEY, jsxRuntime.jsx(mention_view_suggest.Suggest, { controller: this, top: top, left: left, text: text }));
|
|
88
75
|
}
|
|
89
76
|
unmountSuggestPanel() {
|
|
90
|
-
|
|
91
|
-
ReactDOM__default["default"].unmountComponentAtNode(this.mountSuggestNode);
|
|
92
|
-
}
|
|
93
|
-
this.mountSuggestNode && this.mountSuggestNode.remove();
|
|
77
|
+
react.MountNode.unmount(this.editor, mention_types_index.MENTION_KEY);
|
|
94
78
|
this.editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
|
|
95
|
-
this.mountSuggestNode = null;
|
|
96
79
|
this.isMountSuggest = false;
|
|
97
80
|
}
|
|
98
81
|
}
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const SUGGEST_OFFSET = 5;
|
|
6
|
+
const PANEL_WIDTH = 130;
|
|
7
|
+
const PANEL_HEIGHT = 150;
|
|
6
8
|
const DATA = [
|
|
7
9
|
"Alice",
|
|
8
10
|
"Bob",
|
|
@@ -26,4 +28,6 @@ const DATA = [
|
|
|
26
28
|
];
|
|
27
29
|
|
|
28
30
|
exports.DATA = DATA;
|
|
31
|
+
exports.PANEL_HEIGHT = PANEL_HEIGHT;
|
|
32
|
+
exports.PANEL_WIDTH = PANEL_WIDTH;
|
|
29
33
|
exports.SUGGEST_OFFSET = SUGGEST_OFFSET;
|
|
@@ -70,7 +70,7 @@ const Suggest = props => {
|
|
|
70
70
|
editor.event.off(core.EDITOR_EVENT.KEY_DOWN, onKeydown);
|
|
71
71
|
};
|
|
72
72
|
}, [onKeydown, editor.event]);
|
|
73
|
-
return (jsxRuntime.jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left }, onMouseDown: utils.preventNativeEvent, children: [list.map((it, index) => (jsxRuntime.jsx("div", { className: utils.cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsxRuntime.jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
|
|
73
|
+
return (jsxRuntime.jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left, width: mention_utils_constant.PANEL_WIDTH, height: mention_utils_constant.PANEL_HEIGHT }, onMouseDown: utils.preventNativeEvent, children: [list.map((it, index) => (jsxRuntime.jsx("div", { className: utils.cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsxRuntime.jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
exports.Suggest = Suggest;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-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');
|
package/dist/lib/quote/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-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-
|
|
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
|
-
|
|
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-
|
|
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,
|
|
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,
|
|
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:
|
|
4
|
+
export declare const Toolbar: FC<ToolbarProps>;
|
|
@@ -12,7 +12,7 @@ var shared_utils_event = require('../../shared/utils/event.js');
|
|
|
12
12
|
var toolbar_utils_marks = require('../utils/marks.js');
|
|
13
13
|
var toolbar_context_provider = require('./provider.js');
|
|
14
14
|
|
|
15
|
-
const Toolbar =
|
|
15
|
+
const Toolbar = props => {
|
|
16
16
|
const { editor } = react.useEditorStatic();
|
|
17
17
|
const [keys, setKeys] = React.useState({});
|
|
18
18
|
const refreshMarks = hooks.useMemoFn(() => {
|
|
@@ -48,11 +48,11 @@ const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref) => {
|
|
|
48
48
|
editor.event.off(shared_utils_event.PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, refreshMarks);
|
|
49
49
|
};
|
|
50
50
|
}, [editor.event, refreshMarks]);
|
|
51
|
-
// 浮动工具栏的情况下, 挂载时需要刷新 marks
|
|
52
51
|
React.useEffect(() => {
|
|
52
|
+
// 浮动工具栏的情况下, 挂载时需要刷新 marks
|
|
53
53
|
refreshMarks();
|
|
54
54
|
}, [refreshMarks]);
|
|
55
|
-
return (jsxRuntime.jsx("div", { ref:
|
|
55
|
+
return (jsxRuntime.jsx("div", { ref: props.onRef, style: props.styles, className: utils.cs("block-kit-menu-toolbar", props.className), onMouseDown: e => {
|
|
56
56
|
const target = e.target;
|
|
57
57
|
// 避免 float 的情况下触发按下事件
|
|
58
58
|
e.stopPropagation();
|
|
@@ -68,6 +68,6 @@ const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref) => {
|
|
|
68
68
|
refreshMarks,
|
|
69
69
|
selection: editor.selection.get(),
|
|
70
70
|
}, children: props.children }) }));
|
|
71
|
-
}
|
|
71
|
+
};
|
|
72
72
|
|
|
73
73
|
exports.Toolbar = Toolbar;
|
|
@@ -9,7 +9,6 @@ var utils = require('@block-kit/utils');
|
|
|
9
9
|
var hooks = require('@block-kit/utils/dist/es/hooks');
|
|
10
10
|
var React = require('react');
|
|
11
11
|
var ReactDOM = require('react-dom');
|
|
12
|
-
var shared_utils_dom = require('../../shared/utils/dom.js');
|
|
13
12
|
var toolbar_context_basic = require('./basic.js');
|
|
14
13
|
|
|
15
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -36,7 +35,10 @@ const FloatToolbar = props => {
|
|
|
36
35
|
const onMouseUp = () => {
|
|
37
36
|
setIsMouseDown(false);
|
|
38
37
|
};
|
|
39
|
-
const onMouseDown = () => {
|
|
38
|
+
const onMouseDown = (event) => {
|
|
39
|
+
// 避免浮动工具栏的快速重置
|
|
40
|
+
if (event.detail === 3)
|
|
41
|
+
return void 0;
|
|
40
42
|
setIsMouseDown(true);
|
|
41
43
|
};
|
|
42
44
|
const onSelectionChange = (e) => {
|
|
@@ -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, {
|
|
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;
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;
|
|
1
|
+
.block-kit-bullet-list{list-style-type:none;margin:0;padding-left:0}.block-kit-bullet-list .block-kit-bullet-item::marker{color:rgb(var(--arcoblue-6));margin-right:0;text-align:unset!important;text-align-last:unset!important}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-0{list-style-type:disc;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-1{list-style-type:circle;margin-left:20px}.block-kit-bullet-list .block-kit-bullet-item.block-kit-li-level-2{list-style-type:square;margin-left:20px}.block-kit-divider-container{padding:6px 0}.block-kit-divider{background-color:var(--color-fill-4);height:1px}.block-kit-embed-selected{box-shadow:0 0 0 1px rgba(var(--blue-7),.9)}.block-kit-emoji{height:1em;width:1em}.block-kit-heading{font-weight:700}.block-kit-heading.h1{font-size:20px;margin:10px 0}.block-kit-heading.h2{font-size:16px;margin:8px 0}.block-kit-heading.h3{font-size:14px;margin:7px 0}.block-kit-image-container{display:inline-block;position:relative}.block-kit-image-container .block-kit-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain}.block-kit-image-container .block-kit-image-loading{align-items:center;background-color:rgba(var(--gray-3),.5);bottom:0;box-sizing:border-box;color:var(--color-text-2);display:flex;font-size:23px;justify-content:center;left:0;padding:1px;position:absolute;right:0;top:0;z-index:2}.block-kit-image-preview{cursor:zoom-in}.block-kit-image-resider{position:absolute;z-index:1}.block-kit-image-resider:after{background-color:var(--color-bg-1);border:1px solid rgb(var(--arcoblue-6));border-radius:10px;content:"";display:block;height:10px;width:10px;z-index:1}.block-kit-image-resider[data-type=lt]{cursor:nwse-resize;left:-5px;top:-5px}.block-kit-image-resider[data-type=rt]{cursor:nesw-resize;right:-5px;top:-5px}.block-kit-image-resider[data-type=lb]{bottom:-5px;cursor:nesw-resize;left:-5px}.block-kit-image-resider[data-type=rb]{bottom:-5px;cursor:nwse-resize;right:-5px}.block-kit-inline-code{background-color:var(--color-fill-2);border-bottom-style:solid;border-color:var(--color-border-2);border-top-style:solid;border-width:1px;box-sizing:border-box;padding-bottom:1px;padding-top:1px}.block-kit-inline-code-start{border-bottom-left-radius:3px;border-left-style:solid;border-top-left-radius:3px;margin-left:2px;padding-left:2px}.block-kit-inline-code-end{border-bottom-right-radius:3px;border-right-style:solid;border-top-right-radius:3px;margin-right:2px;padding-right:2px}.block-kit-hyper-link{color:rgb(var(--link-6));cursor:pointer;text-decoration:none}.block-kit-mention-embed{display:inline-block;line-height:1.3}.block-kit-mention-embed .block-kit-mention-name{background-color:rgba(var(--arcoblue-6),.9);border-radius:8px;box-sizing:border-box;color:var(--color-bg-5);display:inline-block;margin:0 3px;padding:0 4px}.block-kit-suggest-panel{-ms-overflow-style:none;background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;border-radius:5px;box-shadow:0 0 4px var(--color-border-2);box-sizing:border-box;color:var(--color-text-1);font-size:13px;overflow:-moz-scrollbars-none;overflow-y:auto;overscroll-behavior:contain;padding:5px 7px;position:absolute;scrollbar-width:none;z-index:999}.block-kit-suggest-panel::-webkit-scrollbar{display:none}.block-kit-suggest-panel .block-kit-suggest-item{border-radius:4px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.block-kit-suggest-panel .block-kit-suggest-item.active{background-color:var(--color-fill-2)}.block-kit-suggest-panel .block-kit-suggest-empty{color:var(--color-text-3);margin-top:10px;text-align:center}.block-kit-order-list{display:flex;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.block-kit-order-list .block-kit-order-indicator{color:rgb(var(--arcoblue-6));margin-left:6px;margin-right:6px;user-select:none}.block-kit-order-list .block-kit-order-item{display:block;flex:1 0 0}.block-kit-quote{border-left:3px solid var(--color-border-2);color:var(--color-text-2);padding-left:10px}.block-kit-menu-toolbar .menu-toolbar-cut{background-color:var(--color-fill-3);box-sizing:border-box;margin:4px 6px;width:1px}.arco-trigger.menu-toolbar-emoji-trigger{width:352px}.arco-trigger.menu-toolbar-emoji-trigger .scroll{max-height:300px}.block-kit-color-picker{padding:10px;width:230px}.block-kit-color-picker .kit-color-picker-label{font-size:12px}.block-kit-color-picker .kit-picker-group{display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin:5px 0}.block-kit-color-picker .kit-picker-item-wrapper{border:1px solid transparent;border-radius:3px;flex-shrink:0}.block-kit-color-picker .kit-picker-item-wrapper.active{border-color:rgb(var(--arcoblue-6))}.block-kit-color-picker .kit-picker-item{align-items:center;border:1px solid var(--color-border-1);border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-wrapper{margin-right:3px;margin-top:4px}.block-kit-color-picker .kit-picker-background-case .kit-picker-item{border-color:transparent}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background{border-color:var(--color-border-2);overflow:hidden;position:relative}.block-kit-color-picker .kit-picker-background-case .kit-picker-item-empty-background:before{background-color:var(--color-border-3);content:"";height:33px;left:7px;position:absolute;top:-9px;transform:rotate(-45deg);width:1px;z-index:2}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case{align-items:center;display:flex;padding:3px 0}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .kit-color-block{border-radius:3px;padding:0 5px}.block-kit-menu-toolbar .menu-toolbar-item.kit-color-case .menu-toolbar-icon-down{margin-left:0;margin-right:3px}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item{position:relative}.block-kit-toolbar-dropdown .block-kit-toolbar-height-item .arco-icon-check{left:5px;position:absolute}.block-kit-link-popup{background-color:var(--color-bg-1);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);padding:10px 15px;position:relative;width:330px}.block-kit-link-popup .arco-form-size-small .arco-form-label-item>label{font-size:13px}.block-kit-link-popup .arco-form-item{margin:5px 0}.block-kit-link-popup .block-kit-link-popup-button{bottom:15px;position:absolute;right:15px}.block-kit-link-popup .block-kit-link-popup-button .arco-btn{margin-left:10px}.block-kit-link-popup .block-kit-link-popup-go{cursor:pointer}.block-kit-menu-toolbar{border-bottom:1px solid var(--color-border-3);display:flex;padding:6px 5px;user-select:none}.block-kit-menu-toolbar .menu-toolbar-item{align-items:center;border-radius:3px;color:var(--color-text-1);cursor:pointer;display:flex;margin:0 3px;padding:3px 7px}.block-kit-menu-toolbar .menu-toolbar-item.active,.block-kit-menu-toolbar .menu-toolbar-item:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.block-kit-menu-toolbar .menu-toolbar-item.disable{background-color:unset;color:var(--color-text-3)}.block-kit-menu-toolbar .menu-toolbar-icon-down{font-size:12px;margin-left:3px}.block-kit-toolbar-dropdown{background-color:var(--color-bg-1);border:1px solid var(--color-border-2);border-radius:3px;box-shadow:0 0 4px var(--color-border-2);color:var(--color-text-1)}.block-kit-toolbar-dropdown>.kit-toolbar-node{align-items:center;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:5px;width:70px}.block-kit-toolbar-dropdown>.kit-toolbar-node>.arco-icon{font-size:13px}.block-kit-toolbar-dropdown>.kit-toolbar-node:hover{background-color:var(--color-fill-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.block-kit-float-toolbar{animation:fade-in .3s;background-color:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:3px;box-shadow:1px 2px 4px var(--color-border-2);position:absolute;transform:translate(-50%,-100%);z-index:99999}.block-kit-menu-toolbar.block-kit-float-toolbar{border-bottom:unset}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item{color:var(--color-text-1);margin:0 5px}.block-kit-menu-toolbar.block-kit-float-toolbar .menu-toolbar-item.kit-color-case{margin:0;padding:3px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@block-kit/plugin",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.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
|
-
"
|
|
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.
|
|
31
|
-
"@block-kit/delta": "1.0.
|
|
32
|
-
"@block-kit/react": "1.0.
|
|
33
|
-
"@block-kit/utils": "1.0.
|
|
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"
|
|
File without changes
|
|
File without changes
|