@block-kit/plugin 1.0.6 → 1.0.8

package/dist/es/bullet-list/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/divider/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { Point, Range } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/emoji/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { RawRange } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/font-size/index.js

@@ -1,5 +1,5 @@
 import { EditorPlugin } from '@block-kit/react';
-import { Styles } from '@block-kit/utils';
+import { Facade } from '@block-kit/utils';
 import { FONT_SIZE_KEY } from './types/index.js';
 
 class FontSizePlugin extends EditorPlugin {
@@ -19,7 +19,7 @@ class FontSizePlugin extends EditorPlugin {
         const attrs = context.attributes || {};
         const size = attrs[FONT_SIZE_KEY];
         if (size) {
-            context.style.fontSize = Styles.pixelate(size);
+            context.style.fontSize = Facade.pixelate(size);
         }
         return context.children;
     }

package/dist/es/image/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate, a as __awaiter } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate, a as __awaiter } from '../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { Point, Range, RawRange, APPLY_SOURCE } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/image/view/image.js

@@ -3,7 +3,7 @@ import IconLoading from '@arco-design/web-react/icon/react-icon/IconLoading';
 import { RawRange, APPLY_SOURCE } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { Void } from '@block-kit/react';
-import { Styles } from '@block-kit/utils';
+import { Facade } from '@block-kit/utils';
 import { SelectionHOC } from '../../shared/components/selection.js';
 import { IMAGE_SRC, IMAGE_WIDTH, IMAGE_HEIGHT, IMAGE_STATUS, LOADING_STATUS, IMAGE_SCALE } from '../types/index.js';
 import { ImageWrapper } from './wrapper.js';
@@ -33,7 +33,7 @@ const ImageView = props => {
         const delta = new Delta().retain(rawRange.start).retain(rawRange.len, next);
         editor.state.apply(delta, { source: APPLY_SOURCE.NO_UNDO, autoCaret: false });
     };
-    return (jsxs(Void, { className: "block-kit-image-container", context: context, children: [status === LOADING_STATUS.LOADING && (jsx("div", { className: "block-kit-image-loading", children: jsx(IconLoading, {}) })), jsx(SelectionHOC, { selection: selection, leaf: context.leafState, children: jsx(ImageWrapper, { editor: props.editor, src: src, leaf: context.leafState, children: jsx("img", { className: "block-kit-image", src: src, onLoad: onImageLoad, width: Styles.pixelate(width), height: Styles.pixelate(height) }) }) })] }));
+    return (jsxs(Void, { className: "block-kit-image-container", context: context, children: [status === LOADING_STATUS.LOADING && (jsx("div", { className: "block-kit-image-loading", children: jsx(IconLoading, {}) })), jsx(SelectionHOC, { selection: selection, leaf: context.leafState, children: jsx(ImageWrapper, { editor: props.editor, src: src, leaf: context.leafState, children: jsx("img", { className: "block-kit-image", src: src, onLoad: onImageLoad, width: Facade.pixelate(width), height: Facade.pixelate(height) }) }) })] }));
 };
 
 export { ImageView };

package/dist/es/indent/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { EditorPlugin } from '@block-kit/react';

package/dist/es/index.js

@@ -49,6 +49,6 @@ export { UNDERLINE_KEY } from './underline/types/index.js';
 export { FloatToolbar } from './toolbar/context/float.js';
 export { Toolbar } from './toolbar/context/basic.js';
 
-const BLOCK_KIT_VERSION = "1.0.6" ;
+const BLOCK_KIT_VERSION = "1.0.8" ;
 
 export { BLOCK_KIT_VERSION };

package/dist/es/inline-code/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { Priority } from '@block-kit/core';
 import { EditorPlugin } from '@block-kit/react';
 import { INLINE_CODE_KEY } from './types/index.js';

package/dist/es/link/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { InjectWrapKeys, EditorPlugin } from '@block-kit/react';
 import { Bind } from '@block-kit/utils';

package/dist/es/mention/modules/suggest.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { Point, EDITOR_EVENT, relativeTo, Range } from '@block-kit/core';
 import { deltaToText, Delta } from '@block-kit/delta';

