@vtx/modals2 5.0.59 → 6.0.0-beta.1

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,4 +1,5 @@
 .vm-modal-header-container {
+  box-sizing: border-box;
   width: 100%;
   height: 116px;
   border-radius: 8px 8px 0 0;

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/content/Cc/AlarmInfo/List.js

@@ -15,6 +15,7 @@ import { useContext } from 'react';
 import { VmTable, VmWrapper } from "../../../../_components";
 import { CcService } from "../../../api";
 import { CarContext } from "../../../index";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var List = function List(props) {
   var _useContext = useContext(CarContext),
@@ -44,29 +45,29 @@ var List = function List(props) {
     alarmRecord = _CcService$useAlarmLi.alarmRecord,
     loading = _CcService$useAlarmLi.loading;
   var columns = [{
-    title: '异常类型',
+    title: translateLocaleText("t('vtxcccpmodal.type3')"),
     dataIndex: 'abnormalTypeName',
     key: 'abnormalTypeName',
     width: 160
   }, {
-    title: '等级',
+    title: translateLocaleText("t('vtxcccpmodal.level')"),
     dataIndex: 'levelStr',
     key: 'levelStr',
     width: 120
   }, {
-    title: '报警开始时间',
+    title: translateLocaleText("t('vtxdevicemodal.startTime')"),
     dataIndex: 'alarmStartTime',
     key: 'alarmStartTime',
     width: 160,
     sorter: true
   }, {
-    title: '报警结束时间',
+    title: translateLocaleText("t('vtxcccpmodal.endTime')"),
     dataIndex: 'alarmEndTime',
     key: 'alarmEndTime',
     width: 160,
     sorter: true
   }, {
-    title: '处理状态',
+    title: translateLocaleText("t('vtxcccpmodal.status')"),
     dataIndex: 'dealStatusStr',
     key: 'dealStatusStr',
     width: 120
@@ -101,7 +102,7 @@ var List = function List(props) {
     }
   };
   return /*#__PURE__*/_jsx(VmWrapper, {
-    title: '报警明细',
+    title: translateLocaleText("t('vtxcarmodal.alarmDetails')"),
     children: /*#__PURE__*/_jsx(VmTable, _objectSpread({
       columns: columns,
       rowKey: "id"

package/lib/vtx-car-modal/content/Cc/AlarmInfo/StaticInfo.js

@@ -4,6 +4,7 @@ import { useContext } from 'react';
 import { VmLineCharts, VmPieCharts, VmWrapper } from "../../../../_components";
 import { CcService } from "../../../api";
 import { CarContext } from "../../../index";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var StaticInfo = function StaticInfo(_ref) {
   var startDate = _ref.startDate,
@@ -43,24 +44,24 @@ var StaticInfo = function StaticInfo(_ref) {
     children: [/*#__PURE__*/_jsx(Col, {
       span: 12,
       children: /*#__PURE__*/_jsx(VmWrapper, {
-        title: '报警汇总',
+        title: translateLocaleText("t('vtxcarmodal.alarmSummary')"),
         children: /*#__PURE__*/_jsx(VmPieCharts, {
           dataList: list,
-          name: '报警类型',
-          title: '报警总次数',
+          name: translateLocaleText("t('vtxcarmodal.alarmType')"),
+          title: translateLocaleText("t('vtxjzljgcxmmodal.times')"),
           total: total,
           loading: loading,
-          unit: '次'
+          unit: translateLocaleText("t('vtxjzljgcxmmodal.timesUnit')")
         })
       })
     }), /*#__PURE__*/_jsx(Col, {
       span: 12,
       children: /*#__PURE__*/_jsx(VmWrapper, {
-        title: '报警趋势分析',
+        title: translateLocaleText("t('vtxcarmodal.alarmTrendAnalyze')"),
         children: /*#__PURE__*/_jsx(VmLineCharts, {
           xAxis: xAxis,
           dataList: dataList,
-          unit: "\u6B21",
+          unit: translateLocaleText("t('vtxjzljgcxmmodal.timesUnit')"),
           loading: loading,
           legendOption: {
             width: '95%'

package/lib/vtx-car-modal/content/Cc/AlarmInfo/index.js

@@ -12,6 +12,7 @@ import { VMRangePicker } from "../../../../_components/vm-filter";
 import useSettings from "../../../../_hooks/useSettings";
 import List from "./List";
 import StaticInfo from "./StaticInfo";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var AlarmInfo = function AlarmInfo() {
   var _useSettings = useSettings(),
@@ -42,7 +43,7 @@ var AlarmInfo = function AlarmInfo() {
         showTitle: false,
         children: /*#__PURE__*/_jsxs(Space, {
           children: [/*#__PURE__*/_jsx("span", {
-            children: "\u7EDF\u8BA1\u8303\u56F4"
+            children: translateLocaleText("t('common.statisticalRange')")
           }), /*#__PURE__*/_jsx(VMRangePicker, {
             value: [dayjs(startDate), dayjs(endDate)],
             onChange: function onChange(dates) {