@mnykj/wangeditoroptimize-basic-modules 1.0.0 → 1.0.1

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-import { i18nAddResources, DomEditor, t, genModalInputElems, genModalButtonElems, canRemoveEmptyLineAboveBlock, resolveElemPath, insertEmptyLineAboveAtPath, removeEmptyLineAboveTopLevelBlock, setBlockToParagraph, replaceBlockWithEmptyLine, pinEditorScrollDuring, getEditorNodeAtPath as getEditorNodeAtPath$1, isBlankParagraphNode } from '@mnykj/wangeditoroptimize-core';
+import { i18nAddResources, DomEditor, t, genModalInputElems, genModalButtonElems, genEmptyParagraph, pinEditorScrollDuring, canRemoveEmptyLineAboveBlock, removeEmptyLineAboveTopLevelBlock, resolveElemPath, insertEmptyLineAboveAtPath, setBlockToParagraph, replaceBlockWithEmptyLine, getEditorNodeAtPath as getEditorNodeAtPath$1, isBlankParagraphNode } from '@mnykj/wangeditoroptimize-core';
 import { jsx, h } from 'snabbdom';
-import { Text, Editor, Element as Element$1, Node, Transforms, Range, Point } from 'slate';
+import { Text, Editor, Element as Element$1, Node, Transforms, Range, Path, Point } from 'slate';
 import $, { css, append, prepend, addClass, removeClass, hasClass, on, off, focus, attr, removeAttr, hide, show, parents, dataset, val, text, html as html$2, children, remove, find, width, height, filter, empty as empty$2 } from 'dom7';
 import { nanoid } from 'nanoid';
 import throttle from 'lodash.throttle';
