@worktile/theia 14.2.4 → 14.2.6

package/fesm2015/worktile-theia.mjs

@@ -13,23 +13,23 @@ import { isObject, isArray, isString } from 'ngx-tethys/util';
 import { TheiaConverter } from '@atinc/selene';
 import { HistoryEditor, withHistory } from 'slate-history';
 import * as i1$1 from 'ngx-tethys/popover';
-import { ThyPopover } from 'ngx-tethys/popover';
+import { ThyPopover, ThyPopoverModule } from 'ngx-tethys/popover';
 import * as i2$1 from '@angular/cdk/overlay';
 import { Overlay, OverlayModule } from '@angular/cdk/overlay';
-import * as i3 from 'ngx-tethys/icon';
+import * as i4 from 'ngx-tethys/icon';
 import { ThyIconModule } from 'ngx-tethys/icon';
-import * as i6 from 'ngx-tethys/action';
+import * as i5 from 'ngx-tethys/action';
 import { ThyActionModule } from 'ngx-tethys/action';
-import * as i6$1 from 'ngx-tethys/dropdown';
+import * as i6 from 'ngx-tethys/dropdown';
 import { ThyDropdownDirective, ThyDropdownModule } from 'ngx-tethys/dropdown';
-import * as i4 from 'ngx-tethys/tooltip';
+import * as i8 from 'ngx-tethys/tooltip';
 import { ThyTooltipModule } from 'ngx-tethys/tooltip';
-import * as i7 from 'ngx-tethys/divider';
+import * as i12 from 'ngx-tethys/divider';
 import { ThyDividerComponent, ThyDividerModule } from 'ngx-tethys/divider';
 import { mixinUnsubscribe, MixinBase, ScrollToService } from 'ngx-tethys/core';
 import { isKeyHotkey } from 'is-hotkey';
 import { Subject, fromEvent, timer, combineLatest, Observable, BehaviorSubject, merge, ReplaySubject } from 'rxjs';
-import * as i5 from 'ngx-tethys/input';
+import * as i5$1 from 'ngx-tethys/input';
 import { ThyInputModule } from 'ngx-tethys/input';
 import * as i13 from 'ng-codemirror';
 import { CodeMirrorComponent, CodemirrorModule } from 'ng-codemirror';
@@ -51,14 +51,14 @@ import { ThyProgressModule } from 'ngx-tethys/progress';
 import isUrl from 'is-url';
 import * as i1$4 from 'ngx-tethys/button';
 import { ThyButtonModule } from 'ngx-tethys/button';
-import * as i3$1 from 'ngx-tethys/form';
+import * as i3 from 'ngx-tethys/form';
 import { ThyFormModule } from 'ngx-tethys/form';
 import * as i4$2 from 'ngx-tethys/shared';
 import { ThySharedModule } from 'ngx-tethys/shared';
