@vtx/modals2 5.0.58 → 6.0.0-beta.0

package/lib/style/index.less

@@ -1,5 +1,3 @@
-@import "~antd/dist/antd.css";
-
 html {
  line-height: 1.5715;
 }

package/lib/vtx-area-modal/api.js

@@ -6,6 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { MapIcon } from '@vtx/map-icon';
 import * as VtxMapIcon from '@vtx/map-icon';
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 console.log(VtxMapIcon, 'VtxMapIcon');
 import { getUrlParam, getVtxToken, request } from '@vtx/utils';
 import { useRequest } from 'ahooks';
@@ -77,19 +78,19 @@ var BaseService = {
       });
     }) : [];
     var baseInfo = [{
-      label: '编码',
+      label: translateLocaleText("t('vtxareamodal.code')"),
       key: 'code',
       value: info === null || info === void 0 ? void 0 : info.code
     }, {
-      label: '区域类型',
+      label: translateLocaleText("t('vtxareamodal.areaType')"),
       key: 'workElementTypeName',
       value: info === null || info === void 0 ? void 0 : info.workElementTypeName
     }, {
-      label: '所属机构',
+      label: translateLocaleText("t('vtxareamodal.dept')"),
       key: 'departmentName',
       value: info === null || info === void 0 ? void 0 : info.departmentName
     }, {
-      label: '行政区划',
+      label: translateLocaleText("t('vtxqyrymodal.administrativeDivision')"),
       key: 'divisionName',
       value: info === null || info === void 0 ? void 0 : info.divisionName
     }];

package/lib/vtx-area-modal/components/BaseInfo/Lcfx.js

@@ -4,6 +4,7 @@ import dayjs from 'dayjs';
 import { VmEmpty } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { BaseService } from "../../api";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Lcfx = function Lcfx(props) {
   var _useSettings = useSettings(),
@@ -73,7 +74,7 @@ var Lcfx = function Lcfx(props) {
       }
     }],
     series: [{
-      name: '里程',
+      name: translateLocaleText("t('vtxareamodal.mileage')"),
       type: 'bar',
       barWidth: 18,
       data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],

package/lib/vtx-area-modal/components/BaseInfo/ListZymx.js

@@ -10,6 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 /**
  * 作业明细-列表
  */
@@ -37,18 +38,18 @@ var ListZymx = function ListZymx(props) {
   var _BaseService$useToday = BaseService.useTodayWork(id, startDate || dayjs().format('YYYY-MM-DD'), endDate || dayjs().format('YYYY-MM-DD'), pagination.current - 1),
     todayWorkRes = _BaseService$useToday.todayWorkRes;
   var columns = [{
-    title: '作业日期',
+    title: translateLocaleText("t('vtxareamodal.date')"),
     dataIndex: 'shiftDate',
     key: 'shiftDate',
     width: 100
   }, {
-    title: '班次名称',
+    title: translateLocaleText("t('vtxareamodal.timesName')"),
     dataIndex: 'shiftName',
     key: 'shiftName',
     width: 110,
     ellipsis: true
   }, {
-    title: '班次时间',
+    title: translateLocaleText("t('vtxareamodal.timesHours')"),
     dataIndex: 'shiftStartTime',
     key: 'shiftStartTime',
     width: 120,
@@ -59,27 +60,27 @@ var ListZymx = function ListZymx(props) {
       }) : '-';
     }
   }, {
-    title: '班次时长',
+    title: translateLocaleText("t('vtxareamodal.timesHours2')"),
     dataIndex: 'shiftTimeStr',
     key: 'shiftTimeStr',
     width: 100
   }, {
-    title: '排班人员',
+    title: translateLocaleText("t('vtxareamodal.scheduledStaff')"),
     dataIndex: 'staffName',
     key: 'staffName',
-    width: 100
+    width: 110
   }, {
-    title: '是否出勤',
+    title: translateLocaleText("t('vtxareamodal.attendance')"),
     dataIndex: 'inWorkElement',
     key: 'inWorkElement',
     width: 120,
     render: function render(_text, record) {
       return (record === null || record === void 0 ? void 0 : record.clockInStatusCode) === 'Normal' || (record === null || record === void 0 ? void 0 : record.clockInStatusCode) === 'clockOutStatusCode' ? /*#__PURE__*/_jsx("div", {
         className: "block-green",
-        children: "\u662F"
+        children: translateLocaleText("t('common.yes')")
       }) : /*#__PURE__*/_jsx("div", {
         className: "block-red",
-        children: "\u5426"
+        children: translateLocaleText("t('common.no')")
       });
     }
   }];