package/dist/es/order-list/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/quote/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';

package/dist/es/shared/components/selection.js

@@ -25,7 +25,7 @@ class SelectionHOC extends React.PureComponent {
     onSelectionChange(range) {
         const leaf = this.props.leaf;
         const leafRange = leaf.toRange();
-        const nextState = range ? Range.intersection(leafRange, range) : false;
+        const nextState = range ? Range.intersects(leafRange, range) : false;
         if (this.state.selected !== nextState) {
             this.setState({ selected: nextState });
         }
@@ -42,9 +42,7 @@ class SelectionHOC extends React.PureComponent {
                     const { props } = child;
                     return React.cloneElement(child, Object.assign(Object.assign({}, props), { selected: selected }));
                 }
-                else {
-                    return child;
-                }
+                return child;
             }) }));
     }
 }

package/dist/es/shared/modules/selection.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../../tslib.es6-46499da4.js';
 import { EDITOR_EVENT } from '@block-kit/core';
 import { Bind } from '@block-kit/utils';
 

package/dist/es/shortcut/index.js

@@ -1,4 +1,4 @@
-import { _ as __decorate } from '../tslib.es6-2af4ba24.js';
+import { _ as __decorate } from '../tslib.es6-46499da4.js';
 import { CorePlugin, EDITOR_EVENT } from '@block-kit/core';
 import { Bind } from '@block-kit/utils';
 import { PLUGIN_EVENTS } from '../shared/utils/event.js';

package/dist/es/toolbar/context/float.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT } from '@block-kit/core';
 import { useEditorStatic, useReadonly, MountNode } from '@block-kit/react';
 import { cs } from '@block-kit/utils';
-import { useMemoFn } from '@block-kit/utils/dist/es/hooks';
+import { useForceUpdate, useMemoFn } from '@block-kit/utils/dist/es/hooks';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import ReactDOM from 'react-dom';
 import { Toolbar } from './basic.js';
