@miot-rn/car-component 1.0.1

package/README.md

@@ -0,0 +1,325 @@
+# @miot-rn/car-component
+
+汽车业务组件库，提供了一系列专为汽车插件开发设计的UI组件。
+
+## 背景
+
+为了能够提供灵活支持插件开发者的业务组件功能，miot-react-native-plugins 项目提供了一系列丰富的业务UI组件包，其他开发者可以基于此业务UI组件包集合进行插件开发，减少开发工作量。
+
+## 安装
+
+```bash
+yarn add @miot-rn/car-component
+# 或者
+npm install @miot-rn/car-component
+```
+
+## 组件文档
+
+### 1. AirConditioningCard (空调卡片)
+
+**描述**: 提供空调控制功能的卡片组件，支持开关、温度调节、风速控制等功能。
+
+**导入方式**:
+```typescript
+import { AirConditioningCard } from '@miot-rn/car-component';
+```
+
+**Props**:
+
+| 属性 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| hvacStatus | `boolean` | 是 | 空调开关状态 |
+| hvacDefrosterStatus | `boolean` | 是 | 除霜开关状态 |
+| targetTemperature | `number` | 是 | 目标温度 |
+| onHvacStatusChange | `(value: boolean) => void` | 是 | 空调状态变化回调 |
+| onHvacDefrosterChange | `(value: boolean) => void` | 是 | 除霜状态变化回调 |
+| onHvacTemperatureChange | `(value: number) => void` | 是 | 温度变化回调 |
+| hvacTitle | `string` | 否 | 空调标题 |
+| hvacDefrosterTitle | `string` | 否 | 除霜标题 |
+| hvacDefrosterSubtitle | `string` | 否 | 除霜副标题 |
+| insideTip | `string` | 否 | 内部提示文本 |
+| outsideTip | `string` | 否 | 外部提示文本 |
+| temperatureStep | `number` | 否 | 温度调节步长 |
+| desgreeUnit | `string` | 否 | 温度单位 |
+
+**使用示例**:
+```typescript
+import React from 'react';
+import { AirConditioningCard } from '@miot-rn/car-component';
+
+const App = () => {
+  const [hvacStatus, setHvacStatus] = React.useState(false);
+  const [hvacDefrosterStatus, setHvacDefrosterStatus] = React.useState(false);
+  const [targetTemperature, setTargetTemperature] = React.useState(22);
+
+  return (
+    <AirConditioningCard
+      hvacStatus={hvacStatus}
+      hvacDefrosterStatus={hvacDefrosterStatus}
+      targetTemperature={targetTemperature}
+      hvacTitle="空调"
+      hvacDefrosterTitle="前除霜"
+      hvacDefrosterSubtitle="自动关闭"
+      insideTip="车内 22°C"
+      outsideTip="车外 28°C"
+      temperatureStep={1}
+      desgreeUnit="°C"
+      onHvacStatusChange={setHvacStatus}
+      onHvacDefrosterChange={setHvacDefrosterStatus}
+      onHvacTemperatureChange={setTargetTemperature}
+    />
+  );
+};
+```
+
+### 2. GroupContainer (分组容器)
+
+**描述**: 用于将多个组件组合在一起的容器组件，支持标题显示和分隔线。
+
+**导入方式**:
+```typescript
+import { GroupContainer } from '@miot-rn/car-component';
+```
+
+**Props**:
+
+| 属性 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| title | `string` | 是 | 分组标题 |
+| children | `React.ReactNode` | 是 | 子组件 |
+
+**使用示例**:
+```typescript
+import React from 'react';
+import { GroupContainer } from '@miot-rn/car-component';
+import { View, Text } from 'react-native';
+
+const App = () => {
+  return (
+    <GroupContainer title="车辆设置">
+      <View>
+        <Text>设置项 1</Text>
+      </View>
+      <View>
+        <Text>设置项 2</Text>
+      </View>
+    </GroupContainer>
+  );
+};
+```
+
+### 3. OtherSettingCard (其他设置卡片)
+
+**描述**: 提供其他设置选项的卡片组件，支持多种设置项的展示和控制。
+
+**导入方式**:
+```typescript
+import { OtherSettingCard } from '@miot-rn/car-component';
+```
+
+**Props**:
+
+| 属性 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| usedInCarTip | `string` | 是 | 车内使用提示文本 |
+| deviceManageTip | `string` | 是 | 设备管理提示文本 |
+
+**使用示例**:
+```typescript
+import React from 'react';
+import { OtherSettingCard } from '@miot-rn/car-component';
+
+const App = () => {
+  return (
+    <OtherSettingCard
+      usedInCarTip="车内使用"
+      deviceManageTip="设备管理"
+    />
+  );
+};
+```
+
+### 4. SteeringWheelHotCard (方向盘加热卡片)
+
+**描述**: 提供方向盘加热控制功能的卡片组件，支持多档位调节。
+
+**导入方式**:
+```typescript
+import { SteeringWheelHotCard } from '@miot-rn/car-component';
+```
+
+**Props**:
+
+| 属性 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| value | `string` | 是 | 当前加热档位 |
+| onChange | `(value: string) => void` | 是 | 档位变化回调 |
+| options | `Array<HeatingOption>` | 否 | 加热选项配置 |
+
+**HeatingOption 类型**:
+```typescript
+interface HeatingOption {
+  value: string;
+  label: string;
+  description: string;
+  colorType?: 'primary' | 'secondary';
+}
+```
+
+**预设档位**:
+- `OFF`: 关闭
+- `Level1`: 一档
+- `Level2`: 二档
+- `Level3`: 三档
+
+**使用示例**:
+```typescript
+import React from 'react';
+import { SteeringWheelHotCard } from '@miot-rn/car-component';
+
+const App = () => {
+  const [heatingLevel, setHeatingLevel] = React.useState('OFF');
+
+  const heatingOptions = [
+    { value: 'OFF', label: '关闭', description: 'OFF' },
+    { value: 'Level1', label: '一档', description: 'Level1' },
+    { value: 'Level2', label: '二档', description: 'Level2' },
+    { value: 'Level3', label: '三档', description: 'Level3' }
+  ];
+
+  return (
+    <SteeringWheelHotCard
+      value={heatingLevel}
+      onChange={setHeatingLevel}
+      options={heatingOptions}
+    />
+  );
+};
+```
+
+## 组合使用示例
+
+```typescript
+import React from 'react';
+import { View, ScrollView } from 'react-native';
+import {
+  AirConditioningCard,
+  GroupContainer,
+  OtherSettingCard,
+  SteeringWheelHotCard
+} from '@miot-rn/car-component';
+
+const CarControlPanel = () => {
+  const [hvacStatus, setHvacStatus] = React.useState(false);
+  const [hvacDefrosterStatus, setHvacDefrosterStatus] = React.useState(false);
+  const [targetTemperature, setTargetTemperature] = React.useState(22);
+  const [heatingLevel, setHeatingLevel] = React.useState('OFF');
+
+  return (
+    <ScrollView>
+      {/* 空调控制组 */}
+      <GroupContainer title="空调控制">
+        <AirConditioningCard
+          hvacStatus={hvacStatus}
+          hvacDefrosterStatus={hvacDefrosterStatus}
+          targetTemperature={targetTemperature}
+          hvacTitle="空调"
+          onHvacStatusChange={setHvacStatus}
+          onHvacDefrosterChange={setHvacDefrosterStatus}
+          onHvacTemperatureChange={setTargetTemperature}
+        />
+      </GroupContainer>
+
+      {/* 方向盘加热组 */}
+      <GroupContainer title="方向盘加热">
+        <SteeringWheelHotCard
+          value={heatingLevel}
+          onChange={setHeatingLevel}
+        />
+      </GroupContainer>
+
+      {/* 其他设置组 */}
+      <GroupContainer title="其他设置">
+        <OtherSettingCard
+          usedInCarTip="车内使用"
+          deviceManageTip="设备管理"
+        />
+      </GroupContainer>
+    </ScrollView>
+  );
+};
+
+export default CarControlPanel;
+```
+
+## 主题定制
+
+所有组件都支持通过 `ConfigContext` 进行主题定制：
+
+```typescript
+import { ConfigContext } from 'miot/ui/hyperOSUI';
+
+const theme = {
+  colorToken: {
+    mjcard_color_miui_1: '#FF6900',
+    mj_color_gray_card_1: '#F5F5F5',
+    mj_color_gray_text_4: '#666666',
+    mj_color_gray_icon_1: '#999999'
+  }
+};
+
+// 在组件树中提供主题
+<ConfigContext.Provider value={theme}>
+  <YourComponents />
+</ConfigContext.Provider>
+```
+
+## 开发指南
+
+### 本地开发
+
+```bash
+cd packages/car-component
+yarn install
+yarn build
+```
+
+### 类型检查
+
+```bash
+yarn tsc --noEmit
+```
+
+### 代码规范
+
+```bash
+yarn lint
+yarn lint-fix
+```
+
+### 格式化
+
+```bash
+yarn format
+```
+
+## 注意事项
+
+1. **最低 SDK 版本**: 请确保在使用前检查 `package.json` 中的 `min_sdk_api_level` 字段
+2. **依赖**: 本组件依赖 `miot/ui/hyperOSUI` 和 `miot/ui/icons`，请确保这些依赖已正确安装
+3. **React Native 版本**: 本组件适用于 React Native 0.61.0 及以上版本
+4. **TypeScript**: 本组件使用 TypeScript 编写，提供完整的类型支持
+
+## 贡献指南
+
+1. 新增组件需要在 `src` 目录下创建对应文件夹
+2. 组件需要导出类型定义
+3. 更新 `src/index.ts` 文件以导出新组件
+4. 更新本 README 文档
+5. 确保通过所有类型检查和代码规范检查
+
+## License
+
+MIT
+

