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

package/fesm2015/worktile-theia.js

@@ -19,10 +19,11 @@ import * as i5 from 'ngx-tethys/input';
 import { ThyInputModule } from 'ngx-tethys/input';
 import { TheiaConverter } from '@atinc/selene';
 import * as _lodash from 'lodash';
-import { __rest, __awaiter } from 'tslib';
+import { isObject } from 'ngx-tethys/util';
 import * as i2 from '@angular/cdk/overlay';
 import { Overlay, OverlayModule } from '@angular/cdk/overlay';
 import marked from 'marked';
+import { __rest, __awaiter } from 'tslib';
 import * as i1$2 from 'ngx-tethys/alert';
 import { ThyAlertModule } from 'ngx-tethys/alert';
 import { map, takeUntil, take, delay, startWith, distinctUntilChanged, skip, share, filter, mapTo, debounceTime, pairwise } from 'rxjs/operators';
@@ -1072,24 +1073,7 @@ const flattenDeepPlugins = (editor, plugins) => {
             p.options = {};
         if (!p.nestedStructureByKey)
             p.nestedStructureByKey = {};
-        // 如果有 key 重复则进行覆盖
-        for (const 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 {
-            const index = editor.plugins.indexOf(editor.pluginsByKey[p.key]);
-            const 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);
     });
 };
@@ -1099,7 +1083,7 @@ const getPlugins = (editor) => {
     return (_a = editor === null || editor === void 0 ? void 0 : editor.plugins) !== null && _a !== void 0 ? _a : [];
 };
 
