@worktile/theia 3.0.0-next.6 → 3.0.2

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('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';
+    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'), 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('@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', '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', '@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.i1$3, global.rxjs.operators, global.uploader, global.ng.platformBrowser, global.i6, global.i3, global.i5$1, global.i8, global.i1$5, global.i2$1, global.i5$2, global.i9, global.isUrl, global.i1$6, global.i2$2, global.i5$3, 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, i1$3, operators, uploader, i1$4, i6, i3, i5$1, i8, i1$5, i2$1, i5$2, i9, isUrl, i1$6, i2$2, i5$3, coercion, portal, i1$7, autocomplete, avatar, select) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,21 +35,21 @@
     var _lodash__namespace = /*#__PURE__*/_interopNamespace(_lodash);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var marked__default = /*#__PURE__*/_interopDefaultLegacy(marked);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
+    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$4);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
     var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$5);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i5__namespace$2 = /*#__PURE__*/_interopNamespace(i5$2);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
     var isUrl__default = /*#__PURE__*/_interopDefaultLegacy(isUrl);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$6);
     var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
     var i5__namespace$3 = /*#__PURE__*/_interopNamespace(i5$3);
-    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
     var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
 
     /*! *****************************************************************************
@@ -1410,7 +1410,7 @@
         if (!plugins)
             return;
         plugins.forEach(function (plugin) {
-            var p = plugin;
+            var p = _.cloneDeep(plugin);
             if (!p.options)
                 p.options = {};
             if (!p.nestedStructureByKey)
@@ -1425,28 +1425,41 @@
         return (_a = editor === null || editor === void 0 ? void 0 : editor.plugins) !== null && _a !== void 0 ? _a : [];
     };
 
-    var getPluginByKey = function (editor) {
-        var plugins = {};
-        if (editor === null || editor === void 0 ? void 0 : editor.pluginsByKey) {
-            return editor.pluginsByKey;
-        }
-        return plugins;
-    };
+    var getPlugin = function (editor, key) { return editor.pluginsByKey[key]; };
 
-    var getPlugin = function (editor, key) { return getPluginByKey(editor)[key]; };
+    var getPluginOptions = function (editor, key) { var _a, _b; return (_b = (_a = getPlugin(editor, key)) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : {}; };
 
-    var getPluginOptions = function (editor, key) { var _a; return (_a = getPlugin(editor, key).options) !== null && _a !== void 0 ? _a : {}; };
+    var mergeArray = function (origin, source) {
+        if (!Array.isArray(source))
+            return source;
+        var _loop_1 = function (i) {
+            var value = source[i];
+            if (util.isObject(value) && (value === null || value === void 0 ? void 0 : value.key) && origin.some(function (item) { return (item === null || item === void 0 ? void 0 : item.key) === (value === null || value === void 0 ? void 0 : value.key); })) {
+                var index = origin.findIndex(function (item) { return (item === null || item === void 0 ? void 0 : item.key) === (value === null || value === void 0 ? void 0 : value.key); });
+                origin[index] = Object.assign(Object.assign({}, origin[index]), value);
+                return "continue";
+            }
+            if (origin.includes(source[i]))
+                return "continue";
+            origin.push(source[i]);
+        };
+        for (var i = 0; i < source.length; i++) {
+            _loop_1(i);
+        }
+        return origin;
+    };
 
     var mergeOptions = function (plugin, override) {
         var options = plugin.options;
         var newOptions = {};
         for (var option in options) {
-            if (Array.isArray(options[option])) {
-                newOptions[option] = _.union(options[option], override.options[option]);
+            if (Array.isArray(options[option]) && override.options[option]) {
+                newOptions[option] = mergeArray(options[option], override.options[option]);
                 continue;
             }
             if (util.isObject(options[option])) {
                 newOptions[option] = _.assign(options[option], override.options[option]);
+                continue;
             }
             newOptions[option] = override.options[option] ? override.options[option] : options[option];
         }
@@ -1470,7 +1483,6 @@
                 newPlugins.forEach(function (p) {
                     if (editor.pluginsByKey[p.key]) {
                         mergeOptions(p, plugin.overrideByKey[p.key]);
-                        editor.pluginsByKey[p.key] = _.defaultsDeep(p, plugin.overrideByKey[p.key]);
                     }
                 });
             }
@@ -1512,7 +1524,7 @@
         // withOverridesByKey
         flattenDeepPlugins(e, plugins);
         // mount pluginsByKey
-        pluginsByKey(e, plugins);
+        pluginsByKey(e, e.plugins);
         // mount nestedStructureByKey
         nestedStructureByKey(e, e.plugins);
         // merge plugin to pluginByKey
@@ -1523,7 +1535,7 @@
 
     var createPluginFactory = function (defaultPlugin) { return function (override, overrideByKey) {
         if (overrideByKey === void 0) { overrideByKey = {}; }
-        return defaultPlugin;
+        return _.cloneDeep(defaultPlugin);
     }; };
 
     var toolbarInitialize = function (toolbarItems, global, inline, quick) {
@@ -2374,69 +2386,36 @@
             return false;
         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;
-        }
+        var illegalParentEntry = slate.Editor.above(editor, {
+            mode: 'highest',
+            at: parentEntry[1],
+            match: function (n) { return n.type && !isAllowParentTypes(editor, n.type, allowParentTypes); }
+        });
         // 获取不可插入节点的根层节点
         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);
+    var isAllowParentTypes = function (editor, targetType, allowParentTypes) {
+        var existChildType = isNestedStructureParentType(editor, targetType);
+        var leafType = existChildType && findNestedStructureLeafType(editor, targetType);
+        return allowParentTypes.includes(targetType) || allowParentTypes.includes(leafType);
+    };
+    var isNestedStructureParentType = function (editor, type) {
+        for (var key in editor.nestedStructureByKey) {
+            if (key === type) {
+                return true;
+            }
         }
-        else {
-            return rootKey || type;
+        return false;
+    };
+    var findNestedStructureLeafType = function (editor, target) {
+        var leafType = editor.nestedStructureByKey[target];
+        while (leafType && editor.nestedStructureByKey[leafType]) {
+            leafType = editor.nestedStructureByKey[leafType];
         }
+        return leafType;
     };
 
     var isContainNestedType = function (editor, types) {
@@ -2530,7 +2509,7 @@
         if (slate.Range.isExpanded(editor.selection)) {
             slate.Editor.deleteFragment(editor);
         }
-        var type = !util.isArray(elements) ? elements.type : elements[0].type; // 后期处理复制粘贴需要修改
+        var type = !i1$2.isArray(elements) ? elements.type : elements[0].type; // 后期处理复制粘贴需要修改
         var allowParentTypes = ((_a = getPluginOptions(editor, type)) === null || _a === void 0 ? void 0 : _a.allowParentTypes) || [];
         var insertNodePath = getInsertElementsPath(editor, allowParentTypes);
         var _b = __read(anchorBlockEntry(editor), 2), anchorBlock = _b[0], anchorBlockPath = _b[1];
@@ -4792,6 +4771,13 @@
             _this.checkItemClass = true;
             return _this;
         }
+        Object.defineProperty(TheTodoItemComponent.prototype, "checkItemSelectable", {
+            get: function () {
+                return this.editableWithReadonly && this.readonly;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TheTodoItemComponent.prototype, "level", {
             get: function () {
                 var _a;
@@ -4820,7 +4806,7 @@
         return TheTodoItemComponent;
     }(TheBaseElementComponent));
     TheTodoItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: TheContextService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheTodoItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheTodoItemComponent, selector: "div[theTodoItem]", host: { properties: { "class.the-temp-check-item": "this.checkItemClass", "attr.the-level": "this.level" } }, usesInheritance: true, ngImport: i0__namespace, template: "\n        <span contenteditable=\"false\" class=\"todo-item-status\">\n            <input #checkbox type=\"checkbox\" [checked]=\"element.checked\" (click)=\"onCheck(checkbox.checked)\" />\n        </span>\n        <span><slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children></span>\n    ", isInline: true, components: [{ type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }] });
+    TheTodoItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheTodoItemComponent, selector: "div[theTodoItem]", host: { properties: { "class.the-temp-check-item": "this.checkItemClass", "class.the-todo-item-selectable": "this.checkItemSelectable", "attr.the-level": "this.level" } }, usesInheritance: true, ngImport: i0__namespace, template: "\n        <span contenteditable=\"false\" class=\"todo-item-status\">\n            <input #checkbox type=\"checkbox\" [checked]=\"element.checked\" (click)=\"onCheck(checkbox.checked)\" />\n        </span>\n        <span><slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children></span>\n    ", isInline: true, components: [{ type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -4830,6 +4816,9 @@
             }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: TheContextService }]; }, propDecorators: { checkItemClass: [{
                     type: i0.HostBinding,
                     args: ['class.the-temp-check-item']
+                }], checkItemSelectable: [{
+                    type: i0.HostBinding,
+                    args: ['class.the-todo-item-selectable']
                 }], level: [{
                     type: i0.HostBinding,
                     args: ['attr.the-level']
@@ -10256,6 +10245,7 @@
             if (this.readonly)
                 return;
             event.stopPropagation();
+            event.preventDefault();
             if (!this.isInTable) {
                 var path = TheEditor.findPath(this.editor, this.element);
                 slate.Transforms.select(this.editor, path);
@@ -10316,10 +10306,10 @@
                 });
             });
         };
-        TheTableComponent.prototype.trackByFnRowCotrols = function (index) {
+        TheTableComponent.prototype.trackByFnRowControls = function (index) {
             return index;
         };
-        TheTableComponent.prototype.trackByFnColCotrols = function (index) {
+        TheTableComponent.prototype.trackByFnColControls = function (index) {
             return index;
         };
         TheTableComponent.prototype.ngOnDestroy = function () {
@@ -10340,7 +10330,7 @@
                 provide: TheTableToken,
                 useExisting: TheTableComponent
             }
-        ], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!-- \u7C7B\u540D the-temp-*: \u4E34\u65F6\u89E3\u51B3\u56E0\u53D7portal\u5F71\u54CD\u8868\u683C\u6837\u5F0F\u95EE\u9898\uFF0C\u540E\u671F\u6539\u56DEthe-* -->\n<div\n    class=\"the-temp-table-container\"\n    theColumnResize\n    [ngClass]=\"{\n        'the-temp-table-with-controls': isInTable,\n        'the-temp-numbered-column-container': element?.options?.numberedColumn,\n        'the-temp-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n    }\"\n>\n    <div\n        class=\"the-temp-table-row-controls-wrapper\"\n        [ngClass]=\"{\n            'the-temp-table-focus': isInTable\n        }\"\n    >\n        <div\n            class=\"the-temp-table-corner-controls\"\n            [ngClass]=\"{\n                visible: !readonly && isInTable,\n                active: isSelectedAllCell,\n                dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n            }\"\n        >\n            <div class=\"the-temp-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n            <div class=\"the-temp-table-corner-controls-insert-row-marker\">\n                <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n            <div class=\"the-temp-table-corner-controls-insert-column-marker\">\n                <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n        </div>\n        <div class=\"the-temp-table-row-controls\">\n            <div class=\"the-temp-table-row-controls-inner\">\n                <div\n                    class=\"the-temp-table-row-controls-button-wrap\"\n                    *ngFor=\"let control of rowControls; let i = index; trackBy: trackByFnRowCotrols\"\n                    [ngClass]=\"{\n                        active: tableStore.selectedRowsIndex.includes(control.rowIndex),\n                        dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n                    }\"\n                >\n                    <ng-container *ngIf=\"!readonly && isInTable && !element?.options?.numberedColumn\">\n                        <button\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            type=\"button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                            class=\"the-temp-table-row-controls-button the-temp-table-controls-button\"\n                        ></button>\n                    </ng-container>\n                    <ng-container *ngIf=\"element?.options?.numberedColumn\">\n                        <div\n                            [contentEditable]=\"false\"\n                            contenteditable=\"false\"\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            class=\"the-temp-table-numbered-controls-button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                        >\n                            <p class=\"row-number d-flex align-items-center\">{{ i + 1 }}</p>\n                        </div>\n                    </ng-container>\n                    <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"the-temp-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-temp-table-numbered': element?.options?.numberedColumn }\">\n        <table class=\"the-temp-table\" #theTable [ngClass]=\"{ 'the-temp-table-with-controls': isInTable }\">\n            <colgroup *ngIf=\"columns\">\n                <col *ngFor=\"let col of columns\" [ngStyle]=\"{ width: col.width + 'px' }\" />\n            </colgroup>\n            <thead>\n                <tr class=\"the-temp-table-col-controls-wrapper\">\n                    <th\n                        class=\"the-temp-table-col-controls\"\n                        [ngClass]=\"{\n                            active: tableStore.selectedColumnsIndex.includes(i),\n                            dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0\n                        }\"\n                        (mousedown)=\"onColMouseDown($event, i)\"\n                        *ngFor=\"let control of colControls; let i = index; trackBy: trackByFnColCotrols\"\n                    >\n                        <the-table-insert-mark *ngIf=\"isInTable\" type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\">\n                        </the-table-insert-mark>\n                    </th>\n                </tr>\n            </thead>\n            <tbody #tbody>\n                <slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"> </slate-children>\n            </tbody>\n        </table>\n    </div>\n</div>\n", components: [{ type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: ["type", "at", "tableStore"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], directives: [{ type: TheColumnResizeDirective, selector: "div[theColumnResize]" }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+        ], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!-- \u7C7B\u540D the-temp-*: \u4E34\u65F6\u89E3\u51B3\u56E0\u53D7portal\u5F71\u54CD\u8868\u683C\u6837\u5F0F\u95EE\u9898\uFF0C\u540E\u671F\u6539\u56DEthe-* -->\n<div\n    class=\"the-temp-table-container\"\n    theColumnResize\n    [ngClass]=\"{\n        'the-temp-table-with-controls': isInTable,\n        'the-temp-numbered-column-container': element?.options?.numberedColumn,\n        'the-temp-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n    }\"\n>\n    <div\n        class=\"the-temp-table-row-controls-wrapper\"\n        [ngClass]=\"{\n            'the-temp-table-focus': isInTable\n        }\"\n    >\n        <div\n            class=\"the-temp-table-corner-controls\"\n            [ngClass]=\"{\n                visible: !readonly && isInTable,\n                active: isSelectedAllCell,\n                dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n            }\"\n        >\n            <div class=\"the-temp-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n            <div class=\"the-temp-table-corner-controls-insert-row-marker\">\n                <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n            <div class=\"the-temp-table-corner-controls-insert-column-marker\">\n                <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n        </div>\n        <div class=\"the-temp-table-row-controls\">\n            <div class=\"the-temp-table-row-controls-inner\">\n                <div\n                    class=\"the-temp-table-row-controls-button-wrap\"\n                    *ngFor=\"let control of rowControls; let i = index; trackBy: trackByFnRowControls\"\n                    [ngClass]=\"{\n                        active: tableStore.selectedRowsIndex.includes(control.rowIndex),\n                        dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n                    }\"\n                >\n                    <ng-container *ngIf=\"!readonly && isInTable && !element?.options?.numberedColumn\">\n                        <button\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            type=\"button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                            class=\"the-temp-table-row-controls-button the-temp-table-controls-button\"\n                        ></button>\n                    </ng-container>\n                    <ng-container *ngIf=\"element?.options?.numberedColumn\">\n                        <div\n                            [contentEditable]=\"false\"\n                            contenteditable=\"false\"\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            class=\"the-temp-table-numbered-controls-button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                        >\n                            <p class=\"row-number d-flex align-items-center\">{{ i + 1 }}</p>\n                        </div>\n                    </ng-container>\n                    <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"the-temp-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-temp-table-numbered': element?.options?.numberedColumn }\">\n        <table class=\"the-temp-table\" #theTable [ngClass]=\"{ 'the-temp-table-with-controls': isInTable }\">\n            <colgroup *ngIf=\"columns\">\n                <col *ngFor=\"let col of columns\" [ngStyle]=\"{ width: col.width + 'px' }\" />\n            </colgroup>\n            <thead>\n                <tr class=\"the-temp-table-col-controls-wrapper\">\n                    <th\n                        class=\"the-temp-table-col-controls\"\n                        [ngClass]=\"{\n                            active: tableStore.selectedColumnsIndex.includes(i),\n                            dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0\n                        }\"\n                        (mousedown)=\"onColMouseDown($event, i)\"\n                        *ngFor=\"let control of colControls; let i = index; trackBy: trackByFnColControls\"\n                    >\n                        <the-table-insert-mark *ngIf=\"isInTable\" type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\">\n                        </the-table-insert-mark>\n                    </th>\n                </tr>\n            </thead>\n            <tbody #tbody>\n                <slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"> </slate-children>\n            </tbody>\n        </table>\n    </div>\n</div>\n", components: [{ type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: ["type", "at", "tableStore"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], directives: [{ type: TheColumnResizeDirective, selector: "div[theColumnResize]" }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -13363,7 +13353,7 @@
         ]
     });
 
-    var internalPlugins = [
+    var internalPlugins = function () { return [
         createTheHistoryPlugin(),
         createAutoInsertDataPlugin(),
         createRemoveEmptyPlugin(),
@@ -13398,7 +13388,7 @@
         createDeserializeMdPlugin(),
         createQuickInsertPlugin(),
         createInlineCodePlugin()
-    ];
+    ]; };
 
     var HOTKEYS = {
         'mod+b': exports.MarkTypes.bold,
@@ -14223,7 +14213,8 @@
         TheEditorComponent.prototype.initialize = function () {
             var _this = this;
             var _a, _b;
-            var plugins = __spreadArray(__spreadArray([], __read(internalPlugins)), __read(this.thePlugins));
+            var defaultPlugins = internalPlugins();
+            var plugins = __spreadArray(__spreadArray([], __read(defaultPlugins)), __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;
@@ -14650,9 +14641,9 @@
         i2$1.ThyActionMenuModule,
         i5.ThyInputModule,
         select.ThySelectModule,
-        i1$5.ThyButtonModule,
-        i1$4.ThyNotifyModule,
-        i1$2.ThyAlertModule,
+        i1$6.ThyButtonModule,
+        i1$5.ThyNotifyModule,
+        i1$3.ThyAlertModule,
         i9.ThyResizableModule,
         i5$2.ThySwitchModule
     ];
@@ -14751,9 +14742,9 @@
             i2$1.ThyActionMenuModule,
             i5.ThyInputModule,
             select.ThySelectModule,
-            i1$5.ThyButtonModule,
-            i1$4.ThyNotifyModule,
-            i1$2.ThyAlertModule,
+            i1$6.ThyButtonModule,
+            i1$5.ThyNotifyModule,
+            i1$3.ThyAlertModule,
             i9.ThyResizableModule,
             i5$2.ThySwitchModule, i8.CodemirrorModule, TheColumnSizeModule], exports: [TheEditorComponent, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarItemComponent, TheDefaultElementComponent] });
     TheEditorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheEditorModule, providers: [
@@ -14931,7 +14922,6 @@
     exports.getElementWidth = getElementWidth;
     exports.getEndBlock = getEndBlock;
     exports.getPlugin = getPlugin;
-    exports.getPluginByKey = getPluginByKey;
     exports.getPluginOptions = getPluginOptions;
     exports.getPlugins = getPlugins;
     exports.getRowsTotalHeight = getRowsTotalHeight;
@@ -14944,6 +14934,7 @@
     exports.internalPlugins = internalPlugins;
     exports.isCleanEmptyParagraph = isCleanEmptyParagraph;
     exports.isPureEmptyParagraph = isPureEmptyParagraph;
+    exports.mergeArray = mergeArray;
     exports.mergeDeepPlugins = mergeDeepPlugins;
     exports.mergeElementOptions = mergeElementOptions;
     exports.mergeOptions = mergeOptions;