package/dist/assets/i18n/ar.d.ts

@@ -0,0 +1,55 @@
+declare const _default: {
+    car_notice_msg_car_status_of_run: string;
+    car_notice_msg_car_status_of_start: string;
+    car_other_setting: string;
+    car_air_condition_tip: string;
+    car_inside_car_tip: string;
+    car_outside_car_tip: string;
+    car_used_in_car_tip: string;
+    car_device_manage_tip: string;
+    car_air_condition_unit_of_degree: string;
+    car_air_condition_name: string;
+    car_air_condition_defog: string;
+    car_steering_wheel_hot: string;
+    car_steering_wheel_hot_close: string;
+    car_steering_wheel_hot_first: string;
+    car_steering_wheel_hot_second: string;
+    car_steering_wheel_hot_third: string;
+    car_connect_status_connecting: string;
+    car_connect_status_connecting_day: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_connecting_hour: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_connecting_minute: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_disconnected: string;
+    car_title_power_status_parking: string;
+    car_title_power_status_run: string;
+    car_title_power_status_locked: string;
+    car_seat: string;
+    car_seat_front_left: string;
+    car_seat_front_right: string;
+    car_seat_rear_left: string;
+    car_seat_rear_center: string;
+    car_seat_rear_right: string;
+    car_distance_value_km: string;
+};
+export default _default;