-const getPluginsByKey = (editor) => {
+const getPluginByKey = (editor) => {
     const plugins = {};
     if (editor === null || editor === void 0 ? void 0 : editor.pluginsByKey) {
         return editor.pluginsByKey;
@@ -1107,7 +1091,7 @@ const getPluginsByKey = (editor) => {
     return plugins;
 };
 
-const getPlugin = (editor, key) => getPluginsByKey(editor)[key];
+const getPlugin = (editor, key) => getPluginByKey(editor)[key];
 
 const getPluginOptions = (editor, key) => { var _a; return (_a = getPlugin(editor, key).options) !== null && _a !== void 0 ? _a : {}; };
 
@@ -1119,35 +1103,169 @@ const mergeOptions = (plugin, override) => {
             newOptions[option] = _.union(options[option], override.options[option]);
             continue;
         }
-        newOptions[option] = options[option];
+        if (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）。
- */
-const overridePluginsByKey = (plugin, overrideByKey = {}, nested) => {
-    if (overrideByKey[plugin.key]) {
-        plugin = mergeOptions(plugin, overrideByKey[plugin.key]);
-        const _a = overrideByKey[plugin.key], { plugins: pluginOverridesPlugins } = _a, pluginOverrides = __rest(_a, ["plugins"]);
-        plugin = _.defaultsDeep(pluginOverrides, plugin);
-        if (!nested) {
-            pluginOverridesPlugins === null || pluginOverridesPlugins === void 0 ? void 0 : pluginOverridesPlugins.forEach(pOverrides => {
-                if (!plugin.plugins)
-                    plugin.plugins = [];
-                const found = plugin.plugins.find(p => p.key === pOverrides.key);
-                if (!found)
-                    plugin.plugins.push(pOverrides);
+const combinePlugins = (editor) => {
+    // withOverrides
+    editor.plugins.forEach((plugin) => {
+        if (plugin.withOverrides) {
+            editor = plugin.withOverrides(editor, plugin);
+        }
+    });
+    return editor;
+};
+
+const mergeDeepPlugins = (editor, _plugins) => {
+    _plugins.forEach(plugin => {
+        if (plugin.overrideByKey) {
+            const newPlugins = _plugins.filter(p => plugin.overrideByKey[p.key]);
+            newPlugins.forEach(p => {
+                if (editor.pluginsByKey[p.key]) {
+                    p = mergeOptions(p, plugin.overrideByKey[p.key]);
+                    editor.pluginsByKey[p.key] = _.defaultsDeep(p, plugin.overrideByKey[p.key]);
+                }
             });
         }
+    });
+};
+
+const nestedStructureByKey = (editor, plugins) => {
+    // 如果有 key 重复则进行覆盖
+    plugins.forEach((p) => {
+        for (const key in p.nestedStructureByKey) {
+            if (!editor.nestedStructureByKey[key]) {
+                editor.nestedStructureByKey[key] = p.nestedStructureByKey[key];
+            }
+        }
+    });
+};
+
+const pluginsByKey = (editor, plugins) => {
+    if (!plugins)
+        return;
+    plugins.forEach((p) => {
+        if (!editor.pluginsByKey[p.key]) {
+            editor.pluginsByKey[p.key] = p;
+        }
+    });
+};
+
+const withTheia = (editor, plugins = []) => {
+    let e = editor;
+    e.renderElement = (element) => null;
+    e.renderLeaf = (text) => null;
+    e.isContainer = (value) => 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;
+};
+
+const createPluginFactory = (defaultPlugin) => (override, overrideByKey = {}) => {
+    return defaultPlugin;
+};
+
+const toolbarInitialize = (toolbarItems, global = DefaultGlobalToolbarDefinition, inline = DefaultInlineToolbarDefinition, quick = DefaultQuickToolbarDefinition) => {
+    const toolbarDefinition = {
+        global,
+        inline,
+        quick
+    };
+    const toolbarOperations = new Map();
+    toolbarItems.forEach(i => toolbarOperations.set(i.key, i));
+    const toolbarEntity = nextToolbarEntity(toolbarDefinition, toolbarOperations);
+    return {
+        toolbarDefinition,
+        toolbarOperations,
+        toolbarEntity
+    };
+};
+const nextToolbarEntity = (toolbarDefinition, toolbarItems) => {
+    const entity = {};
+    for (const defKey in toolbarDefinition) {
+        entity[defKey] = getToolbarItemByKeys(toolbarDefinition[defKey], toolbarItems);
     }
-    if (plugin.plugins) {
-        plugin.plugins = plugin.plugins.map(p => overridePluginsByKey(p, overrideByKey, true));
+    return entity;
+};
+const getToolbarItemByKeys = (keys, toolbarItems) => {
+    const items = [];
+    keys.forEach((key) => {
+        if (key === `split`) {
+            items.push({ key: `split` });
+            return;
+        }
+        const 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;
+};
+const createToolbar = (editor, toolbar) => {
+    const toolbarItems = editor === null || editor === void 0 ? void 0 : editor.plugins.reduce((prevItems, nextPlugin) => {
+        var _a;
+        prevItems.push(...((_a = nextPlugin === null || nextPlugin === void 0 ? void 0 : nextPlugin.toolbarItems) !== null && _a !== void 0 ? _a : []));
+        return prevItems;
+    }, []);
+    const 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);
+    const globalToolbarClass = ['the-global-toolbar', getToolbarClass(editor)];
+    const toolbarEntity = toolbarOption.toolbarEntity;
+    return {
+        globalToolbarClass,
+        toolbarEntity
+    };
+};
+
+const UNDOING = new WeakMap();
+const REDOING = new WeakMap();
+const withTheHistory = (editor) => {
+    const { undo, redo } = editor;
+    editor.undo = () => {
+        UNDOING.set(editor, true);
+        undo();
+        UNDOING.set(editor, false);
+    };
+    editor.redo = () => {
+        REDOING.set(editor, true);
+        redo();
+        REDOING.set(editor, false);
+    };
+    return editor;
+};
+const TheHistoryEditor = {
+    isUndoing(editor) {
+        return UNDOING.get(editor);
+    },
+    isRedoing(editor) {
+        return REDOING.get(editor);
     }
-    return plugin;
 };
+const createTheHistoryPlugin = createPluginFactory({
+    key: PluginKeys.theHistory,
+    withOverrides: withTheHistory
+});
 
 const setMarks = (editor, marks, at) => {
     Transforms.setNodes(editor, marks, {
@@ -1177,8 +1295,6 @@ const clearMarks = (editor) => {
     }
 };
 
-const insertElement = (editor, element) => editor.insertElement(element);
-
 const isAncestor = (node) => Element$1.isElement(node) || Editor.isEditor(node);
 
 const getLastChild$1 = (node, level) => {
@@ -1836,18 +1952,73 @@ const getDirectlyParent = (editor) => {
     return parentEntry;
 };
 
-const isTypesInParent = (editor, types) => {
-    if (!Array.isArray(types)) {
-        types = [types];
-    }
+const getInsertElementsPath = (editor, allowParentTypes) => {
     const [, anchorPath] = getBlockAbove(editor);
     if (!anchorPath)
         return false;
-    const parentEntry = Editor.above(editor, { match: n => types.includes(n.type) });
+    let parentEntry = Editor.above(editor, { match: n => Editor.isBlock(editor, n) && allowParentTypes.includes(n.type) });
     if (!parentEntry)
         return false;
-    const [parentNode] = parentEntry;
-    return types.includes(parentNode.type);
+    const [, anchorBlockPath] = anchorBlockEntry(editor);
+    let currentNodePath = anchorBlockPath.slice(0, parentEntry[1].length + 1);
+    let illegalParentEntry = null;
+    // 循环获取最外层的不可插入节点
+    while (true) {
+        const _illegalParentEntry = parentEntry &&
+            Editor.above(editor, {
+                mode: 'lowest',
+                at: parentEntry[1],
+                match: (n) => n.type && !allowParentTypes.includes(n.type)
+            });
+        if (_illegalParentEntry) {
+            const childType = editor.nestedStructureByKey[_illegalParentEntry[0].type];
+            if (!childType) {
+                illegalParentEntry = _illegalParentEntry;
+            }
+            if (allowParentTypes.includes(childType)) {
+                const rootKey = findNestedStructureRootType(editor, _illegalParentEntry[0].type, '');
+                parentEntry =
+                    parentEntry &&
+                        Editor.above(editor, {
+                            mode: 'lowest',
+                            at: parentEntry[1],
+                            match: (n) => n.type && n.type === rootKey
+                        });
+            }
+            else {
+                parentEntry = _illegalParentEntry;
+            }
+        }
+        else {
+            break;
+        }
+    }
+    // 获取不可插入节点的根层节点
+    if (illegalParentEntry) {
+        const rootKey = findNestedStructureRootType(editor, illegalParentEntry[0].type, '');
+        if (rootKey && illegalParentEntry[0].type !== rootKey) {
+            illegalParentEntry = Editor.above(editor, {
+                mode: 'lowest',
+                at: parentEntry[1],
+                match: (n) => n.type && n.type === rootKey
+            });
+        }
+        currentNodePath = illegalParentEntry && illegalParentEntry[1];
+    }
+    return currentNodePath && Path.next(currentNodePath);
+};
+// 获取具有嵌套关系的根类型
+const findNestedStructureRootType = (editor, type, rootKey) => {
+    let parentKey = _lodash.findKey(editor.nestedStructureByKey, value => {
+        return value === type;
+    });
+    if (parentKey) {
+        rootKey = parentKey;
+        return findNestedStructureRootType(editor, parentKey, rootKey);
+    }
+    else {
+        return rootKey || type;
+    }
 };
 
 const isContainNestedType = (editor, types) => {
@@ -1925,7 +2096,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     isBlockCardCursor: isBlockCardCursor,
     isEmptyParagraphByPath: isEmptyParagraphByPath,
     isContainer: isContainer,
-    isTypesInParent: isTypesInParent,
+    getInsertElementsPath: getInsertElementsPath,
     isContainNestedType: isContainNestedType,
     anchorBlock: anchorBlock,
     anchorBlockEntry: anchorBlockEntry,
@@ -1936,26 +2107,20 @@ var index$1 = /*#__PURE__*/Object.freeze({
     someNode: someNode
 });
 
-const insertElementNext = (editor, element) => {
+const insertElements = (editor, element) => {
     var _a;
     if (Range.isExpanded(editor.selection)) {
         Editor.deleteFragment(editor);
     }
     const type = element.type;
     const allowParentTypes = ((_a = getPluginOptions(editor, type)) === null || _a === void 0 ? void 0 : _a.allowParentTypes) || [];
-    const isAllowInsert = isTypesInParent(editor, allowParentTypes);
+    const insertNodePath = getInsertElementsPath(editor, allowParentTypes);
     const [anchorBlock, anchorBlockPath] = anchorBlockEntry(editor);
-    const isEmpty = Editor.isEmpty(editor, anchorBlock);
-    const isContainNested = isContainNestedType(editor, allowParentTypes);
-    if (isAllowInsert && isContainNested) {
-        const [, containerPath] = Editor.above(editor, {
-            match: n => Editor.isBlock(editor, n) && allowParentTypes.includes(n.type),
-            at: editor.selection
-        });
+    let isEmpty = Editor.isEmpty(editor, anchorBlock);
+    if (insertNodePath) {
         Editor.withoutNormalizing(editor, () => {
-            const containerPathFirstPath = anchorBlockPath.slice(0, containerPath.length + 1);
-            Transforms.insertNodes(editor, element, { at: Path.next(containerPathFirstPath) });
-            Transforms.select(editor, Editor.start(editor, Path.next(containerPathFirstPath)));
+            Transforms.insertNodes(editor, element, { at: insertNodePath });
+            Transforms.select(editor, Editor.start(editor, insertNodePath));
             if (isEmpty) {
                 Transforms.removeNodes(editor, { at: anchorBlockPath });
             }
@@ -2157,8 +2322,7 @@ var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     setMarks: setMarks,
     clearMarks: clearMarks,
-    insertElement: insertElement,
-    insertElementNext: insertElementNext,
+    insertElements: insertElements,
     insertParagraph: insertParagraph,
     setNode: setNode,
     unwrapNodesByType: unwrapNodesByType,
@@ -2175,129 +2339,6 @@ var index = /*#__PURE__*/Object.freeze({
     handleContinualInsertBreak: handleContinualInsertBreak
 });
 
-const withTheia = (editor, plugins = []) => {
-    let e = editor;
-    e.renderElement = (element) => null;
-    e.renderLeaf = (text) => null;
-    e.insertElement = (element) => insertElementNext(e, element);
-    e.isContainer = (value) => 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(plugin => {
-        if (plugin.overrideByKey) {
-            const newPlugins = editor.plugins.map(p => {
-                return overridePluginsByKey(p, plugin.overrideByKey);
-            });
-            editor.plugins = [];
-            editor.pluginsByKey = {};
-            // 再次扁平化覆盖
-            flattenDeepPlugins(editor, newPlugins);
-        }
-    });
-    // withOverrides
-    e.plugins.forEach((plugin) => {
-        if (plugin.withOverrides) {
-            e = plugin.withOverrides(e, plugin);
-        }
-    });
-    return e;
-};
-
-const createPluginFactory = (defaultPlugin) => (override, overrideByKey = {}) => {
-    overrideByKey[defaultPlugin.key] = override;
-    return overridePluginsByKey(Object.assign({}, defaultPlugin), overrideByKey);
-};
-
-const toolbarInitialize = (toolbarItems, global = DefaultGlobalToolbarDefinition, inline = DefaultInlineToolbarDefinition, quick = DefaultQuickToolbarDefinition) => {
-    const toolbarDefinition = {
-        global,
-        inline,
-        quick
-    };
-    const toolbarOperations = new Map();
-    toolbarItems.forEach(i => toolbarOperations.set(i.key, i));
-    const toolbarEntity = nextToolbarEntity(toolbarDefinition, toolbarOperations);
-    return {
-        toolbarDefinition,
-        toolbarOperations,
-        toolbarEntity
-    };
-};
-const nextToolbarEntity = (toolbarDefinition, toolbarItems) => {
-    const entity = {};
-    for (const defKey in toolbarDefinition) {
-        entity[defKey] = getToolbarItemByKeys(toolbarDefinition[defKey], toolbarItems);
-    }
-    return entity;
-};
-const getToolbarItemByKeys = (keys, toolbarItems) => {
-    const items = [];
-    keys.forEach((key) => {
-        if (key === `split`) {
-            items.push({ key: `split` });
-            return;
-        }
-        const 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;
-};
-const createToolbar = (editor, toolbar) => {
-    const toolbarItems = editor === null || editor === void 0 ? void 0 : editor.plugins.reduce((prevItems, nextPlugin) => {
-        var _a;
-        prevItems.push(...((_a = nextPlugin === null || nextPlugin === void 0 ? void 0 : nextPlugin.toolbarItems) !== null && _a !== void 0 ? _a : []));
-        return prevItems;
-    }, []);
-    const 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);
-    const globalToolbarClass = ['the-global-toolbar', getToolbarClass(editor)];
-    const toolbarEntity = toolbarOption.toolbarEntity;
-    return {
-        globalToolbarClass,
-        toolbarEntity
-    };
-};
-
-const UNDOING = new WeakMap();
-const REDOING = new WeakMap();
-const withTheHistory = (editor) => {
-    const { undo, redo } = editor;
-    editor.undo = () => {
-        UNDOING.set(editor, true);
-        undo();
-        UNDOING.set(editor, false);
-    };
-    editor.redo = () => {
-        REDOING.set(editor, true);
-        redo();
-        REDOING.set(editor, false);
-    };
-    return editor;
-};
-const TheHistoryEditor = {
-    isUndoing(editor) {
-        return UNDOING.get(editor);
-    },
-    isRedoing(editor) {
-        return REDOING.get(editor);
-    }
-};
-const createTheHistoryPlugin = createPluginFactory({
-    key: PluginKeys.theHistory,
-    withOverrides: withTheHistory
-});
-
 class TheConversionHintComponent {
     constructor() {
         this.duration = 10000;
@@ -3884,7 +3925,6 @@ const ListEditor = {
             }
             // wrap
             ListEditor.buildListItem(editor);
-            // Todo: types
             Transforms.wrapNodes(editor, { type, children: [], start: startIndex }, {
                 at: editor.selection,
                 match: node => Element$1.isElement(node) && node.type === ElementKinds.listItem
@@ -4184,8 +4224,8 @@ const createListPlugin = createPluginFactory({
         }
     ],
     nestedStructureByKey: {
-        [ElementKinds.bulletedList]: [ElementKinds.listItem],
-        [ElementKinds.numberedList]: [ElementKinds.listItem]
+        [ElementKinds.bulletedList]: ElementKinds.listItem,
+        [ElementKinds.numberedList]: ElementKinds.listItem
     },
     toolbarItems: [
         {
@@ -4219,18 +4259,17 @@ class TheTodoItemComponent extends TheBaseElementComponent {
         var _a;
         return (_a = this.element) === null || _a === void 0 ? void 0 : _a.indent;
     }
+    get editableWithReadonly() {
+        var _a;
+        return (_a = getPluginOptions(this.editor, PluginKeys.checkItem)) === null || _a === void 0 ? void 0 : _a.editableWithReadonly;
+    }
     ngOnInit() {
         super.ngOnInit();
     }
     onCheck(checked) {
-        const options = this.ctxService.getTheOptions();
-        const noBindReadonly = options.noBindReadonlyPlugins && options.noBindReadonlyPlugins.includes(ElementKinds.checkItem);
-        if (!noBindReadonly && this.readonly) {
+        if (this.readonly && !this.editableWithReadonly) {
             return false;
         }
-        else {
-            setNode(this.editor, { checked }, this.element);
-        }
         setNode(this.editor, { checked }, this.element);
     }
 }
@@ -4355,7 +4394,8 @@ const createTodoItemPlugin = createPluginFactory({
         }
     ],
     options: {
-        allowParentTypes: [ElementKinds.tableCell, ElementKinds.blockquote]
+        allowParentTypes: [ElementKinds.tableCell, ElementKinds.blockquote],
+        editableWithReadonly: false
     }
 });
 
@@ -4396,7 +4436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
 
 const HrEditor = {
     insertHr(editor) {
-        insertElement(editor, { type: ElementKinds.hr, children: [{ text: '' }] });
+        insertElements(editor, { type: ElementKinds.hr, children: [{ text: '' }] });
     }
 };
 
@@ -4979,7 +5019,7 @@ function insertTable(opts, editor, rows = 3, columns = 3, getCellContent) {
     }
     // Create the table node
     const table = createTable(opts, columns, rows, getCellContent);
-    insertElement(editor, table);
+    insertElements(editor, table);
 }
 
 /**
@@ -5826,13 +5866,13 @@ const autoFormatInline = (editor, { type, between, markup, ignoreTrim, format })
 
 const BlockquoteEditor = {
     toggleBlockquote(editor) {
+        var _a;
         const isActive = isBlockActive(editor, ElementKinds.blockquote);
+        const allowParentTypes = ((_a = getPluginOptions(editor, PluginKeys.blockquote)) === null || _a === void 0 ? void 0 : _a.allowParentTypes) || [];
         if (!isActive) {
-            const blockquoteElement = {
-                type: ElementKinds.blockquote,
-                children: [createEmptyParagraph()]
-            };
-            insertElement(editor, blockquoteElement);
+            Transforms.wrapNodes(editor, { type: ElementKinds.blockquote, children: [] }, {
+                mode: 'lowest'
+            });
         }
         else {
             Transforms.unwrapNodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.blockquote });
@@ -5917,7 +5957,7 @@ const CodeEditor = {
                 language: DEFAULT_LANGUAGE.value,
                 children: [{ text: '' }]
             };
-            insertElement(editor, codeElement);
+            insertElements(editor, codeElement);
         }
         else {
             const codeElement = {
@@ -5926,7 +5966,7 @@ const CodeEditor = {
                 language: DEFAULT_LANGUAGE.value,
                 children: [{ text: '' }]
             };
-            insertElement(editor, codeElement);
+            insertElements(editor, codeElement);
         }
     }
 };
@@ -6072,10 +6112,9 @@ const defaultAutoFormatRules = [
     }
 ];
 
-const mergAutoFormateRules = (extraAutoFormatRules) => {
-    const combinationData = [...defaultAutoFormatRules, ...extraAutoFormatRules];
+const mergAutoFormateRules = (rules) => {
     const dataInfo = {};
-    combinationData.forEach(item => {
+    rules.forEach(item => {
         if (!dataInfo[item.type + item.key]) {
             dataInfo[item.type + item.key] = Object.assign({}, item);
         }
@@ -6087,11 +6126,9 @@ const withAutoFormat = (editor) => {
     const { insertText } = editor;
     editor.insertText = text => {
         var _a, _b;
-        let autoFormatRules = defaultAutoFormatRules;
-        if ((_a = editor.extraAutoFormatRules) === null || _a === void 0 ? void 0 : _a.length) {
-            const extraRules = mergAutoFormateRules(editor.extraAutoFormatRules);
-            autoFormatRules = Object.values(extraRules);
-        }
+        let autoFormatRules = (_a = getPluginOptions(editor, PluginKeys.autoFormat)) === null || _a === void 0 ? void 0 : _a.autoFormatRules;
+        const extraRules = mergAutoFormateRules(autoFormatRules);
+        autoFormatRules = Object.values(extraRules);
         if (!isCollapsed(editor.selection)) {
             return insertText(text);
         }
@@ -6170,7 +6207,10 @@ const withAutoFormat = (editor) => {
 };
 const createAutoFormatPlugin = createPluginFactory({
     key: PluginKeys.autoFormat,
-    withOverrides: withAutoFormat
+    withOverrides: withAutoFormat,
+    options: {
+        autoFormatRules: defaultAutoFormatRules
+    }
 });
 
 const withTransforms = (editor) => {
@@ -11168,8 +11208,8 @@ const createTablePlugin = createPluginFactory({
     key: PluginKeys.table,
     withOverrides: withTable,
     nestedStructureByKey: {
-        [ElementKinds.table]: [ElementKinds.tableRow],
-        [ElementKinds.tableRow]: [ElementKinds.tableCell]
+        [ElementKinds.table]: ElementKinds.tableRow,
+        [ElementKinds.tableRow]: ElementKinds.tableCell
     },
     toolbarItems: [
         {
@@ -11472,10 +11512,10 @@ const withQuickInsert = (editor) => {
     const { onKeydown, deleteBackward, onChange } = editor;
     let presseingQuickInsertHotkey = false;
     editor.onKeydown = (event) => {
-        var _a, _b;
-        const hotkey = (_a = getPluginOptions(editor, PluginKeys.quickInsert)) === null || _a === void 0 ? void 0 : _a.hotkey;
+        const options = getPluginOptions(editor, PluginKeys.quickInsert);
+        const { hotkey, allowHotkeyInTypes } = options;
         if (event.key === hotkey) {
-            const types = [...(((_b = editor.options) === null || _b === void 0 ? void 0 : _b.allowContainerOperateTypes) || [])];
+            const types = [...(allowHotkeyInTypes || [])];
             const [block] = getBlockAbove(editor);
             if (isPureEmptyParagraph(editor, block) && allowOpenQuickToolbar(editor, types)) {
                 presseingQuickInsertHotkey = true;
@@ -13231,13 +13271,12 @@ class TheEditorComponent extends mixinUnsubscribe(MixinBase) {
         super.ngOnDestroy();
     }
     initialize() {
-        var _a, _b, _c;
+        var _a, _b;
         const plugins = [...internalPlugins, ...this.thePlugins];
         this.editor = withTheia(withHistory(withAngular(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({
@@ -13818,5 +13857,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETEBACKWARD_TYPES, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultQuickToolbarDefinition, DropdownMode, ELEMENT_UNIQUE_ID, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PLUGIN_COMPONENTS, PluginKeys, QuickInsertEditor, STANDARD_HEADING_TYPES, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_QUICK_TOOLBAR_REF, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_UPLOAD_SERVICE_TOKEN, TableEditor, TheBaseElementComponent, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheIndentToolbarComponent, TheMode, TheModeConfig, index$1 as TheQueries, TheToolbarBaseItemComponent, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemMode, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, autoScrollViewHandle, coercePixelsFromCssValue, createEmptyParagraph, createPluginFactory, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteColorAndBackgroundColorOfText, deleteElementKey, extractFragment, flattenDeepPlugins, getColsTotalWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getPlugin, getPluginOptions, getPlugins, getPluginsByKey, getRowsTotalHeight, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, internalPlugins, isCleanEmptyParagraph, isPureEmptyParagraph, mergeElementOptions, mergeOptions, overridePluginsByKey, plainToTheia, setEditorUUID, useElementStyle, withTheia };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETEBACKWARD_TYPES, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultQuickToolbarDefinition, DropdownMode, ELEMENT_UNIQUE_ID, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PLUGIN_COMPONENTS, PluginKeys, QuickInsertEditor, STANDARD_HEADING_TYPES, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_QUICK_TOOLBAR_REF, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_UPLOAD_SERVICE_TOKEN, TableEditor, TheBaseElementComponent, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheIndentToolbarComponent, TheMode, TheModeConfig, index$1 as TheQueries, TheToolbarBaseItemComponent, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemMode, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, autoScrollViewHandle, coercePixelsFromCssValue, combinePlugins, createEmptyParagraph, createPluginFactory, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteColorAndBackgroundColorOfText, deleteElementKey, extractFragment, flattenDeepPlugins, getColsTotalWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getPlugin, getPluginByKey, getPluginOptions, getPlugins, getRowsTotalHeight, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, internalPlugins, isCleanEmptyParagraph, isPureEmptyParagraph, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, plainToTheia, pluginsByKey, setEditorUUID, useElementStyle, withTheia };
 //# sourceMappingURL=worktile-theia.js.map