@worktile/theia 3.0.0-next.2 → 3.0.0-next.5

package/bundles/worktile-theia.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('slate-angular'), require('ngx-tethys/core'), require('is-hotkey'), require('slate'), require('slate-history'), require('rxjs'), require('ngx-tethys/popover'), require('ngx-tethys/icon'), require('ngx-tethys/input'), require('@atinc/selene'), require('lodash'), require('@angular/cdk/overlay'), require('marked'), require('ngx-tethys/alert'), require('rxjs/operators'), require('ngx-tethys/uploader'), require('@angular/platform-browser'), require('ngx-tethys/progress'), require('ngx-tethys/nav'), require('ngx-tethys/tooltip'), require('ng-codemirror'), require('ngx-tethys/notify'), require('ngx-tethys/action-menu'), require('ngx-tethys/switch'), require('ngx-tethys/resizable'), require('is-url'), require('ngx-tethys/button'), require('ngx-tethys/form'), require('ngx-tethys/shared'), require('ngx-tethys'), require('@angular/cdk/coercion'), require('@angular/cdk/portal'), require('ngx-tethys/list'), require('ngx-tethys/autocomplete'), require('ngx-tethys/avatar'), require('ngx-tethys/select')) :
-    typeof define === 'function' && define.amd ? define('@worktile/theia', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'slate-angular', 'ngx-tethys/core', 'is-hotkey', 'slate', 'slate-history', 'rxjs', 'ngx-tethys/popover', 'ngx-tethys/icon', 'ngx-tethys/input', '@atinc/selene', 'lodash', '@angular/cdk/overlay', 'marked', 'ngx-tethys/alert', 'rxjs/operators', 'ngx-tethys/uploader', '@angular/platform-browser', 'ngx-tethys/progress', 'ngx-tethys/nav', 'ngx-tethys/tooltip', 'ng-codemirror', 'ngx-tethys/notify', 'ngx-tethys/action-menu', 'ngx-tethys/switch', 'ngx-tethys/resizable', 'is-url', 'ngx-tethys/button', 'ngx-tethys/form', 'ngx-tethys/shared', 'ngx-tethys', '@angular/cdk/coercion', '@angular/cdk/portal', 'ngx-tethys/list', 'ngx-tethys/autocomplete', 'ngx-tethys/avatar', 'ngx-tethys/select'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.worktile = global.worktile || {}, global.worktile.theia = {}), global.ng.core, global.ng.common, global.ng.forms, global.i1, global.core, global.isHotkey, global.slate, global.slateHistory, global.rxjs, global.i1$1, global.i4, global.i5, global.selene, global._lodash, global.ng.cdk.overlay, global.marked, global.i1$2, global.rxjs.operators, global.uploader, global.ng.platformBrowser, global.i6, global.i3, global.i5$1, global.i8, global.i1$4, global.i2$1, global.i5$2, global.i9, global.isUrl, global.i1$5, global.i2$2, global.i5$3, global.i1$6, global.ng.cdk.coercion, global.ng.cdk.portal, global.i1$7, global.autocomplete, global.avatar, global.select));
-})(this, (function (exports, i0, i10, i4$1, i1, core, isHotkey, slate, slateHistory, rxjs, i1$1, i4, i5, selene, _lodash, i2, marked, i1$2, operators, uploader, i1$3, i6, i3, i5$1, i8, i1$4, i2$1, i5$2, i9, isUrl, i1$5, i2$2, i5$3, i1$6, coercion, portal, i1$7, autocomplete, avatar, select) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('slate-angular'), require('ngx-tethys/core'), require('is-hotkey'), require('slate'), require('slate-history'), require('rxjs'), require('ngx-tethys/popover'), require('ngx-tethys/icon'), require('ngx-tethys/input'), require('@atinc/selene'), require('lodash'), require('ngx-tethys/util'), require('@angular/cdk/overlay'), require('marked'), require('ngx-tethys/alert'), require('rxjs/operators'), require('ngx-tethys/uploader'), require('@angular/platform-browser'), require('ngx-tethys/progress'), require('ngx-tethys/nav'), require('ngx-tethys/tooltip'), require('ng-codemirror'), require('ngx-tethys/notify'), require('ngx-tethys/action-menu'), require('ngx-tethys/switch'), require('ngx-tethys/resizable'), require('is-url'), require('ngx-tethys/button'), require('ngx-tethys/form'), require('ngx-tethys/shared'), require('ngx-tethys'), require('@angular/cdk/coercion'), require('@angular/cdk/portal'), require('ngx-tethys/list'), require('ngx-tethys/autocomplete'), require('ngx-tethys/avatar'), require('ngx-tethys/select')) :
+    typeof define === 'function' && define.amd ? define('@worktile/theia', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'slate-angular', 'ngx-tethys/core', 'is-hotkey', 'slate', 'slate-history', 'rxjs', 'ngx-tethys/popover', 'ngx-tethys/icon', 'ngx-tethys/input', '@atinc/selene', 'lodash', 'ngx-tethys/util', '@angular/cdk/overlay', 'marked', 'ngx-tethys/alert', 'rxjs/operators', 'ngx-tethys/uploader', '@angular/platform-browser', 'ngx-tethys/progress', 'ngx-tethys/nav', 'ngx-tethys/tooltip', 'ng-codemirror', 'ngx-tethys/notify', 'ngx-tethys/action-menu', 'ngx-tethys/switch', 'ngx-tethys/resizable', 'is-url', 'ngx-tethys/button', 'ngx-tethys/form', 'ngx-tethys/shared', 'ngx-tethys', '@angular/cdk/coercion', '@angular/cdk/portal', 'ngx-tethys/list', 'ngx-tethys/autocomplete', 'ngx-tethys/avatar', 'ngx-tethys/select'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.worktile = global.worktile || {}, global.worktile.theia = {}), global.ng.core, global.ng.common, global.ng.forms, global.i1, global.core, global.isHotkey, global.slate, global.slateHistory, global.rxjs, global.i1$1, global.i4, global.i5, global.selene, global._lodash, global.util, global.ng.cdk.overlay, global.marked, global.i1$2, global.rxjs.operators, global.uploader, global.ng.platformBrowser, global.i6, global.i3, global.i5$1, global.i8, global.i1$4, global.i2$1, global.i5$2, global.i9, global.isUrl, global.i1$5, global.i2$2, global.i5$3, global.i1$6, global.ng.cdk.coercion, global.ng.cdk.portal, global.i1$7, global.autocomplete, global.avatar, global.select));
+})(this, (function (exports, i0, i10, i4$1, i1, core, isHotkey, slate, slateHistory, rxjs, i1$1, i4, i5, selene, _lodash, util, i2, marked, i1$2, operators, uploader, i1$3, i6, i3, i5$1, i8, i1$4, i2$1, i5$2, i9, isUrl, i1$5, i2$2, i5$3, i1$6, coercion, portal, i1$7, autocomplete, avatar, select) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1415,24 +1415,7 @@
                 p.options = {};
             if (!p.nestedStructureByKey)
                 p.nestedStructureByKey = {};
-            // 如果有 key 重复则进行覆盖
-            for (var key in p.nestedStructureByKey) {
-                if (!editor.nestedStructureByKey[key]) {
-                    editor.nestedStructureByKey[key] = p.nestedStructureByKey[key];
-                }
-            }
-            if (!editor.pluginsByKey[p.key]) {
-                editor.plugins.push(p);
-                editor.pluginsByKey[p.key] = p;
-            }
-            else {
-                var index = editor.plugins.indexOf(editor.pluginsByKey[p.key]);
-                var mergedPlugin = _.defaultsDeep(p, editor.pluginsByKey[p.key]);
-                if (index >= 0) {
-                    editor.plugins[index] = mergedPlugin;
-                }
-                editor.pluginsByKey[p.key] = mergedPlugin;
-            }
+            editor.plugins.push(p);
             flattenDeepPlugins(editor, p.plugins);
         });
     };
