@miot-rn/car-component 1.0.1

package/dist/hooks/useParkingStatusData.js

@@ -0,0 +1,100 @@
+/* eslint-disable no-console */
+import React, { useMemo, useCallback, useContext } from 'react';
+import { useSpecState } from '@miot-rn/common-component/dist/store/useGlobalSpecManager';
+import { getValueBySpecDescription } from '@miot-rn/common-component/dist/specs/instance-parser';
+import { getLocalI18n } from '@miot-rn/common-component/dist/specs/i18n-parser';
+import { ConfigContext } from 'miot/ui/hyperOSUI';
+import { ErrorStatus, Loading, ParkingStatus as ParkingIcon, SentryMode } from "../icons";
+import { ConnectStatus } from "../config";
+export const useParkingStatusData = ({
+  specBodyGearPropertiesGearStatus,
+  specBodyPowerModePropertiesPowerModeState,
+  specDoorCentralLockPropertiesCentralLockState,
+  specSentryInfoPropertiesSentryWorkMode,
+  connectStatus = ConnectStatus.CONNECTING
+}) => {
+  const {
+    colorToken
+  } = useContext(ConfigContext);
+  const gearStatusValue = useSpecState(specBodyGearPropertiesGearStatus);
+  const powerModeStateValue = useSpecState(specBodyPowerModePropertiesPowerModeState);
+  const centralLockStateValue = useSpecState(specDoorCentralLockPropertiesCentralLockState);
+  const sentryWorkModeValue = useSpecState(specSentryInfoPropertiesSentryWorkMode);
+  const parkingStatusIcon = useMemo(() => ({
+    errorStatusIcon: /*#__PURE__*/React.createElement(ErrorStatus, {
+      fill: colorToken.mjcard_color_red_1
+    }),
+    loadingIcon: /*#__PURE__*/React.createElement(Loading, {
+      stroke: colorToken.mj_color_gray_icon_4
+    }),
+    parkingStatusIcon: /*#__PURE__*/React.createElement(ParkingIcon, {
+      fill: colorToken.mj_color_gray_icon_4
+    }),
+    sentryModeIcon: /*#__PURE__*/React.createElement(SentryMode, {
+      fill: colorToken.mj_color_gray_icon_4
+    })
+  }), [colorToken]);
+  const enterSentryInfoWorkMode = useMemo(() => {
+    if (specSentryInfoPropertiesSentryWorkMode && sentryWorkModeValue !== undefined) {
+      const sentryWorkModeOn = getValueBySpecDescription(specSentryInfoPropertiesSentryWorkMode, 'ON');
+      const sentryWorkModeStandBy1 = getValueBySpecDescription(specSentryInfoPropertiesSentryWorkMode, 'StandBy1');
+      const sentryWorkModeStandBy2 = getValueBySpecDescription(specSentryInfoPropertiesSentryWorkMode, 'StandBy2');
+      const sentryWorkModeAlert = getValueBySpecDescription(specSentryInfoPropertiesSentryWorkMode, 'Alert');
+      const sentryWorkModeAlarm = getValueBySpecDescription(specSentryInfoPropertiesSentryWorkMode, 'Alarm');
+      return [sentryWorkModeOn, sentryWorkModeStandBy1, sentryWorkModeStandBy2, sentryWorkModeAlert, sentryWorkModeAlarm].includes(Number(sentryWorkModeValue));
+    }
+    return false;
+  }, [sentryWorkModeValue, specSentryInfoPropertiesSentryWorkMode]);
+  const getParkingStatusInfo = useCallback(() => {
+    const powerModeState = Number(powerModeStateValue);
+    const gearStatus = Number(gearStatusValue);
+    const centralLockState = Number(centralLockStateValue);
+    const textStyle = {
+      color: colorToken.mj_color_gray_text_4
+    };
+
+    // 1. Connecting
+    if (connectStatus === ConnectStatus.CONNECTING) {
+      const parkingStatus = getLocalI18n('car_connect_status_connecting');
+      return {
+        parkingIcon: parkingStatusIcon.loadingIcon,
+        parkingStatus,
+        showDivider: false,
+        textStyle,
+        isLoading: true
+      };
+    }
+
+    // 4. Locked
+    if ([getValueBySpecDescription(specBodyPowerModePropertiesPowerModeState, 'Off'), getValueBySpecDescription(specBodyPowerModePropertiesPowerModeState, 'Awake')].includes(powerModeState) && getValueBySpecDescription(specDoorCentralLockPropertiesCentralLockState, 'Locked') === centralLockState) {
+      return {
+        parkingIcon: enterSentryInfoWorkMode ? parkingStatusIcon.sentryModeIcon : parkingStatusIcon.parkingStatusIcon,
+        parkingStatus: getLocalI18n('car_title_power_status_locked'),
+        showDivider: enterSentryInfoWorkMode,
+        textStyle,
+        isLoading: false
+      };
+    }
+
+    // 3. Driving (any of these conditions)
+    if (getValueBySpecDescription(specBodyGearPropertiesGearStatus, 'R') === gearStatus || getValueBySpecDescription(specBodyGearPropertiesGearStatus, 'N') === gearStatus || getValueBySpecDescription(specBodyGearPropertiesGearStatus, 'D') === gearStatus) {
+      return {
+        parkingIcon: parkingStatusIcon.parkingStatusIcon,
+        parkingStatus: getLocalI18n('car_title_power_status_run'),
+        showDivider: false,
+        textStyle,
+        isLoading: false
+      };
+    }
+
+    // 5. Parked
+    return {
+      parkingIcon: parkingStatusIcon.parkingStatusIcon,
+      parkingStatus: getLocalI18n('car_title_power_status_parking'),
+      showDivider: false,
+      textStyle,
+      isLoading: false
+    };
+  }, [connectStatus, powerModeStateValue, gearStatusValue, centralLockStateValue, enterSentryInfoWorkMode, specBodyPowerModePropertiesPowerModeState, specBodyGearPropertiesGearStatus, specDoorCentralLockPropertiesCentralLockState, parkingStatusIcon, colorToken]);
+  return useMemo(() => getParkingStatusInfo(), [getParkingStatusInfo]);
+};