package/dist/assets/i18n/ar.js

@@ -0,0 +1,55 @@
+// 阿拉伯语语言包
+export default {
+  car_notice_msg_car_status_of_run: 'لا يمكن استخدام هذه الميزة أثناء تحرك السيارة',
+  car_notice_msg_car_status_of_start: 'لا تتوفر عناصر التحكم عندما تكون السيارة قيد التشغيل',
+  car_other_setting: 'أدوات أخرى',
+  car_air_condition_tip: 'سَيتم تشغيل مكيف الهواء أيضًا',
+  car_inside_car_tip: 'درجة حرارة المقصورة: ${}°',
+  car_outside_car_tip: 'الخارج: ${}°',
+  car_used_in_car_tip: 'المفضلة للمركبة',
+  car_device_manage_tip: 'إدارة تجوال الجهاز',
+  car_air_condition_unit_of_degree: '${}°',
+  car_air_condition_name: 'مكيّف الهواء (A/C)',
+  car_air_condition_defog: 'إزالة الصقيع',
+  car_steering_wheel_hot: 'تسخين عجلة القيادة',
+  car_steering_wheel_hot_close: 'إيقاف',
+  car_steering_wheel_hot_first: 'المستوى 1',
+  car_steering_wheel_hot_second: 'المستوى 2',
+  car_steering_wheel_hot_third: 'المستوى 3',
+  car_connect_status_connecting: 'جارٍ الاتصال…',
+  car_connect_status_connecting_day: {
+    zero: 'جارٍ الاتصال… (آخر تحديث قبل ${} يومًا)',
+    one: 'جارٍ الاتصال… (آخر تحديث قبل ${} يومًا)',
+    two: 'جارٍ الاتصال… (آخر تحديث قبل يومين ${})',
+    few: 'جارٍ الاتصال… (آخر تحديث قبل ${} أيام)',
+    many: 'جارٍ الاتصال… (آخر تحديث قبل ${} يومًا)',
+    other: 'جارٍ الاتصال… (آخر تحديث قبل ${} يومًا)'
+  },
+  car_connect_status_connecting_hour: {
+    zero: 'جارٍ الاتصال… (آخر تحديث قبل ${} ساعة)',
+    one: 'جارٍ الاتصال… (آخر تحديث قبل ${} ساعة)',
+    two: 'جارٍ الاتصال… (آخر تحديث قبل ساعتين ${})',
+    few: 'جارٍ الاتصال… (آخر تحديث قبل ${} ساعات)',
+    many: 'جارٍ الاتصال… (آخر تحديث قبل ${} ساعة)',
+    other: 'جارٍ الاتصال… (آخر تحديث قبل ${} ساعة)'
+  },
+  car_connect_status_connecting_minute: {
+    zero: 'جارٍ الاتصال… (آخر تحديث قبل ${} دقيقة)',
+    one: 'جارٍ الاتصال… (آخر تحديث قبل ${} دقيقة)',
+    two: 'جارٍ الاتصال… (آخر تحديث قبل دقيقتين ${})',
+    few: 'جارٍ الاتصال… (آخر تحديث قبل ${} دقائق)',
+    many: 'جارٍ الاتصال… (آخر تحديث قبل ${} دقيقة)',
+    other: 'جارٍ الاتصال… (آخر تحديث قبل ${} دقيقة)'
+  },
+  car_connect_status_disconnected: 'تعذّر الاتصال',
+  car_title_power_status_parking: 'تم ركن السيارة',
+  car_title_power_status_run: 'في وضع القيادة',
+  car_title_power_status_locked: 'تم قفل السيارة',
+  car_seat: 'المقاعد',
+  car_seat_front_left: 'السائق',
+  car_seat_front_right: 'الراكب',
+  car_seat_rear_left: 'الخلفي (الأيسر)',
+  car_seat_rear_center: 'الخلفي (الوسط)',
+  car_seat_rear_right: 'الخلفي (الأيمن)',
+  car_distance_value_km: '${} [كم]'
+};