@@ -9,7 +9,9 @@ var enResources = {
   common: {
     ok: 'OK',
     delete: 'Delete',
-    enter: 'Enter'
+    enter: 'Enter',
+    enterAbove: 'Enter (blank line above)',
+    cancelEnter: 'Cancel enter'
   },
   blockQuote: {
     title: 'Quote'
@@ -98,7 +100,9 @@ var zhResources = {
   common: {
     ok: '确定',
     delete: '删除',
-    enter: '回车'
+    enter: '回车',
+    enterAbove: '回车（上方空行）',
+    cancelEnter: '取消回车'
   },
   blockQuote: {
     title: '引用'
@@ -2650,6 +2654,7 @@ var SUP_SVG = '<svg viewBox="0 0 1024 1024"><path d="M768 206.016v50.016h128v64h
 var SUB_SVG = '<svg viewBox="0 0 1024 1024"><path d="M768 910.016v50.016h128v64h-192v-146.016l128-60V768h-128v-64h192v146.016zM676 256h-136L352 444 164 256H28l256 256-256 256h136L352 580 540 768h136l-256-256z"></path></svg>';
 var CHECK_BOX_SVG = '<svg viewBox="0 0 1024 1024"><path d="M278.755556 403.911111l-79.644445 79.644445L455.111111 739.555556l568.888889-568.888889-79.644444-79.644445L455.111111 580.266667l-176.355555-176.355556zM910.222222 910.222222H113.777778V113.777778h568.888889V0H113.777778C51.2 0 0 51.2 0 113.777778v796.444444c0 62.577778 51.2 113.777778 113.777778 113.777778h796.444444c62.577778 0 113.777778-51.2 113.777778-113.777778V455.111111h-113.777778v455.111111z"></path></svg>';
 var ENTER_SVG = '<svg viewBox="0 0 1255 1024"><path d="M1095.111111 731.477333h-625.777778V1024L0 658.318222 469.333333 292.408889v292.636444h625.777778V0h156.444445v731.477333z"></path></svg>';
+var CANCEL_ENTER_SVG = '<svg viewBox="0 0 1024 1024"><path d="M436 680H124v-56h312l-124-124 42-42 220 220-220 220-42-42 124-124z"></path><path d="M198 128l64-64 628 628-64 64z"></path></svg>';
 
 var BoldMenu =
 function (_super) {
@@ -3035,43 +3040,53 @@ function () {
   HeaderSelectMenu.prototype.getOptions = function (editor) {
     var options = [
     {
+      value: 'paragraph',
+      text: t('header.text'),
+      styleForRenderMenuList: {
+        'font-size': '14px',
+        'font-weight': 'normal',
+        'line-height': '1.25'
+      }
+    }, {
       value: 'header1',
       text: 'H1',
       styleForRenderMenuList: {
         'font-size': '32px',
-        'font-weight': 'bold'
+        'font-weight': 'bold',
+        'line-height': '1.25'
       }
     }, {
       value: 'header2',
       text: 'H2',
       styleForRenderMenuList: {
         'font-size': '24px',
-        'font-weight': 'bold'
+        'font-weight': 'bold',
+        'line-height': '1.25'
       }
     }, {
       value: 'header3',
       text: 'H3',
       styleForRenderMenuList: {
         'font-size': '18px',
-        'font-weight': 'bold'
+        'font-weight': 'bold',
+        'line-height': '1.25'
       }
     }, {
       value: 'header4',
       text: 'H4',
       styleForRenderMenuList: {
         'font-size': '16px',
-        'font-weight': 'bold'
+        'font-weight': 'bold',
+        'line-height': '1.25'
       }
     }, {
       value: 'header5',
       text: 'H5',
       styleForRenderMenuList: {
         'font-size': '13px',
-        'font-weight': 'bold'
+        'font-weight': 'bold',
+        'line-height': '1.25'
       }
-    }, {
-      value: 'paragraph',
-      text: t('header.text')
     }];
     var curValue = this.getValue(editor).toString();
     options.forEach(function (opt) {
@@ -3609,6 +3624,14 @@ var color = {
   menus: [colorMenuConf, bgColorMenuConf]
 };
 
+// `String.prototype.anchor` method
+// https://tc39.es/ecma262/#sec-string.prototype.anchor
+_export$1({ target: 'String', proto: true, forced: stringHtmlForced('anchor') }, {
+  anchor: function anchor(name) {
+    return createHtml(this, 'a', 'name', name);
+  }
+});
+
 /**
  * Expose `isUrl`.
  */
@@ -3810,46 +3833,13 @@ function insertLink(editor, text, url) {
     });
   });
 }
-function updateLink(editor, text, url) {
-  return __awaiter(this, void 0, void 0, function () {
-    var checkRes, parsedUrl, props;
-    return __generator(this, function (_a) {
-      switch (_a.label) {
-        case 0:
-          if (!url) return [2
-          ];
-          return [4
-          , check$2('editLink', editor, text, url)];
-        case 1:
-          checkRes = _a.sent();
-          if (!checkRes) return [2
-          ];
-          return [4
-          , parse('editLink', editor, url)
-          ];
-        case 2:
-          parsedUrl = _a.sent();
-          props = {
-            url: replaceSymbols(parsedUrl)
-          };
-          Transforms.setNodes(editor, props, {
-            match: function match(n) {
-              return DomEditor.checkNodeType(n, 'link');
-            }
-          });
-          return [2
-          ];
-      }
-    });
-  });
-}
 
 function withLink(editor) {
   var isInline = editor.isInline,
       insertData = editor.insertData,
       normalizeNode = editor.normalizeNode;
       editor.insertNode;
-      editor.insertText;
+      var insertText = editor.insertText;
   var newEditor = editor;
   newEditor.isInline = function (elem) {
     var type = elem.type;
@@ -3858,6 +3848,41 @@ function withLink(editor) {
     }
     return isInline(elem);
   };
+  newEditor.insertText = function (text) {
+    var selection = newEditor.selection;
+    if (text && selection && Range.isCollapsed(selection)) {
+      var linkEntry = Editor.above(newEditor, {
+        at: selection,
+        match: function match(n) {
+          return DomEditor.checkNodeType(n, 'link');
+        }
+      });
+      if (linkEntry) {
+        var _a = __read(linkEntry, 2),
+            linkPath = _a[1];
+        if (Editor.isEnd(newEditor, selection.anchor, linkPath)) {
+          var after = Editor.after(newEditor, linkPath);
+          if (after) {
+            Transforms.select(newEditor, after);
+          } else {
+            var nextPath = Path.next(linkPath);
+            Transforms.insertNodes(newEditor, {
+              text: ''
+            }, {
+              at: nextPath
+            });
+            Transforms.select(newEditor, {
+              path: nextPath,
+              offset: 0
+            });
+          }
+          insertText(text);
+          return;
+        }
+      }
+    }
+    insertText(text);
+  };
   newEditor.insertData = function (data) {
     var text = data.getData('text/plain');
     if (!isUrl_1(text)) {
@@ -3941,161 +3966,6 @@ var parseHtmlConf$4 = {
   parseElemHtml: parseHtml$4
 };
 
-function genDomID$3() {
-  return genRandomStr('w-e-insert-link');
-}
-var InsertLinkMenu =
-function () {
-  function InsertLinkMenu() {
-    this.title = t('link.insert');
-    this.iconSvg = LINK_SVG;
-    this.tag = 'button';
-    this.showModal = true;
-    this.modalWidth = 300;
-    this.$content = null;
-    this.textInputId = genDomID$3();
-    this.urlInputId = genDomID$3();
-    this.buttonId = genDomID$3();
-  }
-  InsertLinkMenu.prototype.getValue = function (editor) {
-    return '';
-  };
-  InsertLinkMenu.prototype.isActive = function (editor) {
-    return false;
-  };
-  InsertLinkMenu.prototype.exec = function (editor, value) {
-  };
-  InsertLinkMenu.prototype.isDisabled = function (editor) {
-    return isMenuDisabled(editor);
-  };
-  InsertLinkMenu.prototype.getModalPositionNode = function (editor) {
-    return null;
-  };
-  InsertLinkMenu.prototype.getModalContentElem = function (editor) {
-    var selection = editor.selection;
-    var _a = this,
-        textInputId = _a.textInputId,
-        urlInputId = _a.urlInputId,
-        buttonId = _a.buttonId;
-    var _b = __read(genModalInputElems(t('link.text'), textInputId), 2),
-        textContainerElem = _b[0],
-        inputTextElem = _b[1];
-    var $inputText = $(inputTextElem);
-    var _c = __read(genModalInputElems(t('link.url'), urlInputId), 2),
-        urlContainerElem = _c[0],
-        inputUrlElem = _c[1];
-    var $inputUrl = $(inputUrlElem);
-    var _d = __read(genModalButtonElems(buttonId, t('common.ok')), 1),
-        buttonContainerElem = _d[0];
-    if (this.$content == null) {
-      var $content_1 = $('<div></div>');
-      $content_1.on('click', "#" + buttonId, function (e) {
-        e.preventDefault();
-        var text = $content_1.find("#" + textInputId).val();
-        var url = $content_1.find("#" + urlInputId).val();
-        insertLink(editor, text, url);
-        editor.hidePanelOrModal();
-      });
-      this.$content = $content_1;
-    }
-    var $content = this.$content;
-    $content.empty();
-    $content.append(textContainerElem);
-    $content.append(urlContainerElem);
-    $content.append(buttonContainerElem);
-    if (selection == null || Range.isCollapsed(selection)) {
-      $inputText.val('');
-    } else {
-      var selectionText = Editor.string(editor, selection);
-      $inputText.val(selectionText);
-    }
-    $inputUrl.val('');
-    setTimeout(function () {
-      $inputText.focus();
-    });
-    return $content[0];
-  };
-  return InsertLinkMenu;
-}();
-
-function genDomID$2() {
-  return genRandomStr('w-e-update-link');
-}
-var EditLinkMenu =
-function () {
-  function EditLinkMenu() {
-    this.title = t('link.edit');
-    this.iconSvg = PENCIL_SVG;
-    this.tag = 'button';
-    this.showModal = true;
-    this.modalWidth = 300;
-    this.$content = null;
-    this.urlInputId = genDomID$2();
-    this.buttonId = genDomID$2();
-  }
-  EditLinkMenu.prototype.getSelectedLinkElem = function (editor) {
-    var node = DomEditor.getSelectedNodeByType(editor, 'link');
-    if (node == null) return null;
-    return node;
-  };
-  EditLinkMenu.prototype.getValue = function (editor) {
-    var linkElem = this.getSelectedLinkElem(editor);
-    if (linkElem) {
-      return linkElem.url || '';
-    }
-    return '';
-  };
-  EditLinkMenu.prototype.isActive = function (editor) {
-    return false;
-  };
-  EditLinkMenu.prototype.exec = function (editor, value) {
-  };
-  EditLinkMenu.prototype.isDisabled = function (editor) {
-    if (editor.selection == null) return true;
-    var linkElem = this.getSelectedLinkElem(editor);
-    if (linkElem == null) return true;
-    return false;
-  };
-  EditLinkMenu.prototype.getModalPositionNode = function (editor) {
-    return DomEditor.getSelectedNodeByType(editor, 'link');
-  };
-  EditLinkMenu.prototype.getModalContentElem = function (editor) {
-    var _a = this,
-        urlInputId = _a.urlInputId,
-        buttonId = _a.buttonId;
-    var _b = __read(genModalInputElems(t('link.url'), urlInputId), 2),
-        urlContainerElem = _b[0],
-        inputUrlElem = _b[1];
-    var $inputUrl = $(inputUrlElem);
-    var _c = __read(genModalButtonElems(buttonId, t('common.ok')), 1),
-        buttonContainerElem = _c[0];
-    if (this.$content == null) {
-      var $content_1 = $('<div></div>');
-      $content_1.on('click', 'button', function (e) {
-        e.preventDefault();
-        editor.restoreSelection();
-        var n = DomEditor.getSelectedNodeByType(editor, 'link');
-        var text = n ? Node.string(n) : '';
-        var url = $content_1.find("#" + urlInputId).val();
-        updateLink(editor, text, url);
-        editor.hidePanelOrModal();
-      });
-      this.$content = $content_1;
-    }
-    var $content = this.$content;
-    $content.empty();
-    $content.append(urlContainerElem);
-    $content.append(buttonContainerElem);
-    var url = this.getValue(editor);
-    $inputUrl.val(url);
-    setTimeout(function () {
-      $inputUrl.focus();
-    });
-    return $content[0];
-  };
-  return EditLinkMenu;
-}();
-
 var UnLink =
 function () {
   function UnLink() {
@@ -4207,14 +4077,6 @@ _export$1({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$1 }, {
   }
 });
 
-// `String.prototype.anchor` method
-// https://tc39.es/ecma262/#sec-string.prototype.anchor
-_export$1({ target: 'String', proto: true, forced: stringHtmlForced('anchor') }, {
-  anchor: function anchor(name) {
-    return createHtml(this, 'a', 'name', name);
-  }
-});
-
 var linkFormApplying = false;
 function syncApplyingFlag() {
   try {
@@ -4295,7 +4157,7 @@ function () {
     }
     this.tag = 'button';
     this.showModal = true;
-    this.modalWidth = 440;
+    this.modalWidth = 300;
     this._root = null;
     this._editor = null;
     this._editLinkPath = null;
@@ -4579,7 +4441,7 @@ function () {
     });
   };
   LinkFormMenu.prototype._onRootClick = function (e) {
-    var _a, _b, _c;
+    var _a, _b;
     var editor = this._editor;
     if (!editor || editor.isDestroyed) return;
     var el = e.target;
@@ -4592,13 +4454,6 @@ function () {
       setLinkFormModalOpen(false, editor);
       return;
     }
-    if (action === 'visit') {
-      var urlInput = (_c = this._root) === null || _c === void 0 ? void 0 : _c.querySelector("#" + this._urlInputId);
-      var href = normalizeLinkUrl(String((urlInput === null || urlInput === void 0 ? void 0 : urlInput.value) || '').trim());
-      if (!href) return;
-      window.open(href, '_blank', 'noopener,noreferrer');
-      return;
-    }
     if (action === 'ok') {
       void this._apply(editor);
     }
@@ -4664,7 +4519,7 @@ function () {
       }
       url = '';
     }
-    this._root.innerHTML = "\n      <div class=\"mdgch-edit-link-row\">\n        <span class=\"mdgch-edit-link-label\">\u6587\u672C</span>\n        <input type=\"text\" class=\"mdgch-edit-link-input\" id=\"" + this._textInputId + "\" autocomplete=\"off\" />\n        <span class=\"mdgch-edit-link-visit-spacer\" aria-hidden=\"true\">\u8BBF\u95EE</span>\n      </div>\n      <div class=\"mdgch-edit-link-row\">\n        <span class=\"mdgch-edit-link-label\">\u94FE\u63A5</span>\n        <input type=\"text\" class=\"mdgch-edit-link-input\" id=\"" + this._urlInputId + "\" autocomplete=\"off\" />\n        <button type=\"button\" class=\"mdgch-edit-link-visit\" data-w-e-link-action=\"visit\">\u8BBF\u95EE</button>\n      </div>\n      <div class=\"mdgch-edit-link-actions\">\n        <button type=\"button\" class=\"mdgch-edit-link-btn mdgch-edit-link-btn-cancel\" data-w-e-link-action=\"cancel\">\u53D6\u6D88</button>\n        <button type=\"button\" class=\"mdgch-edit-link-btn mdgch-edit-link-btn-ok\" data-w-e-link-action=\"ok\">\u786E\u5B9A</button>\n      </div>\n    ";
+    this._root.innerHTML = "\n      <div class=\"mdgch-edit-link-row\">\n        <span class=\"mdgch-edit-link-label\">\u6587\u672C</span>\n        <input type=\"text\" class=\"mdgch-edit-link-input\" id=\"" + this._textInputId + "\" autocomplete=\"off\" />\n      </div>\n      <div class=\"mdgch-edit-link-row\">\n        <span class=\"mdgch-edit-link-label\">\u94FE\u63A5</span>\n        <input type=\"text\" class=\"mdgch-edit-link-input\" id=\"" + this._urlInputId + "\" autocomplete=\"off\" />\n      </div>\n      <div class=\"mdgch-edit-link-actions\">\n        <button type=\"button\" class=\"mdgch-edit-link-btn mdgch-edit-link-btn-cancel\" data-w-e-link-action=\"cancel\"><span>\u53D6\u6D88</span></button>\n        <button type=\"button\" class=\"mdgch-edit-link-btn mdgch-edit-link-btn-ok\" data-w-e-link-action=\"ok\"><span>\u786E\u5B9A</span></button>\n      </div>\n    ";
     var textInput = this._root.querySelector("#" + this._textInputId);
     var urlInput = this._root.querySelector("#" + this._urlInputId);
     if (textInput) textInput.value = text;
@@ -4731,14 +4586,14 @@ var config$1 = genLinkMenuConfig();
 var insertLinkMenuConf = {
   key: 'insertLink',
   factory: function factory() {
-    return new InsertLinkMenu();
+    return new LinkFormMenu('insert');
   },
   config: config$1
 };
 var editLinkMenuConf = {
   key: 'editLink',
   factory: function factory() {
-    return new EditLinkMenu();
+    return new LinkFormMenu('edit');
   },
   config: config$1
 };
@@ -5677,6 +5532,86 @@ function (_super) {
   return ImageWidth100;
 }(ImageWidthBaseClass);
 
+var ImageEnterAbove =
+function () {
+  function ImageEnterAbove() {
+    this.title = t('common.enterAbove');
+    this.iconSvg = ENTER_SVG;
+    this.tag = 'button';
+  }
+  ImageEnterAbove.prototype.getValue = function (_editor) {
+    return '';
+  };
+  ImageEnterAbove.prototype.isActive = function (_editor) {
+    return false;
+  };
+  ImageEnterAbove.prototype.isDisabled = function (editor) {
+    if (editor.selection == null) return true;
+    return DomEditor.getSelectedNodeByType(editor, 'image') == null;
+  };
+  ImageEnterAbove.prototype.exec = function (editor, _value) {
+    if (this.isDisabled(editor)) return;
+    var imageNode = DomEditor.getSelectedNodeByType(editor, 'image');
+    if (imageNode == null) return;
+    var path;
+    try {
+      path = DomEditor.findPath(editor, imageNode);
+    } catch (_) {
+      return;
+    }
+    if (!(path === null || path === void 0 ? void 0 : path.length)) return;
+    var at = [path[0]];
+    var emptyP = genEmptyParagraph(editor);
+    pinEditorScrollDuring(editor, function () {
+      Transforms.insertNodes(editor, emptyP, {
+        at: at
+      });
+      try {
+        Transforms.select(editor, Editor.start(editor, [at[0] + 1]));
+      } catch (_) {
+      }
+    });
+  };
+  return ImageEnterAbove;
+}();
+
+var ImageCancelEnter =
+function () {
+  function ImageCancelEnter() {
+    this.title = t('common.cancelEnter');
+    this.iconSvg = CANCEL_ENTER_SVG;
+    this.tag = 'button';
+  }
+  ImageCancelEnter.prototype.getValue = function (_editor) {
+    return '';
+  };
+  ImageCancelEnter.prototype.isActive = function (_editor) {
+    return false;
+  };
+  ImageCancelEnter.prototype.isDisabled = function (editor) {
+    if (editor.selection == null) return true;
+    var imageNode = DomEditor.getSelectedNodeByType(editor, 'image');
+    if (imageNode == null) return true;
+    try {
+      var path = DomEditor.findPath(editor, imageNode);
+      return !canRemoveEmptyLineAboveBlock(editor, path);
+    } catch (_) {
+      return true;
+    }
+  };
+  ImageCancelEnter.prototype.exec = function (editor, _value) {
+    if (this.isDisabled(editor)) return;
+    var imageNode = DomEditor.getSelectedNodeByType(editor, 'image');
+    if (imageNode == null) return;
+    try {
+      var path = DomEditor.findPath(editor, imageNode);
+      removeEmptyLineAboveTopLevelBlock(editor, path);
+    } catch (_) {
+    }
+  };
+  return ImageCancelEnter;
+}();
+
 function genImageMenuConfig() {
   return {
     onInsertedImage: function onInsertedImage(imageElem) {
@@ -5743,12 +5678,24 @@ var imageWidth100MenuConf = {
     return new ImageWidth100();
   }
 };
+var imageEnterMenuConf = {
+  key: 'imageEnter',
+  factory: function factory() {
+    return new ImageEnterAbove();
+  }
+};
+var imageCancelEnterMenuConf = {
+  key: 'imageCancelEnter',
+  factory: function factory() {
+    return new ImageCancelEnter();
+  }
+};
 
 var image$1 = {
   renderElems: [renderImageConf],
   elemsToHtml: [imageToHtmlConf],
   parseElemsHtml: [parseHtmlConf$3],
-  menus: [insertImageMenuConf, deleteImageMenuConf, editImageMenuConf, viewImageLinkMenuConf, imageWidth30MenuConf, imageWidth50MenuConf, imageWidth75MenuConf, imageWidth100MenuConf],
+  menus: [insertImageMenuConf, deleteImageMenuConf, editImageMenuConf, viewImageLinkMenuConf, imageWidth30MenuConf, imageWidth50MenuConf, imageWidth75MenuConf, imageWidth100MenuConf, imageEnterMenuConf, imageCancelEnterMenuConf],
   editorPlugin: withImage
 };
 
@@ -6075,7 +6022,7 @@ function renderBlockQuote(elemNode, children, editor) {
     attrs: {
       class: 'mdg-bq-with-toolbar'
     }
-  }, __spreadArray([toolbar], __read(kids)));
+  }, __spreadArray(__spreadArray([], __read(kids)), [toolbar]));
 }
 var renderBlockQuoteConf = {
   type: 'blockquote',
@@ -9513,7 +9460,8 @@ var blockquoteMergedMenuConf = {
 
 function withBlockquote(editor) {
   var insertBreak = editor.insertBreak,
-      insertText = editor.insertText;
+      insertText = editor.insertText,
+      insertData = editor.insertData;
   var newEditor = editor;
   newEditor.insertBreak = function () {
     var selection = newEditor.selection;
@@ -9547,6 +9495,30 @@ function withBlockquote(editor) {
     }
     insertText('\n');
   };
+  newEditor.insertData = function (data) {
+    var quoteNode = DomEditor.getSelectedNodeByType(newEditor, 'blockquote');
+    if (quoteNode == null) {
+      insertData(data);
+      return;
+    }
+    var files = data.files;
+    if (files && files.length > 0) {
+      insertData(data);
+      return;
+    }
+    var html = data.getData('text/html');
+    if (html && /<img[^>]+>/i.test(html)) {
+      insertData(data);
+      return;
+    }
+    var text = data.getData('text/plain');
+    if (!text) {
+      insertData(data);
+      return;
+    }
+    var normalized = text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+    Editor.insertText(newEditor, normalized);
+  };
   return newEditor;
 }
 
@@ -11038,11 +11010,55 @@ function getLastTextLineBeforeSelection(codeNode, editor) {
   if (length === 0) return '';
   return arr[length - 1];
 }
+function outdentCodeSelection(editor) {
+  var selection = editor.selection;
+  if (selection == null) return;
+  if (!Path.equals(Range.start(selection).path, Range.end(selection).path)) return;
+  var path = Range.start(selection).path;
+  var textNode = Node.get(editor, path);
+  if (!Text.isText(textNode)) return;
+  var fullText = textNode.text;
+  var rangeStart = Range.start(selection).offset;
+  var rangeEnd = Range.isCollapsed(selection) ? rangeStart : Range.end(selection).offset;
+  var lineStarts = [];
+  var lineStart = 0;
+  for (var i = 0; i <= fullText.length; i++) {
+    if (i === fullText.length || fullText[i] === '\n') {
+      var lineEnd = i;
+      if (Range.isCollapsed(selection)) {
+        if (lineStart <= rangeStart && rangeStart <= lineEnd) {
+          lineStarts.push(lineStart);
+        }
+      } else if (lineEnd > rangeStart && lineStart <= rangeEnd) {
+        lineStarts.push(lineStart);
+      }
+      lineStart = i + 1;
+    }
+  }
+  for (var i = lineStarts.length - 1; i >= 0; i--) {
+    var ls = lineStarts[i];
+    var m = fullText.slice(ls).match(/^(?:\t| {1,4})/);
+    if (!m) continue;
+    var len = m[0].length;
+    Transforms.delete(editor, {
+      at: {
+        anchor: {
+          path: path,
+          offset: ls
+        },
+        focus: {
+          path: path,
+          offset: ls + len
+        }
+      }
+    });
+  }
+}
 function withCodeBlock(editor) {
   var insertBreak = editor.insertBreak,
       normalizeNode = editor.normalizeNode,
-      insertData = editor.insertData;
-      editor.insertNode;
+      insertData = editor.insertData,
+      handleShiftTab = editor.handleShiftTab;
   var newEditor = editor;
   newEditor.insertBreak = function () {
     var codeNode = DomEditor.getSelectedNodeByType(newEditor, 'code');
@@ -11061,6 +11077,14 @@ function withCodeBlock(editor) {
     }
     newEditor.insertText('\n');
   };
+  newEditor.handleShiftTab = function () {
+    var codeNode = DomEditor.getSelectedNodeByType(newEditor, 'code');
+    if (codeNode == null) {
+      if (typeof handleShiftTab === 'function') handleShiftTab();
+      return;
+    }
+    outdentCodeSelection(newEditor);
+  };
   newEditor.normalizeNode = function (_a) {
     var _b = __read(_a, 2),
         node = _b[0],