package/dist/hooks/useSeatControlData.d.ts

@@ -0,0 +1,94 @@
+import React from 'react';
+import { Spec } from '../types';
+export interface SeatSpecs {
+    specSeatRow1LeftPropertiesHeating?: Spec;
+    specSeatRow1LeftPropertiesSeatVentilation?: Spec;
+    specSeatRow1RightPropertiesHeating?: Spec;
+    specSeatRow1RightPropertiesSeatVentilation?: Spec;
+    specSeatRow2LeftPropertiesHeating?: Spec;
+    specSeatRow2LeftPropertiesSeatVentilation?: Spec;
+    specSeatRow2MiddlePropertiesHeating?: Spec;
+    specSeatRow2MiddlePropertiesSeatVentilation?: Spec;
+    specSeatRow2RightPropertiesHeating?: Spec;
+    specSeatRow2RightPropertiesSeatVentilation?: Spec;
+}
+export interface SeatControlDataProps {
+    specs: SeatSpecs;
+    disabled?: boolean;
+    onSeatChange?: (params: {
+        propType: string;
+        previousValue: number;
+        currentValue: number;
+    }) => void;
+}
+export interface OnButtonPressParams {
+    propType: string;
+    spec?: Spec | string;
+    previousValue: string;
+    currentValue: string;
+}
+export type LevelIcons = {
+    heating: {
+        [key: string]: React.ReactElement;
+        Off: React.ReactElement;
+        OffDisabled: React.ReactElement;
+        Three: React.ReactElement;
+        ThreeDisabled: React.ReactElement;
+        Two: React.ReactElement;
+        TwoDisabled: React.ReactElement;
+        One: React.ReactElement;
+        OneDisabled: React.ReactElement;
+    };
+    ventilation: {
+        [key: string]: React.ReactElement;
+        Off: React.ReactElement;
+        OffDisabled: React.ReactElement;
+        Three: React.ReactElement;
+        ThreeDisabled: React.ReactElement;
+        Two: React.ReactElement;
+        TwoDisabled: React.ReactElement;
+        One: React.ReactElement;
+        OneDisabled: React.ReactElement;
+    };
+};
+export type StateConfig = {
+    order: Record<string, number>;
+    colors: {
+        on: string;
+        onDisabled: string;
+        off: string;
+        offDisabled: string;
+    };
+    icons: LevelIcons['heating'];
+};
+export declare const LEVEL_ICONS: (colorToken: any) => LevelIcons;
+export declare const TYPE_CONFIG: (colorToken: any, levelIcons: LevelIcons) => {
+    heating: StateConfig;
+    ventilation: StateConfig;
+};
+export declare const SEAT_TITLES: {
+    groupTitle: string | Record<string, string>;
+    frontLeft: string | Record<string, string>;
+    frontRight: string | Record<string, string>;
+    rearLeft: string | Record<string, string>;
+    rearCenter: string | Record<string, string>;
+    rearRight: string | Record<string, string>;
+};
+export declare const useSeatControlData: ({ specs, disabled, onSeatChange }: SeatControlDataProps) => {
+    seatRows: {
+        serviceType: string;
+        title: string;
+        disabled: boolean;
+        buttons: any[];
+    }[][];
+    seatTitles: {
+        groupTitle: string | Record<string, string>;
+        frontLeft: string | Record<string, string>;
+        frontRight: string | Record<string, string>;
+        rearLeft: string | Record<string, string>;
+        rearCenter: string | Record<string, string>;
+        rearRight: string | Record<string, string>;
+    };
+    handleSeatChange: ({ propType, spec, previousValue, currentValue }: OnButtonPressParams) => void;
+    hasSeats: boolean;
+};

