/** 时间选择器（hour / minute / second） */
const TimePickerPanel = ({ label, value, onChange }) => {
const hours = Array.from({ length: 24 }, (, i) => i);
const minutes = Array.from({ length: 60 }, (, i) => i);
const seconds = Array.from({ length: 60 }, (_, i) => i);
return (
<View className={styles.timePicker}>
<Text className={styles.tpLabel}>{label}</Text>
<PickerView
value={[value.hour, value.minute, value.second]}
style={{ height: '180px', width: '100%' }}
indicatorStyle={{ color: "#095BE3" }}
onChange={(e) => {
const [h, m, s] = e.detail.value;
onChange({ hour: h, minute: m, second: s });
}}
>
<PickerViewColumn>
{hours.map((h) => (
<View key={h} className={styles.pickerItem}>
{h.toString().padStart(2, '0')}
</View>
))}
</PickerViewColumn>
<PickerViewColumn>
{minutes.map((m) => (
<View key={m} className={styles.pickerItem}>
{m.toString().padStart(2, '0')}
</View>
))}
</PickerViewColumn>
<PickerViewColumn>
{seconds.map((s) => (
<View key={s} className={styles.pickerItem}>
{s.toString().padStart(2, '0')}
</View>
))}
</PickerViewColumn>
</PickerView>
</View>
);
};