@miot-rn/car-component 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+export { AirConditioningCard } from './components/airConditioningCard';
+export { CardContainer } from './components/cardContainer';
+export { default as ContainerWithGap } from './components/containerWithGap';
+export { FlatSelect, FlatOption } from './components/flatSelect';
+export { GroupContainer } from './components/groupContainer';
+export { OtherSettingCard } from './components/otherSettingCard';
+export { SteeringWheelHotCard } from './components/steeringWheelHotCard';
+export { TitleContainer } from './components/titleContainer';
+export { WarningForRunningCard } from './components/warningForRunningCard';
+export { CarInfoHeader } from './components/carInfoHeader';
+export type { SingleRangeData, DualRangeData, ParkingStatusData, CarInfoHeaderProps, } from './components/carInfoHeader';
+export { SeatControl, type SeatControlProps, type ControlButtonConfig, type OnButtonPressParams } from './components/seatControl';
+export { SeatCard, type SeatCardProps } from './components/seatControl/seatCard';
+export { PageBackground, type PageBackgroundProps } from './components/pageBackground';
+export { SeatControlGroup, type SeatControlGroupProps, type SeatConfig } from './components/seatControlGroup';
+export { useSingleRangeData, type RangeDisplayData, type UseSingleRangeDataProps } from './hooks/useSingleRangeData';
+export { useDualRangeData, type DualRangeDisplayData, type UseDualRangeDataProps } from './hooks/useDualRangeData';
+export { useParkingStatusData, type ParkingStatusInfo, type UseParkingStatusDataProps } from './hooks/useParkingStatusData';
+export { useSeatControlData, type SeatControlDataProps, SeatSpecs, LEVEL_ICONS, TYPE_CONFIG, SEAT_TITLES } from './hooks/useSeatControlData';
+export * from './config';
+export * from './modules';

package/dist/index.js

@@ -0,0 +1,20 @@
+export { AirConditioningCard } from "./components/airConditioningCard";
+export { CardContainer } from "./components/cardContainer";
+export { default as ContainerWithGap } from "./components/containerWithGap";
+export { FlatSelect, FlatOption } from "./components/flatSelect";
+export { GroupContainer } from "./components/groupContainer";
+export { OtherSettingCard } from "./components/otherSettingCard";
+export { SteeringWheelHotCard } from "./components/steeringWheelHotCard";
+export { TitleContainer } from "./components/titleContainer";
+export { WarningForRunningCard } from "./components/warningForRunningCard";
+export { CarInfoHeader } from "./components/carInfoHeader";
+export { SeatControl } from "./components/seatControl";
+export { SeatCard } from "./components/seatControl/seatCard";
+export { PageBackground } from "./components/pageBackground";
+export { SeatControlGroup } from "./components/seatControlGroup";
+export { useSingleRangeData } from "./hooks/useSingleRangeData";
+export { useDualRangeData } from "./hooks/useDualRangeData";
+export { useParkingStatusData } from "./hooks/useParkingStatusData";
+export { useSeatControlData, SeatSpecs, LEVEL_ICONS, TYPE_CONFIG, SEAT_TITLES } from "./hooks/useSeatControlData";
+export * from "./config";
+export * from "./modules";

package/dist/modules/MODULES.md