package/dist/assets/i18n/bo.d.ts

@@ -0,0 +1,55 @@
+declare const _default: {
+    car_notice_msg_car_status_of_run: string;
+    car_notice_msg_car_status_of_start: string;
+    car_other_setting: string;
+    car_air_condition_tip: string;
+    car_inside_car_tip: string;
+    car_outside_car_tip: string;
+    car_used_in_car_tip: string;
+    car_device_manage_tip: string;
+    car_air_condition_unit_of_degree: string;
+    car_air_condition_name: string;
+    car_air_condition_defog: string;
+    car_steering_wheel_hot: string;
+    car_steering_wheel_hot_close: string;
+    car_steering_wheel_hot_first: string;
+    car_steering_wheel_hot_second: string;
+    car_steering_wheel_hot_third: string;
+    car_connect_status_connecting: string;
+    car_connect_status_connecting_day: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_connecting_hour: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_connecting_minute: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_disconnected: string;
+    car_title_power_status_parking: string;
+    car_title_power_status_run: string;
+    car_title_power_status_locked: string;
+    car_seat: string;
+    car_seat_front_left: string;
+    car_seat_front_right: string;
+    car_seat_rear_left: string;
+    car_seat_rear_center: string;
+    car_seat_rear_right: string;
+    car_distance_value_km: string;
+};
+export default _default;

