设置华为云Astro轻应用标准页面对话历史组件属性

数据绑定

基本属性

基本属性通过数据绑定后，在运行时以数据绑定的值为准。

• 品牌名：对话历史列表中，是否展示品牌名，不设置则为空。
  图4 品牌名设置效果
  
• 品牌Logo：对话历史列表中，是否展示品牌Logo，不设置则为空。建议使用JPG、JPEG、PNG和GIF格式的图片，且图片的大小不能超过50MB。
• 可搜索：是否支持搜索历史对话，默认为开启。
  图5 可搜索设置效果
  
• 可编辑：是否可以编辑历史对话，默认为开启。
  图6 可编辑设置效果
  
• 可删除：是否可以删除历史对话，默认为开启。
  图7 可删除效果
  

公共

• 控件名称：当前组件的名称。
• 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。

样式

• 布局：设置组件的宽度、高度等。
• 字体：设置字体大小、字体样式、颜色等。
• 背景：设置背景颜色、透明度。
• 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。
• 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。
• 高级设置
  • 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。
  • 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

事件

选中对话历史组件，在“事件”页签可为组件添加事件。

图8 添加事件

// 当前组件
const _component = context.$component.current;
// 获取当前操作列数据
const currentRecord = _component.getCurrentRecord();console.log(currentRecord);

// 当前组件
const _component = context.$component.current;
// 获取修改后的数据
const currentRecord = _component.getCurrentRecord();
console.log(currentRecord);

// 当前组件
const _component = context.$component.current;
// 获取当前操作列数据
const currentRecord = _component.getCurrentRecord();
console.log(currentRecord);