@@ -0,0 +1,245 @@
+# Modules 技术文档
+
+## 概述
+
+`modules/` 是 `@miot-rn/car-component` 的业务模块层，遵循 **Module = Component + Hook** 的组合模式。每个 Module 封装了 spec 数据获取（通过 hook）和 UI 渲染（通过 component），对外暴露简洁的 `specs` + 配置项 Props 接口。
+
+## 架构
+
+```
+Module (业务模块)
+  ├── 接收 specs + 配置 props
+  ├── 调用 hook → 获取/转换 spec 数据
+  └── 渲染 component → 传入转换后的 props
+```
+
+```
+消费方 → Module(specs, config)
+              ├── hook(specs) → 数据转换、状态管理、事件处理
+              └── Component(transformedProps) → UI 渲染
+```
+
+## 模块清单
+
+### 1. CarInfoModule — 车辆信息模块
+
+| 项目 | 说明 |
+|------|------|
+| 文件 | `carInfoModule/index.tsx` |
+| 组件 | `CarInfoHeader` |
+| Hooks | `useSingleRangeData`, `useDualRangeData`, `useParkingStatusData` |
+| 导出 | ✅ 已从 `modules/index.ts` 导出 |
+
+**Props 接口：`CarInfoModuleProps`**
+
+```typescript
+interface CarInfoModuleProps {
+  specs: CarInfoSpecs;
+  connectStatus?: ConnectStatusValue;  // 默认 ConnectStatus.CONNECTING
+  containerStyle?: StyleProp<ViewStyle>;
+}
+```
+
+**Specs 定义：`CarInfoSpecs`**
+
+| Spec 字段 | 用途 |
+|-----------|------|
+| `specPowerBatteryPropertiesBatterySoCDisplay` | 电池 SOC 显示 |
+| `specPowerBatteryPropertiesLowSocWarning` | 低电量警告 |
+| `specPowerBatteryPropertiesBatteryEstimatedMileage` | 电池预估里程 |
+| `specPowerBatteryPropertiesDCDRangeSOCTypeDisplay` | 续航 SOC 类型显示 |
+| `specPowerBatteryPropertiesCLTCEstimatedRange` | CLTC 预估续航 |
+| `specPowerBatteryLifeEffectivenessPropertiesCltcEstimatedExtendEange` | CLTC 增程续航 |
+| `specPowerRangePropertiesCltcFuelEndurance` | CLTC 燃油续航 |
+| `specPowerRangePropertiesWltcPureEleCruisingEndurance` | WLTC 纯电续航 |
+| `specPowerRangePropertiesWltcFuelEndurance` | WLTC 燃油续航 |
+| `specBodyGearPropertiesGearStatus` | 档位状态 |
+| `specBodyPowerModePropertiesPowerModeState` | 电源模式 |
+| `specDoorCentralLockPropertiesCentralLockState` | 中控锁状态 |
+| `specSentryInfoPropertiesSentryWorkMode` | 哨兵模式 |
+
+**核心逻辑：**
+- 根据是否传入双续航相关 spec 自动判断 `rangeType`（`'single'` | `'dual'`）
+- 单续航 → `useSingleRangeData` → 电量百分比 + 预估里程
+- 双续航 → `useDualRangeData` → 纯电续航 + 燃油续航
+- 驻车状态 → `useParkingStatusData` → 档位/锁车/哨兵模式状态图标
+
+---
+
+### 2. SeatModule — 座椅控制模块
+
+| 项目 | 说明 |
+|------|------|
+| 文件 | `seatModule/index.tsx` |
+| 组件 | `SeatControlGroup` |
+| Hook | `useSeatControlData` |
+| 导出 | ✅ 已从 `modules/index.ts` 导出 |
+
+**Props 接口：`SeatModuleProps`**
+
+```typescript
+interface SeatModuleProps {
+  specs: SeatSpecs;
+  disabled?: boolean;                // 默认 false
+  onSeatChange?: (params: {
+    propType: string;
+    previousValue: number;
+    currentValue: number;
+  }) => void;
+  style?: StyleProp<ViewStyle>;
+}
+```
+
+**Specs 定义：`SeatSpecs`**
+
+| Spec 字段 | 用途 |
+|-----------|------|
+| `specSeatRow1LeftPropertiesHeating` | 第一排左座加热 |
+| `specSeatRow1LeftPropertiesSeatVentilation` | 第一排左座通风 |
+| `specSeatRow1RightPropertiesHeating` | 第一排右座加热 |
+| `specSeatRow1RightPropertiesSeatVentilation` | 第一排右座通风 |
+| `specSeatRow2LeftPropertiesHeating` | 第二排左座加热 |
+| `specSeatRow2LeftPropertiesSeatVentilation` | 第二排左座通风 |
+| `specSeatRow2MiddlePropertiesHeating` | 第二排中座加热 |
+| `specSeatRow2MiddlePropertiesSeatVentilation` | 第二排中座通风 |
+| `specSeatRow2RightPropertiesHeating` | 第二排右座加热 |
+| `specSeatRow2RightPropertiesSeatVentilation` | 第二排右座通风 |
+
+**核心逻辑：**
+- `useSeatControlData` 根据传入的 specs 动态生成座椅行列数据（`seatRows`）和标题（`seatTitles`）
+- `hasSeats` 为 false 时不渲染（无座椅 spec 则隐藏模块）
+- 支持加热/通风档位切换回调 `onSeatChange`
+
+---
+
+### 3. AirconditionModule — 空调控制模块
+
+| 项目 | 说明 |
+|------|------|
+| 文件 | `airconditionModule/index.tsx` |
+| 组件 | `AirConditioningCard` |
+| Hook | `useAirConditionData` |
+| 导出 | ❌ 未从 `modules/index.ts` 导出 |
+
+**Props 接口：`AirconditionModuleProps`**
+
+```typescript
+interface AirconditionModuleProps {
+  specs: AirconditionSpecs;
+  connectStatus?: ConnectStatusValue;
+  isCarRunning: boolean;
+}
+```
+
+**Specs 定义：`AirconditionSpecs`**
+
+| Spec 字段 | 用途 |
+|-----------|------|
+| `specHVACStatePropertiesHvacStatus` | 空调开关状态 |
+| `specHVACStatePropertiesHvacDefrosterStatus` | 除霜状态 |
+| `specHVACTemperaturePropertiesInsideTemperature` | 车内温度 |
+| `specHVACTemperaturePropertiesOutsideTemperature` | 车外温度 |
+| `specHVACTemperaturePropertiesHvacTargetTemperature` | 目标温度 |
+
+**核心逻辑：**
+- 禁用条件：`connectStatus !== CONNECTED || isCarRunning`
+- 根据是否传入 `specHVACTemperaturePropertiesHvacTargetTemperature` 决定是否显示目标温度控制
+- 根据是否传入 `specHVACStatePropertiesHvacDefrosterStatus` 决定是否显示除霜控制
+- hook 返回温度步进、最大/最小温度、i18n 标题等
+
+---
+
+### 4. SteeringWheelModule — 方向盘加热模块
+
+| 项目 | 说明 |
+|------|------|
+| 文件 | `steeringWheelModule/index.tsx` |
+| 组件 | `SteeringWheelHotCard` |
+| Hook | `useSteeringWheelData` |
+| 导出 | ❌ 未从 `modules/index.ts` 导出 |
+
+**Props 接口：`SteeringWheelModuleProps`**
+
+```typescript
+interface SteeringWheelModuleProps {
+  specs: SteeringWheelSpecs;
+  connectStatus?: ConnectStatusValue;
+  isCarRunning: boolean;
+}
+```
+
+**Specs 定义：`SteeringWheelSpecs`**
+
+| Spec 字段 | 用途 |
+|-----------|------|
+| `specBodySteeringWheelPropertiesSteeringWheelHeating` | 方向盘加热档位 |
+
+**核心逻辑：**
+- 禁用条件：`connectStatus !== CONNECTED || isCarRunning`
+- hook 返回加热档位选项（`steeringWheelOptions`）和当前状态
+- 使用 `FlatSelect` 风格的档位选择 UI
+
+---
+
+## 依赖关系图
+
+```
+modules/index.ts
+  ├── export CarInfoModule
+  └── export SeatModule
+
+CarInfoModule
+  ├── hooks: useSingleRangeData, useDualRangeData, useParkingStatusData
+  └── components: CarInfoHeader
+
+SeatModule
+  ├── hooks: useSeatControlData
+  └── components: SeatControlGroup
+
+AirconditionModule (未导出)
+  ├── hooks: useAirConditionData
+  └── components: AirConditioningCard
+
+SteeringWheelModule (未导出)
+  ├── hooks: useSteeringWheelData
+  └── components: SteeringWheelHotCard
+```
+
+## 三层引用模式
+
+每个模块支持三种引用粒度，开发者可按需选择：
+
+```
+┌──────────────────────────────────────────────────────┐
+│  Module（完整模块）= Hook + Component                  │
+│  开箱即用，适合标准业务场景                               │
+├──────────────────────────────────────────────────────┤
+│  Hook（数据层）              Component（UI 层）         │
+│  自定义 UI 时复用数据逻辑      已有数据源时仅渲染 UI       │
+└──────────────────────────────────────────────────────┘
+```
+
+| 模块 | Hook | Component |
+|------|------|-----------|
+| `CarInfoModule` | `useSingleRangeData` / `useDualRangeData` / `useParkingStatusData` | `CarInfoHeader` |
+| `SeatModule` | `useSeatControlData` | `SeatControlGroup` |
+| `AirconditionModule` | `useAirConditionData` | `AirConditioningCard` |
+| `SteeringWheelModule` | `useSteeringWheelData` | `SteeringWheelHotCard` |
+
+详细用法请参考各模块目录下的 `README.md`。
+
+## 设计模式
+
+1. **Specs 注入模式**：所有模块通过 `specs` prop 接收设备 spec 定义，不在模块内部硬编码 spec 引用，实现不同车型的灵活适配。
+
+2. **条件渲染**：模块根据传入的 specs 是否存在自动决定功能可见性（如 SeatModule 的 `hasSeats`、CarInfoModule 的 `rangeType` 判断）。
+
+3. **统一禁用策略**：空调和方向盘模块共享 `connectStatus !== CONNECTED || isCarRunning` 的禁用逻辑，确保行驶中或断连时不可操作。
+
+4. **Hook 封装数据转换**：所有 spec 原始值到 UI 展示值的转换（i18n、档位映射、温度格式化等）均在 hook 层完成，Module 和 Component 不处理原始 spec 数据。
+
+## 注意事项
+
+- `AirconditionModule` 和 `SteeringWheelModule` 当前未从 `modules/index.ts` 导出，消费方需直接引用子路径或等待后续导出。
+- `SeatModule` 中存在 `as any` 类型断言，可能需要后续类型完善。
+- `SteeringWheelModule` 中存在 `@ts-ignore` 注释，`steeringWheelOptions` 的类型与 `SteeringWheelHotCard` 的 `options` prop 类型可能不完全匹配。

