@worktile/theia 13.0.22 → 13.0.23

package/fesm2020/worktile-theia.mjs

@@ -897,12 +897,11 @@ const mergeElementOptions = (elementOptions) => {
     const combinationData = [...DefaultElementOptions, ...elementOptions];
     const dataInfo = {};
     combinationData.forEach(item => {
-        const { type, inValidChildrenTypes, isIndivisible, isSecondaryContainer } = item;
+        const { type, inValidChildrenTypes, isSecondaryContainer } = item;
         if (!dataInfo[type]) {
             dataInfo[type] = {
                 type,
                 inValidChildrenTypes,
-                isIndivisible,
                 isSecondaryContainer
             };
         }
@@ -2278,36 +2277,6 @@ const unWrap = (editor, kind) => {
     });
 };
 
-const splitNode = (editor, indivisibleTypes) => {
-    const { selection } = editor;
-    const indivisibleType = indivisibleTypes && indivisibleTypes.find(item => getAboveByType(editor, item, { mode: 'highest' }));
-    let splitPath;
-    if (!indivisibleType) {
-        Transforms.splitNodes(editor, {
-            always: true,
-            mode: 'highest'
-        });
-        splitPath = [selection.anchor.path[0]];
-    }
-    else {
-        Transforms.splitNodes(editor, {
-            always: true,
-            mode: 'highest',
-            match: (data) => {
-                if (data.type && !indivisibleTypes.includes(data.type)) {
-                    const [node] = getNodesByType(editor, data.type, { at: selection });
-                    const parentNode = Editor.parent(editor, node[1]);
-                    if (indivisibleTypes.includes(parentNode[0].type)) {
-                        splitPath = node[1];
-                        return true;
-                    }
-                }
-            }
-        });
-    }
-    return splitPath;
-};
-
 const deleteElement = (editor, element) => {
     const at = findPath(editor, element);
     Transforms.insertNodes(editor, createEmptyParagraph(), { at });
@@ -2376,7 +2345,6 @@ var index = /*#__PURE__*/Object.freeze({
     applyDeepToNodes: applyDeepToNodes,
     mergeDeepToNodes: mergeDeepToNodes,
     unWrap: unWrap,
-    splitNode: splitNode,
     deleteElement: deleteElement,
     setEndSelection: setEndSelection,
     closeConversionHint: closeConversionHint,
@@ -2555,7 +2523,6 @@ const withAutoInsertData = (editor) => {
             const extraInfo = mergeElementOptions(editor.extraElementOptions);
             allElementOptions = Object.values(extraInfo);
         }
-        const indivisibleTypes = allElementOptions.filter(item => item.isIndivisible).map(item => item.type);
         const fragment = extractFragment(data);
         if (fragment) {
             if (isAcrossBlocks(editor, fragment) || Editor.isVoid(editor, fragment[0])) {
@@ -2567,20 +2534,20 @@ const withAutoInsertData = (editor) => {
                     // is exist invalid element type in fragment
                     const invalidIndex = fragment.findIndex(item => tryVerifyNode.inValidChildrenTypes.includes(item.type));
                     if (invalidIndex > -1) {
-                        const validFragmentData = fragment.slice(0, invalidIndex);
                         const invalidFragmentData = fragment.slice(invalidIndex, fragment.length);
-                        Editor.withoutNormalizing(editor, () => {
-                            if (validFragmentData.length > 0) {
-                                validFragmentData.forEach(item => {
-                                    Transforms.insertNodes(editor, item);
-                                });
-                            }
-                            // split node
-                            const path = splitNode(editor, indivisibleTypes);
-                            Transforms.insertNodes(editor, invalidFragmentData, {
-                                at: Path.next(path)
+                        const allowParentTypes = getPluginOptions(editor, invalidFragmentData[0].type)?.allowParentTypes || [];
+                        const insertNodePath = getInsertElementsPath(editor, allowParentTypes);
+                        if (insertNodePath) {
+                            Editor.withoutNormalizing(editor, () => {
+                                Transforms.insertNodes(editor, fragment, { at: insertNodePath });
+                                Transforms.select(editor, Editor.start(editor, insertNodePath));
                             });
-                        });
+                            return;
+                        }
+                        const [anchorBlock, anchorBlockPath] = anchorBlockEntry(editor);
+                        const nextPath = Path.next([anchorBlockPath[0]]);
+                        Transforms.insertNodes(editor, fragment, { at: nextPath });
+                        Transforms.select(editor, Editor.start(editor, nextPath));
                         return;
                     }
                 }
@@ -8660,10 +8627,10 @@ class TheTableToolbarComponent {
     }
 }
 TheTableToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TheTableToolbarComponent, deps: [{ token: i0.NgZone }, { token: TheColorSelectService }, { token: i1$1.ThyPopover }, { token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component });
-TheTableToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", isActiveSelect: "isActiveSelect", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of cellMenuList\">\n        <a\n            *ngIf=\"!item.invisibility\"\n            href=\"javascript:;\"\n            thyAction\n            [thyActionIcon]=\"item.icon\"\n            [thyTooltip]=\"item.name\"\n            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"!isActiveSelect && isShowSplitLine\" class=\"mx-2 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\n        <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n    </a>\n    <a href=\"javascript:;\" *ngIf=\"tableOptions?.showFullscreen\" thyAction thyTooltip=\"\u5168\u5C4F\" (mousedown)=\"setFullscreen($event)\">\n        <thy-icon thyIconName=\"expand-arrows\"></thy-icon>\n    </a>\n\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"openTableOptionMenu($event)\">\n            <span>\u8868\u683C\u9009\u9879</span>\n            <thy-icon thyIconName=\"caret-down\"></thy-icon>\n        </a>\n    </ng-container>\n\n    <thy-divider *ngIf=\"deleteIcon\" class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n    <a\n        *ngIf=\"deleteIcon\"\n        href=\"javascript:;\"\n        thyAction\n        thyType=\"danger\"\n        [thyActionIcon]=\"deleteIcon\"\n        [thyTooltip]=\"iconName\"\n        (mousedown)=\"onDelete($event)\"\n        (mouseenter)=\"onEnterDelete($event)\"\n        (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n</thy-actions>\n", components: [{ type: i3$1.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { type: i3$1.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { type: i4$2.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { type: i2.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$3.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }] });
+TheTableToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", isActiveSelect: "isActiveSelect", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of cellMenuList\">\n        <a\n            *ngIf=\"!item.invisibility\"\n            href=\"javascript:;\"\n            thyAction\n            [thyActionIcon]=\"item.icon\"\n            [thyTooltip]=\"item.name\"\n            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"!isActiveSelect && isShowSplitLine\" class=\"mx-2 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\n        <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n    </a>\n    <a href=\"javascript:;\" *ngIf=\"tableOptions?.showFullscreen\" thyAction thyTooltip=\"\u5168\u5C4F\" (mousedown)=\"setFullscreen($event)\">\n        <thy-icon thyIconName=\"expand-arrows\"></thy-icon>\n    </a>\n\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"openTableOptionMenu($event)\">\n            <span>\u8868\u683C\u9009\u9879</span>\n            <thy-icon thyIconName=\"caret-down\"></thy-icon>\n        </a>\n    </ng-container>\n\n    <ng-container *ngIf=\"tableOptions?.showFullscreen ? deleteIcon : deleteIcon && !tableStore.isSelectedTable\">\n        <thy-divider class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            [thyActionIcon]=\"deleteIcon\"\n            [thyTooltip]=\"iconName\"\n            (mousedown)=\"onDelete($event)\"\n            (mouseenter)=\"onEnterDelete($event)\"\n            (mouseleave)=\"onLeaveDelete($event)\"\n        ></a>\n    </ng-container>\n</thy-actions>\n", components: [{ type: i3$1.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { type: i3$1.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { type: i4$2.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { type: i2.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$3.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TheTableToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'the-table-toolbar', template: "<thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of cellMenuList\">\n        <a\n            *ngIf=\"!item.invisibility\"\n            href=\"javascript:;\"\n            thyAction\n            [thyActionIcon]=\"item.icon\"\n            [thyTooltip]=\"item.name\"\n            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"!isActiveSelect && isShowSplitLine\" class=\"mx-2 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\n        <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n    </a>\n    <a href=\"javascript:;\" *ngIf=\"tableOptions?.showFullscreen\" thyAction thyTooltip=\"\u5168\u5C4F\" (mousedown)=\"setFullscreen($event)\">\n        <thy-icon thyIconName=\"expand-arrows\"></thy-icon>\n    </a>\n\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"openTableOptionMenu($event)\">\n            <span>\u8868\u683C\u9009\u9879</span>\n            <thy-icon thyIconName=\"caret-down\"></thy-icon>\n        </a>\n    </ng-container>\n\n    <thy-divider *ngIf=\"deleteIcon\" class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n    <a\n        *ngIf=\"deleteIcon\"\n        href=\"javascript:;\"\n        thyAction\n        thyType=\"danger\"\n        [thyActionIcon]=\"deleteIcon\"\n        [thyTooltip]=\"iconName\"\n        (mousedown)=\"onDelete($event)\"\n        (mouseenter)=\"onEnterDelete($event)\"\n        (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n</thy-actions>\n" }]
+            args: [{ selector: 'the-table-toolbar', template: "<thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of cellMenuList\">\n        <a\n            *ngIf=\"!item.invisibility\"\n            href=\"javascript:;\"\n            thyAction\n            [thyActionIcon]=\"item.icon\"\n            [thyTooltip]=\"item.name\"\n            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"!isActiveSelect && isShowSplitLine\" class=\"mx-2 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\n        <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n    </a>\n    <a href=\"javascript:;\" *ngIf=\"tableOptions?.showFullscreen\" thyAction thyTooltip=\"\u5168\u5C4F\" (mousedown)=\"setFullscreen($event)\">\n        <thy-icon thyIconName=\"expand-arrows\"></thy-icon>\n    </a>\n\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"openTableOptionMenu($event)\">\n            <span>\u8868\u683C\u9009\u9879</span>\n            <thy-icon thyIconName=\"caret-down\"></thy-icon>\n        </a>\n    </ng-container>\n\n    <ng-container *ngIf=\"tableOptions?.showFullscreen ? deleteIcon : deleteIcon && !tableStore.isSelectedTable\">\n        <thy-divider class=\"mx-2 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            [thyActionIcon]=\"deleteIcon\"\n            [thyTooltip]=\"iconName\"\n            (mousedown)=\"onDelete($event)\"\n            (mouseenter)=\"onEnterDelete($event)\"\n            (mouseleave)=\"onLeaveDelete($event)\"\n        ></a>\n    </ng-container>\n</thy-actions>\n" }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: TheColorSelectService }, { type: i1$1.ThyPopover }, { type: i1$1.ThyPopoverRef }]; }, propDecorators: { tableStore: [{
                 type: Input
             }], isActiveSelect: [{
@@ -11269,9 +11236,6 @@ const createTablePlugin = createPluginFactory({
         showFullscreen: true,
         setFullscreen: (editor, event, element) => {
             event.preventDefault();
-        },
-        exitFullscreen: (editor, event, element) => {
-            event.preventDefault();
         }
     }
 });