3.4.0

Terminal for vue3.

更新内容

1. 💡 引入更多的.d.ts，对Vue3版本的TS开发更友好 #72
2. 💡 调整组件安装的方式，引入更多配置项：本地存储名配置、每个实例记忆指令数配置等 #133
3. 💡 移除 highlight 和 codemirror 默认配置方式 #132
4. 🐛 修复中文、日文等组合输入法导致光标错位的问题 #130 #107 #108 #82
5. 🐛 修复 focus 方法与 点击unfocus事件冲突的问题 #131

⚠️ 使用变更

main 中引入方法改为

import { createTerminal } from 'vue-web-terminal'

const app = createApp(App)

app.use(createTerminal())

app.mount('#app')

createTerminal 方法返回一个 VueWebTerminal 对象，全局配置均通过此对象进行设置，自定义主题配置也相应调整。

//  Export css file content
import customTheme from '/your-style-dir/terminal-custom-theme1.css?inline';

import { createTerminal } from 'vue-web-terminal'
import type { VueWebTerminal } from 'vue-web-terminal'

const terminal: VueWebTerminal = createTerminal()

//  default is 'terminal'
terminal.configStoreName('my-terminal-storage')
//  default is 100
terminal.configMaxStoredCommandCountPerInstance(200)
//  configure custom theme
terminal.configTheme('my-custom-theme', customTheme)

app.use(terminal)

3.3.3

Terminal for vue3.

更新内容

1. ✨ 新增 on-dragging 事件 #114
2. ✨ 新增跳转到窗口底部API jumpToBottom #124
3. ✨ 新增命令行记录插槽 cmdLine #123
4. ✨ 新增折叠样式插槽 folder #125
5. 💡 优化窗口滚动逻辑，最新行超出可视区域一定范围后不自动跳转到底部 #128
6. 💡 优化输入提示框显示位置，出现超框时按更大的可视区域显示 #115
7. 💡 优化输入提示框选中条目，尽量保持在可视区域中间 #117
8. 💡 输入行的上下文开放选中复制 #127
9. 🐛 修复设置 id 属性后主题失效的问题 #122
10. 🐛 修复鼠标右键粘贴后光标位置不会更新的问题 #116
11. 🐛 修复name取特殊字符时无法正常使用主题的问题 #113
12. 🐛 修复白色主题编辑器底部透明的问题
13. 🐛 尝试修复中文输入问题。 Thanks @lw-742787938  #107 #108 #82

2.3.3

Terminal for vue2.

更新内容

1. ✨ 新增 on-dragging 事件 #114
2. ✨ 新增跳转到窗口底部API jumpToBottom #124
3. ✨ 新增命令行记录插槽 cmdLine #123
4. ✨ 新增折叠样式插槽 folder #125
5. 💡 优化窗口滚动逻辑，最新行超出可视区域一定范围后不自动跳转到底部 #128
6. 💡 优化输入提示框显示位置，出现超框时按更大的可视区域显示 #115
7. 💡 优化输入提示框选中条目，尽量保持在可视区域中间 #117
8. 💡 输入行的上下文开放选中复制 #127
9. 🐛 修复设置 id 属性后主题失效的问题 #122
10. 🐛 修复鼠标右键粘贴后光标位置不会更新的问题 #116
11. 🐛 修复name取特殊字符时无法正常使用主题的问题 #113
12. 🐛 修复白色主题编辑器底部透明的问题
13. 🐛 尝试修复中文输入问题。 Thanks @lw-742787938  #107 #108 #82

归档通知

从此版本开始Vue2版本进入归档，后续不再提供新功能更新，仅针对较为严重的Bug进行修复。

3.3.2

Terminal for vue3.

更新内容

1. 🐛 修复ansi类型中解析blink后没有闪烁效果的问题，css keyframes兼容性修复
2. 🐛 修复pushMessage接口传入数组时无法解析ansi格式的问题 #112

2.3.2

Terminal for vue2.

更新内容

1. 🐛 修复name包含特殊字符时样式无法正常显示的问题
2. 🐛 修复ansi类型中解析blink后没有闪烁效果的问题，css keyframes兼容性修复
3. 🐛 修复pushMessage接口传入数组时无法解析ansi格式的问题 #112

3.3.1

Terminal for vue3.

🎉更新内容

1. 🆕 支持通过属性设置主题，并移除 import css 的方式 #111
2. 🆕 输入命令行时支持键入 ctrl + enter 输入换行符 #110
3. 💡 优化DragConf的属性定义与读取，width和height支持百分比和px为单位的数字格式 #100
4. 💡 提示框样式优化，跟随光标移动 #101 #105
5. 💡 优化默认实现的命令搜索提示优先级逻辑 #103

