feat(core): improve content editable

Author: janryWang

packages/core/src/effects/useContentEditableEffect.ts

@@ -8,11 +8,13 @@ type GlobalState = {
 }
 
 function placeCaretAtEnd(el: HTMLInputElement) {
+  const currentSelection = window.getSelection()
+  if (currentSelection.containsNode(el)) return
   el.focus()
-  let range = document.createRange()
+  const range = document.createRange()
   range.selectNodeContents(el)
   range.collapse(false)
-  let sel = window.getSelection()
+  const sel = window.getSelection()
   sel.removeAllRanges()
   sel.addRange(range)
 }
@@ -46,7 +48,7 @@ export const useContentEditableEffect = (engine: Engine) => {
         setTimeout(() => {
           placeCaretAtEnd(this)
         }, 16)
-      }, 1000)
+      }, 300)
     }
   }
 

packages/react/src/theme.less

@@ -243,9 +243,9 @@
   }
 
   *[contenteditable='true'] {
-    display: block !important;
+    display: block;
     min-width: 1px;
-    min-height: 14px !important;
+    min-height: 14px;
     cursor: text !important;
     outline: none !important;
   }