package/dist/modules/airconditionModule/README.md

@@ -0,0 +1,262 @@
+# AirconditionModule — 空调控制模块
+
+## 概述
+
+车载空调控制模块，提供空调开关、除霜开关和目标温度调节功能。支持车内/车外温度显示。
+
+> ⚠️ 当前未从 `modules/index.ts` 导出，需直接引用子路径。
+
+## 引用方式
+
+本模块支持三种引用粒度，开发者可根据需要选择：
+
+| 引用方式 | 说明 | 适用场景 |
+|---------|------|---------|
+| **Module（推荐）** | 完整模块，内含数据层 + UI 层 | 标准业务场景，开箱即用 |
+| **Hook** | 仅数据层（`useAirConditionData`） | 需要自定义 UI，复用数据逻辑 |
+| **Component** | 仅 UI 层（`AirConditioningCard`） | 已有数据源，仅需渲染 UI |
+
+## 文件
+
+```
+airconditionModule/
+└── index.tsx
+```
+
+---
+
+## 1. Module 用法（完整模块）
+
+### Props
+
+```typescript
+interface AirconditionModuleProps {
+  specs: AirconditionSpecs;
+  connectStatus?: ConnectStatusValue;
+  isCarRunning: boolean;                // 车辆是否行驶中
+}
+
+interface AirconditionSpecs {
+  specHVACStatePropertiesHvacStatus?: Spec;
+  specHVACStatePropertiesHvacDefrosterStatus?: Spec;
+  specHVACTemperaturePropertiesInsideTemperature?: Spec;
+  specHVACTemperaturePropertiesOutsideTemperature?: Spec;
+  specHVACTemperaturePropertiesHvacTargetTemperature?: Spec;
+}
+```
+
+### Specs 定义
+
+| Spec | 用途 | 必填 |
+|------|------|------|
+| `specHVACStatePropertiesHvacStatus` | 空调开关状态（On/Off） | 否 |
+| `specHVACStatePropertiesHvacDefrosterStatus` | 除霜状态（Off/Max Defrost） | 否 |
+| `specHVACTemperaturePropertiesInsideTemperature` | 车内温度（只读） | 否 |
+| `specHVACTemperaturePropertiesOutsideTemperature` | 车外温度（只读） | 否 |
+| `specHVACTemperaturePropertiesHvacTargetTemperature` | 目标温度（可调节） | 否 |
+
+### 禁用条件
+
+```
+disabled = connectStatus !== ConnectStatus.CONNECTED || isCarRunning
+```
+
+### 条件渲染
+
+| 条件 | 效果 |
+|------|------|
+| `specHVACTemperaturePropertiesHvacTargetTemperature` 存在 | 显示目标温度 Stepper |
+| `specHVACStatePropertiesHvacDefrosterStatus` 存在 | 显示除霜开关 |
+
+### 示例
+
+```tsx
+import { AirconditionModule } from '@miot-rn/car-component/dist/modules/airconditionModule';
+import { ConnectStatus } from '@miot-rn/car-component/dist/config';
+
+<AirconditionModule
+  specs={{
+    specHVACStatePropertiesHvacStatus: hvacStatusSpec,
+    specHVACStatePropertiesHvacDefrosterStatus: defrosterSpec,
+    specHVACTemperaturePropertiesInsideTemperature: insideTempSpec,
+    specHVACTemperaturePropertiesOutsideTemperature: outsideTempSpec,
+    specHVACTemperaturePropertiesHvacTargetTemperature: targetTempSpec,
+  }}
+  connectStatus={ConnectStatus.CONNECTED}
+  isCarRunning={false}
+/>
+```
+
+---
+
+## 2. Hook 用法（`useAirConditionData`）
+
+适用于需要**自定义 UI** 但复用空调数据逻辑的场景。
+
+### 引入
+
+```typescript
+import { useAirConditionData } from '@miot-rn/car-component/dist/hooks/useAirConditionData';
+```
+
+### 入参
+
+```typescript
+interface UseAirConditionDataProps {
+  specHVACStatePropertiesHvacStatus: Spec;
+  specHVACStatePropertiesHvacDefrosterStatus: Spec;
+  specHVACTemperaturePropertiesInsideTemperature: Spec;
+  specHVACTemperaturePropertiesOutsideTemperature: Spec;
+  specHVACTemperaturePropertiesHvacTargetTemperature: Spec;
+}
+```
+
+### 返回值
+
+| 字段 | 类型 | 说明 |
+|------|------|------|
+| `hvacStatus` | `any` | 空调开关 spec 原始值 |
+| `hvacDefrosterStatus` | `any` | 除霜开关 spec 原始值 |
+| `transformHvacStatus` | `boolean` | 空调是否开启（`true` = On） |
+| `transformHvacDefrosterStatus` | `boolean` | 除霜是否开启（`true` = 非 Off） |
+| `targetTemperature` | `any` | 目标温度 spec 原始值 |
+| `onHvacStatusChange` | `(val: boolean) => void` | 空调开关切换，写入 On/Off |
+| `onHvacDefrosterChange` | `(val: boolean) => void` | 除霜开关切换，写入 Max Defrost/Off |
+| `onHvacTemperatureChange` | `(val: number) => void` | 温度调节，写入数值 |
+| `hvacTitle` | `string` | 空调标题（i18n `car_air_condition_name`） |
+| `hvacDefrosterTitle` | `string` | 除霜标题（i18n `car_air_condition_defog`） |
+| `airConditionTip` | `string` | 除霜副标题（i18n `car_air_condition_tip`） |
+| `insideCarTip` | `string` | 车内温度文案，含温度值插值 |
+| `outsideCarTip` | `string` | 车外温度文案，含温度值插值 |
+| `insideTemperature` | `any` | 车内温度 spec 原始值 |
+| `outsideTemperature` | `any` | 车外温度 spec 原始值 |
+| `temperatureStep` | `number` | 温度调节步进 |
+| `maxTemperature` | `number` | 最高可调温度 |
+| `minTemperature` | `number` | 最低可调温度 |
+
+### 示例
+
+```tsx
+import { useAirConditionData } from '@miot-rn/car-component/dist/hooks/useAirConditionData';
+
+const MyCustomAirCondition = ({ specs }) => {
+  const {
+    transformHvacStatus,
+    onHvacStatusChange,
+    transformHvacDefrosterStatus,
+    onHvacDefrosterChange,
+    targetTemperature,
+    onHvacTemperatureChange,
+    hvacTitle,
+    insideCarTip,
+    outsideCarTip,
+    minTemperature,
+    maxTemperature,
+    temperatureStep,
+  } = useAirConditionData(specs);
+
+  return (
+    <View>
+      <Text>{hvacTitle}</Text>
+      <Switch value={transformHvacStatus} onValueChange={onHvacStatusChange} />
+      <Text>{insideCarTip}</Text>
+      <Text>{outsideCarTip}</Text>
+      <Slider
+        value={Number(targetTemperature)}
+        minimumValue={minTemperature}
+        maximumValue={maxTemperature}
+        step={temperatureStep}
+        onValueChange={onHvacTemperatureChange}
+      />
+    </View>
+  );
+};
+```
+
+---
+
+## 3. Component 用法（`AirConditioningCard`）
+
+适用于已有数据源，仅需渲染空调控制 UI 的场景。
+
+### 引入
+
+```typescript
+import { AirConditioningCard } from '@miot-rn/car-component/dist/components/airConditioningCard';
+```
+
+### Props
+
+```typescript
+interface AirConditioningCardProps {
+  hvacStatus: boolean;                          // 空调开关状态
+  hvacDefrosterStatus: boolean;                 // 除霜开关状态
+  onHvacStatusChange: (value: boolean) => void; // 空调开关回调
+  onHvacDefrosterChange: (value: boolean) => void; // 除霜开关回调
+  targetTemperature: number | string;           // 目标温度
+  onHvacTemperatureChange: (value: number) => void; // 温度调节回调
+  hvacTitle: string;                            // 空调标题
+  hvacDefrosterTitle: string;                   // 除霜标题
+  hvacDefrosterSubtitle?: string;               // 除霜副标题，默认 ''
+  insideTip?: string;                           // 车内温度提示，默认 ''
+  outsideTip?: string;                          // 车外温度提示，默认 ''
+  temperatureStep: number;                      // 温度步进
+  maxTemperature: number;                       // 最高温度
+  minTemperature: number;                       // 最低温度
+  insideTemperature?: number | string;          // 车内温度值（控制是否显示）
+  outsideTemperature?: number | string;         // 车外温度值（控制是否显示）
+  showHvacDefroster?: boolean;                  // 是否显示除霜，默认 false
+  disabled?: boolean;                           // 禁用状态，默认 false
+  showTargetTemperature?: boolean;              // 是否显示温度调节，默认 false
+}
+```
+
+### 渲染结构
+
+```
+CardContainer
+  ├── TitleContainer (标题 + 空调 Switch)
+  │   └── subtitle: 车内/车外温度文案
+  ├── Stepper (目标温度调节，showTargetTemperature=true 时显示)
+  │   └── 空调关闭或 disabled 时 Stepper 禁用
+  └── LargeVariantSwitch (除霜开关，showHvacDefroster=true 时显示)
+```
+
+### 示例
+
+```tsx
+import { AirConditioningCard } from '@miot-rn/car-component/dist/components/airConditioningCard';
+
+<AirConditioningCard
+  hvacStatus={true}
+  hvacDefrosterStatus={false}
+  onHvacStatusChange={(val) => console.log('空调:', val)}
+  onHvacDefrosterChange={(val) => console.log('除霜:', val)}
+  targetTemperature={24}
+  onHvacTemperatureChange={(val) => console.log('温度:', val)}
+  hvacTitle="空调"
+  hvacDefrosterTitle="前挡除霜"
+  insideTip="车内 25°C"
+  outsideTip="车外 10°C"
+  insideTemperature={25}
+  outsideTemperature={10}
+  temperatureStep={0.5}
+  maxTemperature={32}
+  minTemperature={16}
+  showTargetTemperature={true}
+  showHvacDefroster={true}
+  disabled={false}
+/>
+```
+
+---
+
+## i18n 文案
+
+| Key | 用途 |
+|-----|------|
+| `car_air_condition_name` | 空调标题 |
+| `car_air_condition_defog` | 除霜标题 |
+| `car_air_condition_tip` | 除霜副标题 |
+| `car_inside_car_tip` | 车内温度文案（含温度值插值） |
+| `car_outside_car_tip` | 车外温度文案（含温度值插值） |