package/dist/assets/i18n/bo.js

@@ -0,0 +1,55 @@
+// 藏语（中国）语言包
+export default {
+  car_notice_msg_car_status_of_run: '车辆行驶中不可用',
+  car_notice_msg_car_status_of_start: '车辆处于启动状态，控车功能不可用',
+  car_other_setting: '其他',
+  car_air_condition_tip: '开启后会开启空调',
+  car_inside_car_tip: '车内 ${}°',
+  car_outside_car_tip: '车外 ${}°',
+  car_used_in_car_tip: '车上常用',
+  car_device_manage_tip: '设备漫游管理',
+  car_air_condition_unit_of_degree: '${}°',
+  car_air_condition_name: '空调',
+  car_air_condition_defog: '除霜',
+  car_steering_wheel_hot: '方向盘加热',
+  car_steering_wheel_hot_close: '关闭',
+  car_steering_wheel_hot_first: '1档',
+  car_steering_wheel_hot_second: '2档',
+  car_steering_wheel_hot_third: '3档',
+  car_connect_status_connecting: '连接中，请稍候',
+  car_connect_status_connecting_day: {
+    zero: '连接中，数据更新于${}天之前',
+    one: '连接中，数据更新于${}天之前',
+    two: '连接中，数据更新于${}天之前',
+    few: '连接中，数据更新于${}天之前',
+    many: '连接中，数据更新于${}天之前',
+    other: '连接中，数据更新于${}天之前'
+  },
+  car_connect_status_connecting_hour: {
+    zero: '连接中，数据更新于${}小时之前',
+    one: '连接中，数据更新于${}小时之前',
+    two: '连接中，数据更新于${}小时之前',
+    few: '连接中，数据更新于${}小时之前',
+    many: '连接中，数据更新于${}小时之前',
+    other: '连接中，数据更新于${}小时之前'
+  },
+  car_connect_status_connecting_minute: {
+    zero: '连接中，数据更新于${}分钟之前',
+    one: '连接中，数据更新于${}分钟之前',
+    two: '连接中，数据更新于${}分钟之前',
+    few: '连接中，数据更新于${}分钟之前',
+    many: '连接中，数据更新于${}分钟之前',
+    other: '连接中，数据更新于${}分钟之前'
+  },
+  car_connect_status_disconnected: '连接失败',
+  car_title_power_status_parking: '已驻车',
+  car_title_power_status_run: '行驶中',
+  car_title_power_status_locked: '已锁车',
+  car_seat: '座椅',
+  car_seat_front_left: '主驾',
+  car_seat_front_right: '副驾',
+  car_seat_rear_left: '后左',
+  car_seat_rear_center: '后中',
+  car_seat_rear_right: '后右',
+  car_distance_value_km: '${}[km]'
+};

package/dist/assets/i18n/cs.d.ts

@@ -0,0 +1,55 @@
+declare const _default: {
+    car_notice_msg_car_status_of_run: string;
+    car_notice_msg_car_status_of_start: string;
+    car_other_setting: string;
+    car_air_condition_tip: string;
+    car_inside_car_tip: string;
+    car_outside_car_tip: string;
+    car_used_in_car_tip: string;
+    car_device_manage_tip: string;
+    car_air_condition_unit_of_degree: string;
+    car_air_condition_name: string;
+    car_air_condition_defog: string;
+    car_steering_wheel_hot: string;
+    car_steering_wheel_hot_close: string;
+    car_steering_wheel_hot_first: string;
+    car_steering_wheel_hot_second: string;
+    car_steering_wheel_hot_third: string;
+    car_connect_status_connecting: string;
+    car_connect_status_connecting_day: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_connecting_hour: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_connecting_minute: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    car_connect_status_disconnected: string;
+    car_title_power_status_parking: string;
+    car_title_power_status_run: string;
+    car_title_power_status_locked: string;
+    car_seat: string;
+    car_seat_front_left: string;
+    car_seat_front_right: string;
+    car_seat_rear_left: string;
+    car_seat_rear_center: string;
+    car_seat_rear_right: string;
+    car_distance_value_km: string;
+};
+export default _default;

