@vtx/modals2 2.6.19

package/lib/vm-video/index.css

@@ -0,0 +1,88 @@
+.vtx-business-modal-wrap {
+  --modal-content-bg: #f7f9fb;
+  --modal-border-color: #fff;
+  --head-bg: #fff;
+  --bg-color2: #fff;
+  --label-color: rgba(0, 0, 0, 0.65);
+  --table-head-bg: rgba(24, 144, 255, 0.1);
+  --title-color: #222;
+  --title-color2: #222;
+  --block-bg-color: rgba(0, 0, 0, 0.1);
+  --calendar-border: #ececec;
+  --calendar-thead-bg: #fff;
+  --calendar-bg: #fff;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --info-active2: #52c41a;
+  --bg-color: white;
+  --sub-bg-color: #f3f3f380;
+  --title-bg-color: white;
+  --title-border: 1px solid #dbdbdbff;
+  --sub-title-color: #222;
+  --info-color: #222;
+  --border-color: '#DADADAFF';
+  --scroll-bar-bg: #c0c0c0;
+  --scroll-bar-hover-bg: #adadad;
+  --scroll-bar-track-bg: #fafafa;
+  --button-checked-color: #1890ff;
+  --button-color: #222;
+}
+*::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.vtx-business-modal-wrap.dark {
+  --modal-content-bg: #0b1315;
+  --modal-border-color: #69958a;
+  --head-bg: #122a2c;
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --bg-color2: #162123;
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #00f0ff;
+  --label-color: #cafdffff;
+  --info-color: #ffffffff;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #39cbc3ff;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: #29373e;
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+}
+.vm-video {
+  height: 640px;
+  padding: 0 20px;
+  background: #000;
+}
+.vm-video .ant-tabs-tabpane {
+  height: 100%;
+}

package/lib/vm-video/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _player = require("@vtx/player");
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var VmVideo = function VmVideo(_ref) {
+  var _ref$videoPlaceCode = _ref.videoPlaceCode,
+    videoPlaceCode = _ref$videoPlaceCode === void 0 ? '' : _ref$videoPlaceCode;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vm-video"
+  }, videoPlaceCode ? /*#__PURE__*/_react["default"].createElement(_player.BillPlayer, {
+    height: 640,
+    isDark: true,
+    params: {
+      billId: videoPlaceCode
+    }
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center',
+      color: '#fff'
+    }
+  }, "\u6682\u65E0\u89C6\u9891"));
+};
+var _default = VmVideo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["VmVideo","videoPlaceCode","React","createElement","className","BillPlayer","height","isDark","params","billId","style","display","justifyContent","alignItems","color"],"sources":["vm-video/index.js"],"sourcesContent":["import React from 'react';\nimport { BillPlayer } from '@vtx/player';\nimport './index.less';\nconst VmVideo = ({ videoPlaceCode = '' }) => {\n    return (React.createElement(\"div\", { className: \"vm-video\" }, videoPlaceCode ? (React.createElement(BillPlayer, { height: 640, isDark: true, params: { billId: videoPlaceCode } })) : (React.createElement(\"div\", { style: {\n            display: 'flex',\n            height: '100%',\n            justifyContent: 'center',\n            alignItems: 'center',\n            color: '#fff',\n        } }, \"\\u6682\\u65E0\\u89C6\\u9891\"))));\n};\nexport default VmVideo;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAsB;AACtB,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAAgC;EAAA,+BAA1BC,cAAc;IAAdA,cAAc,oCAAG,EAAE;EAClC,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC,EAAEH,cAAc,gBAAIC,iBAAK,CAACC,aAAa,CAACE,kBAAU,EAAE;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE,IAAI;IAAEC,MAAM,EAAE;MAAEC,MAAM,EAAER;IAAe;EAAE,CAAC,CAAC,gBAAKC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAE;MACnNC,OAAO,EAAE,MAAM;MACfL,MAAM,EAAE,MAAM;MACdM,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE;IACX;EAAE,CAAC,EAAE,0BAA0B,CAAE,CAAC;AAC1C,CAAC;AAAC,eACad,OAAO;AAAA"}