package/dist/modules/airconditionModule/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type ConnectStatusValue } from '../../config/ConnectStatus';
+import { Spec } from '../../types';
+export interface AirconditionSpecs {
+    specHVACStatePropertiesHvacStatus?: Spec;
+    specHVACStatePropertiesHvacDefrosterStatus?: Spec;
+    specHVACTemperaturePropertiesInsideTemperature?: Spec;
+    specHVACTemperaturePropertiesOutsideTemperature?: Spec;
+    specHVACTemperaturePropertiesHvacTargetTemperature?: Spec;
+}
+export interface AirconditionModuleProps {
+    specs: AirconditionSpecs;
+    connectStatus?: ConnectStatusValue;
+    isCarRunning: boolean;
+}
+export declare const AirconditionModule: ({ specs, connectStatus, isCarRunning }: AirconditionModuleProps) => React.JSX.Element;
+export default AirconditionModule;

package/dist/modules/airconditionModule/index.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { AirConditioningCard } from "../../components/airConditioningCard";
+import { useAirConditionData } from "../../hooks/useAirConditionData";
+import { ConnectStatus } from "../../hooks";
+export const AirconditionModule = ({
+  specs,
+  connectStatus,
+  isCarRunning
+}) => {
+  const {
+    specHVACStatePropertiesHvacStatus,
+    specHVACStatePropertiesHvacDefrosterStatus,
+    specHVACTemperaturePropertiesInsideTemperature,
+    specHVACTemperaturePropertiesOutsideTemperature,
+    specHVACTemperaturePropertiesHvacTargetTemperature
+  } = specs;
+  const {
+    transformHvacStatus,
+    transformHvacDefrosterStatus,
+    targetTemperature,
+    onHvacStatusChange,
+    onHvacDefrosterChange,
+    onHvacTemperatureChange,
+    hvacTitle,
+    hvacDefrosterTitle,
+    airConditionTip,
+    insideCarTip,
+    outsideCarTip,
+    insideTemperature,
+    outsideTemperature,
+    temperatureStep,
+    maxTemperature,
+    minTemperature
+  } = useAirConditionData({
+    specHVACStatePropertiesHvacStatus: specHVACStatePropertiesHvacStatus,
+    specHVACStatePropertiesHvacDefrosterStatus: specHVACStatePropertiesHvacDefrosterStatus,
+    specHVACTemperaturePropertiesInsideTemperature: specHVACTemperaturePropertiesInsideTemperature,
+    specHVACTemperaturePropertiesOutsideTemperature: specHVACTemperaturePropertiesOutsideTemperature,
+    specHVACTemperaturePropertiesHvacTargetTemperature: specHVACTemperaturePropertiesHvacTargetTemperature
+  });
+  return /*#__PURE__*/React.createElement(AirConditioningCard, {
+    showTargetTemperature: !!specHVACTemperaturePropertiesHvacTargetTemperature,
+    hvacStatus: transformHvacStatus,
+    hvacDefrosterStatus: transformHvacDefrosterStatus,
+    targetTemperature: targetTemperature,
+    onHvacStatusChange: onHvacStatusChange,
+    onHvacDefrosterChange: onHvacDefrosterChange,
+    onHvacTemperatureChange: onHvacTemperatureChange,
+    hvacTitle: hvacTitle,
+    hvacDefrosterTitle: hvacDefrosterTitle,
+    hvacDefrosterSubtitle: airConditionTip,
+    insideTip: insideCarTip,
+    outsideTip: outsideCarTip,
+    insideTemperature: insideTemperature,
+    outsideTemperature: outsideTemperature,
+    temperatureStep: temperatureStep,
+    maxTemperature: maxTemperature,
+    minTemperature: minTemperature,
+    disabled: connectStatus !== ConnectStatus.CONNECTED || isCarRunning,
+    showHvacDefroster: !!specHVACStatePropertiesHvacDefrosterStatus
+  });
+};
+export default AirconditionModule;