@@ -1442,7 +1425,7 @@
         return (_a = editor === null || editor === void 0 ? void 0 : editor.plugins) !== null && _a !== void 0 ? _a : [];
     };
 
-    var getPluginsByKey = function (editor) {
+    var getPluginByKey = function (editor) {
         var plugins = {};
         if (editor === null || editor === void 0 ? void 0 : editor.pluginsByKey) {
             return editor.pluginsByKey;
@@ -1450,7 +1433,7 @@
         return plugins;
     };
 
-    var getPlugin = function (editor, key) { return getPluginsByKey(editor)[key]; };
+    var getPlugin = function (editor, key) { return getPluginByKey(editor)[key]; };
 
     var getPluginOptions = function (editor, key) { var _a; return (_a = getPlugin(editor, key).options) !== null && _a !== void 0 ? _a : {}; };
 
@@ -1462,36 +1445,174 @@
                 newOptions[option] = _.union(options[option], override.options[option]);
                 continue;
             }
-            newOptions[option] = options[option];
+            if (util.isObject(options[option])) {
+                newOptions[option] = _.assign(options[option], override.options[option]);
+            }
+            newOptions[option] = override.options[option];
         }
         plugin.options = newOptions;
         return plugin;
     };
 
-    /**
-     * 将每个 plugin 从 `overrideByKey` 递归深度合并到具有相同 key 的 plugin（plugin > plugin.plugins）。
-     */
-    var overridePluginsByKey = function (plugin, overrideByKey, nested) {
-        if (overrideByKey === void 0) { overrideByKey = {}; }
-        if (overrideByKey[plugin.key]) {
-            plugin = mergeOptions(plugin, overrideByKey[plugin.key]);
-            var _a = overrideByKey[plugin.key], pluginOverridesPlugins = _a.plugins, pluginOverrides = __rest(_a, ["plugins"]);
-            plugin = _.defaultsDeep(pluginOverrides, plugin);
-            if (!nested) {
-                pluginOverridesPlugins === null || pluginOverridesPlugins === void 0 ? void 0 : pluginOverridesPlugins.forEach(function (pOverrides) {
-                    if (!plugin.plugins)
-                        plugin.plugins = [];
-                    var found = plugin.plugins.find(function (p) { return p.key === pOverrides.key; });
-                    if (!found)
-                        plugin.plugins.push(pOverrides);
+    var combinePlugins = function (editor) {
+        // withOverrides
+        editor.plugins.forEach(function (plugin) {
+            if (plugin.withOverrides) {
+                editor = plugin.withOverrides(editor, plugin);
+            }
+        });
+        return editor;
+    };
+
+    var mergeDeepPlugins = function (editor, _plugins) {
+        _plugins.forEach(function (plugin) {
+            if (plugin.overrideByKey) {
+                var newPlugins = _plugins.filter(function (p) { return plugin.overrideByKey[p.key]; });
+                newPlugins.forEach(function (p) {
+                    if (editor.pluginsByKey[p.key]) {
+                        p = mergeOptions(p, plugin.overrideByKey[p.key]);
+                        editor.pluginsByKey[p.key] = _.defaultsDeep(p, plugin.overrideByKey[p.key]);
+                    }
                 });
             }
+        });
+    };
+
+    var nestedStructureByKey = function (editor, plugins) {
+        // 如果有 key 重复则进行覆盖
+        plugins.forEach(function (p) {
+            for (var key in p.nestedStructureByKey) {
+                if (!editor.nestedStructureByKey[key]) {
+                    editor.nestedStructureByKey[key] = p.nestedStructureByKey[key];
+                }
+            }
+        });
+    };
+
+    var pluginsByKey = function (editor, plugins) {
+        if (!plugins)
+            return;
+        plugins.forEach(function (p) {
+            if (!editor.pluginsByKey[p.key]) {
+                editor.pluginsByKey[p.key] = p;
+            }
+        });
+    };
+
+    var withTheia = function (editor, plugins) {
+        if (plugins === void 0) { plugins = []; }
+        var e = editor;
+        e.renderElement = function (element) { return null; };
+        e.renderLeaf = function (text) { return null; };
+        e.isContainer = function (value) { return false; };
+        e.extraElementOptions = [];
+        e.disabled = false;
+        e.plugins = [];
+        e.pluginsByKey = {};
+        e.nestedStructureByKey = {};
+        // withOverridesByKey
+        flattenDeepPlugins(e, plugins);
+        // mount pluginsByKey
+        pluginsByKey(e, plugins);
+        // mount nestedStructureByKey
+        nestedStructureByKey(e, e.plugins);
+        // merge plugin to pluginByKey
+        mergeDeepPlugins(e, e.plugins);
+        e = combinePlugins(e);
+        return e;
+    };
+
+    var createPluginFactory = function (defaultPlugin) { return function (override, overrideByKey) {
+        if (overrideByKey === void 0) { overrideByKey = {}; }
+        return defaultPlugin;
+    }; };
+
+    var toolbarInitialize = function (toolbarItems, global, inline, quick) {
+        if (global === void 0) { global = DefaultGlobalToolbarDefinition; }
+        if (inline === void 0) { inline = DefaultInlineToolbarDefinition; }
+        if (quick === void 0) { quick = DefaultQuickToolbarDefinition; }
+        var toolbarDefinition = {
+            global: global,
+            inline: inline,
+            quick: quick
+        };
+        var toolbarOperations = new Map();
+        toolbarItems.forEach(function (i) { return toolbarOperations.set(i.key, i); });
+        var toolbarEntity = nextToolbarEntity(toolbarDefinition, toolbarOperations);
+        return {
+            toolbarDefinition: toolbarDefinition,
+            toolbarOperations: toolbarOperations,
+            toolbarEntity: toolbarEntity
+        };
+    };
+    var nextToolbarEntity = function (toolbarDefinition, toolbarItems) {
+        var entity = {};
+        for (var defKey in toolbarDefinition) {
+            entity[defKey] = getToolbarItemByKeys(toolbarDefinition[defKey], toolbarItems);
         }
-        if (plugin.plugins) {
-            plugin.plugins = plugin.plugins.map(function (p) { return overridePluginsByKey(p, overrideByKey, true); });
+        return entity;
+    };
+    var getToolbarItemByKeys = function (keys, toolbarItems) {
+        var items = [];
+        keys.forEach(function (key) {
+            if (key === "split") {
+                items.push({ key: "split" });
+                return;
+            }
+            var item = toolbarItems.get(key);
+            if (item && item.includes) {
+                items.push(Object.assign(Object.assign({}, item), { includes: getToolbarItemByKeys(item.includes, toolbarItems) }));
+                return;
+            }
+            if (item) {
+                items.push(item);
+            }
+        });
+        return items;
+    };
+    var createToolbar = function (editor, toolbar) {
+        var toolbarItems = editor === null || editor === void 0 ? void 0 : editor.plugins.reduce(function (prevItems, nextPlugin) {
+            var _a;
+            prevItems.push.apply(prevItems, __spreadArray([], __read(((_a = nextPlugin === null || nextPlugin === void 0 ? void 0 : nextPlugin.toolbarItems) !== null && _a !== void 0 ? _a : []))));
+            return prevItems;
+        }, []);
+        var toolbarOption = toolbarInitialize(toolbarItems, toolbar === null || toolbar === void 0 ? void 0 : toolbar.global, toolbar === null || toolbar === void 0 ? void 0 : toolbar.inline, toolbar === null || toolbar === void 0 ? void 0 : toolbar.quick);
+        var globalToolbarClass = ['the-global-toolbar', getToolbarClass(editor)];
+        var toolbarEntity = toolbarOption.toolbarEntity;
+        return {
+            globalToolbarClass: globalToolbarClass,
+            toolbarEntity: toolbarEntity
+        };
+    };
+
+    var UNDOING = new WeakMap();
+    var REDOING = new WeakMap();
+    var withTheHistory = function (editor) {
+        var undo = editor.undo, redo = editor.redo;
+        editor.undo = function () {
+            UNDOING.set(editor, true);
+            undo();
+            UNDOING.set(editor, false);
+        };
+        editor.redo = function () {
+            REDOING.set(editor, true);
+            redo();
+            REDOING.set(editor, false);
+        };
+        return editor;
+    };
+    var TheHistoryEditor = {
+        isUndoing: function (editor) {
+            return UNDOING.get(editor);
+        },
+        isRedoing: function (editor) {
+            return REDOING.get(editor);
         }
-        return plugin;
     };
+    var createTheHistoryPlugin = createPluginFactory({
+        key: exports.PluginKeys.theHistory,
+        withOverrides: withTheHistory
+    });
 
     var setMarks = function (editor, marks, at) {
         slate.Transforms.setNodes(editor, marks, {
@@ -1521,8 +1642,6 @@
         }
     };
 
-    var insertElement = function (editor, element) { return editor.insertElement(element); };
-
     var isAncestor = function (node) { return slate.Element.isElement(node) || slate.Editor.isEditor(node); };
 
     var getLastChild$1 = function (node, level) {
@@ -2247,18 +2366,78 @@
         return parentEntry;
     };
 
-    var isTypesInParent = function (editor, types) {
-        if (!Array.isArray(types)) {
-            types = [types];
-        }
+    var getInsertElementsPath = function (editor, allowParentTypes) {
         var _a = __read(getBlockAbove(editor), 2), anchorPath = _a[1];
         if (!anchorPath)
             return false;
-        var parentEntry = slate.Editor.above(editor, { match: function (n) { return types.includes(n.type); } });
+        var parentEntry = slate.Editor.above(editor, { match: function (n) { return slate.Editor.isBlock(editor, n) && allowParentTypes.includes(n.type); } });
         if (!parentEntry)
             return false;
-        var _b = __read(parentEntry, 1), parentNode = _b[0];
-        return types.includes(parentNode.type);
+        var _b = __read(anchorBlockEntry(editor), 2), anchorBlockPath = _b[1];
+        var currentNodePath = anchorBlockPath.slice(0, parentEntry[1].length + 1);
+        var illegalParentEntry = null;
+        var _loop_1 = function () {
+            var _illegalParentEntry = parentEntry &&
+                slate.Editor.above(editor, {
+                    mode: 'lowest',
+                    at: parentEntry[1],
+                    match: function (n) { return n.type && !allowParentTypes.includes(n.type); }
+                });
+            if (_illegalParentEntry) {
+                var childType = editor.nestedStructureByKey[_illegalParentEntry[0].type];
+                if (!childType) {
+                    illegalParentEntry = _illegalParentEntry;
+                }
+                if (allowParentTypes.includes(childType)) {
+                    var rootKey_1 = findNestedStructureRootType(editor, _illegalParentEntry[0].type, '');
+                    parentEntry =
+                        parentEntry &&
+                            slate.Editor.above(editor, {
+                                mode: 'lowest',
+                                at: parentEntry[1],
+                                match: function (n) { return n.type && n.type === rootKey_1; }
+                            });
+                }
+                else {
+                    parentEntry = _illegalParentEntry;
+                }
+            }
+            else {
+                return "break";
+            }
+        };
+        // 循环获取最外层的不可插入节点
+        while (true) {
+            var state_1 = _loop_1();
+            if (state_1 === "break")
+                break;
+        }
+        // 获取不可插入节点的根层节点
+        if (illegalParentEntry) {
+            var rootKey_2 = findNestedStructureRootType(editor, illegalParentEntry[0].type, '');
+            if (rootKey_2 && illegalParentEntry[0].type !== rootKey_2) {
+                illegalParentEntry = slate.Editor.above(editor, {
+                    mode: 'lowest',
+                    at: parentEntry[1],
+                    match: function (n) { return n.type && n.type === rootKey_2; }
+                });
+            }
+            currentNodePath = illegalParentEntry && illegalParentEntry[1];
+        }
+        return currentNodePath && slate.Path.next(currentNodePath);
+    };
+    // 获取具有嵌套关系的根类型
+    var findNestedStructureRootType = function (editor, type, rootKey) {
+        var parentKey = _lodash__namespace.findKey(editor.nestedStructureByKey, function (value) {
+            return value === type;
+        });
+        if (parentKey) {
+            rootKey = parentKey;
+            return findNestedStructureRootType(editor, parentKey, rootKey);
+        }
+        else {
+            return rootKey || type;
+        }
     };
 
     var isContainNestedType = function (editor, types) {
@@ -2336,7 +2515,7 @@
         isBlockCardCursor: isBlockCardCursor,
         isEmptyParagraphByPath: isEmptyParagraphByPath,
         isContainer: isContainer,
-        isTypesInParent: isTypesInParent,
+        getInsertElementsPath: getInsertElementsPath,
         isContainNestedType: isContainNestedType,
         anchorBlock: anchorBlock,
         anchorBlockEntry: anchorBlockEntry,
@@ -2347,26 +2526,20 @@
         someNode: someNode
     });
 
-    var insertElementNext = function (editor, element) {
+    var insertElements = function (editor, element) {
         var _a;
         if (slate.Range.isExpanded(editor.selection)) {
             slate.Editor.deleteFragment(editor);
         }
         var type = element.type;
         var allowParentTypes = ((_a = getPluginOptions(editor, type)) === null || _a === void 0 ? void 0 : _a.allowParentTypes) || [];
-        var isAllowInsert = isTypesInParent(editor, allowParentTypes);
+        var insertNodePath = getInsertElementsPath(editor, allowParentTypes);
         var _b = __read(anchorBlockEntry(editor), 2), anchorBlock = _b[0], anchorBlockPath = _b[1];
         var isEmpty = slate.Editor.isEmpty(editor, anchorBlock);
-        var isContainNested = isContainNestedType(editor, allowParentTypes);
-        if (isAllowInsert && isContainNested) {
-            var _c = __read(slate.Editor.above(editor, {
-                match: function (n) { return slate.Editor.isBlock(editor, n) && allowParentTypes.includes(n.type); },
-                at: editor.selection
-            }), 2), containerPath_1 = _c[1];
+        if (insertNodePath) {
             slate.Editor.withoutNormalizing(editor, function () {
-                var containerPathFirstPath = anchorBlockPath.slice(0, containerPath_1.length + 1);
-                slate.Transforms.insertNodes(editor, element, { at: slate.Path.next(containerPathFirstPath) });
-                slate.Transforms.select(editor, slate.Editor.start(editor, slate.Path.next(containerPathFirstPath)));
+                slate.Transforms.insertNodes(editor, element, { at: insertNodePath });
+                slate.Transforms.select(editor, slate.Editor.start(editor, insertNodePath));
                 if (isEmpty) {
                     slate.Transforms.removeNodes(editor, { at: anchorBlockPath });
                 }
@@ -2575,8 +2748,7 @@
         __proto__: null,
         setMarks: setMarks,
         clearMarks: clearMarks,
-        insertElement: insertElement,
-        insertElementNext: insertElementNext,
+        insertElements: insertElements,
         insertParagraph: insertParagraph,
         setNode: setNode,
         unwrapNodesByType: unwrapNodesByType,
@@ -2593,134 +2765,6 @@
         handleContinualInsertBreak: handleContinualInsertBreak
     });
 
-    var withTheia = function (editor, plugins) {
-        if (plugins === void 0) { plugins = []; }
-        var e = editor;
-        e.renderElement = function (element) { return null; };
-        e.renderLeaf = function (text) { return null; };
-        e.insertElement = function (element) { return insertElementNext(e, element); };
-        e.isContainer = function (value) { return false; };
-        e.extraElementOptions = [];
-        e.disabled = false;
-        e.plugins = [];
-        e.pluginsByKey = {};
-        e.nestedStructureByKey = {};
-        // withOverridesByKey
-        flattenDeepPlugins(e, plugins);
-        // 如果 plugin.overrideByKey 存在，则把 plugin.overrideByKey 中的所有 key 覆盖到 editor.pluginsByKey 中
-        editor.plugins.forEach(function (plugin) {
-            if (plugin.overrideByKey) {
-                var newPlugins = editor.plugins.map(function (p) {
-                    return overridePluginsByKey(p, plugin.overrideByKey);
-                });
-                editor.plugins = [];
-                editor.pluginsByKey = {};
-                // 再次扁平化覆盖
-                flattenDeepPlugins(editor, newPlugins);
-            }
-        });
-        // withOverrides
-        e.plugins.forEach(function (plugin) {
-            if (plugin.withOverrides) {
-                e = plugin.withOverrides(e, plugin);
-            }
-        });
-        return e;
-    };
-
-    var createPluginFactory = function (defaultPlugin) { return function (override, overrideByKey) {
-        if (overrideByKey === void 0) { overrideByKey = {}; }
-        overrideByKey[defaultPlugin.key] = override;
-        return overridePluginsByKey(Object.assign({}, defaultPlugin), overrideByKey);
-    }; };
-
-    var toolbarInitialize = function (toolbarItems, global, inline, quick) {
-        if (global === void 0) { global = DefaultGlobalToolbarDefinition; }
-        if (inline === void 0) { inline = DefaultInlineToolbarDefinition; }
-        if (quick === void 0) { quick = DefaultQuickToolbarDefinition; }
-        var toolbarDefinition = {
-            global: global,
-            inline: inline,
-            quick: quick
-        };
-        var toolbarOperations = new Map();
-        toolbarItems.forEach(function (i) { return toolbarOperations.set(i.key, i); });
-        var toolbarEntity = nextToolbarEntity(toolbarDefinition, toolbarOperations);
-        return {
-            toolbarDefinition: toolbarDefinition,
-            toolbarOperations: toolbarOperations,
-            toolbarEntity: toolbarEntity
-        };
-    };
-    var nextToolbarEntity = function (toolbarDefinition, toolbarItems) {
-        var entity = {};
-        for (var defKey in toolbarDefinition) {
-            entity[defKey] = getToolbarItemByKeys(toolbarDefinition[defKey], toolbarItems);
-        }
-        return entity;
-    };
-    var getToolbarItemByKeys = function (keys, toolbarItems) {
-        var items = [];
-        keys.forEach(function (key) {
-            if (key === "split") {
-                items.push({ key: "split" });
-                return;
-            }
-            var item = toolbarItems.get(key);
-            if (item && item.includes) {
-                items.push(Object.assign(Object.assign({}, item), { includes: getToolbarItemByKeys(item.includes, toolbarItems) }));
-                return;
-            }
-            if (item) {
-                items.push(item);
-            }
-        });
-        return items;
-    };
-    var createToolbar = function (editor, toolbar) {
-        var toolbarItems = editor === null || editor === void 0 ? void 0 : editor.plugins.reduce(function (prevItems, nextPlugin) {
-            var _a;
-            prevItems.push.apply(prevItems, __spreadArray([], __read(((_a = nextPlugin === null || nextPlugin === void 0 ? void 0 : nextPlugin.toolbarItems) !== null && _a !== void 0 ? _a : []))));
-            return prevItems;
-        }, []);
-        var toolbarOption = toolbarInitialize(toolbarItems, toolbar === null || toolbar === void 0 ? void 0 : toolbar.global, toolbar === null || toolbar === void 0 ? void 0 : toolbar.inline, toolbar === null || toolbar === void 0 ? void 0 : toolbar.quick);
-        var globalToolbarClass = ['the-global-toolbar', getToolbarClass(editor)];
-        var toolbarEntity = toolbarOption.toolbarEntity;
-        return {
-            globalToolbarClass: globalToolbarClass,
-            toolbarEntity: toolbarEntity
-        };
-    };
-
-    var UNDOING = new WeakMap();
-    var REDOING = new WeakMap();
-    var withTheHistory = function (editor) {
-        var undo = editor.undo, redo = editor.redo;
-        editor.undo = function () {
-            UNDOING.set(editor, true);
-            undo();
-            UNDOING.set(editor, false);
-        };
-        editor.redo = function () {
-            REDOING.set(editor, true);
-            redo();
-            REDOING.set(editor, false);
-        };
-        return editor;
-    };
-    var TheHistoryEditor = {
-        isUndoing: function (editor) {
-            return UNDOING.get(editor);
-        },
-        isRedoing: function (editor) {
-            return REDOING.get(editor);
-        }
-    };
-    var createTheHistoryPlugin = createPluginFactory({
-        key: exports.PluginKeys.theHistory,
-        withOverrides: withTheHistory
-    });
-
     var TheConversionHintComponent = /** @class */ (function () {
         function TheConversionHintComponent() {
             this.duration = 10000;
@@ -4410,7 +4454,6 @@
                 }
                 // wrap
                 ListEditor.buildListItem(editor);
-                // Todo: types
                 slate.Transforms.wrapNodes(editor, { type: type, children: [], start: startIndex }, {
                     at: editor.selection,
                     match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; }
@@ -4722,8 +4765,8 @@
             }
         ],
         nestedStructureByKey: (_c = {},
-            _c[exports.ElementKinds.bulletedList] = [exports.ElementKinds.listItem],
-            _c[exports.ElementKinds.numberedList] = [exports.ElementKinds.listItem],
+            _c[exports.ElementKinds.bulletedList] = exports.ElementKinds.listItem,
+            _c[exports.ElementKinds.numberedList] = exports.ElementKinds.listItem,
             _c),
         toolbarItems: [
             {
@@ -4763,18 +4806,21 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TheTodoItemComponent.prototype, "editableWithReadonly", {
+            get: function () {
+                var _a;
+                return (_a = getPluginOptions(this.editor, exports.PluginKeys.checkItem)) === null || _a === void 0 ? void 0 : _a.editableWithReadonly;
+            },
+            enumerable: false,
+            configurable: true
+        });
         TheTodoItemComponent.prototype.ngOnInit = function () {
             _super.prototype.ngOnInit.call(this);
         };
         TheTodoItemComponent.prototype.onCheck = function (checked) {
-            var options = this.ctxService.getTheOptions();
-            var noBindReadonly = options.noBindReadonlyPlugins && options.noBindReadonlyPlugins.includes(exports.ElementKinds.checkItem);
-            if (!noBindReadonly && this.readonly) {
+            if (this.readonly && !this.editableWithReadonly) {
                 return false;
             }
-            else {
-                setNode(this.editor, { checked: checked }, this.element);
-            }
             setNode(this.editor, { checked: checked }, this.element);
         };
         return TheTodoItemComponent;
@@ -4890,7 +4936,8 @@
             }
         ],
         options: {
-            allowParentTypes: [exports.ElementKinds.tableCell, exports.ElementKinds.blockquote]
+            allowParentTypes: [exports.ElementKinds.tableCell, exports.ElementKinds.blockquote],
+            editableWithReadonly: false
         }
     });
 
@@ -4925,7 +4972,7 @@
 
     var HrEditor = {
         insertHr: function (editor) {
-            insertElement(editor, { type: exports.ElementKinds.hr, children: [{ text: '' }] });
+            insertElements(editor, { type: exports.ElementKinds.hr, children: [{ text: '' }] });
         }
     };
 
@@ -5545,7 +5592,7 @@
         }
         // Create the table node
         var table = createTable(opts, columns, rows, getCellContent);
-        insertElement(editor, table);
+        insertElements(editor, table);
     }
 
     /**
@@ -6416,13 +6463,13 @@
 
     var BlockquoteEditor = {
         toggleBlockquote: function (editor) {
+            var _a;
             var isActive = isBlockActive(editor, exports.ElementKinds.blockquote);
+            var allowParentTypes = ((_a = getPluginOptions(editor, exports.PluginKeys.blockquote)) === null || _a === void 0 ? void 0 : _a.allowParentTypes) || [];
             if (!isActive) {
-                var blockquoteElement = {
-                    type: exports.ElementKinds.blockquote,
-                    children: [createEmptyParagraph()]
-                };
-                insertElement(editor, blockquoteElement);
+                slate.Transforms.wrapNodes(editor, { type: exports.ElementKinds.blockquote, children: [] }, {
+                    mode: 'lowest'
+                });
             }
             else {
                 slate.Transforms.unwrapNodes(editor, { match: function (n) { return slate.Element.isElement(n) && n.type === exports.ElementKinds.blockquote; } });
@@ -6510,7 +6557,7 @@
                     language: DEFAULT_LANGUAGE.value,
                     children: [{ text: '' }]
                 };
-                insertElement(editor, codeElement);
+                insertElements(editor, codeElement);
             }
             else {
                 var codeElement = {
@@ -6519,7 +6566,7 @@
                     language: DEFAULT_LANGUAGE.value,
                     children: [{ text: '' }]
                 };
-                insertElement(editor, codeElement);
+                insertElements(editor, codeElement);
             }
         }
     };
@@ -6665,10 +6712,9 @@
         }
     ];
 
-    var mergAutoFormateRules = function (extraAutoFormatRules) {
-        var combinationData = __spreadArray(__spreadArray([], __read(defaultAutoFormatRules)), __read(extraAutoFormatRules));
+    var mergAutoFormateRules = function (rules) {
         var dataInfo = {};
-        combinationData.forEach(function (item) {
+        rules.forEach(function (item) {
             if (!dataInfo[item.type + item.key]) {
                 dataInfo[item.type + item.key] = Object.assign({}, item);
             }
@@ -6681,11 +6727,9 @@
         editor.insertText = function (text) {
             var e_1, _d;
             var _a, _b;
-            var autoFormatRules = defaultAutoFormatRules;
-            if ((_a = editor.extraAutoFormatRules) === null || _a === void 0 ? void 0 : _a.length) {
-                var extraRules = mergAutoFormateRules(editor.extraAutoFormatRules);
-                autoFormatRules = Object.values(extraRules);
-            }
+            var autoFormatRules = (_a = getPluginOptions(editor, exports.PluginKeys.autoFormat)) === null || _a === void 0 ? void 0 : _a.autoFormatRules;
+            var extraRules = mergAutoFormateRules(autoFormatRules);
+            autoFormatRules = Object.values(extraRules);
             if (!isCollapsed(editor.selection)) {
                 return insertText(text);
             }
@@ -6779,7 +6823,10 @@
     };
     var createAutoFormatPlugin = createPluginFactory({
         key: exports.PluginKeys.autoFormat,
-        withOverrides: withAutoFormat
+        withOverrides: withAutoFormat,
+        options: {
+            autoFormatRules: defaultAutoFormatRules
+        }
     });
 
     var withTransforms = function (editor) {
@@ -12056,8 +12103,8 @@
         key: exports.PluginKeys.table,
         withOverrides: withTable,
         nestedStructureByKey: (_a = {},
-            _a[exports.ElementKinds.table] = [exports.ElementKinds.tableRow],
-            _a[exports.ElementKinds.tableRow] = [exports.ElementKinds.tableCell],
+            _a[exports.ElementKinds.table] = exports.ElementKinds.tableRow,
+            _a[exports.ElementKinds.tableRow] = exports.ElementKinds.tableCell,
             _a),
         toolbarItems: [
             {
@@ -12332,10 +12379,10 @@
         var onKeydown = editor.onKeydown, deleteBackward = editor.deleteBackward, onChange = editor.onChange;
         var presseingQuickInsertHotkey = false;
         editor.onKeydown = function (event) {
-            var _a, _b;
-            var hotkey = (_a = getPluginOptions(editor, exports.PluginKeys.quickInsert)) === null || _a === void 0 ? void 0 : _a.hotkey;
+            var options = getPluginOptions(editor, exports.PluginKeys.quickInsert);
+            var hotkey = options.hotkey, allowHotkeyInTypes = options.allowHotkeyInTypes;
             if (event.key === hotkey) {
-                var types = __spreadArray([], __read((((_b = editor.options) === null || _b === void 0 ? void 0 : _b.allowContainerOperateTypes) || [])));
+                var types = __spreadArray([], __read((allowHotkeyInTypes || [])));
                 var _c = __read(getBlockAbove(editor), 1), block = _c[0];
                 if (isPureEmptyParagraph(editor, block) && allowOpenQuickToolbar(editor, types)) {
                     presseingQuickInsertHotkey = true;
@@ -14181,13 +14228,12 @@
         };
         TheEditorComponent.prototype.initialize = function () {
             var _this = this;
-            var _a, _b, _c;
+            var _a, _b;
             var plugins = __spreadArray(__spreadArray([], __read(internalPlugins)), __read(this.thePlugins));
             this.editor = withTheia(slateHistory.withHistory(i1.withAngular(slate.createEditor(), CLIPBOARD_FORMAT_KEY)), plugins);
             this.generateDecorate();
             this.editor.disabled = (_a = this.theOptions) === null || _a === void 0 ? void 0 : _a.disabled;
             this.editor.extraElementOptions = (_b = this.theOptions) === null || _b === void 0 ? void 0 : _b.extraElementOptions;
-            this.editor.extraAutoFormatRules = (_c = this.theOptions) === null || _c === void 0 ? void 0 : _c.extraAutoFormatRules;
             this.editor.options = this.theOptions;
             setEditorUUID(this.editor, idCreator());
             this.theContextService.initialize({
@@ -14873,6 +14919,7 @@
     exports.autoFocus = autoFocus;
     exports.autoScrollViewHandle = autoScrollViewHandle;
     exports.coercePixelsFromCssValue = coercePixelsFromCssValue;
+    exports.combinePlugins = combinePlugins;
     exports.createEmptyParagraph = createEmptyParagraph;
     exports.createPluginFactory = createPluginFactory;
     exports.createToolbar = createToolbar;
@@ -14890,9 +14937,9 @@
     exports.getElementWidth = getElementWidth;
     exports.getEndBlock = getEndBlock;
     exports.getPlugin = getPlugin;
+    exports.getPluginByKey = getPluginByKey;
     exports.getPluginOptions = getPluginOptions;
     exports.getPlugins = getPlugins;
-    exports.getPluginsByKey = getPluginsByKey;
     exports.getRowsTotalHeight = getRowsTotalHeight;
     exports.getStartBlock = getStartBlock;
     exports.getToolbarClass = getToolbarClass;
@@ -14903,10 +14950,12 @@
     exports.internalPlugins = internalPlugins;
     exports.isCleanEmptyParagraph = isCleanEmptyParagraph;
     exports.isPureEmptyParagraph = isPureEmptyParagraph;
+    exports.mergeDeepPlugins = mergeDeepPlugins;
     exports.mergeElementOptions = mergeElementOptions;
     exports.mergeOptions = mergeOptions;
-    exports.overridePluginsByKey = overridePluginsByKey;
+    exports.nestedStructureByKey = nestedStructureByKey;
     exports.plainToTheia = plainToTheia;
+    exports.pluginsByKey = pluginsByKey;
     exports.setEditorUUID = setEditorUUID;
     exports.useElementStyle = useElementStyle;
     exports.withTheia = withTheia;