package/lib/vm-video/index.less

@@ -0,0 +1,10 @@
+@import '../style/index';
+
+.vm-video {
+    height: 640px;
+    padding: 0 20px;
+    background: #000;
+    .ant-tabs-tabpane {
+        height: 100%;
+    }
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.saveFavoriter = exports.fetchFavoriter = exports.delFavoriter = void 0;
+var _utils = require("@vtx/utils");
+var saveFavoriter = function saveFavoriter(objectIds, type) {
+  return _utils.request.post('/cloud/management/api/v101/user/favorites/saveUserFavorites', {
+    data: {
+      objectIds: objectIds,
+      collectionType: type
+    }
+  });
+};
+exports.saveFavoriter = saveFavoriter;
+var delFavoriter = function delFavoriter(objectIds, type) {
+  return _utils.request.post('/cloud/management/api/v101/user/favorites/deleteUserFavorites', {
+    data: {
+      objectIds: objectIds,
+      collectionType: type
+    }
+  });
+};
+exports.delFavoriter = delFavoriter;
+var fetchFavoriter = function fetchFavoriter(objectIds, type) {
+  return _utils.request.get('/cloud/management/api/v101/user/favorites/getUserFavoritesIds', {
+    data: {
+      objectIds: objectIds,
+      collectionTypes: type
+    }
+  });
+};
+exports.fetchFavoriter = fetchFavoriter;
+//# sourceMappingURL=api.js.map

package/lib/vtx-base-modal/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":["saveFavoriter","objectIds","type","request","post","data","collectionType","delFavoriter","fetchFavoriter","get","collectionTypes"],"sources":["vtx-base-modal/api.js"],"sourcesContent":["import { request } from '@vtx/utils';\nexport const saveFavoriter = (objectIds, type) => {\n    return request.post('/cloud/management/api/v101/user/favorites/saveUserFavorites', {\n        data: { objectIds, collectionType: type },\n    });\n};\nexport const delFavoriter = (objectIds, type) => {\n    return request.post('/cloud/management/api/v101/user/favorites/deleteUserFavorites', {\n        data: { objectIds, collectionType: type },\n    });\n};\nexport const fetchFavoriter = (objectIds, type) => {\n    return request.get('/cloud/management/api/v101/user/favorites/getUserFavoritesIds', {\n        data: { objectIds, collectionTypes: type },\n    });\n};\n"],"mappings":";;;;;;AAAA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,SAAS,EAAEC,IAAI,EAAK;EAC9C,OAAOC,cAAO,CAACC,IAAI,CAAC,6DAA6D,EAAE;IAC/EC,IAAI,EAAE;MAAEJ,SAAS,EAATA,SAAS;MAAEK,cAAc,EAAEJ;IAAK;EAC5C,CAAC,CAAC;AACN,CAAC;AAAC;AACK,IAAMK,YAAY,GAAG,SAAfA,YAAY,CAAIN,SAAS,EAAEC,IAAI,EAAK;EAC7C,OAAOC,cAAO,CAACC,IAAI,CAAC,+DAA+D,EAAE;IACjFC,IAAI,EAAE;MAAEJ,SAAS,EAATA,SAAS;MAAEK,cAAc,EAAEJ;IAAK;EAC5C,CAAC,CAAC;AACN,CAAC;AAAC;AACK,IAAMM,cAAc,GAAG,SAAjBA,cAAc,CAAIP,SAAS,EAAEC,IAAI,EAAK;EAC/C,OAAOC,cAAO,CAACM,GAAG,CAAC,+DAA+D,EAAE;IAChFJ,IAAI,EAAE;MAAEJ,SAAS,EAATA,SAAS;MAAES,eAAe,EAAER;IAAK;EAC7C,CAAC,CAAC;AACN,CAAC;AAAC"}

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

@@ -0,0 +1,189 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _vtxThemeProvider = _interopRequireDefault(require("../vtx-theme-provider"));
+var _api = require("./api");
+require("./style");
+var _closeDark = _interopRequireDefault(require("./imgs/close-dark.png"));
+var _close = _interopRequireDefault(require("./imgs/close.png"));
+var _collect = _interopRequireDefault(require("./imgs/collect.png"));
+var _collect_light = _interopRequireDefault(require("./imgs/collect_light.png"));
+var _track = _interopRequireDefault(require("./imgs/track.png"));
+var _track_light = _interopRequireDefault(require("./imgs/track_light.png"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// 弹框内容最大高度：document高度-上下空80-弹框头高度
+var MAX_CONTENT_HEIGHT = document.body.clientHeight - 160 - 60;
+var VtxBaseModal = function VtxBaseModal(props) {
+  var contentRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    contentStyle = _useState2[0],
+    setContentStyle = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasCollect = _useState4[0],
+    setHasCollect = _useState4[1];
+  var _props$id = props.id,
+    id = _props$id === void 0 ? '' : _props$id,
+    _props$type = props.type,
+    type = _props$type === void 0 ? '' : _props$type,
+    title = props.title,
+    visible = props.visible,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 1478 : _props$width,
+    onCancel = props.onCancel,
+    subTitle = props.subTitle,
+    contents = props.contents,
+    tabs = props.tabs,
+    onTabsChange = props.onTabsChange,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'dark' : _props$theme;
+  var _useState5 = (0, _react.useState)(tabs[0].key),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabKey = _useState6[0],
+    setTabKey = _useState6[1];
+  (0, _react.useEffect)(function () {
+    if (!visible) setTabKey(tabs[0].key);
+  }, [visible]);
+  (0, _react.useEffect)(function () {
+    document.body.classList.add(theme);
+    document.body.classList.add('overHiddenScroll');
+    return function () {
+      document.body.classList.remove(theme);
+      document.body.classList.remove('overHiddenScroll');
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    var _a;
+    var contentHeight = ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
+    if (contentHeight >= MAX_CONTENT_HEIGHT) {
+      setContentStyle({
+        maxHeight: MAX_CONTENT_HEIGHT,
+        overflow: 'auto'
+      });
+    } else {
+      setContentStyle({});
+    }
+  }, [contents[tabKey]]);
+  (0, _react.useEffect)(function () {
+    if (id) {
+      (0, _api.fetchFavoriter)(id, type).then(function (res) {
+        var _a;
+        if (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          setHasCollect(res.data.includes(id));
+        }
+      });
+    }
+  }, [id, type]);
+  // 收藏-取消收藏
+  var toggleCollect = function toggleCollect() {
+    if (hasCollect) {
+      (0, _api.delFavoriter)(id, type).then(function (res) {
+        if (res.result === 0) {
+          setHasCollect(false);
+        }
+      });
+    } else {
+      (0, _api.saveFavoriter)(id, type).then(function (res) {
+        if (res.result === 0) {
+          setHasCollect(true);
+        }
+      });
+    }
+  };
+  // 历史轨迹
+  var clickTract = function clickTract() {
+    if (type === 'car') {
+      window.open("".concat(location.protocol, "//").concat(location.host, "/carHistory/#/index?carId=").concat(id, "&").concat(location.href.split('?')[1]));
+    }
+    if (type === 'staff') {
+      window.open("".concat(location.href.split('#')[0], "#/staffHistory?staffId=").concat(id, "&").concat(location.href.split('?')[1]));
+    }
+  };
+  var chartFontColor = theme === 'dark' ? '#fff' : '#000';
+  var chartColor = ['#73A0FA', '#73DEB3', '#29A634', '#9CBF30', '#F3B825', '#EB532E', '#DB2C6F', '#9179F2'];
+  return !visible ? null : /*#__PURE__*/_react["default"].createElement(_vtxThemeProvider["default"], {
+    value: {
+      theme: theme,
+      chartFontColor: chartFontColor,
+      chartColor: chartColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal-wrap ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mask"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal ".concat(theme),
+    style: {
+      width: width,
+      // height: height,
+      transform: "translateX(".concat(-width / 2, "px)")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-title ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-title-bg ".concat(theme)
+  }), title, subTitle), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-btns"
+  }, type && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-btn",
+    onClick: function onClick() {
+      toggleCollect();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: theme === 'dark' ? _collect["default"] : _collect_light["default"]
+  }), hasCollect ? '已收藏' : '收藏'), (type === 'car' || type === 'staff') && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-btn",
+    onClick: function onClick() {
+      clickTract();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: theme === 'dark' ? _track["default"] : _track_light["default"]
+  }), "\u5386\u53F2\u8F68\u8FF9"), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "close-btn",
+    src: theme === 'light' ? _close["default"] : _closeDark["default"],
+    alt: "",
+    onClick: function onClick() {
+      return onCancel && onCancel();
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'vtx-business-modal--content'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 ? 'vtx-business-modal--main' : 'vtx-business-modal--main-notab',
+    ref: contentRef,
+    style: contentStyle
+  }, contents[tabKey]), (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-modal-tabs ".concat(theme)
+  }, tabs.map(function (ele, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: (0, _classnames["default"])("vtx-modal-tabs--tab", _defineProperty({}, "vtx-modal-tabs--tab_active ".concat(theme), tabKey === ele.key)),
+      onClick: function onClick() {
+        setTabKey(ele.key);
+        onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);
+      }
+    }, ele.title);
+  }))))));
+};
+var _default = VtxBaseModal;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MAX_CONTENT_HEIGHT","document","body","clientHeight","VtxBaseModal","props","contentRef","useRef","useState","contentStyle","setContentStyle","hasCollect","setHasCollect","id","type","title","visible","width","onCancel","subTitle","contents","tabs","onTabsChange","theme","key","tabKey","setTabKey","useEffect","classList","add","remove","_a","contentHeight","current","maxHeight","overflow","fetchFavoriter","then","res","data","length","includes","toggleCollect","delFavoriter","result","saveFavoriter","clickTract","window","open","location","protocol","host","href","split","chartFontColor","chartColor","React","createElement","VtxThemeProvider","value","className","style","transform","onClick","src","collect","collectLight","track","trackLight","closeImg","closeImgDark","alt","ref","map","ele","index","classNames"],"sources":["vtx-base-modal/index.js"],"sourcesContent":["import classNames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport VtxThemeProvider from '../vtx-theme-provider';\nimport { delFavoriter, fetchFavoriter, saveFavoriter } from './api';\nimport './style';\nimport closeImgDark from './imgs/close-dark.png';\nimport closeImg from './imgs/close.png';\nimport collect from './imgs/collect.png';\nimport collectLight from './imgs/collect_light.png';\nimport track from './imgs/track.png';\nimport trackLight from './imgs/track_light.png';\n// 弹框内容最大高度：document高度-上下空80-弹框头高度\nconst MAX_CONTENT_HEIGHT = document.body.clientHeight - 160 - 60;\nconst VtxBaseModal = props => {\n    const contentRef = useRef(null);\n    const [contentStyle, setContentStyle] = useState({});\n    const [hasCollect, setHasCollect] = useState(false);\n    const { id = '', type = '', title, visible, width = 1478, onCancel, subTitle, contents, tabs, \n    // headerExt,\n    onTabsChange, \n    // className,\n    theme = 'dark', } = props;\n    const [tabKey, setTabKey] = useState(tabs[0].key);\n    useEffect(() => {\n        if (!visible)\n            setTabKey(tabs[0].key);\n    }, [visible]);\n    useEffect(() => {\n        document.body.classList.add(theme);\n        document.body.classList.add('overHiddenScroll');\n        return () => {\n            document.body.classList.remove(theme);\n            document.body.classList.remove('overHiddenScroll');\n        };\n    }, []);\n    useEffect(() => {\n        var _a;\n        const contentHeight = ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;\n        if (contentHeight >= MAX_CONTENT_HEIGHT) {\n            setContentStyle({\n                maxHeight: MAX_CONTENT_HEIGHT,\n                overflow: 'auto',\n            });\n        }\n        else {\n            setContentStyle({});\n        }\n    }, [contents[tabKey]]);\n    useEffect(() => {\n        if (id) {\n            fetchFavoriter(id, type).then((res) => {\n                var _a;\n                if (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                    setHasCollect(res.data.includes(id));\n                }\n            });\n        }\n    }, [id, type]);\n    // 收藏-取消收藏\n    const toggleCollect = () => {\n        if (hasCollect) {\n            delFavoriter(id, type).then((res) => {\n                if (res.result === 0) {\n                    setHasCollect(false);\n                }\n            });\n        }\n        else {\n            saveFavoriter(id, type).then((res) => {\n                if (res.result === 0) {\n                    setHasCollect(true);\n                }\n            });\n        }\n    };\n    // 历史轨迹\n    const clickTract = () => {\n        if (type === 'car') {\n            window.open(`${location.protocol}//${location.host}/carHistory/#/index?carId=${id}&${location.href.split('?')[1]}`);\n        }\n        if (type === 'staff') {\n            window.open(`${location.href.split('#')[0]}#/staffHistory?staffId=${id}&${location.href.split('?')[1]}`);\n        }\n    };\n    const chartFontColor = theme === 'dark' ? '#fff' : '#000';\n    const chartColor = [\n        '#73A0FA',\n        '#73DEB3',\n        '#29A634',\n        '#9CBF30',\n        '#F3B825',\n        '#EB532E',\n        '#DB2C6F',\n        '#9179F2',\n    ];\n    return !visible ? null : (React.createElement(VtxThemeProvider, { value: { theme, chartFontColor, chartColor } },\n        React.createElement(\"div\", { className: `vtx-business-modal-wrap ${theme}` },\n            React.createElement(\"div\", { className: \"mask\" }),\n            React.createElement(\"div\", { className: `vtx-business-modal ${theme}`, style: {\n                    width: width,\n                    // height: height,\n                    transform: `translateX(${-width / 2}px)`,\n                } },\n                React.createElement(\"div\", { className: \"vtx-business-modal--head\" },\n                    React.createElement(\"div\", { className: `vtx-business-modal--head-title ${theme}` },\n                        React.createElement(\"div\", { className: `vtx-business-modal--head-title-bg ${theme}` }),\n                        title,\n                        subTitle),\n                    React.createElement(\"div\", { className: \"vtx-business-modal--head-btns\" },\n                        type && (React.createElement(\"div\", { className: \"vtx-business-modal--head-btn\", onClick: () => {\n                                toggleCollect();\n                            } },\n                            React.createElement(\"img\", { src: theme === 'dark' ? collect : collectLight }),\n                            hasCollect ? '已收藏' : '收藏')),\n                        (type === 'car' || type === 'staff') && (React.createElement(\"div\", { className: \"vtx-business-modal--head-btn\", onClick: () => {\n                                clickTract();\n                            } },\n                            React.createElement(\"img\", { src: theme === 'dark' ? track : trackLight }),\n                            \"\\u5386\\u53F2\\u8F68\\u8FF9\")),\n                        React.createElement(\"img\", { className: \"close-btn\", src: theme === 'light' ? closeImg : closeImgDark, alt: \"\", onClick: () => onCancel && onCancel() }))),\n                React.createElement(\"div\", { className: 'vtx-business-modal--content' },\n                    React.createElement(\"div\", { className: (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1\n                            ? 'vtx-business-modal--main'\n                            : 'vtx-business-modal--main-notab', ref: contentRef, style: contentStyle }, contents[tabKey]),\n                    (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && (React.createElement(\"div\", { className: `vtx-modal-tabs ${theme}` }, tabs.map((ele, index) => (React.createElement(\"div\", { key: index, className: classNames(`vtx-modal-tabs--tab`, {\n                            [`vtx-modal-tabs--tab_active ${theme}`]: tabKey === ele.key,\n                        }), onClick: () => {\n                            setTabKey(ele.key);\n                            onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);\n                        } }, ele.title))))))))));\n};\nexport default VtxBaseModal;\n"],"mappings":"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"}

package/lib/vtx-base-modal/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vtx-base-modal/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vtx-base-modal/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}