3.1.8

Terminal for vue3.

1. 🆕 新增窗口resize拖拽缩放功能 #51
2. 🐛 修复Bug：code类型消息无需解析内容中的xml标签 #50

2.1.12

Terminal for vue2.

1. 🆕 新增窗口resize拖拽缩放功能 #51
2. 🐛 修复Bug：code类型消息无需解析内容中的xml标签 #50

3.1.7

Terminal for vue3.

1. 🆕 新增scroll-mode属性控制滚动条模式
2. 🆕 新增窗口固定功能 #45
3. 🐛 修复包含ASCII码160（NBSP）的命令行无法正常解析的问题 #45

2.1.11

Terminal for vue2.

1. 🆕 新增scroll-mode属性控制滚动条模式
2. 🆕 新增窗口固定功能 #45
3. 🐛 修复包含ASCII码160（NBSP）的命令行无法正常解析的问题 #45

3.1.6

Terminal for vue3

1. 🆕 search-handler改为异步获取结果 #44
2. 🐛 修复窗口首次活跃时部分按键功能无法生效的Bug
3. 🐛 修复焦点获取逻辑Bug
4. 🐛 修复移动端上双击无效的Bug
5. 🐛 修复 Ask 在结束后不会获取焦点的Bug

2.1.10

Terminal for vue2

1. 🆕 search-handler改为异步获取结果 #44
2. 🐛 修复窗口首次活跃时部分按键功能无法生效的Bug
3. 🐛 修复焦点获取逻辑Bug
4. 🐛 修复移动端上双击无效的Bug
5. 🐛 修复 Ask 在结束后不会获取焦点的Bug

2.1.8

Terminal for vue2

1. 🆕 新增支持ansi控制码，目前仅支持着色控制
2. 🐛 修复在输入长命令时 hepBox 会遮挡输入内容的问题
3. 🐛 修复在全屏退出后回到左上角的位置问题
4. 🐛 在没配置初始位置的情况下，再次获取焦点会回到原来位置的bug
5. 🐛 修复在多窗口场景下命令执行完会抢夺焦点的问题

3.1.4

Terminal for vue3

Update

1. 🆕 新增支持双击 Header 进入和退出全屏 #33
2. 🆕 增加on-active事件，当鼠标点击或拖拽窗口时触发，可用于多实例设置层级等场景，见下方示例3
3. 🆕 增加选中文本右键复制，和右键粘贴内容到命令行输入框功能（参考Windows Cmd），粘贴功能需浏览器提供Security Context（Https默认提供） #35 #36
4. 🆕 增加searchHandler事件，提供自定义帮助搜索实现，见下方示例2 #28
5. 🆕 新增支持ansi控制码，目前仅支持着色控制 #40
6. 💡 优化点击效果，强聚焦逻辑改为弱聚焦，点击空白、header等区域不强制获取焦点
7. 💡 优化 Json 样式
8. 💡 优化name属性，支持创建实例后修改name #38
9. 💡 优化接口调用方式，见下面示例1 #37
10. 💡 优化事件名为中划线，驼峰命名将在后续移除 #41
11. 💡 优化点击table、json、code区域时触发输入焦点的时机
12. 🐛 修复 codemirror 样式全局污染问题
13. 🐛 修复多实例页面无法拖拽问题，见下方示例3 #39
14. 🐛 修复在输入长命令时 hepBox 会遮挡输入内容的问题
15. 🐛 修复在全屏退出后回到左上角的位置问题
16. 🐛 在没配置初始位置的情况下，再次获取焦点会回到原来位置的bug
17. 🐛 修复在多窗口场景下命令执行完会抢夺焦点的问题

Contributors

示例1

ESM

import Terimal from 'vue-web-terminal'
//or
import {default as Terimal,Flash,Ask} from 'vue-web-terminal'
//or
import {Terminal,Flash,Ask,api} from 'vue-web-terminal'

// before
let ask = new Terminal.$Ask()
let flash = new Terminal.$Flash()
Terminal.$api.pushMessage()

// after
let ask = new Ask()
let flash = new Flash()
api.pushMessage()

UMD

const {Flash,Ask,Terminal}=window['vue-web-terminal']

示例2

新增 searchHandler 属性

<template>
  <terminal :name="name" :search-handler="searchHandler"></terminal>
</template>

<script>
import {Terminal, api as TerminalApi} from "vue-web-terminal";
export default {
   methods:{
    searchHandler(commandStore, key) {
         return commandStore[0]
    }
  }
}
</script>

示例3

2.1.7

Terminal for vue2

Update

本次更新为预览版本，暂时先发布 vue2 版本，vue3版本后续发布。

1. 🆕 新增支持双击 Header 进入和退出全屏 #33
2. 🆕 增加on-active事件，当鼠标点击或拖拽窗口时触发，可用于多实例设置层级等场景，见下方示例3
3. 🆕 增加选中文本右键复制，和右键粘贴内容到命令行输入框功能（参考Windows Cmd），粘贴功能需浏览器提供Security Context（Https默认提供） #35 #36
4. 🆕 增加searchHandler事件，提供自定义帮助搜索实现，见下方示例2 #28
5. 💡 优化点击效果，强聚焦逻辑改为弱聚焦，点击空白、header等区域不强制获取焦点
6. 💡 优化 Json 样式
7. 💡 优化name属性，支持创建实例后修改name #38
8. 💡 优化接口调用方式，见下面示例1 #37
9. 💡 优化事件名为中划线，驼峰命名将在后续移除 #41
10. 💡 优化点击table、json、code区域时触发输入焦点的时机
11. 🐛 修复 codemirror 样式全局污染问题
12. 🐛 修复多实例页面无法拖拽问题，见下方示例3 #39

Contributors

示例1

ESM

import Terimal from 'vue-web-terminal'
//or
import {default as Terimal,Flash,Ask} from 'vue-web-terminal'
//or
import {Terminal,Flash,Ask,api} from 'vue-web-terminal'

// before
let ask = new Terminal.$Ask()
let flash = new Terminal.$Flash()
Terminal.$api.pushMessage()

// after
let ask = new Ask()
let flash = new Flash()
api.pushMessage()

UMD

const {Flash,Ask,Terminal}=window['vue-web-terminal']

示例2

新增 searchHandler 属性

<template>
  <terminal :name="name" :search-handler="searchHandler"></terminal>
</template>

<script>
import {Terminal, api as TerminalApi} from "vue-web-terminal";
export default {
   methods:{
    searchHandler(commandStore, key) {
         return commandStore[0]
    }
  }
}
</script>

示例3

3.1.3

Terminal for vue3

1. 🆕 增加Slot：textEditor，可自定义文本编辑器样式，可参考online demo
2. 💡 优化一些box的滚动条样式
3. 💡 优化onKeydown事件触发时机，在Ask和TextEditor模式下也可以响应事件
4. 💡 调整context修改方式，不再需要使用v-model:context或context.sync的方式绑定，直接绑定变量并修改变量值即可:context="myContext"
5. ⚠️ 移除API: updateContext
6. 🐛 修复历史命令切换时会跳记录的bug
7. 🐛 修复Vue3环境下命令提示重复的bug