⚠️ 变更配置

不再支持通过 import 'vue-web-terminal/lib/theme/dark.css' 的方式引入主题，改为通过属性控制：

<script setup>
import Terminal from 'vue-web-terminal';

const theme = ref('dark')


//  修改当前窗口主题
const changeTheme = () => {
       if (theme.value == 'dark') {
          theme.value = 'light'
      } else {
         theme.value = 'dark'
      }
}
</script>
<template>
  <terminal name='my-terminal' :theme='theme'></terminal>
</template>

2.3.1

Terminal for vue2.

🎉更新内容

1. 🆕 支持通过属性设置主题，并移除 import css 的方式 #111
2. 🆕 输入命令行时支持键入 ctrl + enter 输入换行符 #110
3. 💡 优化DragConf的属性定义与读取，width和height支持百分比和px为单位的数字格式 #100
4. 💡 提示框样式优化，跟随光标移动 #101 #105
5. 💡 优化默认实现的命令搜索提示优先级逻辑 #103

⚠️ 变更配置

不再支持通过 import 'vue-web-terminal/lib/theme/dark.css' 的方式引入主题，改为通过属性控制：

<template>
  <terminal name='my-terminal' :theme='theme'></terminal>
</template>

<script>
import Terminal from 'vue-web-terminal';

export default {
  data() {
    theme: 'dark'
  },
  methods: {
    //  修改当前窗口主题
    changeTheme() {
       if (this.theme == 'dark') {
          this.theme = 'light'
      } else {
         this.theme = 'dark'
      }
   }
  }
}
</script>

3.3.0

Terminal for vue3.

🎉 更新内容

1. 🆕 发布新版文档，文档基于vuepress编写，合并文档和在线体验页面 https://tzfun.github.io/vue-web-terminal/
2. 🆕 更新logo
3. 🆕 优化输入提示功能，支持多选项提示 #86 #99
4. 🆕 新增全部折叠和全部展开的API：switchAllFoldState #92
5. 🆕 新增 on-resize 事件 #98
6. 💡 调整窗口字体样式 #97 #88
7. 💡 优化左上角三个按钮逻辑，默认只提供两个按钮显示 #93
8. 💡 优化 ANSI 格式解码逻辑，尝试解决大量数据输出导致内存溢出的问题 #95
9. 🐛 修复了log-size-limit不生效的问题 #87

⚠️ 变更配置

本次版本与之前版本有部分功能不兼容！变更配置项如下：

1. 移除属性tab-key-handler
2. 移除属性auto-help
3. 移除插槽 slot helpCmd
4. 移除css变量 --t-cmd-help-msg-color
5. cursor-blink属性名变更为enable-cursor-blink
6. command-store-sort属性名变更为command-sort-handler
7. enable-example-hint属性名变更为enable-help-box
8. search-handler 属性名变更为input-tips-search-handler，并修改其参数
9. init-log属性默认值变更为 null

2.3.0

Terminal for vue2.

🎉 更新内容

1. 🆕 发布新版文档，文档基于vuepress编写，合并文档和在线体验页面 https://tzfun.github.io/vue-web-terminal/
2. 🆕 更新logo
3. 🆕 优化输入提示功能，支持多选项提示 #86 #99
4. 🆕 新增全部折叠和全部展开的API：switchAllFoldState #92
5. 🆕 新增 on-resize 事件 #98
6. 💡 调整窗口字体样式 #97 #88
7. 💡 优化左上角三个按钮逻辑，默认只提供两个按钮显示 #93
8. 💡 优化 ANSI 格式解码逻辑，尝试解决大量数据输出导致内存溢出的问题 #95
9. 🐛 修复了log-size-limit不生效的问题 #87

⚠️ 变更配置

本次版本与之前版本有部分功能不兼容！变更配置项如下：

1. 移除属性tab-key-handler
2. 移除属性auto-help
3. 移除插槽 slot helpCmd
4. 移除css变量 --t-cmd-help-msg-color
5. cursor-blink属性名变更为enable-cursor-blink
6. command-store-sort属性名变更为command-sort-handler
7. enable-example-hint属性名变更为enable-help-box
8. search-handler 属性名变更为input-tips-search-handler，并修改其参数
9. init-log属性默认值变更为 null

3.2.6

Terminal for vue3.

1. 🆕 新增行高属性 line-space #76
2. 🆕 新增控制光标样式的cursor-style和cursor-blink属性 #83
3. 🆕 新增两个API：getCommand和 setCommand #85
4. 🆕 新增日志分组折叠功能 #75
5. 💡 优化滚动条样式
6. 🐛 修复复制内容包含 nbsp; 字符的问题 #78
7. 🐛 修复命令行开始时输入空格不会显示的问题 #80