[vue3] publish test

Author: tzfun

src/Terminal.vue

@@ -265,6 +265,7 @@ const tips = reactive({
     top:0,
     left:0
   },
+  cursorIdx: 0,
   items: <InputTipItem[]>[],
   helpBox: {
     //  避免默认提示板与输入框遮挡，某些情况下需要隐藏提示板
@@ -822,6 +823,7 @@ const _execute = () => {
         showInputLine.value = false
         let _success: SuccessFunc = (message) => {
           let _finish = () => {
+            _jumpToBottom()
             showInputLine.value = true
             _endExecCallBack()
           }
@@ -831,6 +833,7 @@ const _execute = () => {
             if (message instanceof TerminalFlash) {
               message.onFlush((msg: string) => {
                 flash.content = msg
+                _jumpToBottom()
               })
               message.onFinish(() => {
                 flash.open = false
@@ -846,6 +849,7 @@ const _execute = () => {
                 ask.callback = options.callback
                 ask.autoReview = options.autoReview
                 _focus()
+                _jumpToBottom()
               })
 
               message.onFinish(() => {
@@ -1169,11 +1173,7 @@ const _inputKeyUp = () => {
     } else {
       idx = tips.items.length - 1
     }
-    let viewItem = terminalCmdTipsRef.value.querySelector(".t-cmd-tips-item:nth-child(" + (idx + 1) + ")")
-    if (viewItem) {
-      viewItem.scrollIntoView({block: "start", behavior: "smooth"})
-    }
-    tips.selectedIndex = idx
+    _switchTipsSelectedIdx(idx)
   } else {
     _switchPreCmd()
   }
@@ -1187,16 +1187,25 @@ const _inputKeyDown = () => {
     } else {
       idx = 0
     }
-    let viewItem = terminalCmdTipsRef.value.querySelector(".t-cmd-tips-item:nth-child(" + (idx + 1) + ")")
-    if (viewItem) {
-      viewItem.scrollIntoView({block: "start", behavior: "smooth"})
-    }
-    tips.selectedIndex = idx
+    _switchTipsSelectedIdx(idx)
   } else {
     _switchNextCmd()
   }
 }
 
+const _switchTipsSelectedIdx = (idx:number) => {
+  let viewItem = terminalCmdTipsRef.value.querySelector(".t-cmd-tips-item:nth-child(" + (idx + 1) + ")")
+  if (viewItem) {
+    viewItem.scrollIntoView({block: "start", behavior: "smooth"})
+  }
+  tips.selectedIndex = idx
+
+  let input = terminalCmdInputRef.value
+  if (input) {
+    input.setSelectionRange(tips.cursorIdx, tips.cursorIdx)
+  }
+}
+
 const _switchPreCmd = () => {
   let cmdLog = store.getLog(getName())
   let cmdIdx = store.getIdx(getName())
@@ -1617,6 +1626,7 @@ const _switchAllFoldState = (fold: boolean) => {
 const _calculateTipsPos = (autoOpen: boolean = false) => {
   if (autoOpen) {
     tips.style.opacity = 0
+    tips.cursorIdx = terminalCmdInputRef.value.selectionStart
     tips.open = true
   }
   if (tips.open) {

src/css/style.css

@@ -16,6 +16,7 @@
 .t-log-box {
     display: block;
     position: relative;
+    line-height: var(--t-font-height);
 }
 
 .t-container {
@@ -123,6 +124,7 @@
 .t-window div,
 .t-crude-font {
     font-size: var(--t-font-size);
+    font-family: none;
     /*font-family: Monaco, Menlo, Consolas, monospace;*/
 }
 
@@ -294,6 +296,7 @@
     letter-spacing: 0;
     position: relative;
     margin-bottom: 15px;
+    line-height: var(--t-font-height);
 }
 
 /*手机*/