lakelib 0.1.21 → 0.1.22

package/lib/lake.js

@@ -5173,7 +5173,7 @@ function removeBox(range) {
     return box;
 }
 
-var version = "0.1.21";
+var version = "0.1.22";
 
 // Returns the attributes of the element as an key-value object.
 function getAttributes(node) {
@@ -5974,60 +5974,65 @@ class Editor {
         this.unsavedInputData = '';
         this.unsavedInputCount = 0;
     }
-    // Binds events about input.
+    // Handles input event.
+    handleInputEvent(event) {
+        var _a;
+        this.selection.updateByRange();
+        const range = this.selection.range;
+        if (range.isInsideBox) {
+            return;
+        }
+        if (range.isBoxStart || range.isBoxEnd) {
+            this.moveBoxStripText();
+            this.history.save();
+            return;
+        }
+        const inputType = event instanceof CompositionEvent ? 'insertText' : event.inputType;
+        if (inputType === 'insertText') {
+            const inputData = (_a = event.data) !== null && _a !== void 0 ? _a : '';
+            if (inputData.length > 1) {
+                this.history.save({
+                    inputType: 'insertText',
+                    update: false,
+                });
+                return;
+            }
+            this.unsavedInputData += inputData;
+            this.unsavedInputCount++;
+            if (this.unsavedInputData.length < this.config.minChangeSize) {
+                this.history.save({
+                    inputType: 'insertText',
+                    update: this.unsavedInputCount > 1,
+                });
+            }
+            else {
+                this.history.save({
+                    inputType: 'insertText',
+                    update: true,
+                });
+                this.resetUnsavedInputData();
+            }
+            return;
+        }
+        this.history.save();
+    }
+    // Binds events about inputting text.
     bindInputEvents() {
         this.container.on('compositionstart', () => {
             this.isComposing = true;
+            this.container.removeClass('lake-placeholder');
         });
-        this.container.on('compositionend', () => {
+        this.container.on('compositionend', event => {
             this.isComposing = false;
+            this.handleInputEvent(event);
         });
         this.container.on('input', event => {
             const inputEvent = event;
-            // Here setTimeout is necessary because isComposing is not false after ending composition.
-            window.setTimeout(() => {
-                var _a;
-                const range = this.selection.range;
-                if (range.isInsideBox) {
-                    return;
-                }
-                // isComposing is false after ending composition because compositionend event has been emitted.
-                if (this.isComposing) {
-                    if (inputEvent.inputType === 'insertCompositionText') {
-                        this.container.removeClass('lake-placeholder');
-                    }
-                    this.event.emit('input', inputEvent);
-                    return;
-                }
-                if (range.isBoxStart || range.isBoxEnd) {
-                    this.moveBoxStripText();
-                    this.history.save();
-                    this.event.emit('input', inputEvent);
-                    return;
-                }
-                if (inputEvent.inputType === 'insertText' ||
-                    inputEvent.inputType === 'insertCompositionText') {
-                    this.unsavedInputData += (_a = inputEvent.data) !== null && _a !== void 0 ? _a : '';
-                    this.unsavedInputCount++;
-                    if (this.unsavedInputData.length < this.config.minChangeSize) {
-                        this.history.save({
-                            inputType: 'insertText',
-                            update: this.unsavedInputCount > 1,
-                        });
-                    }
-                    else {
-                        this.history.save({
-                            inputType: 'insertText',
-                            update: true,
-                        });
-                        this.resetUnsavedInputData();
-                    }
-                    this.event.emit('input', inputEvent);
-                    return;
-                }
-                this.history.save();
-                this.event.emit('input', inputEvent);
-            }, 0);
+            this.isComposing = inputEvent.isComposing;
+            if (this.isComposing) {
+                return;
+            }
+            this.handleInputEvent(event);
         });
     }
     // Binds events about history.
@@ -6058,8 +6063,8 @@ class Editor {
         this.history.event.on('save', (value, options) => {
             this.removeBoxGarbage();
             executeCommonMethods(value);
-            this.selection.sync();
             if (options.inputType !== 'insertText') {
+                this.selection.sync();
                 this.resetUnsavedInputData();
             }
         });
@@ -6953,10 +6958,6 @@ class Toolbar {
             tabIndex: -1,
             onClick: () => {
                 editor.focus();
-                const range = editor.selection.range;
-                if (!editor.container.contains(range.commonAncestor)) {
-                    range.shrinkAfter(editor.container);
-                }
                 item.onClick(editor, item.name);
             },
         });
@@ -7265,16 +7266,16 @@ const codeBlockBox = {
         const boxValue = box.value;
         const langItem = langItemMap.get(boxValue.lang);
         const language = new Compartment();
-        const changeHandler = (value) => {
-            // Here setTimeout is necessary because isComposing is not false after ending composition.
-            window.setTimeout(() => {
-                if (editor.isComposing) {
-                    return;
-                }
-                box.updateValue('code', value);
-                editor.history.save();
-            }, 0);
-        };
+        const changeHandler = debounce((value) => {
+            editor.selection.updateByRange();
+            if (editor.isComposing) {
+                return;
+            }
+            box.updateValue('code', value);
+            editor.history.save();
+        }, 1, {
+            immediate: false,
+        });
         const updateListener = EditorView.updateListener.of((update) => {
             if (!update.docChanged) {
                 return;
@@ -7570,20 +7571,11 @@ function openFullScreen(box) {
         }
         return placeholderSrc;
     });
-    let savedRange;
     lightbox.on('openingAnimationEnd', () => {
-        savedRange = editor.selection.range;
         box.event.emit('openfullscreen');
     });
     lightbox.on('destroy', () => {
-        window.setTimeout(() => {
-            if (savedRange) {
-                // fix(image): lose focus when zooming in the iOS
-                editor.selection.range = savedRange;
-                editor.selection.sync();
-            }
-            box.event.emit('closefullscreen');
-        }, 0);
+        box.event.emit('closefullscreen');
     });
     lightbox.init();
     lightbox.loadAndOpen(currentIndex);
@@ -10194,7 +10186,8 @@ var backspaceKey = (editor) => {
             const boxNode = range.commonAncestor.closest('lake-box');
             const box = getBox(boxNode);
             const boxValue = box.value;
-            if (box.name === 'codeBlock' && (boxValue.code === undefined || boxValue.code === '')) {
+            if (range.isCollapsed && box.name === 'codeBlock' &&
+                (boxValue.code === undefined || boxValue.code === '')) {
                 event.preventDefault();
                 editor.selection.removeBox(box);
                 editor.history.save();