93 lines
2.6 KiB
TypeScript
93 lines
2.6 KiB
TypeScript
import { computed, onMounted, reactive, toRefs } from 'vue';
|
||
|
||
interface Battery {
|
||
charging: boolean; // 当前电池是否正在充电
|
||
chargingTime: number; // 距离充电完毕还需多少秒，如果为0则充电完毕
|
||
dischargingTime: number; // 代表距离电池耗电至空且挂起需要多少秒
|
||
level: number; // 代表电量的放大等级，这个值在 0.0 至 1.0 之间
|
||
[key: string]: any;
|
||
}
|
||
|
||
export const useBattery = () => {
|
||
const state = reactive({
|
||
battery: {
|
||
charging: false,
|
||
chargingTime: 0,
|
||
dischargingTime: 0,
|
||
level: 100,
|
||
},
|
||
});
|
||
|
||
// 更新电池使用状态
|
||
const updateBattery = (target) => {
|
||
for (const key in state.battery) {
|
||
state.battery[key] = target[key];
|
||
}
|
||
state.battery.level = state.battery.level * 100;
|
||
};
|
||
|
||
// 计算电池剩余可用时间
|
||
const calcDischargingTime = computed(() => {
|
||
const hour = state.battery.dischargingTime / 3600;
|
||
const minute = (state.battery.dischargingTime / 60) % 60;
|
||
return `${~~hour}小时${~~minute}分钟`;
|
||
});
|
||
|
||
// 计算电池充满剩余时间
|
||
const calcChargingTime = computed(() => {
|
||
const hour = state.battery.chargingTime / 3600;
|
||
const minute = (state.battery.chargingTime / 60) % 60;
|
||
return `${~~hour}小时${~~minute}分钟`;
|
||
});
|
||
|
||
// 电池状态
|
||
const batteryStatus = computed(() => {
|
||
if (state.battery.charging && state.battery.level >= 100) {
|
||
return '已充满';
|
||
} else if (state.battery.charging) {
|
||
return '充电中';
|
||
} else {
|
||
return '已断开电源';
|
||
}
|
||
});
|
||
|
||
onMounted(async () => {
|
||
const BatteryManager: Battery = await (window.navigator as any).getBattery();
|
||
updateBattery(BatteryManager);
|
||
|
||
// 电池充电状态更新时被调用
|
||
BatteryManager.onchargingchange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
// 电池充电时间更新时被调用
|
||
BatteryManager.onchargingtimechange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
// 电池断开充电时间更新时被调用
|
||
BatteryManager.ondischargingtimechange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
// 电池电量更新时被调用
|
||
BatteryManager.onlevelchange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
|
||
// new Intl.DateTimeFormat('zh', {
|
||
// year: 'numeric',
|
||
// month: '2-digit',
|
||
// day: '2-digit',
|
||
// hour: '2-digit',
|
||
// minute: '2-digit',
|
||
// second: '2-digit',
|
||
// hour12: false
|
||
// }).format(new Date())
|
||
});
|
||
|
||
return {
|
||
...toRefs(state),
|
||
batteryStatus,
|
||
calcDischargingTime,
|
||
calcChargingTime,
|
||
};
|
||
};
|