package/dist/hooks/useSeatControlData.js

@@ -0,0 +1,251 @@
+/* eslint-disable no-console */
+import React, { useMemo, useCallback, useContext } from 'react';
+import { ConfigContext } from 'miot/ui/hyperOSUI';
+import { useSpecState, setSpec } from '@miot-rn/common-component/dist/store/useGlobalSpecManager';
+import { SeatGearHeatingOff, SeatGearHeatingLevelOne, SeatGearHeatingLevelTwo, SeatGearHeatingLevelThree, SeatGearVentilationOff, SeatGearVentilationLevelOne, SeatGearVentilationLevelTwo, SeatGearVentilationLevelThree } from "../icons";
+import { getLocalI18n } from "../utils/getLocalI18n";
+import { GearLevel, HeatingStateOrder, VentilationStateOrder, SeatI18nKeys } from "../config";
+export const LEVEL_ICONS = colorToken => ({
+  heating: {
+    Off: /*#__PURE__*/React.createElement(SeatGearHeatingOff, {
+      fill: colorToken.mj_color_gray_icon_2
+    }),
+    OffDisabled: /*#__PURE__*/React.createElement(SeatGearHeatingOff, {
+      fill: colorToken.mj_color_gray_icon_7
+    }),
+    Three: /*#__PURE__*/React.createElement(SeatGearHeatingLevelThree, {
+      fill: colorToken.mj_color_norm_white
+    }),
+    ThreeDisabled: /*#__PURE__*/React.createElement(SeatGearHeatingLevelThree, {
+      fill: colorToken.mj_color_gray_icon_8
+    }),
+    Two: /*#__PURE__*/React.createElement(SeatGearHeatingLevelTwo, {
+      fill: colorToken.mj_color_norm_white
+    }),
+    TwoDisabled: /*#__PURE__*/React.createElement(SeatGearHeatingLevelTwo, {
+      fill: colorToken.mj_color_gray_icon_8
+    }),
+    One: /*#__PURE__*/React.createElement(SeatGearHeatingLevelOne, {
+      fill: colorToken.mj_color_norm_white
+    }),
+    OneDisabled: /*#__PURE__*/React.createElement(SeatGearHeatingLevelOne, {
+      fill: colorToken.mj_color_gray_icon_8
+    })
+  },
+  ventilation: {
+    Off: /*#__PURE__*/React.createElement(SeatGearVentilationOff, {
+      fill: colorToken.mj_color_gray_icon_2
+    }),
+    OffDisabled: /*#__PURE__*/React.createElement(SeatGearVentilationOff, {
+      fill: colorToken.mj_color_gray_icon_7
+    }),
+    Three: /*#__PURE__*/React.createElement(SeatGearVentilationLevelThree, {
+      fill: colorToken.mj_color_norm_white
+    }),
+    ThreeDisabled: /*#__PURE__*/React.createElement(SeatGearVentilationLevelThree, {
+      fill: colorToken.mj_color_gray_icon_8
+    }),
+    Two: /*#__PURE__*/React.createElement(SeatGearVentilationLevelTwo, {
+      fill: colorToken.mj_color_norm_white
+    }),
+    TwoDisabled: /*#__PURE__*/React.createElement(SeatGearVentilationLevelTwo, {
+      fill: colorToken.mj_color_gray_icon_8
+    }),
+    One: /*#__PURE__*/React.createElement(SeatGearVentilationLevelOne, {
+      fill: colorToken.mj_color_norm_white
+    }),
+    OneDisabled: /*#__PURE__*/React.createElement(SeatGearVentilationLevelOne, {
+      fill: colorToken.mj_color_gray_icon_8
+    })
+  }
+});
+export const TYPE_CONFIG = (colorToken, levelIcons) => ({
+  heating: {
+    order: HeatingStateOrder,
+    colors: {
+      on: colorToken.mjcard_color_orange_1,
+      onDisabled: colorToken.mjcard_color_orange_3,
+      off: colorToken.mj_color_gray_fill_2,
+      offDisabled: colorToken.mj_color_gray_fill_5
+    },
+    icons: levelIcons.heating
+  },
+  ventilation: {
+    order: VentilationStateOrder,
+    colors: {
+      on: colorToken.mjcard_color_blue_1,
+      onDisabled: colorToken.mjcard_color_blue_3,
+      off: colorToken.mj_color_gray_fill_2,
+      offDisabled: colorToken.mj_color_gray_fill_5
+    },
+    icons: levelIcons.ventilation
+  }
+});
+export const SEAT_TITLES = {
+  groupTitle: typeof getLocalI18n(SeatI18nKeys.GroupTitle) === 'string' ? getLocalI18n(SeatI18nKeys.GroupTitle) : '',
+  frontLeft: typeof getLocalI18n(SeatI18nKeys.FrontLeft) === 'string' ? getLocalI18n(SeatI18nKeys.FrontLeft) : '',
+  frontRight: typeof getLocalI18n(SeatI18nKeys.FrontRight) === 'string' ? getLocalI18n(SeatI18nKeys.FrontRight) : '',
+  rearLeft: typeof getLocalI18n(SeatI18nKeys.RearLeft) === 'string' ? getLocalI18n(SeatI18nKeys.RearLeft) : '',
+  rearCenter: typeof getLocalI18n(SeatI18nKeys.RearCenter) === 'string' ? getLocalI18n(SeatI18nKeys.RearCenter) : '',
+  rearRight: typeof getLocalI18n(SeatI18nKeys.RearRight) === 'string' ? getLocalI18n(SeatI18nKeys.RearRight) : ''
+};
+export const useSeatControlData = ({
+  specs,
+  disabled = false,
+  onSeatChange
+}) => {
+  const {
+    colorToken
+  } = useContext(ConfigContext);
+  const {
+    specSeatRow1LeftPropertiesHeating,
+    specSeatRow1LeftPropertiesSeatVentilation,
+    specSeatRow1RightPropertiesHeating,
+    specSeatRow1RightPropertiesSeatVentilation,
+    specSeatRow2LeftPropertiesHeating,
+    specSeatRow2LeftPropertiesSeatVentilation,
+    specSeatRow2MiddlePropertiesHeating,
+    specSeatRow2MiddlePropertiesSeatVentilation,
+    specSeatRow2RightPropertiesHeating,
+    specSeatRow2RightPropertiesSeatVentilation
+  } = specs;
+
+  // 实时值
+  const seatRow1LeftHeatingValue = useSpecState(specSeatRow1LeftPropertiesHeating);
+  const seatRow1LeftVentilationValue = useSpecState(specSeatRow1LeftPropertiesSeatVentilation);
+  const seatRow1RightHeatingValue = useSpecState(specSeatRow1RightPropertiesHeating);
+  const seatRow1RightVentilationValue = useSpecState(specSeatRow1RightPropertiesSeatVentilation);
+  const seatRow2LeftHeatingValue = useSpecState(specSeatRow2LeftPropertiesHeating);
+  const seatRow2LeftVentilationValue = useSpecState(specSeatRow2LeftPropertiesSeatVentilation);
+  const seatRow2MiddleHeatingValue = useSpecState(specSeatRow2MiddlePropertiesHeating);
+  const seatRow2MiddleVentilationValue = useSpecState(specSeatRow2MiddlePropertiesSeatVentilation);
+  const seatRow2RightHeatingValue = useSpecState(specSeatRow2RightPropertiesHeating);
+  const seatRow2RightVentilationValue = useSpecState(specSeatRow2RightPropertiesSeatVentilation);
+  const levelIcons = useMemo(() => LEVEL_ICONS(colorToken), [colorToken]);
+  const typeConfig = useMemo(() => TYPE_CONFIG(colorToken, levelIcons), [colorToken, levelIcons]);
+
+  // 根据类型生成状态列表（排序 + 颜色 + 图标）
+  const buildStates = useCallback((type, spec, isDisabled) => {
+    if (!spec?.prop?.['value-list']) return [];
+    const config = typeConfig[type];
+    const list = [...spec.prop['value-list']].sort((a, b) => {
+      const priorityA = config.order[a.description?.toLowerCase()] ?? 99;
+      const priorityB = config.order[b.description?.toLowerCase()] ?? 99;
+      return priorityB - priorityA;
+    });
+    return list.map(item => {
+      const iconKey = GearLevel[item.description?.toLowerCase()] || 'Off';
+      const disableIconKey = `${iconKey}Disabled`;
+      const isOff = iconKey === 'Off';
+      const disableIcon = config.icons[disableIconKey] || config.icons[iconKey];
+      const backgroundColor = isDisabled ? isOff ? config.colors.offDisabled : config.colors.onDisabled : isOff ? config.colors.off : config.colors.on;
+      const icon = isDisabled ? disableIcon : config.icons[iconKey];
+      return {
+        value: String(item.value),
+        backgroundColor,
+        icon
+      };
+    });
+  }, [typeConfig]);
+
+  // 单个按钮配置
+  const buildButton = useCallback((type, spec, currentValue, isDisabled) => {
+    if (!spec) return null;
+    const states = buildStates(type, spec, isDisabled);
+    const currentStateIndex = states.findIndex(state => Number(state.value) === currentValue);
+    return {
+      spec,
+      propType: type,
+      states,
+      currentStateIndex: currentStateIndex >= 0 ? currentStateIndex : 0,
+      disabled: isDisabled
+    };
+  }, [buildStates]);
+
+  // 按座椅组合按钮（存在的才添加）
+  const buildButtons = useCallback((heatingSpec, ventilationSpec, heatingLevel, ventilationLevel, isDisabled) => {
+    const buttons = [];
+    const heatingButton = buildButton('heating', heatingSpec, heatingLevel, isDisabled);
+    const ventilationButton = buildButton('ventilation', ventilationSpec, ventilationLevel, isDisabled);
+    if (heatingButton) buttons.push(heatingButton);
+    if (ventilationButton) buttons.push(ventilationButton);
+    return buttons;
+  }, [buildButton]);
+
+  // 构建座椅行
+  const seatRows = useMemo(() => {
+    const rows = [[{
+      heating: specSeatRow1LeftPropertiesHeating,
+      ventilation: specSeatRow1LeftPropertiesSeatVentilation,
+      heatingValue: Number(seatRow1LeftHeatingValue ?? 0),
+      ventilationValue: Number(seatRow1LeftVentilationValue ?? 0),
+      title: SEAT_TITLES.frontLeft
+    }, {
+      heating: specSeatRow1RightPropertiesHeating,
+      ventilation: specSeatRow1RightPropertiesSeatVentilation,
+      heatingValue: Number(seatRow1RightHeatingValue ?? 0),
+      ventilationValue: Number(seatRow1RightVentilationValue ?? 0),
+      title: SEAT_TITLES.frontRight
+    }], [{
+      heating: specSeatRow2LeftPropertiesHeating,
+      ventilation: specSeatRow2LeftPropertiesSeatVentilation,
+      heatingValue: Number(seatRow2LeftHeatingValue ?? 0),
+      ventilationValue: Number(seatRow2LeftVentilationValue ?? 0),
+      title: SEAT_TITLES.rearLeft
+    }, {
+      heating: specSeatRow2MiddlePropertiesHeating,
+      ventilation: specSeatRow2MiddlePropertiesSeatVentilation,
+      heatingValue: Number(seatRow2MiddleHeatingValue ?? 0),
+      ventilationValue: Number(seatRow2MiddleVentilationValue ?? 0),
+      title: SEAT_TITLES.rearCenter
+    }, {
+      heating: specSeatRow2RightPropertiesHeating,
+      ventilation: specSeatRow2RightPropertiesSeatVentilation,
+      heatingValue: Number(seatRow2RightHeatingValue ?? 0),
+      ventilationValue: Number(seatRow2RightVentilationValue ?? 0),
+      title: SEAT_TITLES.rearRight
+    }]];
+    return rows.map(row => row.map(({
+      heating,
+      ventilation,
+      heatingValue,
+      ventilationValue,
+      title
+    }) => {
+      if (!heating && !ventilation) return null;
+      const seatId = (heating || ventilation)?.sDescription || title;
+      return {
+        serviceType: typeof seatId === 'string' ? seatId : '',
+        title: typeof title === 'string' ? title : '',
+        disabled,
+        buttons: buildButtons(heating, ventilation, heatingValue, ventilationValue, disabled)
+      };
+    }).filter(seat => seat !== null)).filter(rowSeats => rowSeats.length > 0);
+  }, [buildButtons, specSeatRow1LeftPropertiesHeating, specSeatRow1LeftPropertiesSeatVentilation, specSeatRow1RightPropertiesHeating, specSeatRow1RightPropertiesSeatVentilation, specSeatRow2LeftPropertiesHeating, specSeatRow2LeftPropertiesSeatVentilation, specSeatRow2MiddlePropertiesHeating, specSeatRow2MiddlePropertiesSeatVentilation, specSeatRow2RightPropertiesHeating, specSeatRow2RightPropertiesSeatVentilation, seatRow1LeftHeatingValue, seatRow1LeftVentilationValue, seatRow1RightHeatingValue, seatRow1RightVentilationValue, seatRow2LeftHeatingValue, seatRow2LeftVentilationValue, seatRow2MiddleHeatingValue, seatRow2MiddleVentilationValue, seatRow2RightHeatingValue, seatRow2RightVentilationValue, disabled]);
+  const handleSeatChange = useCallback(({
+    propType,
+    spec,
+    previousValue,
+    currentValue
+  }) => {
+    setSpec({
+      ...spec,
+      value: Number(currentValue)
+    }).then(res => {
+      console.log('useSeatControlData setSpec success', res);
+      onSeatChange?.({
+        propType,
+        previousValue: Number(previousValue),
+        currentValue: Number(currentValue)
+      });
+    }).catch(error => {
+      console.log('useSeatControlData setSpec error', error);
+    });
+  }, [onSeatChange]);
+  return {
+    seatRows,
+    seatTitles: SEAT_TITLES,
+    handleSeatChange,
+    hasSeats: seatRows.length > 0
+  };
+};

