## 动态设置UI 组件
从版本 1.1.0 开始，支持获取对话 UI 组件, 获取 ui 组件后可以访问到inputVoiceStart、 inputVoiceEnd 、send 三个 UI 方法注意此方法必须在使用插件 UI 的情况下使用

引入插件，并获取当前 UI 组件
```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
```

用户需要开始语音输入的时候需要触发的事件
```js
// 用户开始语音输入的时候需要触发的事件
// 调用此方法后operateCard插件内部会抛出inputVoiceStart事件，请注意在operateCard组件上监听
chat.inputVoiceStart();
```

用户需要结束语音输入的时候需要触发的事件
```js
// 用户结束语音输入的时候需要触发的事件
// 调用此方法后operateCard插件内部会抛出inputVoiceEnd事件，请注意在operateCard组件上监听
chat.inputVoiceEnd();
```

用户需要发送消息时需要触发的事件
```js
// 用户需要发送消息时需要触发的事件
// 调用此方法后插件内部会主动发送一条消息，如果想悄悄的发送不想用户感知，则设置silence为true即可
chat.send("你好！", {
    silence: false //silence表示发送该query时前端是否展示，默认为false前端展示
});
```

### 动态设置 guideList

> 从版本 1.1.0 开始，支持根据上下文,随时修改用户提示语的方法

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.setGuideList(["内容", "内容"]);
```

### 动态设置 textToSpeech

> 从版本 1.1.0 开始，支持根据上下文,随时修改是否打开语音播报

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.setTextToSpeech(false);
```

### 动态设置欢迎语

> 从版本 1.1.2 开始，支持动态修改欢迎语

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.setWelcome("您好，请问需要什么帮助？");
```

### 动态设置图片类型的欢迎语

> 从版本 1.1.5 开始，支持动态修改欢迎语

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.setWelcomeImage(URL地址);
```

### 动态清除本地缓存的聊天记录

> 从版本 1.1.5 开始，支持动态清除本地缓存的聊天纪录

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.clearChatRecord();
```

### 动态设置聊天背景

> 从版本 1.1.2 开始，支持动态设置聊天背景

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.setBackground("rgba(247,251,252,1)");
```

### 动态设置 input 的 focus 状态

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.editFoucs(true);
```

### 动态将页面滚动到最新的聊天记录

```js
var plugin = requirePlugin("chatbot");
var chat = plugin.getChatComponent();
chat.scrollToBottom();
```

### 动态设置聊天背景获取 UI 组件，控制 UI 进行 发送消息、开始录音、结束录音

> 从版本 1.1.0 开始，支持获取对话 UI 组件, 获取 ui 组件后可以访问到`inputVoiceStart`、 `inputVoiceEnd` 、`send` 三个 UI 方法

```js
var plugin = requirePlugin("chatbot");
const chat = plugin.getChatComponent();

//开始录音
chat.inputVoiceStart();

//结束录音
chat.inputVoiceEnd();

//发送消息
chat.send("你好！");
```

### 打开 web-view 页面

> 点击机器人回答里的链接跳转 webview,需要开发者自己配置一个承载 webview 的页面,url 字段对应的小程序页面需要开发者自己创建
> 开发者需要在小程序后台配置相应的域名

```html

```

```js

openWebview: function(e) {
    let url = e.detail.weburl
    wx.navigateTo({
      url: `/pages/webviewPage/webviewPage?url=${url}`
    })
  }

```

### 打开小程序

> 点击机器人回答中的小程序，需要在开发者自己的小程序内做跳转
> 开发者需要在小程序配置中指定跳转小程序的 appId

```html

```

```js
openMiniProgram(e) {
   let {appid, pagepath} = e.detail
   if (appid) {
        wx.navigateToMiniProgram({
            appId: appid,
            path: pagepath,
            extraData: {},
            envVersion: "",
            success(res) {
                // 打开成功
            }
        });
    }
}
```