-import * as i9$2 from 'ngx-tethys/empty';
+import * as i10$1 from 'ngx-tethys/empty';
 import { ThyEmptyModule } from 'ngx-tethys/empty';
 import { ENTER, LEFT_ARROW, RIGHT_ARROW, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
-import * as i6$2 from '@angular/cdk/scrolling';
+import * as i6$1 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { coerceCssPixelValue } from '@angular/cdk/coercion';
 import { PortalInjector, ComponentPortal } from '@angular/cdk/portal';
@@ -435,36 +435,30 @@ const PluginMenuSvgs = [
     {
         key: PluginMenuIcons.image,
         svg: `<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>图片</title>
-    <g id="图片" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="icon">
-            <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
-            <g id="编组" transform="translate(8.500000, 10.000000)">
-                <path d="M0,1 C0,0.447715 0.447715,0 1,0 L18,0 C18.5523,0 19,0.447715 19,1 L19,15 C19,15.5523 18.5523,16 18,16 L1,16 C0.447715,16 0,15.5523 0,15 L0,1 Z" id="路径" fill="#EEEEEE"></path>
-                <path d="M4.5,7 C5.60453333,7 6.5,6.10453333 6.5,5 C6.5,3.89546667 5.60453333,3 4.5,3 C3.39546667,3 2.5,3.89546667 2.5,5 C2.5,6.10453333 3.39546667,7 4.5,7 Z" id="路径" fill="#F6C659"></path>
-                <path d="M5,9 L7.5,11 L10.5,7.5 L19,13 L19,15 C19,15.5523 18.5523,16 18,16 L1,16 C0.447715,16 0,15.5523 0,15 L0,13 L5,9 Z" id="路径" fill="#6698FF"></path>
-                <path d="M5,9 L7.488,10.99 L3.165,16 L1,16 C0.447715,16 0,15.5523 0,15 L0,13 L5,9 Z" id="形状结合" fill="#CAD9F8"></path>
+        <title>图片</title>
+        <g id="图片" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="icon">
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
+                <g id="编组" transform="translate(8.500000, 10.000000)">
+                    <path d="M0,1 C0,0.447715 0.447715,0 1,0 L18,0 C18.5523,0 19,0.447715 19,1 L19,15 C19,15.5523 18.5523,16 18,16 L1,16 C0.447715,16 0,15.5523 0,15 L0,1 Z" id="路径" fill="#EEEEEE"></path>
+                    <path d="M4.5,7 C5.60453333,7 6.5,6.10453333 6.5,5 C6.5,3.89546667 5.60453333,3 4.5,3 C3.39546667,3 2.5,3.89546667 2.5,5 C2.5,6.10453333 3.39546667,7 4.5,7 Z" id="路径" fill="#F6C659"></path>
+                    <path d="M5,9 L7.5,11 L10.5,7.5 L19,13 L19,15 C19,15.5523 18.5523,16 18,16 L1,16 C0.447715,16 0,15.5523 0,15 L0,13 L5,9 Z" id="路径" fill="#6698FF"></path>
+                    <path d="M5,9 L7.488,10.99 L3.165,16 L1,16 C0.447715,16 0,15.5523 0,15 L0,13 L5,9 Z" id="形状结合" fill="#CAD9F8"></path>
+                </g>
             </g>
         </g>
-    </g>
-</svg>`
+    </svg>`
     },
     {
         key: PluginMenuIcons.blockquote,
         svg: `<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>引用</title>
-    <defs>
-        <rect id="path-1" x="1" y="1" width="34" height="34" rx="4"></rect>
-    </defs>
-    <g id="引用" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="矩形">
-            <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="蒙版" fill="#EEEEEE" fill-rule="nonzero"></path>
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="蒙版" fill="#FFFFFF" xlink:href="#path-1"></use>
-            <g id="编组-34" mask="url(#mask-2)">
-                <g transform="translate(7.000000, 7.600000)">
+        <title>引用</title>
+        <g id="引用" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="矩形">
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="蒙版" fill="#EEEEEE" fill-rule="nonzero"></path>
+                <g id="编组-34" transform="translate(7.000000, 7.600000)">
                     <path d="M-9.3,9.9 L10.5,9.9 C10.8313708,9.9 11.1,10.1686292 11.1,10.5 C11.1,10.8313708 10.8313708,11.1 10.5,11.1 L-9.3,11.1 C-9.63137085,11.1 -9.9,10.8313708 -9.9,10.5 C-9.9,10.1686292 -9.63137085,9.9 -9.3,9.9 Z" id="矩形备份-86" fill="#AAAAAA" transform="translate(0.600000, 10.500000) rotate(-270.000000) translate(-0.600000, -10.500000) "></path>
                     <path d="M12.0569495,0.107381518 C9.05340743,2.09055298 7.38481149,4.39881214 7.05114973,7.03213028 C6.53171396,11.1315969 10.097464,13.1381708 11.9041919,11.3352765 C13.7109198,9.53238214 12.6278961,7.24401116 11.3196447,6.61849713 C10.0113932,5.99294208 9.21135004,6.21080993 9.35090591,5.37489124 C9.49046177,4.53901356 11.3517118,2.22140491 12.9868965,1.14207129 C13.0953823,1.04722312 13.1366628,0.863185692 13.0322053,0.723558362 C12.9634843,0.631744678 12.8287146,0.451664378 12.6278961,0.18330516 C12.4522847,-0.0513630698 12.2840519,-0.042579465 12.0569495,0.107381518 Z M19.9642908,0.107381518 C16.9607886,2.09055298 15.2921807,4.39881214 14.9585069,7.03213028 C14.4390911,11.1315969 18.0048451,13.1381708 19.811573,11.3352765 C21.618301,9.53238214 20.5352773,7.24401116 19.2270258,6.61849713 C17.9187744,5.99294208 17.1186913,6.21080993 17.2582871,5.37489124 C17.3978429,4.53901356 19.259093,2.22140491 20.8942776,1.14207129 C21.0027635,1.04722312 21.0440439,0.863185692 20.9395466,0.723558362 C20.8708654,0.631744678 20.7360957,0.451664378 20.5352773,0.18330516 C20.3596658,-0.0513630698 20.191433,-0.042579465 19.9642908,0.107381518 Z" id="形状结合" fill="#CACACA" transform="translate(14.000000, 6.000000) rotate(-180.000000) translate(-14.000000, -6.000000) "></path>
                     <path d="M6.6,20.4 L15.7517228,20.4 C16.0830937,20.4 16.3517228,20.6686292 16.3517228,21 C16.3517228,21.3313708 16.0830937,21.6 15.7517228,21.6 L6.6,21.6 C6.26862915,21.6 6,21.3313708 6,21 C6,20.6686292 6.26862915,20.4 6.6,20.4 Z" id="矩形备份-88" fill="#CACACA"></path>
@@ -472,72 +466,66 @@ const PluginMenuSvgs = [
                 </g>
             </g>
         </g>
-    </g>
     </svg>`
     },
     {
         key: PluginMenuIcons.code,
         svg: `<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>代码块</title>
-    <defs>
-        <rect id="path-1" x="1" y="1" width="34" height="34" rx="4"></rect>
-    </defs>
-    <g id="代码块" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="icon">
-            <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="蒙版" fill="#EEEEEE" fill-rule="nonzero"></path>
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="蒙版" fill="#FFFFFF" xlink:href="#path-1"></use>
-            <g id="编组-24" mask="url(#mask-2)">
-                <g transform="translate(6.000000, 6.000000)">
-                    <rect id="矩形备份-60" fill="#F5F5F5" x="0" y="0" width="43" height="24" rx="2"></rect>
-                    <path d="M2,0 L6,0 L6,0 L6,24 L2,24 C0.8954305,24 1.3527075e-16,23.1045695 0,22 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="矩形备份-60" fill="#EEEEEE"></path>
-                    <path d="M2.6,4 L3.4,4 C3.73137085,4 4,4.26862915 4,4.6 C4,4.93137085 3.73137085,5.2 3.4,5.2 L2.6,5.2 C2.26862915,5.2 2,4.93137085 2,4.6 C2,4.26862915 2.26862915,4 2.6,4 Z M2.6,9 L3.4,9 C3.73137085,9 4,9.26862915 4,9.6 C4,9.93137085 3.73137085,10.2 3.4,10.2 L2.6,10.2 C2.26862915,10.2 2,9.93137085 2,9.6 C2,9.26862915 2.26862915,9 2.6,9 Z M2.6,14 L3.4,14 C3.73137085,14 4,14.2686292 4,14.6 C4,14.9313708 3.73137085,15.2 3.4,15.2 L2.6,15.2 C2.26862915,15.2 2,14.9313708 2,14.6 C2,14.2686292 2.26862915,14 2.6,14 Z M2.6,19 L3.4,19 C3.73137085,19 4,19.2686292 4,19.6 C4,19.9313708 3.73137085,20.2 3.4,20.2 L2.6,20.2 C2.26862915,20.2 2,19.9313708 2,19.6 C2,19.2686292 2.26862915,19 2.6,19 Z" id="形状结合" fill="#CACACA"></path>
-                    <path d="M10.6,4 L23.8215948,4 C24.1529656,4 24.4215948,4.26862915 24.4215948,4.6 C24.4215948,4.93137085 24.1529656,5.2 23.8215948,5.2 L10.6,5.2 C10.2686292,5.2 10,4.93137085 10,4.6 C10,4.26862915 10.2686292,4 10.6,4 Z" id="矩形备份-61" fill="#CACACA"></path>
-                    <path d="M15.6,9 L23.9488547,9 C24.2802256,9 24.5488547,9.26862915 24.5488547,9.6 C24.5488547,9.93137085 24.2802256,10.2 23.9488547,10.2 L15.6,10.2 C15.2686292,10.2 15,9.93137085 15,9.6 C15,9.26862915 15.2686292,9 15.6,9 Z" id="矩形备份-63" fill="#FF7575"></path>
-                    <path d="M10.6,14 L21.7142342,14 C22.0456051,14 22.3142342,14.2686292 22.3142342,14.6 C22.3142342,14.9313708 22.0456051,15.2 21.7142342,15.2 L10.6,15.2 C10.2686292,15.2 10,14.9313708 10,14.6 C10,14.2686292 10.2686292,14 10.6,14 Z" id="矩形备份-65" fill="#CACACA"></path>
-                    <path d="M13.6,19 L29.1044747,19 C29.4358456,19 29.7044747,19.2686292 29.7044747,19.6 C29.7044747,19.9313708 29.4358456,20.2 29.1044747,20.2 L13.6,20.2 C13.2686292,20.2 13,19.9313708 13,19.6 C13,19.2686292 13.2686292,19 13.6,19 Z" id="矩形备份-66" fill="#6698FF"></path>
+        <title>代码块</title>
+        <defs>
+            <rect id="path-1" x="1" y="1" width="34" height="34" rx="4"></rect>
+        </defs>
+        <g id="代码块" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="icon">
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="蒙版" fill="#EEEEEE" fill-rule="nonzero"></path>
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="蒙版" fill="#FFFFFF" xlink:href="#path-1"></use>
+                <g id="编组-24" mask="url(#mask-2)">
+                    <g transform="translate(6.000000, 6.000000)">
+                        <rect id="矩形备份-60" fill="#F5F5F5" x="0" y="0" width="43" height="24" rx="2"></rect>
+                        <path d="M2,0 L6,0 L6,0 L6,24 L2,24 C0.8954305,24 1.3527075e-16,23.1045695 0,22 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="矩形备份-60" fill="#EEEEEE"></path>
+                        <path d="M2.6,4 L3.4,4 C3.73137085,4 4,4.26862915 4,4.6 C4,4.93137085 3.73137085,5.2 3.4,5.2 L2.6,5.2 C2.26862915,5.2 2,4.93137085 2,4.6 C2,4.26862915 2.26862915,4 2.6,4 Z M2.6,9 L3.4,9 C3.73137085,9 4,9.26862915 4,9.6 C4,9.93137085 3.73137085,10.2 3.4,10.2 L2.6,10.2 C2.26862915,10.2 2,9.93137085 2,9.6 C2,9.26862915 2.26862915,9 2.6,9 Z M2.6,14 L3.4,14 C3.73137085,14 4,14.2686292 4,14.6 C4,14.9313708 3.73137085,15.2 3.4,15.2 L2.6,15.2 C2.26862915,15.2 2,14.9313708 2,14.6 C2,14.2686292 2.26862915,14 2.6,14 Z M2.6,19 L3.4,19 C3.73137085,19 4,19.2686292 4,19.6 C4,19.9313708 3.73137085,20.2 3.4,20.2 L2.6,20.2 C2.26862915,20.2 2,19.9313708 2,19.6 C2,19.2686292 2.26862915,19 2.6,19 Z" id="形状结合" fill="#CACACA"></path>
+                        <path d="M10.6,4 L23.8215948,4 C24.1529656,4 24.4215948,4.26862915 24.4215948,4.6 C24.4215948,4.93137085 24.1529656,5.2 23.8215948,5.2 L10.6,5.2 C10.2686292,5.2 10,4.93137085 10,4.6 C10,4.26862915 10.2686292,4 10.6,4 Z" id="矩形备份-61" fill="#CACACA"></path>
+                        <path d="M15.6,9 L23.9488547,9 C24.2802256,9 24.5488547,9.26862915 24.5488547,9.6 C24.5488547,9.93137085 24.2802256,10.2 23.9488547,10.2 L15.6,10.2 C15.2686292,10.2 15,9.93137085 15,9.6 C15,9.26862915 15.2686292,9 15.6,9 Z" id="矩形备份-63" fill="#FF7575"></path>
+                        <path d="M10.6,14 L21.7142342,14 C22.0456051,14 22.3142342,14.2686292 22.3142342,14.6 C22.3142342,14.9313708 22.0456051,15.2 21.7142342,15.2 L10.6,15.2 C10.2686292,15.2 10,14.9313708 10,14.6 C10,14.2686292 10.2686292,14 10.6,14 Z" id="矩形备份-65" fill="#CACACA"></path>
+                        <path d="M13.6,19 L29.1044747,19 C29.4358456,19 29.7044747,19.2686292 29.7044747,19.6 C29.7044747,19.9313708 29.4358456,20.2 29.1044747,20.2 L13.6,20.2 C13.2686292,20.2 13,19.9313708 13,19.6 C13,19.2686292 13.2686292,19 13.6,19 Z" id="矩形备份-66" fill="#6698FF"></path>
+                    </g>
                 </g>
             </g>
         </g>
-    </g>
     </svg>`
     },
     {
         key: PluginMenuIcons.table,
         svg: `<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>表格</title>
-    <g id="表格" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="icon">
-            <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
-            <g id="编组-36" transform="translate(6.800000, 8.800000)">
-                <path d="M20.2,0 L2.2,0 C0.98497355,0 0,0.98497355 0,2.2 L0,16.2 C0,17.4150264 0.98497355,18.4 2.2,18.4 L20.2,18.4 C21.4150264,18.4 22.4,17.4150264 22.4,16.2 L22.4,2.2 C22.4,0.98497355 21.4150264,0 20.2,0 Z M20.2,1.2 C20.7522847,1.2 21.2,1.64771525 21.2,2.2 L21.2,16.2 C21.2,16.7522847 20.7522847,17.2 20.2,17.2 L2.2,17.2 C1.64771525,17.2 1.2,16.7522847 1.2,16.2 L1.2,2.2 C1.2,1.64771525 1.64771525,1.2 2.2,1.2 L20.2,1.2 Z" id="矩形" fill="#D8D8D8" fill-rule="nonzero"></path>
-                <path d="M2.2,1.2 L20.2,1.2 C20.7522847,1.2 21.2,1.64771525 21.2,2.2 L21.2,5.7 L21.2,5.7 L1.2,5.7 L1.2,2.2 C1.2,1.64771525 1.64771525,1.2 2.2,1.2 Z" id="矩形" fill="#EEEEEE"></path>
-                <path d="M21.2,5.2 L21.2,6.4 L15.3,6.4 L15.3,11.2 L21.2,11.2 L21.2,12.4 L15.3,12.4 L15.3,17.3 L14.1,17.3 L14.1,12.4 L8.3,12.4 L8.3,17.3 L7.1,17.3 L7.1,12.4 L1.2,12.4 L1.2,11.2 L7.1,11.2 L7.1,6.4 L1.2,6.4 L1.2,5.2 L21.2,5.2 Z M14.1,6.4 L8.3,6.4 L8.3,11.2 L14.1,11.2 L14.1,6.4 Z" id="形状结合" fill="#D8D8D8"></path>
-                <path d="M9.8,8.11197815 L12.6,8.11197815 C12.9313708,8.11197815 13.2,8.3806073 13.2,8.71197815 C13.2,9.043349 12.9313708,9.31197815 12.6,9.31197815 L9.8,9.31197815 C9.46862915,9.31197815 9.2,9.043349 9.2,8.71197815 C9.2,8.3806073 9.46862915,8.11197815 9.8,8.11197815 Z" id="矩形" fill="#6698FF"></path>
-                <path d="M16.8,14.1134683 L19.6,14.1134683 C19.9313708,14.1134683 20.2,14.3820974 20.2,14.7134683 C20.2,15.0448391 19.9313708,15.3134683 19.6,15.3134683 L16.8,15.3134683 C16.4686292,15.3134683 16.2,15.0448391 16.2,14.7134683 C16.2,14.3820974 16.4686292,14.1134683 16.8,14.1134683 Z" id="矩形备份-71" fill="#FF7575"></path>
+        <title>表格</title>
+        <g id="表格" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="icon">
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
+                <g id="编组-36" transform="translate(6.800000, 8.800000)">
+                    <path d="M20.2,0 L2.2,0 C0.98497355,0 0,0.98497355 0,2.2 L0,16.2 C0,17.4150264 0.98497355,18.4 2.2,18.4 L20.2,18.4 C21.4150264,18.4 22.4,17.4150264 22.4,16.2 L22.4,2.2 C22.4,0.98497355 21.4150264,0 20.2,0 Z M20.2,1.2 C20.7522847,1.2 21.2,1.64771525 21.2,2.2 L21.2,16.2 C21.2,16.7522847 20.7522847,17.2 20.2,17.2 L2.2,17.2 C1.64771525,17.2 1.2,16.7522847 1.2,16.2 L1.2,2.2 C1.2,1.64771525 1.64771525,1.2 2.2,1.2 L20.2,1.2 Z" id="矩形" fill="#D8D8D8" fill-rule="nonzero"></path>
+                    <path d="M2.2,1.2 L20.2,1.2 C20.7522847,1.2 21.2,1.64771525 21.2,2.2 L21.2,5.7 L21.2,5.7 L1.2,5.7 L1.2,2.2 C1.2,1.64771525 1.64771525,1.2 2.2,1.2 Z" id="矩形" fill="#EEEEEE"></path>
+                    <path d="M21.2,5.2 L21.2,6.4 L15.3,6.4 L15.3,11.2 L21.2,11.2 L21.2,12.4 L15.3,12.4 L15.3,17.3 L14.1,17.3 L14.1,12.4 L8.3,12.4 L8.3,17.3 L7.1,17.3 L7.1,12.4 L1.2,12.4 L1.2,11.2 L7.1,11.2 L7.1,6.4 L1.2,6.4 L1.2,5.2 L21.2,5.2 Z M14.1,6.4 L8.3,6.4 L8.3,11.2 L14.1,11.2 L14.1,6.4 Z" id="形状结合" fill="#D8D8D8"></path>
+                    <path d="M9.8,8.11197815 L12.6,8.11197815 C12.9313708,8.11197815 13.2,8.3806073 13.2,8.71197815 C13.2,9.043349 12.9313708,9.31197815 12.6,9.31197815 L9.8,9.31197815 C9.46862915,9.31197815 9.2,9.043349 9.2,8.71197815 C9.2,8.3806073 9.46862915,8.11197815 9.8,8.11197815 Z" id="矩形" fill="#6698FF"></path>
+                    <path d="M16.8,14.1134683 L19.6,14.1134683 C19.9313708,14.1134683 20.2,14.3820974 20.2,14.7134683 C20.2,15.0448391 19.9313708,15.3134683 19.6,15.3134683 L16.8,15.3134683 C16.4686292,15.3134683 16.2,15.0448391 16.2,14.7134683 C16.2,14.3820974 16.4686292,14.1134683 16.8,14.1134683 Z" id="矩形备份-71" fill="#FF7575"></path>
+                </g>
             </g>
         </g>
-    </g>
     </svg>`
     },
     {
         key: PluginMenuIcons.hr,
         svg: `<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>分割线</title>
-    <defs>
-        <rect id="path-1" x="1" y="1" width="34" height="34" rx="4"></rect>
-    </defs>
-    <g id="分割线" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="矩形备份-60">
-            <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="蒙版" fill="#EEEEEE" fill-rule="nonzero"></path>
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="蒙版" fill="#FFFFFF" xlink:href="#path-1"></use>
-            <g id="编组-33" mask="url(#mask-2)">
-                <g transform="translate(7.000000, 7.500000)">
+        <title>分割线</title>
+        <g id="分割线" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="矩形备份-60">
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.40231912,1 1.09633912,2.24891996 1.00509269,3.82372721 L1,4 L1,32 C1,33.5976809 2.24891996,34.9036609 3.82372721,34.9949073 L4,35 L32,35 C33.5976809,35 34.9036609,33.75108 34.9949073,32.1762728 L35,32 L35,4 C35,2.40231912 33.75108,1.09633912 32.1762728,1.00509269 L32,1 Z" id="蒙版" fill="#EEEEEE" fill-rule="nonzero"></path>
+                <g id="编组-33" transform="translate(7.000000, 7.500000)">
                     <path d="M3.6,0 L17.5238673,0 C17.8552382,1.87571599e-15 18.1238673,0.26862915 18.1238673,0.6 C18.1238673,0.93137085 17.8552382,1.2 17.5238673,1.2 L3.6,1.2 C3.26862915,1.2 3,0.93137085 3,0.6 C3,0.26862915 3.26862915,1.7189414e-16 3.6,0 Z" id="矩形备份-81" fill="#CACACA"></path>
                     <path d="M6.47613265,15 L20.4,15 C20.7313708,15 21,15.2686292 21,15.6 C21,15.9313708 20.7313708,16.2 20.4,16.2 L6.47613265,16.2 C6.1447618,16.2 5.87613265,15.9313708 5.87613265,15.6 C5.87613265,15.2686292 6.1447618,15 6.47613265,15 Z" id="矩形备份-84" fill="#CACACA"></path>
                     <path d="M5.49677721,5 L14.6485,5 C14.9798709,5 15.2485,5.26862915 15.2485,5.6 C15.2485,5.93137085 14.9798709,6.2 14.6485,6.2 L5.49677721,6.2 C5.16540636,6.2 4.89677721,5.93137085 4.89677721,5.6 C4.89677721,5.26862915 5.16540636,5 5.49677721,5 Z" id="矩形备份-82" fill="#CACACA"></path>
@@ -546,7 +534,6 @@ const PluginMenuSvgs = [
                 </g>
             </g>
         </g>
-    </g>
     </svg>`
     },
     {
@@ -555,9 +542,10 @@ const PluginMenuSvgs = [
         <title>H1</title>
         <g id="H1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="1.Base基础/1.icon图标/11.editor/header-1" transform="translate(9.000000, 7.000000)" fill="#666666">
-                    <path d="M7.6,0 C7.93137085,-6.08718376e-17 8.2,0.26862915 8.2,0.6 L8.2,11.4 C8.2,11.7313708 7.93137085,12 7.6,12 C7.26862915,12 7,11.7313708 7,11.4 L7,6.4 L1.2,6.4 L1.2,11.4 C1.2,11.7313708 0.93137085,12 0.6,12 C0.26862915,12 1.51603528e-16,11.7313708 0,11.4 L0,0.6 C7.04410774e-17,0.26862915 0.26862915,-1.61172767e-16 0.6,0 C0.93137085,-6.08718376e-17 1.2,0.26862915 1.2,0.6 L1.2,5.2 L7,5.2 L7,0.6 C7,0.26862915 7.26862915,-1.61172767e-16 7.6,0 Z M12.6,4.03849355 C12.9313708,4.03849355 13.2,4.3071227 13.2,4.63849355 L13.2,10.7994936 L14.3,10.8 C14.5761424,10.8 14.8,11.0238576 14.8,11.3 L14.8,11.5 C14.8,11.7761424 14.5761424,12 14.3,12 L10.8,12 C10.5238576,12 10.3,11.7761424 10.3,11.5 L10.3,11.3 C10.3,11.0238576 10.5238576,10.8 10.8,10.8 L12,10.7994936 L11.9992076,5.99749355 L11.4573367,6.503957 C11.2420362,6.70484511 10.9182139,6.71678064 10.6901851,6.54683893 L10.6095636,6.47459911 C10.6095239,6.47455657 10.6094842,6.47451403 10.6094445,6.47447147 C10.3834309,6.23210152 10.3966345,5.85241672 10.6389386,5.62633256 L12.1456416,4.22048943 C12.1994667,4.1702674 12.2600744,4.13185491 12.3242723,4.1051414 L12.4103536,4.06908195 C12.4699613,4.04923872 12.5337258,4.03849355 12.6,4.03849355 Z" id="形状结合"></path>
+                    <path d="M7.6,0 C7.93137085,-6.08718376e-17 8.2,0.26862915 8.2,0.6 L8.2,11.4 C8.2,11.7313708 7.93137085,12 7.6,12 C7.26862915,12 7,11.7313708 7,11.4 L7,6.4 L1.2,6.4 L1.2,11.4 C1.2,11.7313708 0.93137085,12 0.6,12 C0.26862915,12 1.51603528e-16,11.7313708 0,11.4 L0,0.6 C7.04410774e-17,0.26862915 0.26862915,-1.61172767e-16 0.6,0 C0.93137085,-6.08718376e-17 1.2,0.26862915 1.2,0.6 L1.2,5.2 L7,5.2 L7,0.6 C7,0.26862915 7.26862915,-1.61172767e-16 7.6,0 Z M12.6,4.03849355 C12.9313708,4.03849355 13.2,4.3071227 13.2,4.63849355 L13.2,10.7994936 L14.3,10.8 C14.5761424,10.8 14.8,11.0238576 14.8,11.3 L14.8,11.5 C14.8,11.7761424 14.5761424,12 14.3,12 L10.8,12 C10.5238576,12 10.3,11.7761424 10.3,11.5 L10.3,11.3 C10.3,11.0238576 10.5238576,10.8 10.8,10.8 L12,10.7994936 L11.9992076,5.99749355 L11.4573367,6.503957 C11.2420362,6.70484511 10.9182139,6.71678064 10.6901851,6.54683893 L10.6095636,6.47459911 C10.3834309,6.23210152 10.3966345,5.85241672 10.6389386,5.62633256 L12.1456416,4.22048943 C12.1994667,4.1702674 12.2600744,4.13185491 12.3242723,4.1051414 L12.4103536,4.06908195 C12.4699613,4.04923872 12.5337258,4.03849355 12.6,4.03849355 Z" id="形状结合"></path>
                 </g>
                 <path d="M8.6,28 L18.4,28 C18.7313708,28 19,28.2686292 19,28.6 C19,28.9313708 18.7313708,29.2 18.4,29.2 L8.6,29.2 C8.26862915,29.2 8,28.9313708 8,28.6 C8,28.2686292 8.26862915,28 8.6,28 Z M8.6,24 L27.4,24 C27.7313708,24 28,24.2686292 28,24.6 C28,24.9313708 27.7313708,25.2 27.4,25.2 L8.6,25.2 C8.26862915,25.2 8,24.9313708 8,24.6 C8,24.2686292 8.26862915,24 8.6,24 Z" id="形状结合" fill="#CACACA"></path>
             </g>
@@ -570,7 +558,8 @@ const PluginMenuSvgs = [
         <title>H2</title>
         <g id="H2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="1.Base基础/1.icon图标/11.editor/header-1" transform="translate(8.000000, 5.000000)" fill="#666666">
                     <path d="M8.6,2 C8.93137085,2 9.2,2.26862915 9.2,2.6 L9.2,13.4 C9.2,13.7313708 8.93137085,14 8.6,14 C8.26862915,14 8,13.7313708 8,13.4 L7.999,8.4 L2.2,8.4 L2.2,13.4 C2.2,13.7313708 1.93137085,14 1.6,14 C1.26862915,14 1,13.7313708 1,13.4 L1,2.6 C1,2.26862915 1.26862915,2 1.6,2 C1.93137085,2 2.2,2.26862915 2.2,2.6 L2.2,7.2 L7.999,7.2 L8,2.6 C8,2.26862915 8.26862915,2 8.6,2 Z M10.6050397,12.9143577 C10.5088932,13.5872926 11.0315636,13.9150843 11.673969,13.8576252 L14.7346207,13.8600109 C15.0659915,13.8600109 15.3346207,13.5913818 15.3346207,13.2600109 C15.3346207,12.9286401 15.0659915,12.6600109 14.7346207,12.6600109 L11.8578688,12.6600109 C11.9286468,12.324783 12.0484495,12.1022143 12.3451123,11.7834278 C12.3790085,11.7470038 12.4146387,11.7109747 12.4520606,11.6753577 C12.4981091,11.6315301 12.5450179,11.590446 12.5935631,11.5512355 C12.734276,11.4375804 12.8707598,11.3503175 13.1225647,11.206769 C13.9119415,10.7567625 14.2357153,10.5238408 14.7581338,9.92598498 C15.7545688,8.78566459 15.3845816,6.90006903 13.8145208,6.29898616 C13.1088388,6.02882249 12.2294594,6.13691231 11.509755,6.55397744 C11.1947054,6.73654711 10.9257925,6.99181908 10.7050302,7.31345899 C10.5175098,7.5866672 10.5869735,7.96016156 10.8601817,8.147682 C11.1333899,8.33520244 11.5068842,8.26573878 11.6944047,7.99253057 C11.8168882,7.81407796 11.9552234,7.68276 12.1114244,7.59224233 C12.5322515,7.34837511 13.037157,7.28631413 13.3854792,7.41966599 C14.146101,7.71086283 14.3210515,8.60247738 13.8545136,9.13638345 C13.4412636,9.6093069 13.2103422,9.77543093 12.5282596,10.1642713 C12.2246758,10.3373378 12.0423445,10.4539139 11.8395486,10.6177142 C11.7659434,10.6771658 11.6945757,10.7396718 11.6247531,10.8061268 C11.5697738,10.8584544 11.5170831,10.911735 11.4666494,10.9659299 C11.1108509,11.3482621 10.877698,11.762253 10.7425697,12.192387 C10.6922909,12.3524319 10.6581826,12.5062255 10.6351917,12.6597188 C10.6238114,12.7356971 10.6061737,12.8994638 10.6050397,12.9143577 Z" id="形状结合"></path>
                 </g>
@@ -585,7 +574,8 @@ const PluginMenuSvgs = [
         <title>H3</title>
         <g id="H3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="1.Base基础/1.icon图标/11.editor/header-1" transform="translate(8.000000, 5.000000)" fill="#666666">
                     <path d="M8.6,2 C8.93137085,2 9.2,2.26862915 9.2,2.6 L9.2,13.4 C9.2,13.7313708 8.93137085,14 8.6,14 C8.26862915,14 8,13.7313708 8,13.4 L7.999,8.4 L2.2,8.4 L2.2,13.4 C2.2,13.7313708 1.93137085,14 1.6,14 C1.26862915,14 1,13.7313708 1,13.4 L1,2.6 C1,2.26862915 1.26862915,2 1.6,2 C1.93137085,2 2.2,2.26862915 2.2,2.6 L2.2,7.2 L7.999,7.2 L8,2.6 C8,2.26862915 8.26862915,2 8.6,2 Z M14.8321775,7.18983161 C15.1357692,6.79527134 14.854493,6.22394171 14.356652,6.22394171 L11.0241938,6.22394171 C10.6928229,6.22394171 10.4241938,6.49257086 10.4241938,6.82394171 C10.4241938,7.15531256 10.6928229,7.42394171 11.0241938,7.42394171 L13.137929,7.42394171 L11.8506572,9.09693329 C11.7699456,9.20182941 11.7261828,9.33046927 11.7261828,9.46282318 L11.7261828,9.82922943 C11.7261828,10.1666497 12.0043217,10.4377176 12.3416301,10.4290305 C12.6787875,10.4203474 12.9830249,10.4540644 13.2547454,10.5294651 C13.7397835,10.6640601 14.0222167,11.2257408 13.8341992,11.8813236 C13.6970249,12.3596256 13.2389994,12.6238282 12.6183411,12.6238282 C12.0434265,12.6238282 11.4646434,12.41278 10.8719286,11.9820919 C10.6038559,11.7873006 10.2286305,11.8467069 10.0338391,12.1147796 C9.8390478,12.3828523 9.89845407,12.7580777 10.1665268,12.952869 C10.9617588,13.5307135 11.7826635,13.8238282 12.6183411,13.8238282 C13.7784713,13.8238282 14.6856352,13.2653796 14.9876983,12.2121406 C15.3629178,10.9038183 14.7001971,9.6852239 13.575613,9.37315895 C13.4583717,9.34062522 13.3380638,9.31356451 13.2147084,9.29196113 L14.8321775,7.18983161 Z" id="形状结合"></path>
                 </g>
@@ -600,9 +590,10 @@ const PluginMenuSvgs = [
         <title>H4</title>
         <g id="H4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="1.Base基础/1.icon图标/11.editor/header-1" transform="translate(8.000000, 5.000000)" fill="#666666">
-                    <path d="M8.6,2 C8.93137085,2 9.2,2.26862915 9.2,2.6 L9.2,13.4 C9.2,13.7313708 8.93137085,14 8.6,14 C8.26862915,14 8,13.7313708 8,13.4 L7.999,8.4 L2.2,8.4 L2.2,13.4 C2.2,13.7313708 1.93137085,14 1.6,14 C1.26862915,14 1,13.7313708 1,13.4 L1,2.6 C1,2.26862915 1.26862915,2 1.6,2 C1.93137085,2 2.2,2.26862915 2.2,2.6 L2.2,7.2 L7.999,7.2 L8,2.6 C8,2.26862915 8.26862915,2 8.6,2 Z M13.4093228,5.91341961 C13.7406441,5.91915017 14.0045876,6.19238469 13.998857,6.52370599 L13.998857,6.52370599 L13.9382755,9.99126303 L14.8179917,9.99134588 C15.1162255,9.99134588 15.3636385,10.2089355 15.4101387,10.4940228 L15.4179917,10.5913459 C15.4179917,10.9227167 15.1493626,11.1913459 14.8179917,11.1913459 L14.8179917,11.1913459 L13.9182755,11.191263 L13.8794422,13.4278503 C13.8742847,13.7260395 13.652449,13.9696526 13.3666002,14.0112157 L13.2691559,14.0173845 C12.9378346,14.0116539 12.6738911,13.7384194 12.6796217,13.4070981 L12.6796217,13.4070981 L12.7172755,11.191263 L10.5912754,11.1913459 C10.1454143,11.1913459 9.86643429,10.7287014 10.0448619,10.3426594 L10.0902034,10.2613052 L12.776267,6.18328918 C12.9048512,5.9880711 13.1278997,5.89246083 13.3452953,5.91706111 Z M12.7382755,9.99126303 L12.7662755,8.38026303 L11.7049365,9.99134588 L12.7382755,9.99126303 Z" id="形状结合"></path>
+                    <path d="M8.6,2 C8.93137085,2 9.2,2.26862915 9.2,2.6 L9.2,13.4 C9.2,13.7313708 8.93137085,14 8.6,14 C8.26862915,14 8,13.7313708 8,13.4 L7.999,8.4 L2.2,8.4 L2.2,13.4 C2.2,13.7313708 1.93137085,14 1.6,14 C1.26862915,14 1,13.7313708 1,13.4 L1,2.6 C1,2.26862915 1.26862915,2 1.6,2 C1.93137085,2 2.2,2.26862915 2.2,2.6 L2.2,7.2 L7.999,7.2 L8,2.6 C8,2.26862915 8.26862915,2 8.6,2 Z M13.4093228,5.91341961 C13.7406441,5.91915017 14.0045876,6.19238469 13.998857,6.52370599 L13.9382755,9.99126303 L14.8179917,9.99134588 C15.1162255,9.99134588 15.3636385,10.2089355 15.4101387,10.4940228 L15.4179917,10.5913459 C15.4179917,10.9227167 15.1493626,11.1913459 14.8179917,11.1913459 L13.9182755,11.191263 L13.8794422,13.4278503 C13.8742847,13.7260395 13.652449,13.9696526 13.3666002,14.0112157 L13.2691559,14.0173845 C12.9378346,14.0116539 12.6738911,13.7384194 12.6796217,13.4070981 L12.7172755,11.191263 L10.5912754,11.1913459 C10.1454143,11.1913459 9.86643429,10.7287014 10.0448619,10.3426594 L10.0902034,10.2613052 L12.776267,6.18328918 C12.9048512,5.9880711 13.1278997,5.89246083 13.3452953,5.91706111 Z M12.7382755,9.99126303 L12.7662755,8.38026303 L11.7049365,9.99134588 L12.7382755,9.99126303 Z" id="形状结合"></path>
                 </g>
                 <path d="M8.6,28 L18.4,28 C18.7313708,28 19,28.2686292 19,28.6 C19,28.9313708 18.7313708,29.2 18.4,29.2 L8.6,29.2 C8.26862915,29.2 8,28.9313708 8,28.6 C8,28.2686292 8.26862915,28 8.6,28 Z M8.6,24 L27.4,24 C27.7313708,24 28,24.2686292 28,24.6 C28,24.9313708 27.7313708,25.2 27.4,25.2 L8.6,25.2 C8.26862915,25.2 8,24.9313708 8,24.6 C8,24.2686292 8.26862915,24 8.6,24 Z" id="形状结合" fill="#CACACA"></path>
             </g>
@@ -615,7 +606,8 @@ const PluginMenuSvgs = [
         <title>无序列表</title>
         <g id="无序列表" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="1.icon图标/11.editor/-save备份-32" transform="translate(8.000000, 9.000000)">
                     <circle id="椭圆形" fill="#666666" cx="1.5" cy="1.5" r="1.5"></circle>
                     <circle id="椭圆形备份" fill="#666666" cx="1.5" cy="9" r="1.5"></circle>
@@ -636,7 +628,8 @@ const PluginMenuSvgs = [
         <title>有序列表</title>
         <g id="有序列表" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="1.icon图标/11.editor/-save备份-32" transform="translate(8.000000, 8.000000)">
                     <path d="M1.29125304,1.43706144 L1.29125304,4.74230276 L2.58250608,4.74230276 L2.58250608,0 L1.57819816,0 L0,1.00594301 L0.57389024,2.01188602 L1.29125304,1.43706144 Z M0.14347256,8.47866252 L1.00430792,9.19719324 C1.14778048,8.90978095 1.4347256,8.76607481 1.57819816,8.76607481 C1.72167072,8.76607481 1.72167072,8.76607481 1.86514328,8.90978095 C2.00861584,9.0534871 2.00861584,9.0534871 2.00861584,9.19719324 C2.00861584,9.34089938 2.00861584,9.48460553 1.86514328,9.62831167 C1.72167072,9.77201782 1.57819816,9.91572396 1.4347256,10.2031362 L0.14347256,11.6401977 L0.14347256,12.5024346 L3.29986888,12.5024346 L3.29986888,11.3527854 L1.86514328,11.3527854 L2.43903352,10.7779608 C2.8694512,10.3468424 3.15639632,10.0594301 3.15639632,9.77201782 C3.29986888,9.48460553 3.29986888,9.34089938 3.29986888,9.0534871 C3.29986888,8.62236866 3.15639632,8.33495637 2.8694512,8.04754408 C2.58250608,7.7601318 2.1520884,7.61642565 1.72167072,7.61642565 C1.00430792,7.61642565 0.43041768,7.90383794 0.14347256,8.47866252 Z M2.72597864,17.6758558 C3.15639632,17.3884435 3.29986888,17.1010312 3.29986888,16.5262066 C3.29986888,16.0950882 3.15639632,15.8076759 2.8694512,15.5202636 C2.58250608,15.2328513 2.1520884,15.2328513 1.72167072,15.2328513 C1.4347256,15.2328513 1.00430792,15.3765574 0.7173628,15.5202636 C0.43041768,15.6639697 0.28694512,15.951382 0.14347256,16.2387943 L1.14778048,16.8136189 C1.29125304,16.5262066 1.4347256,16.3825005 1.72167072,16.3825005 C1.86514328,16.3825005 2.00861584,16.3825005 2.00861584,16.5262066 C2.1520884,16.5262066 2.1520884,16.6699127 2.1520884,16.8136189 C2.1520884,16.957325 2.1520884,16.957325 2.00861584,17.1010312 C1.86514328,17.1010312 1.86514328,17.2447373 1.72167072,17.2447373 L1.29125304,17.2447373 L1.29125304,18.2506803 L1.57819816,18.2506803 C1.72167072,18.2506803 1.86514328,18.2506803 2.00861584,18.3943865 C2.1520884,18.5380926 2.1520884,18.5380926 2.1520884,18.6817988 C2.1520884,18.8255049 2.1520884,18.9692111 2.00861584,18.9692111 C1.86514328,19.1129172 1.86514328,19.1129172 1.72167072,19.1129172 C1.4347256,19.1129172 1.29125304,18.9692111 1.14778048,18.6817988 L1.687539e-14,18.9692111 C0.14347256,19.2566233 0.28694512,19.5440356 0.7173628,19.8314479 C1.00430792,19.9751541 1.4347256,20.1188602 1.86514328,20.1188602 C2.29556096,20.1188602 2.72597864,19.9751541 3.01292376,19.6877418 C3.29986888,19.4003295 3.44334144,19.1129172 3.44334144,18.6817988 C3.44334144,18.2506803 3.15639632,17.8195619 2.72597864,17.6758558 Z" id="合并形状" fill="#666666" fill-rule="nonzero"></path>
                     <g id="编组-2" transform="translate(7.000000, 2.000000)" fill="#CACACA">
@@ -655,7 +648,8 @@ const PluginMenuSvgs = [
         <title>链接</title>
         <g id="链接" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="编组-5" transform="translate(5.000000, 10.000000)">
                     <path d="M18.6642225,7.87948239 L21.6075695,7.87948239 C21.9389404,7.87948239 22.2075695,8.14811154 22.2075695,8.47948239 C22.2075695,8.81085324 21.9389404,9.07948239 21.6075695,9.07948239 L18.6642225,9.07948239 C18.3328516,9.07948239 18.0642225,8.81085324 18.0642225,8.47948239 C18.0642225,8.14811154 18.3328516,7.87948239 18.6642225,7.87948239 Z" id="矩形备份-76" fill="#73D897"></path>
                     <path d="M18.6642225,2.29271731 L24.4,2.29271731 C24.7313708,2.29271731 25,2.56134646 25,2.89271731 C25,3.22408816 24.7313708,3.49271731 24.4,3.49271731 L18.6642225,3.49271731 C18.3328516,3.49271731 18.0642225,3.22408816 18.0642225,2.89271731 C18.0642225,2.56134646 18.3328516,2.29271731 18.6642225,2.29271731 Z" id="矩形备份-89" fill="#6698FF"></path>
@@ -674,7 +668,8 @@ const PluginMenuSvgs = [
         <title>待办事项</title>
         <g id="待办事项" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
             <g id="icon备份-2">
-                <rect id="矩形" stroke="#EEEEEE" fill="#FFFFFF" x="0.5" y="0.5" width="35" height="35" rx="4"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="36" height="36" rx="4"></rect>
+                <path d="M32,0 C34.209139,0 36,1.790861 36,4 L36,32 C36,34.209139 34.209139,36 32,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,0 4,0 L32,0 Z M32,1 L4,1 C2.34314575,1 1,2.34314575 1,4 L1,32 C1,33.6568542 2.34314575,35 4,35 L32,35 C33.6568542,35 35,33.6568542 35,32 L35,4 C35,2.34314575 33.6568542,1 32,1 Z" id="矩形" fill="#EEEEEE" fill-rule="nonzero"></path>
                 <g id="编组-4" transform="translate(5.000000, 12.000000)">
                     <g id="编组-3" transform="translate(15.900000, 0.000000)" fill="#CACACA">
                         <path d="M0.6,5.58676508 L3.54334707,5.58676508 C3.87471792,5.58676508 4.14334707,5.85539423 4.14334707,6.18676508 C4.14334707,6.51813593 3.87471792,6.78676508 3.54334707,6.78676508 L0.6,6.78676508 C0.26862915,6.78676508 1.81902998e-12,6.51813593 1.8189894e-12,6.18676508 C1.81894882e-12,5.85539423 0.26862915,5.58676508 0.6,5.58676508 Z" id="矩形备份-74"></path>
@@ -682,7 +677,7 @@ const PluginMenuSvgs = [
                         <path d="M0.6,11.1735302 L6.33577755,11.1735302 C6.6671484,11.1735302 6.93577755,11.4421593 6.93577755,11.7735302 C6.93577755,12.104901 6.6671484,12.3735302 6.33577755,12.3735302 L0.6,12.3735302 C0.26862915,12.3735302 4.05812251e-17,12.104901 0,11.7735302 C-4.05812251e-17,11.4421593 0.26862915,11.1735302 0.6,11.1735302 Z" id="矩形备份-77"></path>
                     </g>
                     <g id="3.Data-Input-数据输入/-3.Checkbox-多选框-/-3.Select" transform="translate(0.000000, 0.000000)" stroke="#6698FF">
-                        <path d="M10.500003,0.5 C10.7761467,0.5 11.0261426,0.611923561 11.2071022,0.792884987 C11.3880653,0.973849926 11.499988,1.22385308 11.499988,1.5 L11.499988,1.5 L11.499988,10.50003 C11.499988,10.7761733 11.3880629,11.0261769 11.2070985,11.2071431 C11.0261394,11.388104 10.7761453,11.50003 10.500003,11.50003 L10.500003,11.50003 L1.4999715,11.50003 C1.22385428,11.50003 0.973862046,11.3880904 0.792898366,11.2071233 C0.611938132,11.0261596 0.5,10.7761657 0.5,10.50003 L0.5,10.50003 L0.5,1.5 C0.5,1.22386076 0.611935724,0.973867183 0.79289468,0.792904788 C0.973858868,0.611937162 1.22385287,0.5 1.4999715,0.5 L1.4999715,0.5 Z" id="圆角矩形-12-拷贝-12" fill="#6698FF" opacity="0.300000012"></path>
+                        <path d="M10.500003,0.5 C10.7761467,0.5 11.0261426,0.611923561 11.2071022,0.792884987 C11.3880653,0.973849926 11.499988,1.22385308 11.499988,1.5 L11.499988,10.50003 C11.499988,10.7761733 11.3880629,11.0261769 11.2070985,11.2071431 C11.0261394,11.388104 10.7761453,11.50003 10.500003,11.50003 L1.4999715,11.50003 C1.22385428,11.50003 0.973862046,11.3880904 0.792898366,11.2071233 C0.611938132,11.0261596 0.5,10.7761657 0.5,10.50003 L0.5,1.5 C0.5,1.22386076 0.611935724,0.973867183 0.79289468,0.792904788 C0.973858868,0.611937162 1.22385287,0.5 1.4999715,0.5 Z" id="圆角矩形-12-拷贝-12" fill="#6698FF" opacity="0.300000012"></path>
                         <polyline id="路径" stroke-width="1.5" points="3.0000075 5.33991979 5.2500075 7.58991979 8.8425368 3.750015"></polyline>
                     </g>
                 </g>
@@ -2582,7 +2577,7 @@ class TheToolbarDropdownComponent extends TheBaseToolbarDropdown {
     }
 }
 TheToolbarDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheToolbarDropdownComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i2$1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-TheToolbarDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown", inputs: { itemMousedownHandle: "itemMousedownHandle" }, host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconModeTemplate", first: true, predicate: ["iconModeTemplate"], descendants: true, static: true }, { propertyName: "textModeTemplate", first: true, predicate: ["textModeTemplate"], descendants: true, static: true }, { propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n    *ngIf=\"mode === dropdownMode.icon\"\n    href=\"javascript:;\"\n    class=\"icon-mode\"\n    thyAction\n    [thyActionIcon]=\"activeIcon\"\n    [thyActionActive]=\"activeDropdown\"\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"preventDefault($event)\"\n    (click)=\"toggleDropdown($event)\"\n>\n    <thy-icon *ngIf=\"!toolbarItem.isHideDropdownActionIcon\" class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n<a\n    *ngIf=\"mode !== dropdownMode.icon\"\n    href=\"javascript:;\"\n    class=\"text-mode\"\n    thyAction\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"preventDefault($event)\"\n    (click)=\"toggleDropdown($event)\"\n>\n    <span class=\"show-text\">{{ activeMenuItem?.name }}</span>\n    <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n    <div class=\"thy-dropdown-menu\">\n        <ng-container *ngFor=\"let menu of menus\">\n            <a\n                *ngIf=\"menu.key !== 'split'\"\n                class=\"d-flex justify-content-between text-secondary\"\n                href=\"javascript:;\"\n                thyDropdownMenuItem\n                [ngStyle]=\"menu?.styles\"\n                [thyDropdownMenuItemActive]=\"activeKeys.includes(menu.key)\"\n                (mousedown)=\"preventDefault($event)\"\n                (click)=\"itemMousedown($event, menu)\"\n            >\n                <div class=\"d-flex align-items-center\">\n                    <thy-icon *ngIf=\"menu.icon && mode === dropdownMode.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu.icon\"></thy-icon>\n                    <span class=\"text-body\" *ngIf=\"menu.name\" thyDropdownMenuItemName>{{ menu.name }}</span>\n                </div>\n                <div class=\"menu-item-right font-size-sm text-muted\" *ngIf=\"menu.shortcutKey\">{{ menu.shortcutKey }}</div>\n            </a>\n            <thy-dropdown-menu-divider *ngIf=\"menu.key === 'split'\"></thy-dropdown-menu-divider>\n        </ng-container>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i6$1.ThyDropdownMenuDividerComponent, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6$1.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] });
+TheToolbarDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown", inputs: { itemMousedownHandle: "itemMousedownHandle" }, host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconModeTemplate", first: true, predicate: ["iconModeTemplate"], descendants: true, static: true }, { propertyName: "textModeTemplate", first: true, predicate: ["textModeTemplate"], descendants: true, static: true }, { propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n    *ngIf=\"mode === dropdownMode.icon\"\n    href=\"javascript:;\"\n    class=\"icon-mode\"\n    thyAction\n    [thyActionIcon]=\"activeIcon\"\n    [thyActionActive]=\"activeDropdown\"\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"preventDefault($event)\"\n    (click)=\"toggleDropdown($event)\"\n>\n    <thy-icon *ngIf=\"!toolbarItem.isHideDropdownActionIcon\" class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n<a\n    *ngIf=\"mode !== dropdownMode.icon\"\n    href=\"javascript:;\"\n    class=\"text-mode\"\n    thyAction\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"preventDefault($event)\"\n    (click)=\"toggleDropdown($event)\"\n>\n    <span class=\"show-text\">{{ activeMenuItem?.name }}</span>\n    <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n    <div class=\"thy-dropdown-menu\">\n        <ng-container *ngFor=\"let menu of menus\">\n            <a\n                *ngIf=\"menu.key !== 'split'\"\n                class=\"d-flex justify-content-between text-secondary\"\n                href=\"javascript:;\"\n                thyDropdownMenuItem\n                [ngStyle]=\"menu?.styles\"\n                [thyDropdownMenuItemActive]=\"activeKeys.includes(menu.key)\"\n                (mousedown)=\"preventDefault($event)\"\n                (click)=\"itemMousedown($event, menu)\"\n            >\n                <div class=\"d-flex align-items-center\">\n                    <thy-icon *ngIf=\"menu.icon && mode === dropdownMode.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu.icon\"></thy-icon>\n                    <span class=\"text-body\" *ngIf=\"menu.name\" thyDropdownMenuItemName>{{ menu.name }}</span>\n                </div>\n                <div class=\"menu-item-right font-size-sm text-muted\" *ngIf=\"menu.shortcutKey\">{{ menu.shortcutKey }}</div>\n            </a>\n            <thy-dropdown-menu-divider *ngIf=\"menu.key === 'split'\"></thy-dropdown-menu-divider>\n        </ng-container>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i6.ThyDropdownMenuDividerComponent, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6.ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheToolbarDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-toolbar-dropdown', template: "<a\n    *ngIf=\"mode === dropdownMode.icon\"\n    href=\"javascript:;\"\n    class=\"icon-mode\"\n    thyAction\n    [thyActionIcon]=\"activeIcon\"\n    [thyActionActive]=\"activeDropdown\"\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"preventDefault($event)\"\n    (click)=\"toggleDropdown($event)\"\n>\n    <thy-icon *ngIf=\"!toolbarItem.isHideDropdownActionIcon\" class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n<a\n    *ngIf=\"mode !== dropdownMode.icon\"\n    href=\"javascript:;\"\n    class=\"text-mode\"\n    thyAction\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"preventDefault($event)\"\n    (click)=\"toggleDropdown($event)\"\n>\n    <span class=\"show-text\">{{ activeMenuItem?.name }}</span>\n    <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n    <div class=\"thy-dropdown-menu\">\n        <ng-container *ngFor=\"let menu of menus\">\n            <a\n                *ngIf=\"menu.key !== 'split'\"\n                class=\"d-flex justify-content-between text-secondary\"\n                href=\"javascript:;\"\n                thyDropdownMenuItem\n                [ngStyle]=\"menu?.styles\"\n                [thyDropdownMenuItemActive]=\"activeKeys.includes(menu.key)\"\n                (mousedown)=\"preventDefault($event)\"\n                (click)=\"itemMousedown($event, menu)\"\n            >\n                <div class=\"d-flex align-items-center\">\n                    <thy-icon *ngIf=\"menu.icon && mode === dropdownMode.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu.icon\"></thy-icon>\n                    <span class=\"text-body\" *ngIf=\"menu.name\" thyDropdownMenuItemName>{{ menu.name }}</span>\n                </div>\n                <div class=\"menu-item-right font-size-sm text-muted\" *ngIf=\"menu.shortcutKey\">{{ menu.shortcutKey }}</div>\n            </a>\n            <thy-dropdown-menu-divider *ngIf=\"menu.key === 'split'\"></thy-dropdown-menu-divider>\n        </ng-container>\n    </div>\n</ng-template>\n" }]
@@ -2639,7 +2634,7 @@ TheToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             (click)="execute($event)"
         ></a>
         <ng-template #tooltip let-data> {{ data.name }} {{ data.shortcutKey }} </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheToolbarItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -2726,7 +2721,9 @@ class TheToolbarComponent {
         return !!table;
     }
     selectionChange(editor) {
-        this.renderToolbarView();
+        if (this.isMore) {
+            this.renderToolbarView();
+        }
         const toolbarItems = [...this.toolbarItems, this.moreGroupMenu];
         for (const item of toolbarItems) {
             if (item.key !== ToolbarActionTypes.split) {
@@ -2738,10 +2735,15 @@ class TheToolbarComponent {
         }
     }
     renderToolbarView() {
-        this.components.clear();
-        this.toolbarContainer.clear();
+        var _a, _b, _c, _d;
         const toolbarItems = this.toolbarItemsCompose();
         const { items, group } = toolbarItems;
+        if (items.length === ((_b = (_a = this.composeToolbarItems) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length) && (group === null || group === void 0 ? void 0 : group.length) === ((_d = (_c = this.composeToolbarItems) === null || _c === void 0 ? void 0 : _c.group) === null || _d === void 0 ? void 0 : _d.length)) {
+            return;
+        }
+        this.composeToolbarItems = toolbarItems;
+        this.components.clear();
+        this.toolbarContainer.clear();
         this.ngZone.run(() => {
             for (const item of items) {
                 if (item.key === ToolbarActionTypes.split) {
@@ -2776,6 +2778,7 @@ class TheToolbarComponent {
         const maxItemWidth = 52;
         // default item + paddingRight
         const defaultItemWidth = 36;
+        const splitWidth = 13;
         const items = [];
         const group = [];
         for (let i = 0; i < this.toolbarItems.length; i++) {
@@ -2790,7 +2793,7 @@ class TheToolbarComponent {
                     itemWidth = 74;
                     break;
                 case ToolbarActionTypes.split:
-                    itemWidth = 13;
+                    itemWidth = splitWidth;
                     break;
                 case ToolbarActionTypes.verticalAlign:
                     itemWidth = this.isTableActive() ? maxItemWidth : 0;
@@ -2799,7 +2802,7 @@ class TheToolbarComponent {
                     const isCustomComponent = (item === null || item === void 0 ? void 0 : item.type) === ToolbarItemType.dropdown || !!(item === null || item === void 0 ? void 0 : item.iconComponent);
                     itemWidth = isCustomComponent ? maxItemWidth : defaultItemWidth;
             }
-            const remainingWidth = i === this.toolbarItems.length - 1 ? itemWidth : itemWidth + defaultItemWidth;
+            const remainingWidth = i === this.toolbarItems.length - 1 ? itemWidth : itemWidth + splitWidth;
             const allowRender = elementWidth && elementWidth >= remainingWidth;
             elementWidth -= itemWidth;
             if (allowRender) {
@@ -3049,7 +3052,7 @@ class TheColorSelectComponent {
     }
 }
 TheColorSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheColorSelectComponent, deps: [{ token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component });
-TheColorSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheColorSelectComponent, selector: "the-color-select", inputs: { selectedColor: "selectedColor", selectAction: "selectAction", showCustom: "showCustom", colors: "colors", option: "option" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)", "mousedown": "handleMouseDown($event)", "keydown": "handleKeydown($event)" } }, ngImport: i0, template: "<div class=\"color-container\">\n    <div class=\"colors\">\n        <div *ngFor=\"let row of selectColors; let rowIndex = index\">\n            <span\n                class=\"color-item\"\n                *ngFor=\"let _color of row.rowValue; let i = index\"\n                [ngClass]=\"_color.classMaps\"\n                (mousedown)=\"_selectColor($event, _color.value)\"\n            >\n                <span [ngStyle]=\"{ background: _color.value }\">\n                    <thy-icon thyIconName=\"check\" [ngStyle]=\"{ color: row.tickColor }\"></thy-icon>\n                </span>\n            </span>\n        </div>\n    </div>\n    <div *ngIf=\"option.showCustom\" class=\"select-color\">\n        <span class=\"color\" [ngStyle]=\"{ background: selectedColor }\"></span>\n        #\n        <input\n            thyInput\n            maxlength=\"6\"\n            (keydown.enter)=\"customInputColorEnter($event)\"\n            onkeyup=\"value=value.replace(/[^0-9A-Fa-f]/g,'')\"\n            class=\"value\"\n            [(ngModel)]=\"customColor\"\n            (ngModelChange)=\"colorChange(false)\"\n        />\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i5.ThyInputDirective, selector: "[thyInput]", inputs: ["thySize", "thyAutocomplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TheColorSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheColorSelectComponent, selector: "the-color-select", inputs: { selectedColor: "selectedColor", selectAction: "selectAction", showCustom: "showCustom", colors: "colors", option: "option" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)", "mousedown": "handleMouseDown($event)", "keydown": "handleKeydown($event)" } }, ngImport: i0, template: "<div class=\"color-container\">\n    <div class=\"colors\">\n        <div *ngFor=\"let row of selectColors; let rowIndex = index\">\n            <span\n                class=\"color-item\"\n                *ngFor=\"let _color of row.rowValue; let i = index\"\n                [ngClass]=\"_color.classMaps\"\n                (mousedown)=\"_selectColor($event, _color.value)\"\n            >\n                <span [ngStyle]=\"{ background: _color.value }\">\n                    <thy-icon thyIconName=\"check\" [ngStyle]=\"{ color: row.tickColor }\"></thy-icon>\n                </span>\n            </span>\n        </div>\n    </div>\n    <div *ngIf=\"option.showCustom\" class=\"select-color\">\n        <span class=\"color\" [ngStyle]=\"{ background: selectedColor }\"></span>\n        #\n        <input\n            thyInput\n            maxlength=\"6\"\n            (keydown.enter)=\"customInputColorEnter($event)\"\n            onkeyup=\"value=value.replace(/[^0-9A-Fa-f]/g,'')\"\n            class=\"value\"\n            [(ngModel)]=\"customColor\"\n            (ngModelChange)=\"colorChange(false)\"\n        />\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i5$1.ThyInputDirective, selector: "[thyInput]", inputs: ["thySize", "thyAutocomplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheColorSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-color-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"color-container\">\n    <div class=\"colors\">\n        <div *ngFor=\"let row of selectColors; let rowIndex = index\">\n            <span\n                class=\"color-item\"\n                *ngFor=\"let _color of row.rowValue; let i = index\"\n                [ngClass]=\"_color.classMaps\"\n                (mousedown)=\"_selectColor($event, _color.value)\"\n            >\n                <span [ngStyle]=\"{ background: _color.value }\">\n                    <thy-icon thyIconName=\"check\" [ngStyle]=\"{ color: row.tickColor }\"></thy-icon>\n                </span>\n            </span>\n        </div>\n    </div>\n    <div *ngIf=\"option.showCustom\" class=\"select-color\">\n        <span class=\"color\" [ngStyle]=\"{ background: selectedColor }\"></span>\n        #\n        <input\n            thyInput\n            maxlength=\"6\"\n            (keydown.enter)=\"customInputColorEnter($event)\"\n            onkeyup=\"value=value.replace(/[^0-9A-Fa-f]/g,'')\"\n            class=\"value\"\n            [(ngModel)]=\"customColor\"\n            (ngModelChange)=\"colorChange(false)\"\n        />\n    </div>\n</div>\n" }]
@@ -5349,7 +5352,7 @@ class TheCodeComponent extends TheBaseElementComponent {
     }
 }
 TheCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheCodeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.ThyNotifyService }, { token: TheContextService }, { token: i0.NgZone }, { token: THE_MODE_TOKEN }, { token: i1$1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i2$1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-TheCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdownComponent", first: true, predicate: TheToolbarDropdownComponent, descendants: true, read: TheToolbarDropdownComponent }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n    thyResizable\n    [thyMinHeight]=\"46\"\n    [thyBounds]=\"resizeBounds\"\n    [style.height.px]=\"resizeHeight\"\n    (thyResize)=\"onResize($event)\"\n    (thyResizeEnd)=\"onEndResize()\"\n    class=\"resize-code-container\"\n    [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readOnly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n    <ng-codemirror\n        *ngIf=\"startRenderCodemirror\"\n        #codemirror\n        contenteditable=\"false\"\n        class=\"ng-codemirror-wrapper\"\n        [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n        [options]=\"options\"\n        [ngModel]=\"code\"\n        [delayRefreshTime]=\"300\"\n        (ngModelChange)=\"codeChange($event)\"\n        (focusChange)=\"focusChange($event)\"\n        [autoMaxHeight]=\"maxHeight\"\n    >\n    </ng-codemirror>\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n    <thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n        <the-toolbar-dropdown\n            [menus]=\"menus\"\n            [toolbarItem]=\"activeLanguage\"\n            [dropdownItemKey]=\"activeLanguage?.key\"\n            [itemMousedownHandle]=\"onChangeLanguage\"\n        >\n        </the-toolbar-dropdown>\n        <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n            <span>\u81EA\u52A8\u6362\u884C</span>\n            <thy-switch\n                class=\"auto-wrap-btn d-flex ml-1\"\n                [(ngModel)]=\"options.lineWrapping\"\n                (ngModelChange)=\"onChangeWrap($event)\"\n                thySize=\"sm\"\n            ></thy-switch>\n        </span>\n        <a href=\"javascript:;\" thyAction thyActionIcon=\"copy\" thyTooltip=\"\u590D\u5236\" thyTooltipPlacement=\"top\" (mousedown)=\"onCopy($event)\"></a>\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            thyActionIcon=\"trash\"\n            thyTooltip=\"\u5220\u9664\"\n            thyTooltipPlacement=\"top\"\n            (mousedown)=\"onDelete($event)\"\n        ></a>\n    </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: i9.ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeEnd", "thyResizeStart"] }, { kind: "component", type: i9.ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: i10.ThySwitchComponent, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled"], outputs: ["thyChange"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i6.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i7.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: i13.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["autoMaxHeight", "options", "delayRefreshTime"], outputs: ["focusChange"] }, { kind: "component", type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown", inputs: ["itemMousedownHandle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TheCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdownComponent", first: true, predicate: TheToolbarDropdownComponent, descendants: true, read: TheToolbarDropdownComponent }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n    thyResizable\n    [thyMinHeight]=\"46\"\n    [thyBounds]=\"resizeBounds\"\n    [style.height.px]=\"resizeHeight\"\n    (thyResize)=\"onResize($event)\"\n    (thyResizeEnd)=\"onEndResize()\"\n    class=\"resize-code-container\"\n    [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readOnly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n    <ng-codemirror\n        *ngIf=\"startRenderCodemirror\"\n        #codemirror\n        contenteditable=\"false\"\n        class=\"ng-codemirror-wrapper\"\n        [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n        [options]=\"options\"\n        [ngModel]=\"code\"\n        [delayRefreshTime]=\"300\"\n        (ngModelChange)=\"codeChange($event)\"\n        (focusChange)=\"focusChange($event)\"\n        [autoMaxHeight]=\"maxHeight\"\n    >\n    </ng-codemirror>\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n    <thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n        <the-toolbar-dropdown\n            [menus]=\"menus\"\n            [toolbarItem]=\"activeLanguage\"\n            [dropdownItemKey]=\"activeLanguage?.key\"\n            [itemMousedownHandle]=\"onChangeLanguage\"\n        >\n        </the-toolbar-dropdown>\n        <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n            <span>\u81EA\u52A8\u6362\u884C</span>\n            <thy-switch\n                class=\"auto-wrap-btn d-flex ml-1\"\n                [(ngModel)]=\"options.lineWrapping\"\n                (ngModelChange)=\"onChangeWrap($event)\"\n                thySize=\"sm\"\n            ></thy-switch>\n        </span>\n        <a href=\"javascript:;\" thyAction thyActionIcon=\"copy\" thyTooltip=\"\u590D\u5236\" thyTooltipPlacement=\"top\" (mousedown)=\"onCopy($event)\"></a>\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            thyActionIcon=\"trash\"\n            thyTooltip=\"\u5220\u9664\"\n            thyTooltipPlacement=\"top\"\n            (mousedown)=\"onDelete($event)\"\n        ></a>\n    </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: i9.ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeEnd", "thyResizeStart"] }, { kind: "component", type: i9.ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: i10.ThySwitchComponent, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled"], outputs: ["thyChange"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i5.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i12.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: i13.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["autoMaxHeight", "options", "delayRefreshTime"], outputs: ["focusChange"] }, { kind: "component", type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown", inputs: ["itemMousedownHandle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheCodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[theCode]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n    thyResizable\n    [thyMinHeight]=\"46\"\n    [thyBounds]=\"resizeBounds\"\n    [style.height.px]=\"resizeHeight\"\n    (thyResize)=\"onResize($event)\"\n    (thyResizeEnd)=\"onEndResize()\"\n    class=\"resize-code-container\"\n    [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readOnly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n    <ng-codemirror\n        *ngIf=\"startRenderCodemirror\"\n        #codemirror\n        contenteditable=\"false\"\n        class=\"ng-codemirror-wrapper\"\n        [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n        [options]=\"options\"\n        [ngModel]=\"code\"\n        [delayRefreshTime]=\"300\"\n        (ngModelChange)=\"codeChange($event)\"\n        (focusChange)=\"focusChange($event)\"\n        [autoMaxHeight]=\"maxHeight\"\n    >\n    </ng-codemirror>\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n    <thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n        <the-toolbar-dropdown\n            [menus]=\"menus\"\n            [toolbarItem]=\"activeLanguage\"\n            [dropdownItemKey]=\"activeLanguage?.key\"\n            [itemMousedownHandle]=\"onChangeLanguage\"\n        >\n        </the-toolbar-dropdown>\n        <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n            <span>\u81EA\u52A8\u6362\u884C</span>\n            <thy-switch\n                class=\"auto-wrap-btn d-flex ml-1\"\n                [(ngModel)]=\"options.lineWrapping\"\n                (ngModelChange)=\"onChangeWrap($event)\"\n                thySize=\"sm\"\n            ></thy-switch>\n        </span>\n        <a href=\"javascript:;\" thyAction thyActionIcon=\"copy\" thyTooltip=\"\u590D\u5236\" thyTooltipPlacement=\"top\" (mousedown)=\"onCopy($event)\"></a>\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            thyActionIcon=\"trash\"\n            thyTooltip=\"\u5220\u9664\"\n            thyTooltipPlacement=\"top\"\n            (mousedown)=\"onDelete($event)\"\n        ></a>\n    </thy-actions>\n</ng-template>\n" }]
@@ -5598,7 +5601,7 @@ TheColorToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             ></thy-icon>
             <thy-icon class="link-down-icon font-size-sm text-desc ml-1" thyIconName="caret-down"></thy-icon>
         </a>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheColorToolbarItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -6876,7 +6879,7 @@ const createHrPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.hr,
-            keywords: 'fengexian,fgx,divider,分割线',
+            keywords: 'fengexian,fgx,divider,line,分割线',
             type: ThePluginMenuItemType.group,
             active: editor => isBlockActive(editor, ElementKinds.hr),
             execute: editor => HrEditor.insertHr(editor),
@@ -7227,7 +7230,7 @@ class TheImageComponent extends TheBaseElementComponent {
     }
 }
 TheImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheImageComponent, deps: [{ token: i0.ElementRef }, { token: THE_UPLOAD_SERVICE_TOKEN }, { token: i0.ChangeDetectorRef }, { token: TheContextService }, { token: i1$1.ThyPopover }, { token: i2$1.Overlay }, { token: i4$1.ThyImageService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-TheImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheImageComponent, selector: "the-image, [theImage]", viewQueries: [{ propertyName: "imageContent", first: true, predicate: ["imageContent"], descendants: true }, { propertyName: "img", first: true, predicate: ["img"], descendants: true }, { propertyName: "layoutToolbar", first: true, predicate: ["layoutToolbar"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<div class=\"image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n    <div #imageContent *ngIf=\"imageEntry.thumbUrl\" class=\"image-content\" [class.pointer]=\"!selection\">\n        <img\n            #img\n            thyImage\n            [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n            [class.image-collapsed]=\"selection && !uploading\"\n            class=\"main-image\"\n            (load)=\"imageLoaded($event)\"\n            (mousedown)=\"preventDefault($event)\"\n            [thySrc]=\"imageEntry.thumbUrl\"\n            [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n            [thyOriginSrc]=\"imageEntry.originUrl\"\n            [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n            [alt]=\"imageEntry.name\"\n        />\n        <div *ngIf=\"isCollapsedAndNonReadonly\" class=\"image-profile\" [class.outline]=\"selection\">\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n        </div>\n        <div *ngIf=\"uploading\" class=\"uploading\">\n            <div class=\"uploading-percentage\">\n                <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n                <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n            </div>\n        </div>\n        <div *ngIf=\"!uploading\" class=\"layer\" [class.readonly]=\"readonly\"></div>\n    </div>\n    <div *ngIf=\"!imageEntry.thumbUrl\" class=\"image-loading\" contenteditable=\"false\">\n        <thy-icon thyIconName=\"image\"></thy-icon>\n    </div>\n</div>\n\n<ng-template #layoutToolbar>\n    <thy-actions thySize=\"xxs\">\n        <ng-container *ngFor=\"let item of layoutOptions\">\n            <a\n                *ngIf=\"item.key !== 'split'\"\n                href=\"javascript:;\"\n                thyAction\n                [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n                [thyActionIcon]=\"item.icon\"\n                [thyActionActive]=\"layoutActive(item.key)\"\n                [thyTooltip]=\"item.name\"\n                thyTooltipPlacement=\"top\"\n                (mousedown)=\"item?.handle($event, item.key)\"\n            ></a>\n            <thy-divider *ngIf=\"item.key === 'split'\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        </ng-container>\n    </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i9$1.ThyProgressComponent, selector: "thy-progress", inputs: ["thyType", "thySize", "thyValue", "thyMax", "thyTips"] }, { kind: "directive", type: i4$1.ThyImageDirective, selector: "img[thyImage]", inputs: ["thySrc", "thyPreviewSrc", "thyOriginSrc", "thyImageMeta", "thyDisablePreview", "thyResolveSize"], exportAs: ["thyImage"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i6.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i7.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }] });
+TheImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheImageComponent, selector: "the-image, [theImage]", viewQueries: [{ propertyName: "imageContent", first: true, predicate: ["imageContent"], descendants: true }, { propertyName: "img", first: true, predicate: ["img"], descendants: true }, { propertyName: "layoutToolbar", first: true, predicate: ["layoutToolbar"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<div class=\"image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n    <div #imageContent *ngIf=\"imageEntry.thumbUrl\" class=\"image-content\" [class.pointer]=\"!selection\">\n        <img\n            #img\n            thyImage\n            [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n            [class.image-collapsed]=\"selection && !uploading\"\n            class=\"main-image\"\n            (load)=\"imageLoaded($event)\"\n            (mousedown)=\"preventDefault($event)\"\n            [thySrc]=\"imageEntry.thumbUrl\"\n            [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n            [thyOriginSrc]=\"imageEntry.originUrl\"\n            [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n            [alt]=\"imageEntry.name\"\n        />\n        <div *ngIf=\"isCollapsedAndNonReadonly\" class=\"image-profile\" [class.outline]=\"selection\">\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n        </div>\n        <div *ngIf=\"uploading\" class=\"uploading\">\n            <div class=\"uploading-percentage\">\n                <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n                <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n            </div>\n        </div>\n        <div *ngIf=\"!uploading\" class=\"layer\" [class.readonly]=\"readonly\"></div>\n    </div>\n    <div *ngIf=\"!imageEntry.thumbUrl\" class=\"image-loading\" contenteditable=\"false\">\n        <thy-icon thyIconName=\"image\"></thy-icon>\n    </div>\n</div>\n\n<ng-template #layoutToolbar>\n    <thy-actions thySize=\"xxs\">\n        <ng-container *ngFor=\"let item of layoutOptions\">\n            <a\n                *ngIf=\"item.key !== 'split'\"\n                href=\"javascript:;\"\n                thyAction\n                [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n                [thyActionIcon]=\"item.icon\"\n                [thyActionActive]=\"layoutActive(item.key)\"\n                [thyTooltip]=\"item.name\"\n                thyTooltipPlacement=\"top\"\n                (mousedown)=\"item?.handle($event, item.key)\"\n            ></a>\n            <thy-divider *ngIf=\"item.key === 'split'\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        </ng-container>\n    </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i9$1.ThyProgressComponent, selector: "thy-progress", inputs: ["thyType", "thySize", "thyValue", "thyMax", "thyTips"] }, { kind: "directive", type: i4$1.ThyImageDirective, selector: "img[thyImage]", inputs: ["thySrc", "thyPreviewSrc", "thyOriginSrc", "thyImageMeta", "thyDisablePreview", "thyResolveSize"], exportAs: ["thyImage"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i5.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i12.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-image, [theImage]', template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<div class=\"image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n    <div #imageContent *ngIf=\"imageEntry.thumbUrl\" class=\"image-content\" [class.pointer]=\"!selection\">\n        <img\n            #img\n            thyImage\n            [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n            [class.image-collapsed]=\"selection && !uploading\"\n            class=\"main-image\"\n            (load)=\"imageLoaded($event)\"\n            (mousedown)=\"preventDefault($event)\"\n            [thySrc]=\"imageEntry.thumbUrl\"\n            [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n            [thyOriginSrc]=\"imageEntry.originUrl\"\n            [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n            [alt]=\"imageEntry.name\"\n        />\n        <div *ngIf=\"isCollapsedAndNonReadonly\" class=\"image-profile\" [class.outline]=\"selection\">\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n            <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n        </div>\n        <div *ngIf=\"uploading\" class=\"uploading\">\n            <div class=\"uploading-percentage\">\n                <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n                <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n            </div>\n        </div>\n        <div *ngIf=\"!uploading\" class=\"layer\" [class.readonly]=\"readonly\"></div>\n    </div>\n    <div *ngIf=\"!imageEntry.thumbUrl\" class=\"image-loading\" contenteditable=\"false\">\n        <thy-icon thyIconName=\"image\"></thy-icon>\n    </div>\n</div>\n\n<ng-template #layoutToolbar>\n    <thy-actions thySize=\"xxs\">\n        <ng-container *ngFor=\"let item of layoutOptions\">\n            <a\n                *ngIf=\"item.key !== 'split'\"\n                href=\"javascript:;\"\n                thyAction\n                [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n                [thyActionIcon]=\"item.icon\"\n                [thyActionActive]=\"layoutActive(item.key)\"\n                [thyTooltip]=\"item.name\"\n                thyTooltipPlacement=\"top\"\n                (mousedown)=\"item?.handle($event, item.key)\"\n            ></a>\n            <thy-divider *ngIf=\"item.key === 'split'\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        </ng-container>\n    </thy-actions>\n</ng-template>\n" }]
@@ -7297,12 +7300,12 @@ const createImagePlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.image,
-            keywords: 'tp,tupian,image,图片',
+            keywords: 'tp,tupian,image,photo,picture,图片',
             execute: editor => ImageEditor.openUpload(editor),
             active: editor => ImageEditor.isImageActive(editor),
             name: '图片',
             menuIcon: PluginMenuIcons.image,
-            description: '支持jpg、jpeg等格式图像',
+            description: '支持 jpg、jpeg 等格式图像',
             type: ThePluginMenuItemType.group,
             displayKey: '/tp'
         }
@@ -7759,7 +7762,7 @@ class TheLinkEditComponent {
     }
 }
 TheLinkEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheLinkEditComponent, deps: [{ token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component });
-TheLinkEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheLinkEditComponent, selector: "the-link-edit", inputs: { tag: "tag", node: "node", link: "link", text: "text", originSelection: "originSelection" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class": "this.className" } }, ngImport: i0, template: "<form thyForm #linkForm=\"thyForm\" [thyFormValidatorConfig]=\"validatorConfig\" name=\"linkForm\">\n    <thy-form-group thyLabelText=\"\u6587\u672C\">\n        <input thyInput placeholder=\"\u8BF7\u8F93\u5165\u6587\u672C\" required name=\"text\" [(ngModel)]=\"text\" thyAutofocus type=\"text\" />\n    </thy-form-group>\n    <thy-form-group thyLabelText=\"\u94FE\u63A5\">\n        <input name=\"link\" thyInput placeholder=\"\u8BF7\u8F93\u5165\u94FE\u63A5\" required type=\"text\" #linkControl=\"ngModel\" [(ngModel)]=\"link\" />\n    </thy-form-group>\n    <thy-form-group-footer>\n        <div class=\"btn-pair\">\n            <button thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"closePopover()\">\u53D6\u6D88</button>\n            <button thyButton=\"primary-square\" thySize=\"sm\" (thyFormSubmit)=\"applyLink(linkForm)\">\u5E94\u7528</button>\n        </div>\n    </thy-form-group-footer>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: i3$1.ThyFormGroupComponent, selector: "thy-form-group", inputs: ["thyLabelText", "thyLabelTextTranslateKey", "thyLabelRequired", "thyLabelPaddingTopClear", "thyFeedbackIcon", "thyTipsMode", "thyTips", "thyTipsTranslateKey", "thyRowFill"] }, { kind: "directive", type: i3$1.ThyFormSubmitDirective, selector: "[thyFormSubmit],[thy-form-submit]", outputs: ["thyFormSubmit"] }, { kind: "component", type: i3$1.ThyFormGroupFooterComponent, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: i4$2.ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutoSelect", "thyAutofocus"] }, { kind: "directive", type: i5.ThyInputDirective, selector: "[thyInput]", inputs: ["thySize", "thyAutocomplete"] }, { kind: "component", type: i1$4.ThyButtonComponent, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }] });
+TheLinkEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheLinkEditComponent, selector: "the-link-edit", inputs: { tag: "tag", node: "node", link: "link", text: "text", originSelection: "originSelection" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class": "this.className" } }, ngImport: i0, template: "<form thyForm #linkForm=\"thyForm\" [thyFormValidatorConfig]=\"validatorConfig\" name=\"linkForm\">\n    <thy-form-group thyLabelText=\"\u6587\u672C\">\n        <input thyInput placeholder=\"\u8BF7\u8F93\u5165\u6587\u672C\" required name=\"text\" [(ngModel)]=\"text\" thyAutofocus type=\"text\" />\n    </thy-form-group>\n    <thy-form-group thyLabelText=\"\u94FE\u63A5\">\n        <input name=\"link\" thyInput placeholder=\"\u8BF7\u8F93\u5165\u94FE\u63A5\" required type=\"text\" #linkControl=\"ngModel\" [(ngModel)]=\"link\" />\n    </thy-form-group>\n    <thy-form-group-footer>\n        <div class=\"btn-pair\">\n            <button thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"closePopover()\">\u53D6\u6D88</button>\n            <button thyButton=\"primary-square\" thySize=\"sm\" (thyFormSubmit)=\"applyLink(linkForm)\">\u5E94\u7528</button>\n        </div>\n    </thy-form-group-footer>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: i3.ThyFormGroupComponent, selector: "thy-form-group", inputs: ["thyLabelText", "thyLabelTextTranslateKey", "thyLabelRequired", "thyLabelPaddingTopClear", "thyFeedbackIcon", "thyTipsMode", "thyTips", "thyTipsTranslateKey", "thyRowFill"] }, { kind: "directive", type: i3.ThyFormSubmitDirective, selector: "[thyFormSubmit],[thy-form-submit]", outputs: ["thyFormSubmit"] }, { kind: "component", type: i3.ThyFormGroupFooterComponent, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: i4$2.ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutoSelect", "thyAutofocus"] }, { kind: "directive", type: i5$1.ThyInputDirective, selector: "[thyInput]", inputs: ["thySize", "thyAutocomplete"] }, { kind: "component", type: i1$4.ThyButtonComponent, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheLinkEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-link-edit', template: "<form thyForm #linkForm=\"thyForm\" [thyFormValidatorConfig]=\"validatorConfig\" name=\"linkForm\">\n    <thy-form-group thyLabelText=\"\u6587\u672C\">\n        <input thyInput placeholder=\"\u8BF7\u8F93\u5165\u6587\u672C\" required name=\"text\" [(ngModel)]=\"text\" thyAutofocus type=\"text\" />\n    </thy-form-group>\n    <thy-form-group thyLabelText=\"\u94FE\u63A5\">\n        <input name=\"link\" thyInput placeholder=\"\u8BF7\u8F93\u5165\u94FE\u63A5\" required type=\"text\" #linkControl=\"ngModel\" [(ngModel)]=\"link\" />\n    </thy-form-group>\n    <thy-form-group-footer>\n        <div class=\"btn-pair\">\n            <button thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"closePopover()\">\u53D6\u6D88</button>\n            <button thyButton=\"primary-square\" thySize=\"sm\" (thyFormSubmit)=\"applyLink(linkForm)\">\u5E94\u7528</button>\n        </div>\n    </thy-form-group-footer>\n</form>\n" }]
@@ -9683,7 +9686,7 @@ class TheVerticalToolbarItemComponent extends TheBaseToolbarDropdown {
     }
 }
 TheVerticalToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheVerticalToolbarItemComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ThyPopover }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-TheVerticalToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheVerticalToolbarItemComponent, selector: "the-toolbar-vertical-align-item", host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class.hide": "!active" }, classAttribute: "the-toolbar-dropdown-container verticalAlign" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["VerticalAlignItems"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n    href=\"javascript:;\"\n    class=\"icon-mode link-with-down\"\n    thyAction\n    [thyActionIcon]=\"activeMenuItem?.icon\"\n    [thyActionActive]=\"isOpened\"\n    [thyTooltip]=\"toolbarItem?.name\"\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"execute($event)\"\n>\n    <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n    <div class=\"thy-dropdown-menu\">\n        <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n            <a\n                href=\"javascript:;\"\n                thyDropdownMenuItem\n                [thyDropdownMenuItemActive]=\"menu.key === activeMenuItem?.key\"\n                (mousedown)=\"itemMousedown($event, menu)\"\n            >\n                <thy-icon *ngIf=\"menu.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu?.icon\"></thy-icon>\n                <span thyDropdownMenuItemName>{{ menu.name }}</span>\n            </a>\n        </ng-container>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: i6$1.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6$1.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] });
+TheVerticalToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheVerticalToolbarItemComponent, selector: "the-toolbar-vertical-align-item", host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class.hide": "!active" }, classAttribute: "the-toolbar-dropdown-container verticalAlign" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["VerticalAlignItems"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n    href=\"javascript:;\"\n    class=\"icon-mode link-with-down\"\n    thyAction\n    [thyActionIcon]=\"activeMenuItem?.icon\"\n    [thyActionActive]=\"isOpened\"\n    [thyTooltip]=\"toolbarItem?.name\"\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"execute($event)\"\n>\n    <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n    <div class=\"thy-dropdown-menu\">\n        <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n            <a\n                href=\"javascript:;\"\n                thyDropdownMenuItem\n                [thyDropdownMenuItemActive]=\"menu.key === activeMenuItem?.key\"\n                (mousedown)=\"itemMousedown($event, menu)\"\n            >\n                <thy-icon *ngIf=\"menu.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu?.icon\"></thy-icon>\n                <span thyDropdownMenuItemName>{{ menu.name }}</span>\n            </a>\n        </ng-container>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6.ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheVerticalToolbarItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-toolbar-vertical-align-item', host: {
@@ -10038,9 +10041,14 @@ class TheListboxDirective {
         const groupOptions = this.activeOption.parentGroup.options;
         let optionIndex = groupOptions.indexOf(this.activeOption);
         let newOptionIndex = optionIndex + this.activeOption.parentGroup.horizontalColumn;
+        const lastLineStartIndex = groupOptions.length - (groupOptions.length % this.activeOption.parentGroup.horizontalColumn);
         if (newOptionIndex <= groupOptions.length - 1) {
             this.setActiveItem(this.activeOption, groupOptions[newOptionIndex], 'turn');
         }
+        else if (optionIndex < lastLineStartIndex) {
+            newOptionIndex = groupOptions.length - 1;
+            this.setActiveItem(this.activeOption, groupOptions[newOptionIndex], 'turn');
+        }
         else {
             this.enterNextGroup();
         }
@@ -10162,11 +10170,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
             }] } });
 
 class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
-    constructor(elementRef, cdr, ngZone) {
+    constructor(elementRef, cdr, ngZone, thyPopoverRef) {
         super();
         this.elementRef = elementRef;
         this.cdr = cdr;
         this.ngZone = ngZone;
+        this.thyPopoverRef = thyPopoverRef;
         this.ThePluginMenu = ThePluginMenu;
         this.groupMenu = [];
         this.iconMenu = [];
@@ -10179,6 +10188,7 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
             placement: 'rightTop',
             width: '266px'
         };
+        this.tableSelectPopoverConfig = { panelClass: 'plugin-menu-table-select-container', minWidth: 0 };
         this.containerClassName = `the-plugin-menu-container`;
         this.theDisplaySearch = false;
         this.removeKeywords = () => {
@@ -10191,11 +10201,35 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         };
     }
     ngOnInit() {
-        this.editorElement = AngularEditor.toDOMNode(this.editor, this.editor);
-        let currentMenu = this.editor.options.menu ? this.editor.options.menu : DefaultPluginMenu;
+        this.initializeSearch();
+        this.initializePluginMenu();
+        this.buildMenus();
+    }
+    initializeSearch() {
+        if (this.theDisplaySearch) {
+            this.keyboardContainer = this.elementRef.nativeElement;
+            setTimeout(() => {
+                // 记住位置
+                if (this.editor.selection) {
+                    this.pathRef = Editor.pathRef(this.editor, this.editor.selection.anchor.path);
+                }
+                this.elementRef.nativeElement.querySelector('input').focus();
+            }, 0);
+        }
+        else {
+            this.keyboardContainer = AngularEditor.toDOMNode(this.editor, this.editor);
+        }
+    }
+    initializePluginMenu() {
+        let currentMenu;
+        if (this.thePluginMenu) {
+            currentMenu = this.thePluginMenu;
+        }
+        else {
+            currentMenu = this.editor.options.menu ? this.editor.options.menu : DefaultPluginMenu;
+        }
         const menuItemsMap = buildPluginMenuItemMap(this.editor);
         this._pluginMenu = buildPluginMenu(menuItemsMap, currentMenu);
-        this.buildMenus();
     }
     buildMenus() {
         if (this.keyWords) {
@@ -10208,9 +10242,9 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
                         this.groupMenu.push(item);
                     }
                     if (item.children && item.children.length > 0) {
-                        item.children.forEach((child) => {
+                        item.children.forEach(child => {
                             var _a;
-                            if (child.keywords && ((_a = item.keywords) === null || _a === void 0 ? void 0 : _a.includes(this.keyWords))) {
+                            if (child.keywords && ((_a = child.keywords) === null || _a === void 0 ? void 0 : _a.includes(this.keyWords))) {
                                 this.groupMenu.push(child);
                             }
                         });
@@ -10232,9 +10266,18 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         this.cdr.detectChanges();
     }
     handleItemSelection(menuItem) {
+        if (!this.editor.selection && this.pathRef) {
+            AngularEditor.focus(this.editor);
+            Transforms.select(this.editor, Editor.end(this.editor, this.pathRef.current));
+        }
+        if (!this.editor.selection) {
+            AngularEditor.focus(this.editor);
+            Transforms.select(this.editor, Editor.end(this.editor, [0]));
+        }
         this.removeKeywords();
         menuItem.execute(this.editor);
-        QuickInsertEditor.closeMenu(this.editor);
+        this.thyPopoverRef.close();
+        QuickInsertEditor.updatePluginMenuRef(this.editor, null);
     }
     updateKeywords(keywords) {
         this.keyWords = keywords.toLowerCase().trim();
@@ -10254,7 +10297,7 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
             const dropdown = this.findDropdownTrigger(event.option);
             dropdown.hide();
         }
-        if (event.type === 'turn') {
+        if (event.type === 'turn' && !event.option.parentOption) {
             ScrollToService.scrollToElement(event.option.elementRef.nativeElement, this.elementRef.nativeElement);
         }
     }
@@ -10268,12 +10311,12 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         super.ngOnDestroy();
     }
 }
-ThePluginMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThePluginMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ThePluginMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThePluginMenuComponent, selector: "the-plugin-menu", inputs: { editor: "editor", theDisplaySearch: "theDisplaySearch", thePluginMenu: "thePluginMenu" }, host: { properties: { "class": "this.containerClassName" } }, viewQueries: [{ propertyName: "dropdownTriggers", predicate: ["dropdownTriggers"], descendants: true, read: ThyDropdownDirective }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"theDisplaySearch\" class=\"menu-search px-5 pt-5\">\n    <thy-input-search [(ngModel)]=\"keyWords\" placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" (ngModelChange)=\"buildMenus()\"> </thy-input-search>\n</div>\n\n<div\n    *ngIf=\"groupMenu.length > 0; else thyEmpty\"\n    theListBox\n    [keyboardContainer]=\"editorElement\"\n    (theListboxChange)=\"theListboxChange($event)\"\n    class=\"thy-dropdown-menu py-2\"\n>\n    <div *ngIf=\"iconMenu?.length > 0\" theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex px-5 py-1\">\n        <ng-container *ngFor=\"let item of iconMenu\">\n            <a\n                *ngIf=\"item.type === ThePluginMenuItemType.icon\"\n                href=\"javascript:;\"\n                class=\"mt-2\"\n                thyAction\n                theListboxOption\n                [theOptionValue]=\"item\"\n                [thyActionIcon]=\"item.icon\"\n                [thyTooltip]=\"item.name\"\n                thePreventDefault\n                (click)=\"handleItemSelection(item)\"\n            ></a>\n        </ng-container>\n    </div>\n\n    <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\n    <div theListboxGroup>\n        <ng-container *ngFor=\"let item of groupMenu\">\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && !item.isExpanded\">\n                <div\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    class=\"insert-menu-item mb-1 py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!item?.isExpanded\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && item.isExpanded\" #hasExpanded>\n                <div\n                    #dropdownTriggers\n                    [thyDropdown]=\"expand\"\n                    thyTrigger=\"hover\"\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    [thyPopoverOptions]=\"expandPopoverOptions\"\n                    class=\"insert-menu-item mb-1 py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!item?.isExpanded\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                    <div *ngIf=\"item?.isExpanded\">\n                        <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n                    </div>\n                    <thy-dropdown-menu class=\"expand-menu\" #expand>\n                        <div class=\"the-plugin-menu-container\" theListboxGroup>\n                            <div\n                                *ngFor=\"let child of item.children\"\n                                thyDropdownMenuItem\n                                theListboxOption\n                                class=\"insert-menu-item mb-1 py-0\"\n                                thePreventDefault\n                                (click)=\"handleItemSelection(child)\"\n                                [theOptionValue]=\"child\"\n                            >\n                                <div class=\"menu-icon mr-2\">\n                                    <thy-icon [thyIconName]=\"child.menuIcon\"></thy-icon>\n                                </div>\n                                <div class=\"menu-content d-flex align-items-center\">\n                                    <div class=\"menu-item-title w-100\">\n                                        <span class=\"menu-item-display-key font-size-sm text-placeholder\"> {{ child.displayKey }}</span>\n                                        {{ child.name }}\n                                    </div>\n                                    <div class=\"text-muted font-size-sm\">{{ child.description }}</div>\n                                </div>\n                            </div>\n                        </div>\n                        <table-select\n                            *ngIf=\"item.key === 'table'\"\n                            class=\"plugin-menu-table the-table-selector-panel\"\n                            [editor]=\"editor\"\n                            [beforeInsert]=\"removeKeywords\"\n                        ></table-select>\n                    </thy-dropdown-menu>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"!ThePluginMenu.isMenuItem(item)\" #menuGroup>\n                <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #thyEmpty>\n    <div class=\"empty d-flex align-items-center justify-content-center\">\n        <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5.ThyInputSearchComponent, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i7.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: i6$1.ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyActiveClass", "thyPopoverOptions"], outputs: ["thyActiveChange"] }, { kind: "component", type: i6$1.ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth"] }, { kind: "component", type: i6$1.ThyDropdownMenuGroupComponent, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "directive", type: i6$1.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: i9$2.ThyEmptyComponent, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: TheTableSelectComponent, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue"], exportAs: ["theListboxOption"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }] });
+ThePluginMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThePluginMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component });
+ThePluginMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThePluginMenuComponent, selector: "the-plugin-menu", inputs: { editor: "editor", theDisplaySearch: "theDisplaySearch", thePluginMenu: "thePluginMenu" }, host: { properties: { "class": "this.containerClassName" } }, viewQueries: [{ propertyName: "dropdownTriggers", predicate: ["dropdownTriggers"], descendants: true, read: ThyDropdownDirective }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"theDisplaySearch\" class=\"menu-search px-5 pt-5\">\n    <thy-input-search [(ngModel)]=\"keyWords\" placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" (ngModelChange)=\"buildMenus()\"> </thy-input-search>\n</div>\n\n<div\n    *ngIf=\"groupMenu.length > 0; else thyEmpty\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    (theListboxChange)=\"theListboxChange($event)\"\n    class=\"thy-dropdown-menu py-2\"\n>\n    <div *ngIf=\"iconMenu?.length > 0\" theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        <ng-container *ngFor=\"let item of iconMenu\">\n            <a\n                *ngIf=\"item.type === ThePluginMenuItemType.icon\"\n                href=\"javascript:;\"\n                class=\"mt-2\"\n                thyAction\n                theListboxOption\n                [theOptionValue]=\"item\"\n                [thyActionIcon]=\"item.icon\"\n                [thyTooltip]=\"item.name\"\n                thePreventDefault\n                (click)=\"handleItemSelection(item)\"\n            ></a>\n        </ng-container>\n    </div>\n\n    <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\n    <div theListboxGroup>\n        <ng-container *ngFor=\"let item of groupMenu\">\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && !(item.children?.length > 0) && item.key !== 'table'\">\n                <div\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    class=\"py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!(item.children?.length > 0)\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && item.children?.length > 0\" #hasExpanded>\n                <div\n                    #dropdownTriggers\n                    [thyDropdown]=\"expand\"\n                    thyTrigger=\"hover\"\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    [thyPopoverOptions]=\"expandPopoverOptions\"\n                    class=\"py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!(item.children?.length > 0)\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                    <div *ngIf=\"item.children?.length > 0\">\n                        <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n                    </div>\n                    <thy-dropdown-menu #expand>\n                        <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                            <div\n                                *ngFor=\"let child of item.children\"\n                                thyDropdownMenuItem\n                                theListboxOption\n                                class=\"py-0\"\n                                thePreventDefault\n                                (click)=\"handleItemSelection(child)\"\n                                [theOptionValue]=\"child\"\n                            >\n                                <div class=\"menu-icon mr-2\">\n                                    <thy-icon [thyIconName]=\"child.menuIcon\"></thy-icon>\n                                </div>\n                                <div class=\"menu-content d-flex align-items-center\">\n                                    <div class=\"menu-item-title w-100\">\n                                        <span class=\"menu-item-display-key font-size-sm text-placeholder\"> {{ child.displayKey }}</span>\n                                        {{ child.name }}\n                                    </div>\n                                    <div class=\"text-muted font-size-sm\">{{ child.description }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </thy-dropdown-menu>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && item.key === 'table'\">\n                <div\n                    #dropdownTriggers\n                    [thyPopover]=\"tableSelect\"\n                    thyPlacement=\"rightTop\"\n                    thyTrigger=\"hover\"\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [thyConfig]=\"tableSelectPopoverConfig\"\n                    [theOptionValue]=\"item\"\n                    class=\"py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                    <div>\n                        <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n                    </div>\n\n                    <ng-template #tableSelect>\n                        <table-select\n                            class=\"plugin-menu-table the-table-selector-panel\"\n                            [editor]=\"editor\"\n                            [beforeInsert]=\"removeKeywords\"\n                        ></table-select>\n                    </ng-template>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"!ThePluginMenu.isMenuItem(item)\" #menuGroup>\n                <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #thyEmpty>\n    <div class=\"empty d-flex align-items-center justify-content-center\">\n        <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5$1.ThyInputSearchComponent, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i12.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: i6.ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyActiveClass", "thyPopoverOptions"], outputs: ["thyActiveChange"] }, { kind: "component", type: i6.ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth"] }, { kind: "component", type: i6.ThyDropdownMenuGroupComponent, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: i10$1.ThyEmptyComponent, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "directive", type: i1$1.ThyPopoverDirective, selector: "[thyPopover]", inputs: ["thyPopover", "thyTrigger", "thyPlacement", "thyOffset", "thyConfig", "thyShowDelay", "thyHideDelay", "thyAutoAdaptive", "thyDisabled"] }, { kind: "component", type: TheTableSelectComponent, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue"], exportAs: ["theListboxOption"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThePluginMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'the-plugin-menu', template: "<div *ngIf=\"theDisplaySearch\" class=\"menu-search px-5 pt-5\">\n    <thy-input-search [(ngModel)]=\"keyWords\" placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" (ngModelChange)=\"buildMenus()\"> </thy-input-search>\n</div>\n\n<div\n    *ngIf=\"groupMenu.length > 0; else thyEmpty\"\n    theListBox\n    [keyboardContainer]=\"editorElement\"\n    (theListboxChange)=\"theListboxChange($event)\"\n    class=\"thy-dropdown-menu py-2\"\n>\n    <div *ngIf=\"iconMenu?.length > 0\" theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex px-5 py-1\">\n        <ng-container *ngFor=\"let item of iconMenu\">\n            <a\n                *ngIf=\"item.type === ThePluginMenuItemType.icon\"\n                href=\"javascript:;\"\n                class=\"mt-2\"\n                thyAction\n                theListboxOption\n                [theOptionValue]=\"item\"\n                [thyActionIcon]=\"item.icon\"\n                [thyTooltip]=\"item.name\"\n                thePreventDefault\n                (click)=\"handleItemSelection(item)\"\n            ></a>\n        </ng-container>\n    </div>\n\n    <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\n    <div theListboxGroup>\n        <ng-container *ngFor=\"let item of groupMenu\">\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && !item.isExpanded\">\n                <div\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    class=\"insert-menu-item mb-1 py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!item?.isExpanded\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && item.isExpanded\" #hasExpanded>\n                <div\n                    #dropdownTriggers\n                    [thyDropdown]=\"expand\"\n                    thyTrigger=\"hover\"\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    [thyPopoverOptions]=\"expandPopoverOptions\"\n                    class=\"insert-menu-item mb-1 py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!item?.isExpanded\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                    <div *ngIf=\"item?.isExpanded\">\n                        <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n                    </div>\n                    <thy-dropdown-menu class=\"expand-menu\" #expand>\n                        <div class=\"the-plugin-menu-container\" theListboxGroup>\n                            <div\n                                *ngFor=\"let child of item.children\"\n                                thyDropdownMenuItem\n                                theListboxOption\n                                class=\"insert-menu-item mb-1 py-0\"\n                                thePreventDefault\n                                (click)=\"handleItemSelection(child)\"\n                                [theOptionValue]=\"child\"\n                            >\n                                <div class=\"menu-icon mr-2\">\n                                    <thy-icon [thyIconName]=\"child.menuIcon\"></thy-icon>\n                                </div>\n                                <div class=\"menu-content d-flex align-items-center\">\n                                    <div class=\"menu-item-title w-100\">\n                                        <span class=\"menu-item-display-key font-size-sm text-placeholder\"> {{ child.displayKey }}</span>\n                                        {{ child.name }}\n                                    </div>\n                                    <div class=\"text-muted font-size-sm\">{{ child.description }}</div>\n                                </div>\n                            </div>\n                        </div>\n                        <table-select\n                            *ngIf=\"item.key === 'table'\"\n                            class=\"plugin-menu-table the-table-selector-panel\"\n                            [editor]=\"editor\"\n                            [beforeInsert]=\"removeKeywords\"\n                        ></table-select>\n                    </thy-dropdown-menu>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"!ThePluginMenu.isMenuItem(item)\" #menuGroup>\n                <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #thyEmpty>\n    <div class=\"empty d-flex align-items-center justify-content-center\">\n        <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { dropdownTriggers: [{
+            args: [{ selector: 'the-plugin-menu', template: "<div *ngIf=\"theDisplaySearch\" class=\"menu-search px-5 pt-5\">\n    <thy-input-search [(ngModel)]=\"keyWords\" placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" (ngModelChange)=\"buildMenus()\"> </thy-input-search>\n</div>\n\n<div\n    *ngIf=\"groupMenu.length > 0; else thyEmpty\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    (theListboxChange)=\"theListboxChange($event)\"\n    class=\"thy-dropdown-menu py-2\"\n>\n    <div *ngIf=\"iconMenu?.length > 0\" theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        <ng-container *ngFor=\"let item of iconMenu\">\n            <a\n                *ngIf=\"item.type === ThePluginMenuItemType.icon\"\n                href=\"javascript:;\"\n                class=\"mt-2\"\n                thyAction\n                theListboxOption\n                [theOptionValue]=\"item\"\n                [thyActionIcon]=\"item.icon\"\n                [thyTooltip]=\"item.name\"\n                thePreventDefault\n                (click)=\"handleItemSelection(item)\"\n            ></a>\n        </ng-container>\n    </div>\n\n    <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\n    <div theListboxGroup>\n        <ng-container *ngFor=\"let item of groupMenu\">\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && !(item.children?.length > 0) && item.key !== 'table'\">\n                <div\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    class=\"py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!(item.children?.length > 0)\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && item.children?.length > 0\" #hasExpanded>\n                <div\n                    #dropdownTriggers\n                    [thyDropdown]=\"expand\"\n                    thyTrigger=\"hover\"\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [theOptionValue]=\"item\"\n                    [thyPopoverOptions]=\"expandPopoverOptions\"\n                    class=\"py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            <span *ngIf=\"!(item.children?.length > 0)\" class=\"menu-item-display-key font-size-sm text-placeholder\">\n                                {{ item.displayKey }}</span\n                            >\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                    <div *ngIf=\"item.children?.length > 0\">\n                        <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n                    </div>\n                    <thy-dropdown-menu #expand>\n                        <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                            <div\n                                *ngFor=\"let child of item.children\"\n                                thyDropdownMenuItem\n                                theListboxOption\n                                class=\"py-0\"\n                                thePreventDefault\n                                (click)=\"handleItemSelection(child)\"\n                                [theOptionValue]=\"child\"\n                            >\n                                <div class=\"menu-icon mr-2\">\n                                    <thy-icon [thyIconName]=\"child.menuIcon\"></thy-icon>\n                                </div>\n                                <div class=\"menu-content d-flex align-items-center\">\n                                    <div class=\"menu-item-title w-100\">\n                                        <span class=\"menu-item-display-key font-size-sm text-placeholder\"> {{ child.displayKey }}</span>\n                                        {{ child.name }}\n                                    </div>\n                                    <div class=\"text-muted font-size-sm\">{{ child.description }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </thy-dropdown-menu>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"ThePluginMenu.isMenuItem(item) && item.key === 'table'\">\n                <div\n                    #dropdownTriggers\n                    [thyPopover]=\"tableSelect\"\n                    thyPlacement=\"rightTop\"\n                    thyTrigger=\"hover\"\n                    thyDropdownMenuItem\n                    theListboxOption\n                    [thyConfig]=\"tableSelectPopoverConfig\"\n                    [theOptionValue]=\"item\"\n                    class=\"py-0\"\n                    thePreventDefault\n                    (click)=\"handleItemSelection(item)\"\n                >\n                    <div class=\"menu-icon mr-2\">\n                        <thy-icon [thyIconName]=\"item.menuIcon\"></thy-icon>\n                    </div>\n                    <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                            {{ item.name }}\n                        </div>\n                        <div class=\"text-muted font-size-sm\">{{ item.description }}</div>\n                    </div>\n                    <div>\n                        <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n                    </div>\n\n                    <ng-template #tableSelect>\n                        <table-select\n                            class=\"plugin-menu-table the-table-selector-panel\"\n                            [editor]=\"editor\"\n                            [beforeInsert]=\"removeKeywords\"\n                        ></table-select>\n                    </ng-template>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"!ThePluginMenu.isMenuItem(item)\" #menuGroup>\n                <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #thyEmpty>\n    <div class=\"empty d-flex align-items-center justify-content-center\">\n        <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n    </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$1.ThyPopoverRef }]; }, propDecorators: { dropdownTriggers: [{
                 type: ViewChildren,
                 args: ['dropdownTriggers', { read: ThyDropdownDirective }]
             }], containerClassName: [{
@@ -11213,7 +11256,7 @@ TheTableOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
                 </a>
             </ng-container>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i6$1.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6$1.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheTableOptionsComponent, decorators: [{
             type: Component,
             args: [{
@@ -11376,7 +11419,7 @@ class TheTableToolbarComponent {
     }
 }
 TheTableToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", 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: "14.0.0", version: "14.2.0", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", isFromControls: "isFromControls", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of cellMenuList\">\n        <a\n            *ngIf=\"item.visibility\"\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=\"hasDivider\" class=\"mr-2 ml-1 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\n        href=\"javascript:;\"\n        *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n        thyAction\n        thyTooltip=\"\u5168\u5C4F\"\n        (mousedown)=\"setFullscreen($event)\"\n    >\n        <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n    </a>\n\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"mousedown($event)\" (click)=\"openTableOptionMenu($event)\">\n            <span>\u8868\u683C\u9009\u9879</span>\n            <thy-icon class=\"font-size-sm text-desc ml-1\" 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=\"mr-2 ml-1 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", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i6.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i7.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }] });
+TheTableToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", isFromControls: "isFromControls", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of cellMenuList\">\n        <a\n            *ngIf=\"item.visibility\"\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=\"hasDivider\" class=\"mr-2 ml-1 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\n        href=\"javascript:;\"\n        *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n        thyAction\n        thyTooltip=\"\u5168\u5C4F\"\n        (mousedown)=\"setFullscreen($event)\"\n    >\n        <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n    </a>\n\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"mousedown($event)\" (click)=\"openTableOptionMenu($event)\">\n            <span>\u8868\u683C\u9009\u9879</span>\n            <thy-icon class=\"font-size-sm text-desc ml-1\" 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=\"mr-2 ml-1 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", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i5.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i12.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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.visibility\"\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=\"hasDivider\" class=\"mr-2 ml-1 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\n        href=\"javascript:;\"\n        *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n        thyAction\n        thyTooltip=\"\u5168\u5C4F\"\n        (mousedown)=\"setFullscreen($event)\"\n    >\n        <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n    </a>\n\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"mousedown($event)\" (click)=\"openTableOptionMenu($event)\">\n            <span>\u8868\u683C\u9009\u9879</span>\n            <thy-icon class=\"font-size-sm text-desc ml-1\" 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=\"mr-2 ml-1 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" }]
@@ -11426,7 +11469,7 @@ class TheContextMenuComponent {
     ngOnInit() { }
 }
 TheContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheContextMenuComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component });
-TheContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheContextMenuComponent, selector: "the-contextmenu", inputs: { menuEntities: "menuEntities", actionHandle: "actionHandle", activeHandle: "activeHandle", deactiveHandle: "deactiveHandle" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)", "mousedown": "handleMouseDown($event)" }, properties: { "class.the-overlay-menu-wrap": "this.wrap" } }, ngImport: i0, template: "<div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menuItem of menuEntities\">\n        <a\n            *ngIf=\"menuItem.visibility\"\n            href=\"javascript:;\"\n            thyDropdownMenuItem\n            (mousedown)=\"itemMousedown($event, menuItem)\"\n            (mouseenter)=\"itemMouseenter($event, menuItem)\"\n            (mouseleave)=\"itemMouseleave($event, menuItem)\"\n        >\n            <span thyDropdownMenuItemIcon>\n                <thy-icon\n                    *ngIf=\"menuItem.backgroundColor; else elseIcon\"\n                    [thyIconName]=\"menuItem.icon\"\n                    thyIconType=\"twotone\"\n                    [thyTwotoneColor]=\"menuItem.backgroundColor\"\n                ></thy-icon>\n                <ng-template #elseIcon>\n                    <thy-icon [thyIconName]=\"menuItem.icon\"></thy-icon>\n                </ng-template>\n            </span>\n            <span thyDropdownMenuItemName>{{ menuItem.name }}</span>\n            <span *ngIf=\"menuItem.extendIcon\" thyDropdownMenuItemExtendIcon>\n                <thy-icon thyIconName=\"{{ menuItem.extendIcon }}\"></thy-icon>\n            </span>\n        </a>\n        <thy-dropdown-menu-divider *ngIf=\"menuItem.divider\"></thy-dropdown-menu-divider>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: i6$1.ThyDropdownMenuDividerComponent, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6$1.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6$1.ThyDropdownMenuItemExtendIconDirective, selector: "[thyDropdownMenuItemExtendIcon]" }] });
+TheContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheContextMenuComponent, selector: "the-contextmenu", inputs: { menuEntities: "menuEntities", actionHandle: "actionHandle", activeHandle: "activeHandle", deactiveHandle: "deactiveHandle" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)", "mousedown": "handleMouseDown($event)" }, properties: { "class.the-overlay-menu-wrap": "this.wrap" } }, ngImport: i0, template: "<div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menuItem of menuEntities\">\n        <a\n            *ngIf=\"menuItem.visibility\"\n            href=\"javascript:;\"\n            thyDropdownMenuItem\n            (mousedown)=\"itemMousedown($event, menuItem)\"\n            (mouseenter)=\"itemMouseenter($event, menuItem)\"\n            (mouseleave)=\"itemMouseleave($event, menuItem)\"\n        >\n            <span thyDropdownMenuItemIcon>\n                <thy-icon\n                    *ngIf=\"menuItem.backgroundColor; else elseIcon\"\n                    [thyIconName]=\"menuItem.icon\"\n                    thyIconType=\"twotone\"\n                    [thyTwotoneColor]=\"menuItem.backgroundColor\"\n                ></thy-icon>\n                <ng-template #elseIcon>\n                    <thy-icon [thyIconName]=\"menuItem.icon\"></thy-icon>\n                </ng-template>\n            </span>\n            <span thyDropdownMenuItemName>{{ menuItem.name }}</span>\n            <span *ngIf=\"menuItem.extendIcon\" thyDropdownMenuItemExtendIcon>\n                <thy-icon thyIconName=\"{{ menuItem.extendIcon }}\"></thy-icon>\n            </span>\n        </a>\n        <thy-dropdown-menu-divider *ngIf=\"menuItem.divider\"></thy-dropdown-menu-divider>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: i6.ThyDropdownMenuDividerComponent, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6.ThyDropdownMenuItemExtendIconDirective, selector: "[thyDropdownMenuItemExtendIcon]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-contextmenu', template: "<div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menuItem of menuEntities\">\n        <a\n            *ngIf=\"menuItem.visibility\"\n            href=\"javascript:;\"\n            thyDropdownMenuItem\n            (mousedown)=\"itemMousedown($event, menuItem)\"\n            (mouseenter)=\"itemMouseenter($event, menuItem)\"\n            (mouseleave)=\"itemMouseleave($event, menuItem)\"\n        >\n            <span thyDropdownMenuItemIcon>\n                <thy-icon\n                    *ngIf=\"menuItem.backgroundColor; else elseIcon\"\n                    [thyIconName]=\"menuItem.icon\"\n                    thyIconType=\"twotone\"\n                    [thyTwotoneColor]=\"menuItem.backgroundColor\"\n                ></thy-icon>\n                <ng-template #elseIcon>\n                    <thy-icon [thyIconName]=\"menuItem.icon\"></thy-icon>\n                </ng-template>\n            </span>\n            <span thyDropdownMenuItemName>{{ menuItem.name }}</span>\n            <span *ngIf=\"menuItem.extendIcon\" thyDropdownMenuItemExtendIcon>\n                <thy-icon thyIconName=\"{{ menuItem.extendIcon }}\"></thy-icon>\n            </span>\n        </a>\n        <thy-dropdown-menu-divider *ngIf=\"menuItem.divider\"></thy-dropdown-menu-divider>\n    </ng-container>\n</div>\n" }]
@@ -11901,7 +11944,7 @@ class TheInsertMarkComponent {
     ngOnDestroy() { }
 }
 TheInsertMarkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheInsertMarkComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TheInsertMarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: { type: "type", at: "at", tableStore: "tableStore" }, ngImport: i0, template: "<div\n    [thyTooltip]=\"!disabled && tooltipContent\"\n    class=\"the-table-controls-insert-wrapper\"\n    [ngClass]=\"{ disabled: disabled }\"\n    contenteditable=\"false\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseenter)=\"onMouseEnter($event)\"\n    (mouseleave)=\"onMouseLeave($event)\"\n>\n    <div\n        class=\"the-table-controls-insert-line\"\n        *ngIf=\"dotWrapperHovered\"\n        [attr.data-dot-type]=\"type\"\n        [ngStyle]=\"{ height: type === 'column' && insertLength, width: type === 'row' && insertLength }\"\n    ></div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }] });
+TheInsertMarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: { type: "type", at: "at", tableStore: "tableStore" }, ngImport: i0, template: "<div\n    [thyTooltip]=\"!disabled && tooltipContent\"\n    class=\"the-table-controls-insert-wrapper\"\n    [ngClass]=\"{ disabled: disabled }\"\n    contenteditable=\"false\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseenter)=\"onMouseEnter($event)\"\n    (mouseleave)=\"onMouseLeave($event)\"\n>\n    <div\n        class=\"the-table-controls-insert-line\"\n        *ngIf=\"dotWrapperHovered\"\n        [attr.data-dot-type]=\"type\"\n        [ngStyle]=\"{ height: type === 'column' && insertLength, width: type === 'row' && insertLength }\"\n    ></div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i8.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: "14.2.0", ngImport: i0, type: TheInsertMarkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-table-insert-mark', template: "<div\n    [thyTooltip]=\"!disabled && tooltipContent\"\n    class=\"the-table-controls-insert-wrapper\"\n    [ngClass]=\"{ disabled: disabled }\"\n    contenteditable=\"false\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseenter)=\"onMouseEnter($event)\"\n    (mouseleave)=\"onMouseLeave($event)\"\n>\n    <div\n        class=\"the-table-controls-insert-line\"\n        *ngIf=\"dotWrapperHovered\"\n        [attr.data-dot-type]=\"type\"\n        [ngStyle]=\"{ height: type === 'column' && insertLength, width: type === 'row' && insertLength }\"\n    ></div>\n</div>\n" }]
@@ -12332,7 +12375,7 @@ class TheTableComponent extends TheBaseElementComponent {
         this.destroy$.complete();
     }
 }
-TheTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheTableComponent, deps: [{ token: i0.ElementRef }, { token: TableCellEventDispatcher }, { token: ColumnResizeNotifierSource }, { token: TableStore }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: TableService }, { token: TheTableContextMenuService }, { token: i6$2.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+TheTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheTableComponent, deps: [{ token: i0.ElementRef }, { token: TableCellEventDispatcher }, { token: ColumnResizeNotifierSource }, { token: TableStore }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: TableService }, { token: TheTableContextMenuService }, { token: i6$1.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Component });
 TheTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheTableComponent, selector: "the-table, [theTable]", host: { listeners: { "mousedown": "handleMousedown($event)" } }, providers: [
         TableStore,
         TableService,
@@ -12357,7 +12400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                             useExisting: TheTableComponent
                         }
                     ], template: "<div\n    class=\"the-table-container\"\n    theColumnResize\n    [ngClass]=\"{\n        'the-table-with-controls': isInTable,\n        'the-numbered-column-container': element?.options?.numberedColumn,\n        'the-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n    }\"\n>\n    <div\n        class=\"the-table-row-controls-wrapper\"\n        [ngClass]=\"{\n            'the-table-focus': isInTable\n        }\"\n    >\n        <div\n            class=\"the-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-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n            <div class=\"the-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-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-table-row-controls\">\n            <div class=\"the-table-row-controls-inner\">\n                <div\n                    class=\"the-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-table-row-controls-button the-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-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-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-table-numbered': element?.options?.numberedColumn }\">\n        <table class=\"the-table\" #theTable [ngClass]=\"{ 'the-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-table-col-controls-wrapper\">\n                    <th\n                        class=\"the-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" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: TableCellEventDispatcher }, { type: ColumnResizeNotifierSource }, { type: TableStore }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: TableService }, { type: TheTableContextMenuService }, { type: i6$2.ScrollDispatcher }]; }, propDecorators: { tableWrapper: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: TableCellEventDispatcher }, { type: ColumnResizeNotifierSource }, { type: TableStore }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: TableService }, { type: TheTableContextMenuService }, { type: i6$1.ScrollDispatcher }]; }, propDecorators: { tableWrapper: [{
                 type: ViewChild,
                 args: ['tableWrapper', { read: ElementRef, static: true }]
             }], theTableElement: [{
@@ -13550,7 +13593,7 @@ TheTableToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
         >
             <thy-icon class="link-down-icon font-size-sm text-desc ml-1" thyIconName="caret-down"> </thy-icon>
         </a>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheTableToolbarItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -13983,8 +14026,7 @@ const createTablePlugin = createPluginFactory({
             type: ThePluginMenuItemType.group,
             menuIcon: PluginMenuIcons.table,
             description: '结构化呈现数据信息',
-            displayKey: '/bg',
-            isExpanded: true
+            displayKey: '/bg'
         }
     ],
     options: {
@@ -14424,7 +14466,7 @@ class TheQuickInsertComponent {
     }
 }
 TheQuickInsertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheQuickInsertComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TheQuickInsertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheQuickInsertComponent, selector: "[theQuickInsert]", inputs: { editor: "editor", isVisible: "isVisible" }, host: { listeners: { "mousedown": "handleMousedownNativeElement($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconElement", first: true, predicate: ["iconElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<thy-icon\n    #iconElement\n    [thyIconName]=\"displayIconName\"\n    class=\"quick-insert-icon text-desc font-size-xlg\"\n    (mouseenter)=\"mouseEnter($event)\"\n    (mouseleave)=\"mouseLeave($event)\"\n    (mousedown)=\"handleClick($event)\"\n></thy-icon>\n", dependencies: [{ kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] });
+TheQuickInsertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheQuickInsertComponent, selector: "[theQuickInsert]", inputs: { editor: "editor", isVisible: "isVisible" }, host: { listeners: { "mousedown": "handleMousedownNativeElement($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconElement", first: true, predicate: ["iconElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<thy-icon\n    #iconElement\n    [thyIconName]=\"displayIconName\"\n    class=\"quick-insert-icon text-desc font-size-xlg\"\n    (mouseenter)=\"mouseEnter($event)\"\n    (mouseleave)=\"mouseLeave($event)\"\n    (mousedown)=\"handleClick($event)\"\n></thy-icon>\n", dependencies: [{ kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheQuickInsertComponent, decorators: [{
             type: Component,
             args: [{ selector: '[theQuickInsert]', template: "<thy-icon\n    #iconElement\n    [thyIconName]=\"displayIconName\"\n    class=\"quick-insert-icon text-desc font-size-xlg\"\n    (mouseenter)=\"mouseEnter($event)\"\n    (mouseleave)=\"mouseLeave($event)\"\n    (mousedown)=\"handleClick($event)\"\n></thy-icon>\n" }]
@@ -14796,7 +14838,7 @@ class TheEditorComponent extends mixinUnsubscribe(MixinBase) {
         };
     }
 }
-TheEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheEditorComponent, deps: [{ token: TheContextService }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i3.ThyIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
+TheEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheEditorComponent, deps: [{ token: TheContextService }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i4.ThyIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
 TheEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheEditorComponent, selector: "the-editor, theEditor", inputs: { theOptions: "theOptions", thePlugins: "thePlugins", theGlobalToolbar: "theGlobalToolbar", theDecorate: "theDecorate", theOnError: "theOnError" }, outputs: { theOnSave: "theOnSave", theOnDOMEvent: "theOnDOMEvent", theEditorCreated: "theEditorCreated", theUploadingStatus: "theUploadingStatus" }, host: { properties: { "class.the-editor-readonly": "theOptions?.readonly" }, classAttribute: "the-editor" }, providers: [
         TheContextService,
         TheColorSelectService,
@@ -14805,7 +14847,7 @@ TheEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             useExisting: forwardRef(() => TheEditorComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "templateInstance", first: true, predicate: ["templateInstance"], descendants: true, static: true }, { propertyName: "globalToolbarInstance", first: true, predicate: ["globalToolbar"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<the-toolbar\n    *ngIf=\"!theOptions?.readonly && !theGlobalToolbar\"\n    [ngClass]=\"{\n        'the-toolbar-disabled': theOptions?.disabled\n    }\"\n    #globalToolbar\n    [editor]=\"editor\"\n    [toolbarItems]=\"toolbarEntity.global\"\n    [containerClass]=\"globalToolbarClass\"\n    [align]=\"theOptions?.toolbar?.align\"\n></the-toolbar>\n\n<div\n    class=\"the-editable-container\"\n    cdkScrollable\n    thyImageGroup\n    [ngClass]=\"{\n        'the-editor-disabled': theOptions?.disabled,\n        'max-height': maxHeight\n    }\"\n    [ngStyle]=\"{ 'max-height': maxHeight }\"\n>\n    <slate-editable\n        class=\"the-editor-typo\"\n        [editor]=\"editor\"\n        [ngModel]=\"editorValue\"\n        (ngModelChange)=\"valueChange($event)\"\n        [decorate]=\"decorate\"\n        [placeholder]=\"theOptions?.placeholder\"\n        [placeholderDecorate]=\"theOptions?.placeholderDecorate ? theOptions?.placeholderDecorate : null\"\n        [renderElement]=\"renderElement\"\n        [renderText]=\"renderText\"\n        [renderLeaf]=\"renderLeaf\"\n        [readonly]=\"theOptions?.readonly || theOptions?.disabled\"\n        [keydown]=\"onKeyDown\"\n        [click]=\"onClick\"\n        [paste]=\"onSlaPaste\"\n        [beforeInput]=\"onSlaBeforeInput\"\n        [blur]=\"onSlaBlur\"\n        [focus]=\"onSlaFocus\"\n        [copy]=\"onSlaCopy\"\n        [cut]=\"onSlaCut\"\n        [isStrictDecorate]=\"false\"\n        [compositionStart]=\"onSlaCompositionStart\"\n        [compositionEnd]=\"onSlaCompositionEnd\"\n        [dragStart]=\"onSlaDragStart\"\n        [dragOver]=\"onSlaDragOver\"\n        [drop]=\"onDrop\"\n        (mousedown)=\"mousedown($event)\"\n    ></slate-editable>\n    <the-inline-toolbar\n        *ngIf=\"!theOptions?.readonly && theOptions?.inlineToolbarVisible\"\n        [editor]=\"editor\"\n        [toolbarItems]=\"toolbarEntity.inline\"\n    ></the-inline-toolbar>\n    <div *ngIf=\"!theOptions?.readonly\" theQuickInsert [editor]=\"editor\" [isVisible]=\"visibleQuickInsertPlus\"></div>\n    <the-template #templateInstance></the-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i6$2.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i1.SlateEditableComponent, selector: "slate-editable", inputs: ["editor", "renderElement", "renderLeaf", "renderText", "decorate", "placeholderDecorate", "isStrictDecorate", "trackBy", "readonly", "placeholder", "beforeInput", "blur", "click", "compositionEnd", "compositionStart", "copy", "cut", "dragOver", "dragStart", "dragEnd", "drop", "focus", "keydown", "paste", "spellCheck", "autoCorrect", "autoCapitalize"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.ThyImageGroupComponent, selector: "thy-image-group, [thyImageGroup]" }, { kind: "component", type: TheToolbarComponent, selector: "the-toolbar", inputs: ["editor", "toolbarItems", "align", "containerClass", "isMore", "afterTemplate"] }, { kind: "component", type: TheInlineToolbarComponent, selector: "the-inline-toolbar", inputs: ["editor", "toolbarItems"] }, { kind: "component", type: TheQuickInsertComponent, selector: "[theQuickInsert]", inputs: ["editor", "isVisible"] }, { kind: "component", type: TheTemplateComponent, selector: "the-template,[theTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "templateInstance", first: true, predicate: ["templateInstance"], descendants: true, static: true }, { propertyName: "globalToolbarInstance", first: true, predicate: ["globalToolbar"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<the-toolbar\n    *ngIf=\"!theOptions?.readonly && !theGlobalToolbar\"\n    [ngClass]=\"{\n        'the-toolbar-disabled': theOptions?.disabled\n    }\"\n    #globalToolbar\n    [editor]=\"editor\"\n    [toolbarItems]=\"toolbarEntity.global\"\n    [containerClass]=\"globalToolbarClass\"\n    [align]=\"theOptions?.toolbar?.align\"\n></the-toolbar>\n\n<div\n    class=\"the-editable-container\"\n    cdkScrollable\n    thyImageGroup\n    [ngClass]=\"{\n        'the-editor-disabled': theOptions?.disabled,\n        'max-height': maxHeight\n    }\"\n    [ngStyle]=\"{ 'max-height': maxHeight }\"\n>\n    <slate-editable\n        class=\"the-editor-typo\"\n        [editor]=\"editor\"\n        [ngModel]=\"editorValue\"\n        (ngModelChange)=\"valueChange($event)\"\n        [decorate]=\"decorate\"\n        [placeholder]=\"theOptions?.placeholder\"\n        [placeholderDecorate]=\"theOptions?.placeholderDecorate ? theOptions?.placeholderDecorate : null\"\n        [renderElement]=\"renderElement\"\n        [renderText]=\"renderText\"\n        [renderLeaf]=\"renderLeaf\"\n        [readonly]=\"theOptions?.readonly || theOptions?.disabled\"\n        [keydown]=\"onKeyDown\"\n        [click]=\"onClick\"\n        [paste]=\"onSlaPaste\"\n        [beforeInput]=\"onSlaBeforeInput\"\n        [blur]=\"onSlaBlur\"\n        [focus]=\"onSlaFocus\"\n        [copy]=\"onSlaCopy\"\n        [cut]=\"onSlaCut\"\n        [isStrictDecorate]=\"false\"\n        [compositionStart]=\"onSlaCompositionStart\"\n        [compositionEnd]=\"onSlaCompositionEnd\"\n        [dragStart]=\"onSlaDragStart\"\n        [dragOver]=\"onSlaDragOver\"\n        [drop]=\"onDrop\"\n        (mousedown)=\"mousedown($event)\"\n    ></slate-editable>\n    <the-inline-toolbar\n        *ngIf=\"!theOptions?.readonly && theOptions?.inlineToolbarVisible\"\n        [editor]=\"editor\"\n        [toolbarItems]=\"toolbarEntity.inline\"\n    ></the-inline-toolbar>\n    <div *ngIf=\"!theOptions?.readonly\" theQuickInsert [editor]=\"editor\" [isVisible]=\"visibleQuickInsertPlus\"></div>\n    <the-template #templateInstance></the-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i6$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i1.SlateEditableComponent, selector: "slate-editable", inputs: ["editor", "renderElement", "renderLeaf", "renderText", "decorate", "placeholderDecorate", "isStrictDecorate", "trackBy", "readonly", "placeholder", "beforeInput", "blur", "click", "compositionEnd", "compositionStart", "copy", "cut", "dragOver", "dragStart", "dragEnd", "drop", "focus", "keydown", "paste", "spellCheck", "autoCorrect", "autoCapitalize"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.ThyImageGroupComponent, selector: "thy-image-group, [thyImageGroup]" }, { kind: "component", type: TheToolbarComponent, selector: "the-toolbar", inputs: ["editor", "toolbarItems", "align", "containerClass", "isMore", "afterTemplate"] }, { kind: "component", type: TheInlineToolbarComponent, selector: "the-inline-toolbar", inputs: ["editor", "toolbarItems"] }, { kind: "component", type: TheQuickInsertComponent, selector: "[theQuickInsert]", inputs: ["editor", "isVisible"] }, { kind: "component", type: TheTemplateComponent, selector: "the-template,[theTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-editor, theEditor', providers: [
@@ -14820,7 +14862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                         class: 'the-editor',
                         '[class.the-editor-readonly]': 'theOptions?.readonly'
                     }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<the-toolbar\n    *ngIf=\"!theOptions?.readonly && !theGlobalToolbar\"\n    [ngClass]=\"{\n        'the-toolbar-disabled': theOptions?.disabled\n    }\"\n    #globalToolbar\n    [editor]=\"editor\"\n    [toolbarItems]=\"toolbarEntity.global\"\n    [containerClass]=\"globalToolbarClass\"\n    [align]=\"theOptions?.toolbar?.align\"\n></the-toolbar>\n\n<div\n    class=\"the-editable-container\"\n    cdkScrollable\n    thyImageGroup\n    [ngClass]=\"{\n        'the-editor-disabled': theOptions?.disabled,\n        'max-height': maxHeight\n    }\"\n    [ngStyle]=\"{ 'max-height': maxHeight }\"\n>\n    <slate-editable\n        class=\"the-editor-typo\"\n        [editor]=\"editor\"\n        [ngModel]=\"editorValue\"\n        (ngModelChange)=\"valueChange($event)\"\n        [decorate]=\"decorate\"\n        [placeholder]=\"theOptions?.placeholder\"\n        [placeholderDecorate]=\"theOptions?.placeholderDecorate ? theOptions?.placeholderDecorate : null\"\n        [renderElement]=\"renderElement\"\n        [renderText]=\"renderText\"\n        [renderLeaf]=\"renderLeaf\"\n        [readonly]=\"theOptions?.readonly || theOptions?.disabled\"\n        [keydown]=\"onKeyDown\"\n        [click]=\"onClick\"\n        [paste]=\"onSlaPaste\"\n        [beforeInput]=\"onSlaBeforeInput\"\n        [blur]=\"onSlaBlur\"\n        [focus]=\"onSlaFocus\"\n        [copy]=\"onSlaCopy\"\n        [cut]=\"onSlaCut\"\n        [isStrictDecorate]=\"false\"\n        [compositionStart]=\"onSlaCompositionStart\"\n        [compositionEnd]=\"onSlaCompositionEnd\"\n        [dragStart]=\"onSlaDragStart\"\n        [dragOver]=\"onSlaDragOver\"\n        [drop]=\"onDrop\"\n        (mousedown)=\"mousedown($event)\"\n    ></slate-editable>\n    <the-inline-toolbar\n        *ngIf=\"!theOptions?.readonly && theOptions?.inlineToolbarVisible\"\n        [editor]=\"editor\"\n        [toolbarItems]=\"toolbarEntity.inline\"\n    ></the-inline-toolbar>\n    <div *ngIf=\"!theOptions?.readonly\" theQuickInsert [editor]=\"editor\" [isVisible]=\"visibleQuickInsertPlus\"></div>\n    <the-template #templateInstance></the-template>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: TheContextService }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i3.ThyIconRegistry }]; }, propDecorators: { theOptions: [{
+        }], ctorParameters: function () { return [{ type: TheContextService }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i4.ThyIconRegistry }]; }, propDecorators: { theOptions: [{
                 type: Input
             }], thePlugins: [{
                 type: Input
@@ -14960,7 +15002,7 @@ class TheToolbarGroupComponent {
     }
 }
 TheToolbarGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheToolbarGroupComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ThyPopover }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-TheToolbarGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheToolbarGroupComponent, selector: "the-toolbar-group", inputs: { menus: "menus", item: "item" }, host: { listeners: { "mousedown": "mousedownHandler($event)", "click": "clickHandle($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "groupTemplate", first: true, predicate: ["groupTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<a\n    href=\"javascript:;\"\n    thyAction\n    [thyActionIcon]=\"item.icon\"\n    [thyActionActive]=\"active\"\n    [thyTooltip]=\"item?.name\"\n    thyTooltipPlacement=\"top\"\n></a>\n\n<ng-template #groupTemplate>\n    <the-toolbar class=\"group\" [editor]=\"editor\" [toolbarItems]=\"menus\" [isMore]=\"false\"></the-toolbar>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: TheToolbarComponent, selector: "the-toolbar", inputs: ["editor", "toolbarItems", "align", "containerClass", "isMore", "afterTemplate"] }] });
+TheToolbarGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TheToolbarGroupComponent, selector: "the-toolbar-group", inputs: { menus: "menus", item: "item" }, host: { listeners: { "mousedown": "mousedownHandler($event)", "click": "clickHandle($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "groupTemplate", first: true, predicate: ["groupTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<a\n    href=\"javascript:;\"\n    thyAction\n    [thyActionIcon]=\"item.icon\"\n    [thyActionActive]=\"active\"\n    [thyTooltip]=\"item?.name\"\n    thyTooltipPlacement=\"top\"\n></a>\n\n<ng-template #groupTemplate>\n    <the-toolbar class=\"group\" [editor]=\"editor\" [toolbarItems]=\"menus\" [isMore]=\"false\"></the-toolbar>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i5.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: TheToolbarComponent, selector: "the-toolbar", inputs: ["editor", "toolbarItems", "align", "containerClass", "isMore", "afterTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TheToolbarGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'the-toolbar-group', template: "<a\n    href=\"javascript:;\"\n    thyAction\n    [thyActionIcon]=\"item.icon\"\n    [thyActionActive]=\"active\"\n    [thyTooltip]=\"item?.name\"\n    thyTooltipPlacement=\"top\"\n></a>\n\n<ng-template #groupTemplate>\n    <the-toolbar class=\"group\" [editor]=\"editor\" [toolbarItems]=\"menus\" [isMore]=\"false\"></the-toolbar>\n</ng-template>\n" }]
@@ -15005,7 +15047,8 @@ const TETHYS = [
     ThyDividerModule,
     ThyDropdownModule,
     ThyMenuModule,
-    ThyEmptyModule
+    ThyEmptyModule,
+    ThyPopoverModule
 ];
 const COMPONENTS = [
     TheToolbarComponent,
@@ -15113,7 +15156,8 @@ TheEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         ThyDividerModule,
         ThyDropdownModule,
         ThyMenuModule,
-        ThyEmptyModule, CodemirrorModule, TheColumnSizeModule], exports: [TheEditorComponent,
+        ThyEmptyModule,
+        ThyPopoverModule, CodemirrorModule, TheColumnSizeModule], exports: [TheEditorComponent,
         TheToolbarComponent,
         TheToolbarDropdownComponent,
         TheToolbarItemComponent,