package/dist/hooks/useSingleRangeData.d.ts

@@ -0,0 +1,15 @@
+import { Spec } from '../types';
+export interface RangeDisplayData {
+    currentRange: number | string;
+    totalRange: number;
+    unit: string;
+    color: string;
+}
+export interface UseSingleRangeDataProps {
+    specPowerBatteryPropertiesBatterySoCDisplay: Spec;
+    specPowerBatteryPropertiesLowSocWarning: Spec;
+    specPowerBatteryPropertiesBatteryEstimatedMileage: Spec;
+    specPowerBatteryPropertiesDCDRangeSOCTypeDisplay: Spec;
+    specPowerBatteryPropertiesCLTCEstimatedRange: Spec;
+}
+export declare const useSingleRangeData: ({ specPowerBatteryPropertiesBatterySoCDisplay, specPowerBatteryPropertiesLowSocWarning, specPowerBatteryPropertiesBatteryEstimatedMileage, specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, specPowerBatteryPropertiesCLTCEstimatedRange, }: UseSingleRangeDataProps) => RangeDisplayData;

package/dist/hooks/useSingleRangeData.js

@@ -0,0 +1,97 @@
+/* eslint-disable no-console */
+import { useMemo, useCallback, useContext } from 'react';
+import { useSpecState } from '@miot-rn/common-component/dist/store/useGlobalSpecManager';
+import { getValueBySpecDescription } from '@miot-rn/common-component/dist/specs/instance-parser';
+import { getLocalI18n } from '@miot-rn/common-component/dist/specs/i18n-parser';
+import { ConfigContext } from 'miot/ui/hyperOSUI';
+
+/**
+ * 单续航数据配置（单位已包含在内）
+ */
+
+export const useSingleRangeData = ({
+  specPowerBatteryPropertiesBatterySoCDisplay,
+  specPowerBatteryPropertiesLowSocWarning,
+  specPowerBatteryPropertiesBatteryEstimatedMileage,
+  specPowerBatteryPropertiesDCDRangeSOCTypeDisplay,
+  specPowerBatteryPropertiesCLTCEstimatedRange
+}) => {
+  const {
+    colorToken
+  } = useContext(ConfigContext);
+  const batterySoCDisplayValue = useSpecState(specPowerBatteryPropertiesBatterySoCDisplay);
+  const lowSocWarningValue = useSpecState(specPowerBatteryPropertiesLowSocWarning);
+  const batteryEstimatedMileageValue = useSpecState(specPowerBatteryPropertiesBatteryEstimatedMileage);
+  const dcdRangeSOCTypeDisplayValue = useSpecState(specPowerBatteryPropertiesDCDRangeSOCTypeDisplay);
+  const cltcEstimatedRangeValue = useSpecState(specPowerBatteryPropertiesCLTCEstimatedRange);
+  const distanceUnit = useMemo(() => {
+    const text = getLocalI18n('car_distance_value_km');
+    if (typeof text === 'string') {
+      const match = text.match(/\[([^\]]+)\]/);
+      if (match && match[1]) {
+        return match[1];
+      }
+    }
+    return 'km';
+  }, []);
+  const getRangeDisplayData = useCallback(() => {
+    if (dcdRangeSOCTypeDisplayValue === undefined) {
+      return {
+        currentRange: 0,
+        totalRange: 100,
+        unit: '%',
+        color: colorToken.mjcard_color_green_2
+      };
+    }
+    const dcdType = Number(dcdRangeSOCTypeDisplayValue);
+    let color = colorToken.mjcard_color_green_2;
+    const lowSocWarning = Number(lowSocWarningValue);
+    const batterySoCDisplay = Number(batterySoCDisplayValue);
+    const batteryEstimatedMileage = Number(batteryEstimatedMileageValue);
+    const cltcEstimatedRange = Number(cltcEstimatedRangeValue);
+
+    // Determine color based on low SOC warning level
+    if (getValueBySpecDescription(specPowerBatteryPropertiesLowSocWarning, 'Level2 Warning') === lowSocWarning) {
+      color = colorToken.mjcard_color_yellow_2;
+    } else if (getValueBySpecDescription(specPowerBatteryPropertiesLowSocWarning, 'Level1 Warning') === lowSocWarning) {
+      color = colorToken.mjcard_color_red_2;
+    }
+
+    // 1. Battery SOC percentage
+    if (getValueBySpecDescription(specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, 'SOC') === dcdType) {
+      return {
+        currentRange: batterySoCDisplay || 0,
+        totalRange: specPowerBatteryPropertiesBatterySoCDisplay?.prop?.['value-range']?.[1] || 100,
+        unit: '%',
+        color
+      };
+    }
+
+    // 2. CLTC Range
+    if (getValueBySpecDescription(specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, 'CLTCRange') === dcdType) {
+      return {
+        currentRange: cltcEstimatedRange || 0,
+        totalRange: specPowerBatteryPropertiesCLTCEstimatedRange?.prop?.['value-range']?.[1] || 100,
+        unit: distanceUnit,
+        color
+      };
+    }
+
+    // 3. Battery mileage in km
+    if (getValueBySpecDescription(specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, 'MiRange') === dcdType) {
+      return {
+        currentRange: batteryEstimatedMileage || 0,
+        totalRange: specPowerBatteryPropertiesBatteryEstimatedMileage?.prop?.['value-range']?.[1] || 100,
+        unit: distanceUnit,
+        color
+      };
+    }
+    return {
+      currentRange: 0,
+      totalRange: 100,
+      unit: '%',
+      color: colorToken.mjcard_color_green_2
+    };
+  }, [dcdRangeSOCTypeDisplayValue, lowSocWarningValue, batterySoCDisplayValue, batteryEstimatedMileageValue, cltcEstimatedRangeValue, specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, specPowerBatteryPropertiesLowSocWarning, specPowerBatteryPropertiesBatterySoCDisplay, specPowerBatteryPropertiesBatteryEstimatedMileage, specPowerBatteryPropertiesCLTCEstimatedRange, distanceUnit, colorToken]);
+  return useMemo(() => getRangeDisplayData(), [getRangeDisplayData]);
+};

