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