@hailin-zheng/editor-core 2.2.2 → 2.2.4

package/editor.css

@@ -176,6 +176,7 @@
     border: #c9e2f9;
     background: #c9e2f9;
 }
+
 /* 样式化 radio box 的外观 */
 .editor-list-radiobox {
     width: 16px;
@@ -186,6 +187,7 @@
     display: inline-block;
     position: relative;
 }
+
 /* 选中状态的样式 */
 .editor-list-radiobox.checked::after {
     content: "";
@@ -198,6 +200,7 @@
     left: 50%;
     transform: translate(-50%, -50%);
 }
+
 /* 样式化 checkbox 的外观 */
 .editor-list-checkbox {
     width: 16px;
@@ -205,6 +208,7 @@
     border: 1px solid #000;
     cursor: pointer;
 }
+
 /* 选中状态的样式 */
 .editor-list-checkbox.checked::after {
     content: "✔";
@@ -255,10 +259,11 @@
     color: #c0c0c0;
     padding-right: 10px;
 }
-.tg-container > .bg{
+
+.tg-container > .bg {
     position: absolute;
     left: 0;
-    top:0;
+    top: 0;
     width: 4px;
     height: 100%;
 }
@@ -372,7 +377,8 @@
 .editor-calendar-body-day-item:hover {
     background-color: #ccc;
 }
-.editor-calendar-footer{
+
+.editor-calendar-footer {
     display: flex;
     justify-content: space-between;
 }
@@ -398,7 +404,8 @@
 .editor-calendar-footer-right-btn:active {
     outline: 1px solid rgb(95, 19, 216);
 }
-.invert{
+
+.invert {
     filter: invert(100%);
 }
 
@@ -515,30 +522,51 @@
     text-align: center;
 }
 
-.editor-contextmenu{
+.editor-contextmenu {
     z-index: 1000;
     position: absolute;
     background: white;
     box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
 }
+
 .editor-overlays-menus {
     font-size: 14px;
-    font-family: "微软雅黑", serif;
+    font-family: "宋体", serif;
     margin: 0;
     cursor: pointer;
     padding: 0;
     list-style: none;
     user-select: none;
 }
+
 .editor-overlays-menus {
     padding: 3px;
 }
+
 .editor-overlays-menus > li {
-    padding: 6px 8px;
+    padding: 8px 12px;
     display: flex;
+    gap: 6px;
     align-items: center;
     word-break: keep-all;
     border-bottom: 1px solid #ccc; /* 在每个列表项的底部添加一条边框线 */
+    position: relative;
+}
+.editor-overlays-menus > li >ul{
+    display: none;
+    position: absolute;
+    left: calc(100% + 5px);
+    top: 0;
+    z-index: 1;
+    background: #fff;
+    box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
+}
+.editor-overlays-menus .sub:after{
+    content:'▸';
+    margin-left: auto;
+}
+.editor-overlays-menus > li:hover >ul{
+    display: block;
 }
 
 .editor-overlays-menus > li:hover {
@@ -552,7 +580,7 @@
 /*.scale-container > *{*/
 /*    transform-origin: center top;*/
 /*}*/
-.doc-rule{
+.doc-rule {
     position: absolute;
     font-size: 0;
     background: white;
@@ -561,10 +589,12 @@
     left: 0;
     top: 0;
 }
-.editor-calendar-footer-left{
+
+.editor-calendar-footer-left {
     display: flex;
 }
-.editor-calendar-footer-left-time{
+
+.editor-calendar-footer-left-time {
     outline: none;
     width: 110px;
     text-align: center;
@@ -572,7 +602,8 @@
     margin: 0;
     font-size: 14px;
 }
-.editor-input-cursor{
+
+.editor-input-cursor {
     position: absolute;
     width: 1.6px;
     padding: 0;
@@ -583,6 +614,7 @@
     opacity: 0;
     animation: editor-cursor-blink 1s infinite steps(1, start);
 }
+
 @keyframes editor-cursor-blink {
     0% {
         opacity: 1;
@@ -594,6 +626,7 @@
         opacity: 1;
     }
 }
+
 .doc-triangle {
     position: absolute;
     width: 0;
@@ -602,9 +635,60 @@
     border-right: 5px solid transparent;
     border-bottom: 10px solid red; /* 修改颜色 */
 }
-.doc-triangle-line{
+
+.doc-triangle-line {
     position: absolute;
     height: 1px;
     background: red;
     transform-origin: top left
 }
+
+.data-list-container {
+    min-width: 100px;
+    background-color: white;
+    z-index: 1000;
+    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
+    user-select: none;
+}
+.editor-suggestions-container{
+    z-index: 1000;
+    position: absolute;
+    background: white;
+    box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
+    max-height: 300px;
+    overflow: auto;
+}
+
+.editor-suggestions {
+    font-size: 14px;
+    font-family: "宋体", serif;
+    margin: 0;
+    cursor: pointer;
+    padding: 0;
+    list-style: none;
+    user-select: none;
+}
+
+.editor-suggestions {
+    padding: 3px;
+}
+
+.editor-suggestions > li {
+    padding: 8px 12px;
+    display: flex;
+    gap: 6px;
+    align-items: center;
+    word-break: keep-all;
+    border-bottom: 1px solid #ccc; /* 在每个列表项的底部添加一条边框线 */
+    position: relative;
+}
+
+.editor-suggestions > li:hover {
+    background-color: #eee;
+}
+.editor-suggestions > li.hovered{
+    background-color: #ccc;
+}
+.editor-suggestions > li:last-child {
+    border-bottom: none; /* 去掉最后一个列表项的底部边框线 */
+}

package/index-cjs.d.ts

@@ -29,3 +29,4 @@ export * from './med_editor/framework/selection/selection-overlays';
 export * from './med_editor/framework/infrastructure/event-subject';
 export * from './med_editor/framework/element-type-handler';
 export * from './med_editor/framework/impl';
+export * from './med_editor/framework/suggestions/input-suggestions';