package/dist/hooks/useSteeringWheelData.d.ts

@@ -0,0 +1,11 @@
+import { Spec } from '../types';
+interface UseSteeringWheelDataProps {
+    specBodySteeringWheelPropertiesSteeringWheelHeating: Spec;
+}
+export declare const useSteeringWheelData: ({ specBodySteeringWheelPropertiesSteeringWheelHeating, }: UseSteeringWheelDataProps) => {
+    steeringWheelTitle: string | Record<string, string>;
+    steeringWheelHeatState: any;
+    onSteeringWheelHotChange: (val: any) => void;
+    steeringWheelOptions: any;
+};
+export {};

package/dist/hooks/useSteeringWheelData.js

@@ -0,0 +1,56 @@
+/* eslint-disable no-console, @typescript-eslint/no-explicit-any */
+import { useMemo, useCallback } from 'react';
+import { setSpec, useSpecState } from '@miot-rn/common-component/dist/store/useGlobalSpecManager';
+import { getSpecValueList, getValueBySpecDescriptions } from '@miot-rn/common-component/dist/specs/instance-parser';
+import { getLocalI18n } from "../utils/getLocalI18n";
+import { SteeringWheelHotGear } from "../config";
+const {
+  steeringWheelTitle,
+  steeringWheelClose,
+  steeringWheelFirst,
+  steeringWheelSecond,
+  steeringWheelThird
+} = {
+  steeringWheelTitle: getLocalI18n('car_steering_wheel_hot'),
+  steeringWheelClose: getLocalI18n('car_steering_wheel_hot_close'),
+  steeringWheelFirst: getLocalI18n('car_steering_wheel_hot_first'),
+  steeringWheelSecond: getLocalI18n('car_steering_wheel_hot_second'),
+  steeringWheelThird: getLocalI18n('car_steering_wheel_hot_third')
+};
+export const useSteeringWheelData = ({
+  specBodySteeringWheelPropertiesSteeringWheelHeating
+}) => {
+  const steeringWheelHeatState = useSpecState(specBodySteeringWheelPropertiesSteeringWheelHeating);
+  const onSteeringWheelHotChange = useCallback(val => {
+    setSpec({
+      ...specBodySteeringWheelPropertiesSteeringWheelHeating,
+      value: val
+    }).then(res => {
+      console.log('onSteeringWheelHotChange---res', res);
+    });
+  }, [specBodySteeringWheelPropertiesSteeringWheelHeating]);
+  const steeringWheelOptions = useMemo(() => getSpecValueList(specBodySteeringWheelPropertiesSteeringWheelHeating).map(item => {
+    const SteeringWheelHotGearText = {
+      [SteeringWheelHotGear.OFF]: steeringWheelClose,
+      [SteeringWheelHotGear.Level1]: steeringWheelFirst,
+      [SteeringWheelHotGear.Level2]: steeringWheelSecond,
+      [SteeringWheelHotGear.Level3]: steeringWheelThird,
+      [SteeringWheelHotGear.Off]: steeringWheelClose,
+      [SteeringWheelHotGear['Level 1']]: steeringWheelFirst,
+      [SteeringWheelHotGear['Level 2']]: steeringWheelSecond,
+      [SteeringWheelHotGear['Level 3']]: steeringWheelThird
+    };
+    return {
+      ...item,
+      // @ts-ignore
+      label: SteeringWheelHotGearText[item.description || ''],
+      colorType: item.value !== getValueBySpecDescriptions(specBodySteeringWheelPropertiesSteeringWheelHeating, [SteeringWheelHotGear.OFF, SteeringWheelHotGear.Off]) ? 'orange' : undefined
+    };
+  }), [specBodySteeringWheelPropertiesSteeringWheelHeating]);
+  return {
+    steeringWheelTitle,
+    steeringWheelHeatState,
+    onSteeringWheelHotChange,
+    steeringWheelOptions
+  };
+};

