@vtx/modals2 6.0.0-beta.5 → 6.0.0-beta.8

package/lib/_components/index.js

@@ -3,6 +3,7 @@ export { default as VmCalendar, VmCalendarInner, VmCalendarPercent } from "./vm-
 export { default as VmCardStatistics } from "./vm-card-statistics";
 export { default as VmCustom } from "./vm-custom";
 export { default as VmEmpty } from "./vm-empty";
+export { default as VmAppraisalInfo } from "./vm-appraisal-info";
 export { default as VmExtraTab } from "./vm-extra-tab";
 export { default as VmFactor } from "./vm-factor";
 export { default as VmFactorList } from "./vm-factor-list";

package/lib/_components/vm-appraisal-info/api.js

@@ -0,0 +1,55 @@
+import { request } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+var BaseService = {
+  useKhInfo: function useKhInfo(id, startDate, endDate, checkActivityCode) {
+    var _useRequest = useRequest(function () {
+        return request.get('/cloud/zykh-reborn/kanban/resourceInfo', {
+          data: {
+            resourceId: id,
+            coordType: 'wgs84',
+            startDate: startDate,
+            endDate: endDate,
+            checkActivityCode: checkActivityCode
+          }
+        });
+      }, {
+        ready: !!id,
+        refreshDeps: [id, startDate, endDate, checkActivityCode]
+      }),
+      res = _useRequest.data;
+    return {
+      khRes: (res === null || res === void 0 ? void 0 : res.data) || {}
+    };
+  }
+};
+var ReocrdService = {
+  useRecordInfo: function useRecordInfo(id, startDate, endDate, checkActivityCode, page, sort) {
+    var _useRequest2 = useRequest(function () {
+        return request.get('/cloud/zykh-reborn/kanban/recordRulePage', {
+          data: {
+            resourceId: id,
+            startDate: startDate,
+            endDate: endDate,
+            checkActivityCode: checkActivityCode,
+            page: page,
+            size: 10,
+            sort: sort
+          }
+        });
+      }, {
+        ready: !!id,
+        refreshDeps: [id, startDate, endDate, checkActivityCode, page, sort]
+      }),
+      recordRes = _useRequest2.data,
+      loading = _useRequest2.loading;
+    var records = (recordRes === null || recordRes === void 0 ? void 0 : recordRes.data) || {
+      total: 0,
+      rows: []
+    };
+    return {
+      records: records,
+      loading: loading
+    };
+  }
+};
+export { BaseService, ReocrdService };

package/lib/_components/vm-appraisal-info/index.js

