@miot-rn/car-component 1.0.4 → 1.0.6

package/dist/modules/seatModule/index.js

@@ -1,13 +1,73 @@
 /* eslint-disable no-console */
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { SeatControlGroup } from "../../components/seatControlGroup";
 import { useSeatControlData } from "../../hooks";
+import { useCardTrack } from '@miot-rn/common-component/dist/service/track';
+import { reportTrack } from '@miot-rn/common-component/dist/service/track';
+import { useSpecState } from '@miot-rn/common-component/dist/store/useGlobalSpecManager';
+import { CAR_CARD, CAR_ITEM } from "../../track/config";
+
+// 车插件埋点设计表定义的座椅 card_name（sheet 第 63/66/72 行）。
+const SEAT_CARD_MAP = {
+  Row1Left: 'driver_seat',
+  Row1Right: 'passenger_seat',
+  Row2Left: 'rear_left_seat',
+  Row2Middle: 'rear_middle_seat',
+  Row2Right: 'rear_right_seat',
+  ThirdRowLeft: 'third_left_seat',
+  ThirdRowMiddle: 'third_middle_seat',
+  ThirdRowRight: 'third_right_seat'
+};
+const GEAR_LEVEL_MAP = {
+  0: 'off',
+  1: 'level_1',
+  2: 'level_2',
+  3: 'level_3'
+};
+const toGearLabel = v => GEAR_LEVEL_MAP[Number(v)] || String(v);
+
+// 座椅埋点矩阵：cardName 通过 SEAT_CARD_MAP 从 heating spec.sDescription 兜底获取，
+// 与 onSeatChange 里的取值路径保持一致，避免 expose / click 上 card_name 口径不一致。
+// 第三排（ThirdRow*）仅加热无通风，ventilationKey 为 undefined。
+const SEAT_SPEC_MATRIX = [{
+  heatingKey: 'specSeatRow1LeftPropertiesHeating',
+  ventilationKey: 'specSeatRow1LeftPropertiesSeatVentilation',
+  cardName: SEAT_CARD_MAP.Row1Left
+}, {
+  heatingKey: 'specSeatRow1RightPropertiesHeating',
+  ventilationKey: 'specSeatRow1RightPropertiesSeatVentilation',
+  cardName: SEAT_CARD_MAP.Row1Right
+}, {
+  heatingKey: 'specSeatRow2LeftPropertiesHeating',
+  ventilationKey: 'specSeatRow2LeftPropertiesSeatVentilation',
+  cardName: SEAT_CARD_MAP.Row2Left
+}, {
+  heatingKey: 'specSeatRow2MiddlePropertiesHeating',
+  ventilationKey: 'specSeatRow2MiddlePropertiesSeatVentilation',
+  cardName: SEAT_CARD_MAP.Row2Middle
+}, {
+  heatingKey: 'specSeatRow2RightPropertiesHeating',
+  ventilationKey: 'specSeatRow2RightPropertiesSeatVentilation',
+  cardName: SEAT_CARD_MAP.Row2Right
+}, {
+  heatingKey: 'specSeatRow3LeftPropertiesHeating',
+  cardName: SEAT_CARD_MAP.ThirdRowLeft
+}, {
+  heatingKey: 'specSeatRow3MiddlePropertiesHeating',
+  cardName: SEAT_CARD_MAP.ThirdRowMiddle
+}, {
+  heatingKey: 'specSeatRow3RightPropertiesHeating',
+  cardName: SEAT_CARD_MAP.ThirdRowRight
+}];
 export const SeatModule = ({
   specs,
   disabled = false,
   onSeatChange,
   style
 }) => {
+  useCardTrack({
+    cardName: CAR_CARD.SEAT_ALL
+  });
   const {
     seatRows,
     seatTitles,
@@ -18,6 +78,77 @@ export const SeatModule = ({
     disabled,
     onSeatChange
   });
+
+  // 加热/通风按钮的当前档位：仅用于给 expose 补 item_content，与 onSeatChange 中 GEAR_LEVEL_MAP 保持一致。
+  // 顺序与 SEAT_SPEC_MATRIX 一一对应；第三排无通风，对应位置为 undefined。
+  const row1LeftHeatingValue = useSpecState(specs.specSeatRow1LeftPropertiesHeating);
+  const row1LeftVentValue = useSpecState(specs.specSeatRow1LeftPropertiesSeatVentilation);
+  const row1RightHeatingValue = useSpecState(specs.specSeatRow1RightPropertiesHeating);
+  const row1RightVentValue = useSpecState(specs.specSeatRow1RightPropertiesSeatVentilation);
+  const row2LeftHeatingValue = useSpecState(specs.specSeatRow2LeftPropertiesHeating);
+  const row2LeftVentValue = useSpecState(specs.specSeatRow2LeftPropertiesSeatVentilation);
+  const row2MiddleHeatingValue = useSpecState(specs.specSeatRow2MiddlePropertiesHeating);
+  const row2MiddleVentValue = useSpecState(specs.specSeatRow2MiddlePropertiesSeatVentilation);
+  const row2RightHeatingValue = useSpecState(specs.specSeatRow2RightPropertiesHeating);
+  const row2RightVentValue = useSpecState(specs.specSeatRow2RightPropertiesSeatVentilation);
+  const row3LeftHeatingValue = useSpecState(specs.specSeatRow3LeftPropertiesHeating);
+  const row3MiddleHeatingValue = useSpecState(specs.specSeatRow3MiddlePropertiesHeating);
+  const row3RightHeatingValue = useSpecState(specs.specSeatRow3RightPropertiesHeating);
+  const heatingValues = [row1LeftHeatingValue, row1RightHeatingValue, row2LeftHeatingValue, row2MiddleHeatingValue, row2RightHeatingValue, row3LeftHeatingValue, row3MiddleHeatingValue, row3RightHeatingValue];
+  const ventilationValues = [row1LeftVentValue, row1RightVentValue, row2LeftVentValue, row2MiddleVentValue, row2RightVentValue, undefined, undefined, undefined];
+
+  // 各座椅卡片 + 加热/通风按钮曝光。
+  // 按钮 expose 需带 item_content=当前档位（off/level_1..3），必须等 spec 值就绪；用 ref set 防重复上报。
+  const exposedKeysRef = useRef(new Set());
+  useEffect(() => {
+    SEAT_SPEC_MATRIX.forEach(({
+      heatingKey,
+      ventilationKey,
+      cardName
+    }, idx) => {
+      const heatingSpec = specs[heatingKey];
+      const ventilationSpec = ventilationKey ? specs[ventilationKey] : undefined;
+      if (!heatingSpec && !ventilationSpec) return;
+      const cardKey = `card:${cardName}`;
+      if (!exposedKeysRef.current.has(cardKey)) {
+        reportTrack(['expose'], {
+          item_type: 'card',
+          card_name: cardName
+        });
+        exposedKeysRef.current.add(cardKey);
+      }
+      if (heatingSpec) {
+        const value = heatingValues[idx];
+        if (value !== undefined) {
+          const key = `btn:${cardName}:${CAR_ITEM.SEAT_HEATING}`;
+          if (!exposedKeysRef.current.has(key)) {
+            reportTrack(['expose'], {
+              item_type: 'button',
+              card_name: cardName,
+              item_name: CAR_ITEM.SEAT_HEATING,
+              item_content: toGearLabel(value)
+            });
+            exposedKeysRef.current.add(key);
+          }
+        }
+      }
+      if (ventilationSpec) {
+        const value = ventilationValues[idx];
+        if (value !== undefined) {
+          const key = `btn:${cardName}:${CAR_ITEM.SEAT_VENTILATION}`;
+          if (!exposedKeysRef.current.has(key)) {
+            reportTrack(['expose'], {
+              item_type: 'button',
+              card_name: cardName,
+              item_name: CAR_ITEM.SEAT_VENTILATION,
+              item_content: toGearLabel(value)
+            });
+            exposedKeysRef.current.add(key);
+          }
+        }
+      }
+    });
+  }, [specs, heatingValues, ventilationValues]);
   if (!hasSeats) {
     return null;
   }
@@ -25,7 +156,27 @@ export const SeatModule = ({
     seatRows: seatRows,
     title: seatTitles.groupTitle,
     onSeatChange: params => {
-      // Convert from SeatControlGroup format to useSeatControlData format
+      // 埋点：从 spec.sDescription 提取座椅位置
+      const seatCardName = SEAT_CARD_MAP[params.spec?.sDescription] || 'unknown_seat';
+      const itemName = params.propType === 'heating' ? 'seat_heating' : 'seat_ventilation';
+      const itemContent = GEAR_LEVEL_MAP[Number(params.currentValue)] || String(params.currentValue);
+      // 1. 整体座椅卡片级 click
+      reportTrack(['click'], {
+        item_type: 'card',
+        card_name: CAR_CARD.SEAT_ALL
+      });
+      // 2. 具体座椅卡片级 click
+      reportTrack(['click'], {
+        item_type: 'card',
+        card_name: seatCardName
+      });
+      // 3. 元素级 click
+      reportTrack(['click'], {
+        item_type: 'button',
+        card_name: seatCardName,
+        item_name: itemName,
+        item_content: itemContent
+      });
       handleSeatChangeFromHook({
         propType: params.propType,
         spec: params.spec,

package/dist/modules/steeringWheelModule/index.js

@@ -1,7 +1,18 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { SteeringWheelHotCard } from "../../components/steeringWheelHotCard";
 import { useSteeringWheelData } from "../../hooks/useSteeringWheelData";
 import { ConnectStatus } from "../../hooks";
+import { useCardTrack } from '@miot-rn/common-component/dist/service/track';
+import { CAR_CARD } from "../../track/config";
+/**
+ * 档位埋点标签：按 spec 档位值映射为 off / level_1 / level_2 / level_3。
+ * 不能依赖 description（spec value-list 为 "Level1"/"Level2"，无空格，replace(/\s/) 会得到 level1 缺下划线）。
+ */
+const getGearTrackLabel = value => {
+  const n = Number(value);
+  if (!Number.isFinite(n) || n <= 0) return 'off';
+  return `level_${n}`;
+};
 export const SteeringWheelModule = ({
   specs,
   connectStatus,
@@ -10,6 +21,12 @@ export const SteeringWheelModule = ({
   const {
     specBodySteeringWheelPropertiesSteeringWheelHeating
   } = specs;
+  const {
+    trackClick,
+    trackExpose
+  } = useCardTrack({
+    cardName: CAR_CARD.STEERING_WHEEL
+  });
   const {
     steeringWheelTitle,
     steeringWheelHeatState,
@@ -18,6 +35,21 @@ export const SteeringWheelModule = ({
   } = useSteeringWheelData({
     specBodySteeringWheelPropertiesSteeringWheelHeating: specBodySteeringWheelPropertiesSteeringWheelHeating
   });
+
+  // 每个档位按钮的曝光（off / level_1 / level_2 / level_3）
+  useEffect(() => {
+    if (!specBodySteeringWheelPropertiesSteeringWheelHeating) return;
+    (steeringWheelOptions || []).forEach(option => {
+      const level = getGearTrackLabel(option?.value);
+      trackExpose(level);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [specBodySteeringWheelPropertiesSteeringWheelHeating]);
+  const handleChange = val => {
+    const level = getGearTrackLabel(val);
+    trackClick(level);
+    onSteeringWheelHotChange(val);
+  };
   return /*#__PURE__*/React.createElement(SteeringWheelHotCard, {
     steeringWheelTitle: steeringWheelTitle,
     disabled: connectStatus !== ConnectStatus.CONNECTED || isCarRunning,
@@ -25,7 +57,7 @@ export const SteeringWheelModule = ({
     // @ts-ignore
     ,
     options: steeringWheelOptions,
-    onChange: onSteeringWheelHotChange
+    onChange: handleChange
   });
 };
 export default SteeringWheelModule;