package/dist/icons/CarInUsed.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SvgProps } from 'react-native-svg';
+declare const CarInUsed: (props: SvgProps) => React.JSX.Element;
+export default CarInUsed;

package/dist/icons/CarInUsed.js

@@ -0,0 +1,13 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+const CarInUsed = props => /*#__PURE__*/React.createElement(Svg, _extends({
+  width: 20,
+  height: 20,
+  fill: "none",
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement(Path, {
+  fill: props.fill,
+  d: "M13.201 3.672c.145.008.289.025.43.062q.347.091.641.295c.24.166.427.394.614.611l2.832 3.304h.839a.834.834 0 0 1 0 1.667h-.083v5.216c0 .158 0 .326-.01.47a1.5 1.5 0 0 1-.147.553c-.139.272-.36.492-.632.63-.202.104-.4.135-.553.147-.144.012-.312.012-.47.012h-1.145c-.202 0-.41.003-.615-.036a2 2 0 0 1-.484-.155c-.19-.089-.357-.212-.522-.33l-1.119-.798a2 2 0 0 0-.253-.173.4.4 0 0 0-.092-.03 2 2 0 0 0-.307-.007H7.88c-.262 0-.29.004-.308.008a.4.4 0 0 0-.091.029c-.017.008-.04.02-.254.173l-1.119.799c-.164.117-.331.24-.522.329a2 2 0 0 1-.484.155c-.206.039-.413.036-.615.036H3.34c-.157 0-.325 0-.469-.012a1.5 1.5 0 0 1-.553-.146 1.45 1.45 0 0 1-.631-.63 1.5 1.5 0 0 1-.146-.554c-.012-.144-.012-.312-.012-.47V9.611h-.083a.834.834 0 0 1 0-1.667h.838L5.117 4.64c.186-.218.372-.445.613-.611.195-.134.412-.234.64-.295.284-.075.578-.068.864-.068h5.534zm-5.967 1.66c-.375 0-.412.007-.437.014a.4.4 0 0 0-.121.055c-.02.014-.05.04-.294.324L3.3 9.319a1 1 0 0 1-.104.101v5.551l.144.001h1.146c.262 0 .289-.004.307-.007a.4.4 0 0 0 .092-.03c.016-.007.041-.02.254-.172l1.119-.8c.164-.117.33-.24.52-.328q.233-.108.485-.155c.206-.04.414-.036.616-.036h4.246c.202 0 .41-.003.615.036q.252.047.485.155c.19.088.357.211.521.329l1.12.799c.211.151.236.165.252.172q.045.021.092.03c.018.003.046.007.307.007h1.289l.001-.145V9.42a1 1 0 0 1-.105-.1L13.62 5.724c-.244-.285-.273-.31-.294-.324a.4.4 0 0 0-.12-.055.4.4 0 0 0-.088-.01l-.35-.003zm6.16 3.27a.834.834 0 0 1 .629 1.541l-.08.032h-.001l-.003.002-.006.002-.02.006q-.02.008-.058.019a5 5 0 0 1-.204.058 9 9 0 0 1-.756.16c-.658.116-1.622.228-2.893.228s-2.236-.112-2.894-.227a9 9 0 0 1-.755-.161 5 5 0 0 1-.264-.077l-.018-.006-.006-.002-.003-.002H6.06a.834.834 0 0 1 .55-1.573l.026.008q.042.013.14.04c.13.034.337.082.62.131.564.1 1.433.202 2.606.202s2.041-.103 2.606-.202c.282-.049.49-.097.62-.131q.097-.027.139-.04z"
+}));
+export default CarInUsed;

package/dist/icons/DeviceManage.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SvgProps } from 'react-native-svg';
+declare const DeviceManage: (props: SvgProps) => React.JSX.Element;
+export default DeviceManage;

package/dist/icons/DeviceManage.js

@@ -0,0 +1,13 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+const DeviceManage = props => /*#__PURE__*/React.createElement(Svg, _extends({
+  width: 20,
+  height: 20,
+  fill: "none",
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement(Path, {
+  fill: props.fill,
+  d: "M10 1.388a8.613 8.613 0 0 1 0 17.224 8.612 8.612 0 0 1 0-17.224m0 1.668a6.944 6.944 0 1 0 0 13.889 6.944 6.944 0 0 0 0-13.89M4.888 8.682a.834.834 0 0 1 1.615.415q-.112.432-.114.903a3.61 3.61 0 0 0 3.931 3.595.831.831 0 0 1 1.142-1.017l1.112.516a.834.834 0 0 1 .066 1.477 5.279 5.279 0 0 1-7.751-5.89M10 4.722a5.278 5.278 0 0 1 5.111 6.597.834.834 0 0 1-1.614-.416q.113-.432.114-.903A3.61 3.61 0 0 0 9.68 6.405a.831.831 0 0 1-1.142 1.018l-1.11-.517a.834.834 0 0 1-.067-1.477A5.26 5.26 0 0 1 10 4.723"
+}));
+export default DeviceManage;