@@ -11,11 +11,13 @@ const FloatToolbar = props => {
     const { editor } = useEditorStatic();
     const { readonly } = useReadonly();
     const ref = useRef(null);
-    const [visible, setVisible] = useState(false);
+    const { index, forceUpdate } = useForceUpdate();
     const [isMouseDown, setIsMouseDown] = useState(false);
-    const onWeakUp = useMemoFn((wakeUp) => {
-        if (editor.state.isFocused() && wakeUp) {
+    const [visible, setVisible] = useState(false);
+    const onCaretWeakUp = useMemoFn((wakeUp) => {
+        if (!readonly && editor.state.isFocused() && wakeUp) {
             setVisible(true);
+            !isMouseDown && forceUpdate();
         }
         else {
             setVisible(false);
@@ -36,7 +38,7 @@ const FloatToolbar = props => {
         const onSelectionChange = (e) => {
             const { current } = e;
             const isWakeUp = current ? !current.isCollapsed : false;
-            onWeakUp(isWakeUp);
+            onCaretWeakUp(isWakeUp);
         };
         document.addEventListener(EDITOR_EVENT.MOUSE_UP, onMouseUp);
         document.addEventListener(EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
@@ -46,14 +48,13 @@ const FloatToolbar = props => {
             document.removeEventListener(EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
             editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
         };
-    }, [editor, onWeakUp, readonly]);
-    const overridePosition = useRef(props.overridePosition);
+    }, [editor, onCaretWeakUp, readonly]);
     const { left, top } = useMemo(() => {
         if (!readonly && visible && !isMouseDown) {
-            if (overridePosition.current) {
-                return overridePosition.current(); // overlay
+            if (props.overridePosition) {
+                return props.overridePosition(); // overlay
             }
-            const rect = editor.rect.getSelectionRect();
+            const rect = editor.rect.getCaretRect();
             if (rect) {
                 const topOffset = props.offsetTop || 0;
                 const leftOffset = props.offsetLeft || 0;
@@ -63,7 +64,8 @@ const FloatToolbar = props => {
             }
         }
         return { top: -999999, left: -999999 };
-    }, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [index, readonly, visible, isMouseDown]);
     // 只读状态 / 不可见 / 鼠标按下 时隐藏
     return readonly || !visible || isMouseDown
         ? null

package/dist/lib/bullet-list/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/divider/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/emoji/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/font-size/index.js

@@ -23,7 +23,7 @@ class FontSizePlugin extends react.EditorPlugin {
         const attrs = context.attributes || {};
         const size = attrs[fontSize_types_index.FONT_SIZE_KEY];
         if (size) {
-            context.style.fontSize = utils.Styles.pixelate(size);
+            context.style.fontSize = utils.Facade.pixelate(size);
         }
         return context.children;
     }

package/dist/lib/image/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/image/view/image.js

@@ -41,7 +41,7 @@ const ImageView = props => {
         const delta$1 = new delta.Delta().retain(rawRange.start).retain(rawRange.len, next);
         editor.state.apply(delta$1, { source: core.APPLY_SOURCE.NO_UNDO, autoCaret: false });
     };
-    return (jsxRuntime.jsxs(react.Void, { className: "block-kit-image-container", context: context, children: [status === image_types_index.LOADING_STATUS.LOADING && (jsxRuntime.jsx("div", { className: "block-kit-image-loading", children: jsxRuntime.jsx(IconLoading__default["default"], {}) })), jsxRuntime.jsx(shared_components_selection.SelectionHOC, { selection: selection, leaf: context.leafState, children: jsxRuntime.jsx(image_view_wrapper.ImageWrapper, { editor: props.editor, src: src, leaf: context.leafState, children: jsxRuntime.jsx("img", { className: "block-kit-image", src: src, onLoad: onImageLoad, width: utils.Styles.pixelate(width), height: utils.Styles.pixelate(height) }) }) })] }));
+    return (jsxRuntime.jsxs(react.Void, { className: "block-kit-image-container", context: context, children: [status === image_types_index.LOADING_STATUS.LOADING && (jsxRuntime.jsx("div", { className: "block-kit-image-loading", children: jsxRuntime.jsx(IconLoading__default["default"], {}) })), jsxRuntime.jsx(shared_components_selection.SelectionHOC, { selection: selection, leaf: context.leafState, children: jsxRuntime.jsx(image_view_wrapper.ImageWrapper, { editor: props.editor, src: src, leaf: context.leafState, children: jsxRuntime.jsx("img", { className: "block-kit-image", src: src, onLoad: onImageLoad, width: utils.Facade.pixelate(width), height: utils.Facade.pixelate(height) }) }) })] }));
 };
 
 exports.ImageView = ImageView;

package/dist/lib/indent/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');
 var react = require('@block-kit/react');

package/dist/lib/index.js

@@ -53,7 +53,7 @@ var underline_types_index = require('./underline/types/index.js');
 var toolbar_context_float = require('./toolbar/context/float.js');
 var toolbar_context_basic = require('./toolbar/context/basic.js');
 
-const BLOCK_KIT_VERSION = "1.0.6" ;
+const BLOCK_KIT_VERSION = "1.0.8" ;
 
 exports.AlignPlugin = align_index.AlignPlugin;
 exports.ALIGN_KEY = align_types_index.ALIGN_KEY;

package/dist/lib/inline-code/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var core = require('@block-kit/core');
 var react = require('@block-kit/react');
 var inlineCode_types_index = require('./types/index.js');

package/dist/lib/link/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@block-kit/react');
 var utils = require('@block-kit/utils');

package/dist/lib/mention/modules/suggest.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/order-list/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/quote/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');

package/dist/lib/shared/components/selection.js

@@ -33,7 +33,7 @@ class SelectionHOC extends React__default["default"].PureComponent {
     onSelectionChange(range) {
         const leaf = this.props.leaf;
         const leafRange = leaf.toRange();
-        const nextState = range ? core.Range.intersection(leafRange, range) : false;
+        const nextState = range ? core.Range.intersects(leafRange, range) : false;
         if (this.state.selected !== nextState) {
             this.setState({ selected: nextState });
         }
@@ -50,9 +50,7 @@ class SelectionHOC extends React__default["default"].PureComponent {
                     const { props } = child;
                     return React__default["default"].cloneElement(child, Object.assign(Object.assign({}, props), { selected: selected }));
                 }
-                else {
-                    return child;
-                }
+                return child;
             }) }));
     }
 }

package/dist/lib/shared/modules/selection.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../../tslib.es6-d0928055.js');
 var core = require('@block-kit/core');
 var utils = require('@block-kit/utils');
 

package/dist/lib/shortcut/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-8deb1cdb.js');
+var tslib_es6 = require('../tslib.es6-d0928055.js');
 var core = require('@block-kit/core');
 var utils = require('@block-kit/utils');
 var shared_utils_event = require('../shared/utils/event.js');

package/dist/lib/toolbar/context/float.js

@@ -19,11 +19,13 @@ const FloatToolbar = props => {
     const { editor } = react.useEditorStatic();
     const { readonly } = react.useReadonly();
     const ref = React.useRef(null);
-    const [visible, setVisible] = React.useState(false);
+    const { index, forceUpdate } = hooks.useForceUpdate();
     const [isMouseDown, setIsMouseDown] = React.useState(false);
-    const onWeakUp = hooks.useMemoFn((wakeUp) => {
-        if (editor.state.isFocused() && wakeUp) {
+    const [visible, setVisible] = React.useState(false);
+    const onCaretWeakUp = hooks.useMemoFn((wakeUp) => {
+        if (!readonly && editor.state.isFocused() && wakeUp) {
             setVisible(true);
+            !isMouseDown && forceUpdate();
         }
         else {
             setVisible(false);
@@ -44,7 +46,7 @@ const FloatToolbar = props => {
         const onSelectionChange = (e) => {
             const { current } = e;
             const isWakeUp = current ? !current.isCollapsed : false;
-            onWeakUp(isWakeUp);
+            onCaretWeakUp(isWakeUp);
         };
         document.addEventListener(core.EDITOR_EVENT.MOUSE_UP, onMouseUp);
         document.addEventListener(core.EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
@@ -54,14 +56,13 @@ const FloatToolbar = props => {
             document.removeEventListener(core.EDITOR_EVENT.MOUSE_DOWN, onMouseDown);
             editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, onSelectionChange);
         };
-    }, [editor, onWeakUp, readonly]);
-    const overridePosition = React.useRef(props.overridePosition);
+    }, [editor, onCaretWeakUp, readonly]);
     const { left, top } = React.useMemo(() => {
         if (!readonly && visible && !isMouseDown) {
-            if (overridePosition.current) {
-                return overridePosition.current(); // overlay
+            if (props.overridePosition) {
+                return props.overridePosition(); // overlay
             }
-            const rect = editor.rect.getSelectionRect();
+            const rect = editor.rect.getCaretRect();
             if (rect) {
                 const topOffset = props.offsetTop || 0;
                 const leftOffset = props.offsetLeft || 0;
@@ -71,7 +72,8 @@ const FloatToolbar = props => {
             }
         }
         return { top: -999999, left: -999999 };
-    }, [editor.rect, readonly, visible, isMouseDown, props.offsetLeft, props.offsetTop]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [index, readonly, visible, isMouseDown]);
     // 只读状态 / 不可见 / 鼠标按下 时隐藏
     return readonly || !visible || isMouseDown
         ? null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@block-kit/plugin",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "",
   "main": "./dist/lib/index.js",
   "types": "./dist/es/index.d.ts",
@@ -38,14 +38,14 @@
     "react-dom": ">=16"
   },
   "dependencies": {
-    "@arco-design/web-react": "^2.64.0",
-    "@block-kit/core": "1.0.6",
-    "@block-kit/delta": "1.0.6",
-    "@block-kit/react": "1.0.6",
-    "@block-kit/utils": "1.0.6",
-    "@emoji-mart/data": "^1.2.1",
-    "@emoji-mart/react": "^1.1.1",
-    "emoji-mart": "^5.6.0"
+    "@arco-design/web-react": "2.64.0",
+    "@block-kit/core": "1.0.8",
+    "@block-kit/delta": "1.0.8",
+    "@block-kit/react": "1.0.8",
+    "@block-kit/utils": "1.0.8",
+    "@emoji-mart/data": "1.2.1",
+    "@emoji-mart/react": "1.1.1",
+    "emoji-mart": "5.6.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "22.0.1",