@@ -0,0 +1,230 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import { VtxImage } from '@vtx/components';
+import { useSetState } from 'ahooks';
+import dayjs from 'dayjs';
+import { translateLocaleText } from "../../hooks/useTranslation.js";
+import useSettings from "../../_hooks/useSettings";
+import VmFactor from "../vm-factor";
+import VmFilter from "../vm-filter";
+import VmTable from "../vm-table";
+import VmWrapper from "../vm-wrapper";
+import { BaseService, ReocrdService } from "./api";
+import "./index.less";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var APPRAISAL_TAB_KEY = 'appraisal';
+export var getAppraisalTab = function getAppraisalTab() {
+  return {
+    key: APPRAISAL_TAB_KEY,
+    title: translateLocaleText("t('vtxwrmodal.assessmentInformation')")
+  };
+};
+export var isAppraisalTab = function isAppraisalTab(tab) {
+  return (tab === null || tab === void 0 ? void 0 : tab.key) === APPRAISAL_TAB_KEY || "".concat((tab === null || tab === void 0 ? void 0 : tab.key) || '').endsWith('-appraisal');
+};
+export var insertAppraisalTab = function insertAppraisalTab() {
+  var tabs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  if (!Array.isArray(tabs) || tabs.length === 0) {
+    return tabs;
+  }
+  if (tabs.some(isAppraisalTab)) {
+    return tabs;
+  }
+  var customIndex = tabs.findIndex(function (tab) {
+    return !!(tab !== null && tab !== void 0 && tab.url);
+  });
+  if (customIndex === -1) {
+    return [].concat(_toConsumableArray(tabs), [getAppraisalTab()]);
+  }
+  return [].concat(_toConsumableArray(tabs.slice(0, customIndex)), [getAppraisalTab()], _toConsumableArray(tabs.slice(customIndex)));
+};
+var AppraisalInfo = function AppraisalInfo(props) {
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  var id = props.id;
+  var _useSetState = useSetState({
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      startDate: dayjs().startOf('M'),
+      endDate: dayjs(),
+      checkActivityCode: '1',
+      sort: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination,
+    startDate = state.startDate,
+    endDate = state.endDate,
+    checkActivityCode = state.checkActivityCode,
+    sort = state.sort;
+  var _BaseService$useKhInf = BaseService.useKhInfo(id, startDate.format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), checkActivityCode === '1' ? '' : checkActivityCode),
+    khRes = _BaseService$useKhInf.khRes;
+  var _ReocrdService$useRec = ReocrdService.useRecordInfo(id, startDate.format('YYYY-MM-DD'), endDate.format('YYYY-MM-DD'), checkActivityCode === '1' ? '' : checkActivityCode, pagination.current - 1, sort),
+    records = _ReocrdService$useRec.records,
+    loading = _ReocrdService$useRec.loading;
+  var columns = [{
+    title: translateLocaleText("t('vtxkhmodal.image')"),
+    dataIndex: 'photos',
+    key: 'photos',
+    width: 120,
+    render: function render(text) {
+      var photos = JSON.parse(text || '[]');
+      var a = [].concat(_toConsumableArray(photos), _toConsumableArray(photos), _toConsumableArray(photos), _toConsumableArray(photos));
+      return (photos === null || photos === void 0 ? void 0 : photos.length) > 0 ? /*#__PURE__*/_jsx(VtxImage.PreviewGroup, {
+        children: a.map(function (ele, index) {
+          return /*#__PURE__*/_jsx(VtxImage, {
+            src: "".concat(process.env.PREFIX || '', "/cloudFile/common/downloadFile?id=").concat(ele.id),
+            style: {
+              width: 80,
+              height: 80,
+              visibility: index > 0 ? 'hidden' : 'visible'
+            },
+            alt: ele.name
+          }, index);
+        })
+      }) : '--';
+    }
+  }, {
+    title: translateLocaleText("t('vtxkhmodal.hours')"),
+    dataIndex: 'checkDate',
+    key: 'checkDate',
+    width: 150,
+    ellipsis: true
+  }, {
+    title: translateLocaleText("t('vtxkhmodal.assessmentActivity')"),
+    dataIndex: 'checkActivityName',
+    key: 'checkActivityName',
+    width: 200
+  }, {
+    title: translateLocaleText("t('vtxkhmodal.assessor')"),
+    dataIndex: 'checkUserName',
+    key: 'checkUserName'
+  }, {
+    title: translateLocaleText("t('vtxkhmodal.group')"),
+    dataIndex: 'ruleGroupName',
+    key: 'ruleGroupName'
+  }, {
+    title: translateLocaleText("t('vtxkhmodal.assessmentStandard')"),
+    dataIndex: 'ruleName',
+    key: 'ruleName',
+    width: 150
+  }, {
+    title: translateLocaleText("t('vtxkhmodal.score')"),
+    dataIndex: 'deductPoints',
+    key: 'deductPoints',
+    align: 'right'
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: _objectSpread(_objectSpread({}, pagination), {}, {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: _objectSpread(_objectSpread({}, pagination), {}, {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    height: 384,
+    loading: loading,
+    dataSource: records.rows,
+    onChange: function onChange(_pagination, _filters, sorter) {
+      if (sorter.order) {
+        var order = sorter.order === 'ascend' ? 'asc' : 'desc';
+        setState({
+          sort: "".concat(sorter.field, ",").concat(order)
+        });
+      } else {
+        setState({
+          sort: ''
+        });
+      }
+    }
+  };
+  var filterChange = function filterChange(dateValue) {
+    setState({
+      startDate: dateValue[0],
+      endDate: dateValue[1]
+    });
+  };
+  return /*#__PURE__*/_jsxs(VmWrapper, {
+    title: translateLocaleText("t('vtxkhmodal.details')"),
+    filterType: "rangePicker",
+    dateValue: [startDate, endDate],
+    filterChange: filterChange,
+    extraLeft: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
+      options: [{
+        value: '1',
+        label: translateLocaleText("t('export.all')")
+      }, {
+        value: 'RCDC',
+        label: translateLocaleText("t('vtxkhmodal.day')")
+      }, {
+        value: 'ZXDC',
+        label: translateLocaleText("t('vtxkhmodal.specialSupervision')")
+      }, {
+        value: 'DSFCP',
+        label: translateLocaleText("t('vtxkhmodal.thirdPartyEvaluation')")
+      }, {
+        value: 'RCXC',
+        label: translateLocaleText("t('vtxkhmodal.day2')")
+      }],
+      style: {
+        width: 132
+      },
+      value: checkActivityCode,
+      onChange: function onChange(e) {
+        return setState({
+          checkActivityCode: e
+        });
+      }
+    }),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "kh-record-summary",
+      children: [{
+        name: translateLocaleText("t('vtxkhmodal.times')"),
+        value: khRes === null || khRes === void 0 ? void 0 : khRes.monthCheckTims,
+        key: 'count',
+        unit: translateLocaleText("t('common.timesUnit')"),
+        fontType: 'blue'
+      }, {
+        name: translateLocaleText("t('vtxkhmodal.totalDeductedPoints')"),
+        value: khRes === null || khRes === void 0 ? void 0 : khRes.monthDeductPoint,
+        key: 'subtract',
+        unit: translateLocaleText("t('vtxkhmodal.scoreUnit')"),
+        fontType: 'red'
+      }].map(function (ele) {
+        return /*#__PURE__*/_jsx(VmFactor, _objectSpread(_objectSpread({}, ele), {}, {
+          img: require("./imgs/".concat(ele.key).concat(isDark ? '' : '_light', ".png")),
+          unitStyle: {
+            fontSize: 14
+          }
+        }), ele.key);
+      })
+    }), /*#__PURE__*/_jsx(VmTable, _objectSpread({
+      columns: columns,
+      rowKey: "id"
+    }, tableProps))]
+  });
+};
+export default AppraisalInfo;

package/lib/_components/vm-appraisal-info/index.less

@@ -0,0 +1,7 @@
+.kh-record-summary {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 100px;
+  margin: 16px 0;
+}

package/lib/_components/vm-card-statistics/index.less

@@ -1,27 +1,27 @@
-.vm-car-statistics {
-  width: 208px;
-  height: 84px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 20px;
-  background-size: 100% 100%;
-  &-label {
-    color: var(--img-text-color);
-  }
-  &-value, &-unit {
-    color: #1f1f1f;
-  }
-  &.vm-car-statistics-dark {
-    .vm-car-statistics-value,.vm-car-statistics-unit {
-      background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
-      background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-  }
-  &-value {
-    font-size: 20px;
-    font-weight: bold;
-    margin-right: 4px;
-  }
-}
+.vm-car-statistics {
+  width: 208px;
+  height: 84px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 20px;
+  background-size: 100% 100%;
+  &-label {
+    color: var(--img-text-color);
+  }
+  &-value, &-unit {
+    color: #1f1f1f;
+  }
+  &.vm-car-statistics-dark {
+    .vm-car-statistics-value,.vm-car-statistics-unit {
+      background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+  &-value {
+    font-size: 20px;
+    font-weight: bold;
+    margin-right: 4px;
+  }
+}

package/lib/_components/vm-factor-list/index.less

@@ -1,11 +1,11 @@
-.vm-factor-list-wrap {
-  display: flex;
-  padding: 12px 16px;
-  height: 68px;
-  background: #F3F8FF;
-  border-radius: 8px;
-  gap: 26px;
-  &.dark {
-    background: rgba(0,136,240,0.15);
-  }
-}
+.vm-factor-list-wrap {
+  display: flex;
+  padding: 12px 16px;
+  height: 68px;
+  background: #F3F8FF;
+  border-radius: 8px;
+  gap: 26px;
+  &.dark {
+    background: rgba(0,136,240,0.15);
+  }
+}

package/lib/_components/vm-filter/style/index.less

@@ -58,28 +58,24 @@
     --border-color: #0b6baf;
   }
 
-  .ant-select-selector {
-    background: var(--bg-color) !important;
-    border-radius: 6px !important;
-    border: 1px solid var(--border-color) !important;
-  }
+  background: var(--bg-color) !important;
+  border-radius: 6px !important;
+  border: 1px solid var(--border-color) !important;
   .ant-select-selection-placeholder {
     color: var(--color);
   }
 
   &:hover {
-    .ant-select-selector {
+    .ant-select {
       border: 1px solid var(--hover-color) !important;
     }
   }
   &.dark {
-    .ant-select-selector {
-      .ant-select-selection-item {
-        color: white;
-      }
+    .ant-select-content-value {
+      color: white;
     }
 
-    .ant-select-arrow {
+    .ant-select-suffix {
       color: white;
     }
   }

package/lib/_components/vm-line-charts/index.js

@@ -64,7 +64,9 @@ var LineCharts = function LineCharts(_ref) {
     }],
     legend: _objectSpread({
       show: showLegend,
-      right: dataList.length === 1 ? '5%' : 'center',
+      left: '10%',
+      top: 0,
+      height: 24,
       type: 'scroll',
       itemGap: 8,
       itemHeight: 2,
@@ -84,6 +86,7 @@ var LineCharts = function LineCharts(_ref) {
     grid: _objectSpread({
       left: 50,
       right: 50,
+      top: showLegend ? 40 : 20,
       bottom: showDataZoom ? 50 : 20
     }, gridOption),
     xAxis: _objectSpread({

package/lib/_components/vm-repair-maintain/index.js

@@ -1,3 +1,9 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
 import { translateLocaleText } from "./../../hooks/useTranslation.js";
 /**
  * 通用-维保信息
@@ -13,6 +19,32 @@ import RmRecord from "./RmRecord";
 import RmType from "./RmType";
 import "./style";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var REPAIR_MAINTAIN_TAB_KEY = 'rm';
+export var getRepairMaintainTab = function getRepairMaintainTab() {
+  return {
+    key: REPAIR_MAINTAIN_TAB_KEY,
+    title: translateLocaleText("t('vtxcarmodal.maintenanceInformation')")
+  };
+};
+export var isRepairMaintainTab = function isRepairMaintainTab(tab) {
+  return (tab === null || tab === void 0 ? void 0 : tab.key) === REPAIR_MAINTAIN_TAB_KEY || (tab === null || tab === void 0 ? void 0 : tab.key) === 'default-rm' || "".concat((tab === null || tab === void 0 ? void 0 : tab.key) || '').endsWith('-rm');
+};
+export var insertRepairMaintainTab = function insertRepairMaintainTab() {
+  var tabs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  if (!Array.isArray(tabs) || tabs.length === 0) {
+    return tabs;
+  }
+  if (tabs.some(isRepairMaintainTab)) {
+    return tabs;
+  }
+  var customIndex = tabs.findIndex(function (tab) {
+    return !!(tab !== null && tab !== void 0 && tab.url);
+  });
+  if (customIndex === -1) {
+    return [].concat(_toConsumableArray(tabs), [getRepairMaintainTab()]);
+  }
+  return [].concat(_toConsumableArray(tabs.slice(0, customIndex)), [getRepairMaintainTab()], _toConsumableArray(tabs.slice(customIndex)));
+};
 var RepaireMaintain = function RepaireMaintain(props) {
   var id = props.id;
   var date = dayjs().format('YYYY-MM-DD');

package/lib/_components/vm-video/HistoryGrid.js

@@ -1,15 +1,61 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 { HistoryPlayer } from '@vtx/player';
-import { forwardRef, useRef } from 'react';
+import { forwardRef, useEffect, useRef, useState } from 'react';
 import VmEmpty from "../vm-empty";
 import "./index.less";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var GridItem = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _channel$list;
   var channel = props.channel,
     onClose = props.onClose;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    url = _useState2[0],
+    setUrl = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    startTime = _useState4[0],
+    setStartTime = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    endTime = _useState6[0],
+    setEndTime = _useState6[1];
   var name = "".concat(channel === null || channel === void 0 ? void 0 : channel.deviceName, "-").concat(channel === null || channel === void 0 ? void 0 : channel.channelName);
-  var url = (channel === null || channel === void 0 ? void 0 : channel.totalTimeUrl) || (channel === null || channel === void 0 || (_channel$list = channel.list) === null || _channel$list === void 0 || (_channel$list = _channel$list[0]) === null || _channel$list === void 0 ? void 0 : _channel$list.playbackUrl);
   var gridItemRef = useRef(null);
+  useEffect(function () {
+    var _channel$list;
+    var src = (channel === null || channel === void 0 ? void 0 : channel.totalTimeUrl) || (channel === null || channel === void 0 || (_channel$list = channel.list) === null || _channel$list === void 0 || (_channel$list = _channel$list[0]) === null || _channel$list === void 0 ? void 0 : _channel$list.playbackUrl);
+    if (channel.enableAgent) {
+      if (src.indexOf('http') === -1) {
+        setUrl("".concat(window.location.origin).concat(src));
+      }
+    } else {
+      setUrl(src);
+    }
+    if (channel !== null && channel !== void 0 && channel.totalTimeUrl) {
+      setStartTime(props === null || props === void 0 ? void 0 : props.startTime);
+      setEndTime(props === null || props === void 0 ? void 0 : props.endTime);
+    } else {
+      var _channel$list2, _channel$list3;
+      setStartTime(channel === null || channel === void 0 || (_channel$list2 = channel.list) === null || _channel$list2 === void 0 || (_channel$list2 = _channel$list2[0]) === null || _channel$list2 === void 0 ? void 0 : _channel$list2.beginTime);
+      setEndTime(channel === null || channel === void 0 || (_channel$list3 = channel.list) === null || _channel$list3 === void 0 || (_channel$list3 = _channel$list3[0]) === null || _channel$list3 === void 0 ? void 0 : _channel$list3.endTime);
+    }
+  }, [channel.enableAgent, props.startTime, JSON.stringify(channel)]);
+  useEffect(function () {
+    var _channel$list4;
+    var src = (channel === null || channel === void 0 ? void 0 : channel.totalTimeUrl) || (channel === null || channel === void 0 || (_channel$list4 = channel.list) === null || _channel$list4 === void 0 || (_channel$list4 = _channel$list4[0]) === null || _channel$list4 === void 0 ? void 0 : _channel$list4.playbackUrl);
+    if (channel.enableAgent) {
+      if (src.indexOf('http') === -1) {
+        setUrl("".concat(window.location.origin).concat(src));
+      }
+    } else {
+      setUrl(src);
+    }
+  }, [JSON.stringify(channel)]);
   return /*#__PURE__*/_jsx("div", {
     className: "vm-video-content-container",
     ref: gridItemRef,
@@ -31,7 +77,11 @@ var GridItem = /*#__PURE__*/forwardRef(function (props, ref) {
           ref: ref,
           beenHasVideo: channel.beenHasVideo // 对讲
           ,
+          beenHasAudio: channel.beenHasAudio // 音频
+          ,
           url: url,
+          startTime: startTime,
+          endTime: endTime,
           type: channel === null || channel === void 0 ? void 0 : channel.player,
           deviceIp: channel.deviceIp,
           devicePort: channel.devicePort,

package/lib/_components/vm-video/RealtimeGrid.js

@@ -1,17 +1,36 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 { LivePlayer } from '@vtx/player';
-import { forwardRef, useRef } from 'react';
+import { forwardRef, useEffect, useRef, useState } from 'react';
 import VmEmpty from "../vm-empty";
 import "./index.less";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var GridItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var channel = props.channel,
     onClose = props.onClose;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    url = _useState2[0],
+    setUrl = _useState2[1];
   var name = "".concat(channel === null || channel === void 0 ? void 0 : channel.deviceName, "-").concat(channel === null || channel === void 0 ? void 0 : channel.channelName);
   var gridItemRef = useRef(null);
+  useEffect(function () {
+    if (channel.enableAgent) {
+      if ((channel === null || channel === void 0 ? void 0 : channel.url.indexOf('http')) === -1) {
+        setUrl("".concat(window.location.origin).concat(channel.url));
+      }
+    } else {
+      setUrl(channel.url);
+    }
+  }, [channel.enableAgent, channel === null || channel === void 0 ? void 0 : channel.url]);
   return /*#__PURE__*/_jsx("div", {
     className: "vm-video-content-container",
     ref: gridItemRef,
-    children: channel !== null && channel !== void 0 && channel.url ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: url ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsxs("div", {
         className: "vm-video-content-container-header",
         children: [/*#__PURE__*/_jsx("span", {
@@ -29,7 +48,9 @@ var GridItem = /*#__PURE__*/forwardRef(function (props, ref) {
           ref: ref,
           beenHasVideo: channel.beenHasVideo // 对讲
           ,
-          url: channel.url,
+          beenHasAudio: channel.beenHasAudio // 音频
+          ,
+          url: url,
           type: channel === null || channel === void 0 ? void 0 : channel.player,
           deviceIp: channel.deviceIp,
           devicePort: channel.devicePort,