面板组件 ：电池

电池组件用于用于根据指定的数据源展示电池的状态。

组件配置

• ID : 设置组件ID， 用于在脚本中引用该组件实例。
• 最大值 : 设置电池的最大值。 默认为100。
• 最小值 : 设置电池的最小值。 默认为0。
• 默认值 : 设置电池的默认值。
• 脚本 : 设置组件的脚本， 用于在组件上绑定脚本事件, 或者在脚本中调用组件的方法。
• 坐标X : 设置组件的X坐标。
• 坐标Y : 设置组件的Y坐标。
• 坐标Z : 设置组件的Z坐标。
• 数据源-电量 : 设置组件的数据源， 用于从数据源获取数据。
• 高度 : 设置组件的高度。
• 宽度 : 设置组件的宽度。

脚本

脚本上下文 $this

$this 为当前组件实例，您可以通过 $this 对象调用组件的各种方法。

▲ 组件初始化

void init()

当组件存在init方法时，组件初始化时会调用该方法。

脚本示例：

export function init() {
    // your code here
}

▲ 设置/获取电量值

number value(number value)

请求参数：

• value : <数值> 可选项， 设置当前电量数值。

返回值：<数值> 当前显示数值

模板示例：

{{$widget("battery").value()}}

脚本示例：

// 设置数值内容
$this.value(123);
$widget("battery").value(123.45);

// 获取数值内容
let value = $this.value();
let value = $panel.widget("battery").value();

▲ 获取电量值百分比

number percent()

返回值：<数值> 当前电量百分比

模板示例：

{{$widget("battery").percent()}}

脚本示例：

// 获取电量百分比
let value = $this.percent();
let value = $panel.widget("battery").percent();