93 lines
3.2 KiB
TypeScript
93 lines
3.2 KiB
TypeScript
declare global {
|
||
interface Navigator {
|
||
getBattery: () => Promise<BatteryManager>;
|
||
}
|
||
}
|
||
interface BatteryManager {
|
||
/** 电池是否充电中 */
|
||
readonly charging: boolean;
|
||
/** 电池充满所需时间(秒)，为 0 则充电完毕 */
|
||
readonly chargingTime: number;
|
||
/** 电池剩余可用时间(秒) */
|
||
readonly dischargingTime: number;
|
||
/** 剩余电量，0.0-1.0 */
|
||
readonly level: number;
|
||
/** 电池充电状态改变时触发该监听函数 */
|
||
onchargingchange: null | ((event: { target: BatteryManager }) => void);
|
||
/** 电池充满所需时间改变时触发该监听函数 */
|
||
onchargingtimechange: null | ((event: { target: BatteryManager }) => void);
|
||
/** 电池剩余可用时间改变时触发该监听函数 */
|
||
ondischargingtimechange: null | ((event: { target: BatteryManager }) => void);
|
||
/** 电池电量改变时触发该监听函数 */
|
||
onlevelchange: null | ((event: { target: BatteryManager }) => void);
|
||
}
|
||
/** 电池状态 */
|
||
interface Battery extends Pick<BatteryManager, 'charging' | 'chargingTime' | 'dischargingTime' | 'level'> {
|
||
apiSupport: boolean;
|
||
}
|
||
|
||
/** 电池管理 */
|
||
export function useBattery() {
|
||
const [battery, setBattery] = useSetState<Battery>({
|
||
apiSupport: false,
|
||
charging: true,
|
||
chargingTime: Infinity,
|
||
dischargingTime: Infinity,
|
||
level: 1,
|
||
});
|
||
|
||
/** 更新电池使用状态 */
|
||
const updateBattery = ({ charging, chargingTime, dischargingTime, level }: BatteryManager) => {
|
||
setBattery({ apiSupport: true, charging, chargingTime, dischargingTime, level });
|
||
};
|
||
/** 计算电池充电状态 */
|
||
const calcBatteryStatus = () => {
|
||
if (battery.charging && battery.level >= 1) return '已充满';
|
||
else if (battery.charging) return '充电中';
|
||
else return '已断开电源';
|
||
};
|
||
/** 计算电池剩余可用时间 */
|
||
const calcDischargingTime = () => {
|
||
const hour = battery.dischargingTime / 3600;
|
||
const minute = (battery.dischargingTime / 60) % 60;
|
||
return battery.charging
|
||
? '电源已接通'
|
||
: battery.dischargingTime === Infinity
|
||
? '计算中...'
|
||
: `${~~hour}小时${~~minute}分钟`;
|
||
};
|
||
/** 计算电池充满剩余时间 */
|
||
const calcChargingTime = () => {
|
||
const hour = battery.chargingTime / 3600;
|
||
const minute = (battery.chargingTime / 60) % 60;
|
||
return `${~~hour}小时${~~minute}分钟`;
|
||
};
|
||
|
||
useAsyncEffect(async () => {
|
||
const BatteryManager = await globalThis.navigator?.getBattery?.();
|
||
|
||
if (BatteryManager) {
|
||
updateBattery(BatteryManager);
|
||
|
||
// 电池充电状态改变时触发该监听函数
|
||
BatteryManager.onchargingchange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
// 电池充满所需时间改变时触发该监听函数
|
||
BatteryManager.onchargingtimechange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
// 电池剩余可用时间改变时触发该监听函数
|
||
BatteryManager.ondischargingtimechange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
// 电池电量改变时触发该监听函数
|
||
BatteryManager.onlevelchange = ({ target }) => {
|
||
updateBattery(target);
|
||
};
|
||
}
|
||
}, []);
|
||
|
||
return { battery, calcDischargingTime, calcChargingTime, calcBatteryStatus };
|
||
}
|