package/dist/assets/i18n/cs.js

@@ -0,0 +1,55 @@
+// 捷克语语言包
+export default {
+  car_notice_msg_car_status_of_run: 'Tuto funkci nelze používat během jízdy',
+  car_notice_msg_car_status_of_start: 'Ovládací prvky nejsou k dispozici, když je vozidlo zapnuté',
+  car_other_setting: 'Další',
+  car_air_condition_tip: 'Zapne se také klimatizace',
+  car_inside_car_tip: 'Uvnitř: ${}°',
+  car_outside_car_tip: 'Venku: ${}°',
+  car_used_in_car_tip: 'Oblíbená nastavení vozidla',
+  car_device_manage_tip: 'Správa roamingu zařízení',
+  car_air_condition_unit_of_degree: '${}°',
+  car_air_condition_name: 'Klimatizace',
+  car_air_condition_defog: 'Rozmrazování',
+  car_steering_wheel_hot: 'Vyhřívání volantu',
+  car_steering_wheel_hot_close: 'Vypnuto',
+  car_steering_wheel_hot_first: 'Úroveň 1',
+  car_steering_wheel_hot_second: 'Úroveň 2',
+  car_steering_wheel_hot_third: 'Úroveň 3',
+  car_connect_status_connecting: 'Připojování…',
+  car_connect_status_connecting_day: {
+    zero: 'Připojování… (naposledy aktualizováno před ${} dny)',
+    one: 'Připojování… (naposledy aktualizováno před ${} dnem)',
+    two: 'Připojování… (naposledy aktualizováno před ${} dny)',
+    few: 'Připojování… (naposledy aktualizováno před ${} dny)',
+    many: 'Připojování… (naposledy aktualizováno před ${} dny)',
+    other: 'Připojování… (naposledy aktualizováno před ${} dny)'
+  },
+  car_connect_status_connecting_hour: {
+    zero: 'Připojování… (naposledy aktualizováno před ${} hodinami)',
+    one: 'Připojování… (naposledy aktualizováno před ${} hodinou)',
+    two: 'Připojování… (naposledy aktualizováno před ${} hodinami)',
+    few: 'Připojování… (naposledy aktualizováno před ${} hodinami)',
+    many: 'Připojování… (naposledy aktualizováno před ${} hodinami)',
+    other: 'Připojování… (naposledy aktualizováno před ${} hodinami)'
+  },
+  car_connect_status_connecting_minute: {
+    zero: 'Připojování… (naposledy aktualizováno před ${} minutami)',
+    one: 'Připojování… (naposledy aktualizováno před ${} minutou)',
+    two: 'Připojování… (naposledy aktualizováno před ${} minutami)',
+    few: 'Připojování… (naposledy aktualizováno před ${} minutami)',
+    many: 'Připojování… (naposledy aktualizováno před ${} minutami)',
+    other: 'Připojování… (naposledy aktualizováno před ${} minutami)'
+  },
+  car_connect_status_disconnected: 'Připojení se nezdařilo',
+  car_title_power_status_parking: 'Zaparkované',
+  car_title_power_status_run: 'Jízda',
+  car_title_power_status_locked: 'Zamknuté',
+  car_seat: 'Sedadla',
+  car_seat_front_left: 'Řidič',
+  car_seat_front_right: 'Spolujezdec',
+  car_seat_rear_left: 'Zadní (levé)',
+  car_seat_rear_center: 'Zadní (prostřední)',
+  car_seat_rear_right: 'Zadní (pravé)',
+  car_distance_value_km: '${} [km]'
+};