package/lib/vtx-area-modal/components/BaseInfo/index.js

@@ -29,6 +29,7 @@ import onlinePerson from "../../imgs/onlinePerson.png";
 import onlinePersonDark from "../../imgs/onlinePerson_dark.png";
 import schdulePerson from "../../imgs/schdulePerson.png";
 import schdulePersonDark from "../../imgs/schdulePerson_dark.png";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BaseInfo = function BaseInfo(props) {
   var id = props.id,
@@ -64,14 +65,14 @@ var BaseInfo = function BaseInfo(props) {
     })
   });
   var list = [{
-    name: '当前排班人数',
-    unit: '人',
+    name: translateLocaleText("t('vtxareamodal.current')"),
+    unit: translateLocaleText("t('common.peopleUnit')"),
     value: (numInfo === null || numInfo === void 0 ? void 0 : numInfo.shiftNum) || 0,
     img: isDark ? schdulePersonDark : schdulePerson,
     fontType: 'blue'
   }, {
-    name: '当前在线人数',
-    unit: '人',
+    name: translateLocaleText("t('vtxareamodal.currentOnline')"),
+    unit: translateLocaleText("t('common.peopleUnit')"),
     value: (numInfo === null || numInfo === void 0 ? void 0 : numInfo.onlineNum) || 0,
     img: isDark ? onlinePersonDark : onlinePerson,
     fontType: 'blue'
@@ -81,9 +82,9 @@ var BaseInfo = function BaseInfo(props) {
     children: [/*#__PURE__*/_jsx("div", {
       className: "area-base-left",
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: "\u57FA\u672C\u4FE1\u606F",
+        title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
         children: [baseTabContent, /*#__PURE__*/_jsx(VmTitle, {
-          title: "\u5B9E\u65F6\u4FE1\u606F"
+          title: translateLocaleText("t('vtxareamodal.hours')")
         }), /*#__PURE__*/_jsx(VmFactorList, {
           list: list
         }), /*#__PURE__*/_jsx("div", {
@@ -101,7 +102,7 @@ var BaseInfo = function BaseInfo(props) {
       children: [/*#__PURE__*/_jsx("div", {
         className: "area-base-right-top",
         children: /*#__PURE__*/_jsx(VmWrapper, {
-          title: "\u4F5C\u4E1A\u7EDF\u8BA1",
+          title: translateLocaleText("t('vtxareamodal.workStatistics')"),
           filterType: "datePicker",
           filterChange: function filterChange(date) {
             setState({
@@ -117,8 +118,8 @@ var BaseInfo = function BaseInfo(props) {
             children: [/*#__PURE__*/_jsx(Col, {
               span: 8,
               children: /*#__PURE__*/_jsx(VmFactor, {
-                name: "\u603B\u6392\u73ED\u4EBA\u6570",
-                unit: "\u4EBA",
+                name: translateLocaleText("t('vtxareamodal.totalScheduledStaff')"),
+                unit: translateLocaleText("t('common.peopleUnit')"),
                 value: (workInfoRes === null || workInfoRes === void 0 ? void 0 : workInfoRes.totalNum) || 0,
                 img: isDark ? todayWorkDark : todayWork,
                 fontType: "blue"
@@ -126,8 +127,8 @@ var BaseInfo = function BaseInfo(props) {
             }), /*#__PURE__*/_jsx(Col, {
               span: 8,
               children: /*#__PURE__*/_jsx(VmFactor, {
-                name: "\u603B\u51FA\u52E4\u4EBA\u6570",
-                unit: "\u4EBA",
+                name: translateLocaleText("t('vtxareamodal.totalAttendanceStaff')"),
+                unit: translateLocaleText("t('common.peopleUnit')"),
                 value: (workInfoRes === null || workInfoRes === void 0 ? void 0 : workInfoRes.normalNum) || 0,
                 img: isDark ? todayOnlineDark : todayOnline,
                 fontType: "green"
@@ -135,7 +136,7 @@ var BaseInfo = function BaseInfo(props) {
             }), /*#__PURE__*/_jsx(Col, {
               span: 8,
               children: /*#__PURE__*/_jsx(VmFactor, {
-                name: "\u51FA\u52E4\u7387",
+                name: translateLocaleText("t('vtxareamodal.attendanceRate')"),
                 unit: "%",
                 value: (workInfoRes === null || workInfoRes === void 0 ? void 0 : workInfoRes.rate) || 0,
                 img: isDark ? todayWorkRateDark : todayWorkRate,
@@ -147,7 +148,7 @@ var BaseInfo = function BaseInfo(props) {
       }), /*#__PURE__*/_jsx("div", {
         className: "area-wgfx",
         children: /*#__PURE__*/_jsx(VmWrapper, {
-          title: "\u4F5C\u4E1A\u660E\u7EC6",
+          title: translateLocaleText("t('vtxareamodal.workDetails')"),
           children: /*#__PURE__*/_jsx(ListZymx, {
             id: id,
             startDate: date.format('YYYY-MM-DD 00:00:00'),

package/lib/vtx-area-modal/index.js

@@ -9,7 +9,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 var TABS_BASE = 'area-base';
 var tabs = [{
   key: TABS_BASE,
-  title: '总览信息'
+  title: "t('vtxdefaultmodal.overviewInformation')"
 }];
 var VtxAreaModal = function VtxAreaModal(props) {
   var id = props.id,

package/lib/vtx-base-modal/Header/index.less

@@ -1,98 +1,99 @@
-.vm-modal-header-container {
-  width: 100%;
-  height: 116px;
-  border-radius: 8px 8px 0 0;
-  background: var(--modal-head-bg);
-  padding: 0 16px;
-  margin-top: 1px;
-}
-
-.vm-modal-header-wrap {
-  width: 100%;
-  height: 56px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  &::after {
-    position: absolute;
-    top: 54px;
-    left: 0;
-    content: '';
-    width: 180px;
-    height: 1px;
-    background: var(--modal-head-line-bg);
-    box-shadow: var(--modal-head-line-shadow);
-    border-radius: 8px;
-    animation: move 6s linear infinite;
-
-    @keyframes move {
-      0% {
-        left: 0;
-      }
-
-      100% {
-        left: calc(100% - 180px);
-      }
-    }
-  }
-
-  &-left {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-
-    &-title {
-      font-weight: bold;
-      font-size: 20px;
-      color: var(--modal-title-color);
-    }
-
-    &-tag {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 4px;
-      height: 24px;
-      border-radius: 16px;
-      font-size: 12px;
-      padding: 0 8px;
-      border: 1px solid;
-    }
-  }
-
-  &-right {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-
-    &-close {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: var(--modal-close-color);
-      width: 28px;
-      height: 28px;
-      cursor: pointer;
-      font-size: 16px;
-    }
-
-    &-line {
-      width: 1px;
-      height: 14px;
-      background-color: var(--modal-head-split-line-color);
-    }
-
-    &-collect {
-      width: 28px;
-      height: 28px;
-      border-radius: 8px;
-      text-align: center;
-      cursor: pointer;
-
-      &.active {
-        background: var(--collect-bg);
-      }
-    }
-  }
-}
+.vm-modal-header-container {
+  box-sizing: border-box;
+  width: 100%;
+  height: 116px;
+  border-radius: 8px 8px 0 0;
+  background: var(--modal-head-bg);
+  padding: 0 16px;
+  margin-top: 1px;
+}
+
+.vm-modal-header-wrap {
+  width: 100%;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  &::after {
+    position: absolute;
+    top: 54px;
+    left: 0;
+    content: '';
+    width: 180px;
+    height: 1px;
+    background: var(--modal-head-line-bg);
+    box-shadow: var(--modal-head-line-shadow);
+    border-radius: 8px;
+    animation: move 6s linear infinite;
+
+    @keyframes move {
+      0% {
+        left: 0;
+      }
+
+      100% {
+        left: calc(100% - 180px);
+      }
+    }
+  }
+
+  &-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    &-title {
+      font-weight: bold;
+      font-size: 20px;
+      color: var(--modal-title-color);
+    }
+
+    &-tag {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      height: 24px;
+      border-radius: 16px;
+      font-size: 12px;
+      padding: 0 8px;
+      border: 1px solid;
+    }
+  }
+
+  &-right {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    &-close {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--modal-close-color);
+      width: 28px;
+      height: 28px;
+      cursor: pointer;
+      font-size: 16px;
+    }
+
+    &-line {
+      width: 1px;
+      height: 14px;
+      background-color: var(--modal-head-split-line-color);
+    }
+
+    &-collect {
+      width: 28px;
+      height: 28px;
+      border-radius: 8px;
+      text-align: center;
+      cursor: pointer;
+
+      &.active {
+        background: var(--collect-bg);
+      }
+    }
+  }
+}

package/lib/vtx-base-modal/index.js

@@ -21,6 +21,22 @@ import { getTenantById, getUmsConfig } from "./service";
 import "./style";
 import VmTabs from "./Tabs";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var getTabContent = function getTabContent(contents, tabKey) {
+  if (!tabKey) {
+    return undefined;
+  }
+  if (Object.prototype.hasOwnProperty.call(contents, tabKey)) {
+    return contents[tabKey];
+  }
+  var keyParts = "".concat(tabKey).split('-');
+  for (var index = 1; index < keyParts.length; index++) {
+    var suffixKey = keyParts.slice(index).join('-');
+    if (Object.prototype.hasOwnProperty.call(contents, suffixKey)) {
+      return contents[suffixKey];
+    }
+  }
+  return undefined;
+};
 var VmBaseModal = function VmBaseModal(props) {
   var _props$tabs = props.tabs,
     tabs = _props$tabs === void 0 ? [] : _props$tabs,
@@ -100,6 +116,21 @@ var VmBaseModal = function VmBaseModal(props) {
       }
     }
   }, [JSON.stringify(tabs), tabChose]);
+  var activeTabKey = useMemo(function () {
+    var _tabs$;
+    if (currentTabKey && tabs.find(function (item) {
+      return item.key === currentTabKey;
+    })) {
+      return currentTabKey;
+    }
+    if (tabChose && tabs.find(function (item) {
+      return item.key === tabChose;
+    })) {
+      return tabChose;
+    }
+    return ((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key) || currentTabKey;
+  }, [currentTabKey, JSON.stringify(tabs), tabChose]);
+  var activeContent = getTabContent(contents, activeTabKey);
   var onCancel = function onCancel() {
     if (props.onCancel && typeof props.onCancel === 'function') {
       props.onCancel();
@@ -188,7 +219,7 @@ var VmBaseModal = function VmBaseModal(props) {
             onChange: function onChange(key) {
               setCurrentTabKey(key);
             },
-            active: currentTabKey,
+            active: activeTabKey,
             theme: theme
           }), /*#__PURE__*/_jsx(VtxThemeProvider, {
             value: value,
@@ -196,7 +227,7 @@ var VmBaseModal = function VmBaseModal(props) {
               className: 'vm-base-modal-content-wrap',
               children: /*#__PURE__*/_jsx("div", {
                 className: 'vm-base-modal-content',
-                children: contents[currentTabKey]
+                children: activeContent
               })
             })
           })]
@@ -210,7 +241,7 @@ var VmBaseModal = function VmBaseModal(props) {
           className: 'vm-base-modal-content-wrap',
           children: /*#__PURE__*/_jsx("div", {
             className: 'vm-base-modal-content',
-            children: contents[currentTabKey]
+            children: activeContent
           })
         })
       })

package/lib/vtx-base-modal/style/index.less

@@ -7,6 +7,12 @@
 }
 
 .vm-base-modal-wrap {
+  &,
+  * {
+    box-sizing: border-box;
+    white-space: nowrap;
+  }
+
   position: fixed;
   left: 50%;
   top: 50%;
@@ -38,19 +44,26 @@
   .vm-base-modal-body {
     position: absolute;
     top: 56px;
+    left: 0;
+    right: 0;
     bottom: 0;
     display: flex;
     flex-direction: column;
-    width: 100%;
+    width: auto;
+    min-width: 0;
+    overflow: hidden;
     background: var(--modal-content-bg);
     border-radius: 8px;
   }
   .vm-base-modal-content-wrap {
     flex: 1;
+    min-width: 0;
     min-height: 0;
     overflow: auto;
     padding: 0 16px 16px;
     .vm-base-modal-content {
+      width: 100%;
+      min-width: 0;
       height: 100%;
       overflow-x: hidden;
       overflow-y: auto;

package/lib/vtx-car-modal/components/Info/index.js

@@ -27,7 +27,20 @@ import runIcon from "../../imgs/factor/run.png";
 import speedIcon from "../../imgs/factor/speed.png";
 import { CarContext } from "../../index";
 import "./index.less";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var INFO_LABEL_MAP = {
+  belongUnitName: "t('vtxcarmodal.belongUnit')",
+  useUnitName: "t('vtxcarmodal.useUnit')",
+  bidSectionName: "t('vtxcarmodal.bidSection')",
+  divisionName: "t('vtxqyrymodal.administrativeDivision')",
+  manageStaffName: "t('vtxcarmodal.responsiblePerson')",
+  contact: "t('vtxrestaurantmodal.contactPerson')",
+  contactWay: "t('vtxdevicemodal.contactInformation')",
+  invoiceCode: "t('vtxcarmodal.invoiceCode')",
+  certificateCode: "t('vtxcarmodal.certificateCode')",
+  drivingLicenseCode: "t('vtxcarmodal.drivingLicenseCode')"
+};
 var Info = function Info(_ref) {
   var _info$geoLocation;
   var _ref$showQrCode = _ref.showQrCode,
@@ -70,13 +83,13 @@ var Info = function Info(_ref) {
   }).map(function (item) {
     var _showFieldsMap$item$k2;
     return _objectSpread(_objectSpread({}, item), {}, {
-      label: (_showFieldsMap$item$k2 = showFieldsMap[item.key]) === null || _showFieldsMap$item$k2 === void 0 ? void 0 : _showFieldsMap$item$k2.displayName,
+      label: INFO_LABEL_MAP[item.key] ? translateLocaleText(INFO_LABEL_MAP[item.key]) : translateLocaleText((_showFieldsMap$item$k2 = showFieldsMap[item.key]) === null || _showFieldsMap$item$k2 === void 0 ? void 0 : _showFieldsMap$item$k2.displayName),
       value: detail === null || detail === void 0 ? void 0 : detail[item.key]
     });
   });
   if (showQrCode) {
     data.push({
-      label: '车辆二维码',
+      label: translateLocaleText("t('vtxcarmodal.qrCode')"),
       key: 'qrCode',
       value: detail.qrCode,
       componentType: 'qrCode'
@@ -95,13 +108,13 @@ var Info = function Info(_ref) {
     id: info.carCode
   }] : [];
   var list = [{
-    name: '今日行驶',
+    name: translateLocaleText("t('vtxcarmodal.today')"),
     unit: 'km',
     value: (info === null || info === void 0 ? void 0 : info.mileage) || 0,
     img: showListImg ? isDark ? darkRunIcon : runIcon : null,
     fontType: 'blue'
   }, {
-    name: '当前速度',
+    name: translateLocaleText("t('vtxcarmodal.current')"),
     unit: 'km/h',
     value: (info === null || info === void 0 ? void 0 : info.gpsSpeed) || 0,
     img: showListImg ? isDark ? darkSpeedIcon : speedIcon : null,
@@ -113,12 +126,12 @@ var Info = function Info(_ref) {
       height: '100%'
     },
     children: /*#__PURE__*/_jsxs(VmWrapper, {
-      title: '基本信息',
+      title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
       children: [/*#__PURE__*/_jsx(VmInfoCollection, {
         width: '100%',
         data: data
       }), /*#__PURE__*/_jsx(VmTitle, {
-        title: '实时信息',
+        title: translateLocaleText("t('vtxareamodal.hours')"),
         time: info === null || info === void 0 ? void 0 : info.equipmentTime
       }), (info === null || info === void 0 ? void 0 : info.driveMode) === 'unmanned' ? /*#__PURE__*/_jsx(Unmanned.Monitor, {
         carId: id
@@ -133,7 +146,24 @@ var Info = function Info(_ref) {
           mapPoints: mapPoints,
           mapType: 'wgs84',
           mapCenter: [lng, lat],
-          address: info === null || info === void 0 ? void 0 : info.address
+          address: info === null || info === void 0 ? void 0 : info.address,
+          customEnumText: {
+            allText: translateLocaleText("t('export.all')"),
+            mapFeatureText: translateLocaleText("t('se.map.mapFeatures')"),
+            mapShapePointText: translateLocaleText("t('se.map.pointsOfInterest')"),
+            toolMeasureDistanceText: translateLocaleText("t('se.map.measureDistance')"),
+            toolMeasureAreaText: translateLocaleText("t('se.map.measureArea')"),
+            toolShowLengthText: translateLocaleText("t('se.map.showSegmentLength')"),
+            toolClearMessureResultText: translateLocaleText("t('se.map.clearMeasureResult')"),
+            messureStartTipText: translateLocaleText("t('se.map.measureStartTip')"),
+            distanceText: translateLocaleText("t('se.map.distance')"),
+            horizontalDistanceText: translateLocaleText("t('se.map.horizontalDistance')"),
+            verticalDistanceText: translateLocaleText("t('se.map.verticalDistance')"),
+            straightLineDistanceText: translateLocaleText("t('se.map.straightLineDistance')"),
+            totalDistanceText: translateLocaleText("t('se.map.totalDistance')"),
+            areaText: translateLocaleText("t('se.map.area')"),
+            legendText: translateLocaleText("t('se.map.legend')")
+          }
         })
       })]
     })

package/lib/vtx-car-modal/components/Info/index.less

@@ -1,6 +1,6 @@
-.vm-car-map-wrap {
-  flex: 1;
-  min-height: 0;
-  width: 100%;
-  margin-top: 10px;
-}
+.vm-car-map-wrap {
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  margin-top: 10px;
+}