@vtx/modals2 2.5.0

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

@@ -0,0 +1,54 @@
+"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 _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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; }
+var VtxBaseInfo = function VtxBaseInfo(props) {
+  var contentRef = (0, _react.useRef)(null);
+  var contents = props.contents,
+    tabs = props.tabs,
+    onTabsChange = props.onTabsChange;
+  var _useState = (0, _react.useState)(tabs[0].key),
+    _useState2 = _slicedToArray(_useState, 2),
+    tabKey = _useState2[0],
+    setTabKey = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'vtx-business-info--content'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 ? 'vtx-business-info--main' : 'vtx-business-info--main-notab',
+    ref: contentRef
+  }, contents[tabKey]), (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-modal-tabs "
+  }, 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", tabKey === ele.key)),
+      onClick: function onClick() {
+        setTabKey(ele.key);
+        onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);
+      }
+    }, ele.title);
+  })))));
+};
+var _default = VtxBaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","err","isArray","VtxBaseInfo","props","contentRef","useRef","contents","tabs","onTabsChange","_useState","useState","_useState2","tabKey","setTabKey","React","createElement","Fragment","className","ref","map","ele","index","classNames","onClick","title","_default","exports"],"sources":["vtx-base-info/index.js"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport './style';\nconst VtxBaseInfo = props => {\n    const contentRef = useRef(null);\n    const { contents, tabs, onTabsChange } = props;\n    const [tabKey, setTabKey] = useState(tabs[0].key);\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: `vtx-business-info` },\n            React.createElement(\"div\", { className: 'vtx-business-info--content' },\n                React.createElement(\"div\", { className: (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1\n                        ? 'vtx-business-info--main'\n                        : 'vtx-business-info--main-notab', ref: contentRef }, contents[tabKey]),\n                (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && (React.createElement(\"div\", { className: `vtx-modal-tabs ` }, tabs.map((ele, index) => (React.createElement(\"div\", { key: index, className: classNames(`vtx-modal-tabs--tab`, {\n                        [`vtx-modal-tabs--tab_active`]: 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 VtxBaseInfo;\n"],"mappings":"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"}

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

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

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

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

package/lib/vtx-base-info/style/index.css

@@ -0,0 +1,69 @@
+html,
+body,
+p {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+.overHiddenScroll {
+  height: 100%;
+  overflow: hidden;
+}
+.vtx-business-info {
+  width: 100%;
+  height: 100%;
+}
+.vtx-business-info .background {
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.vtx-business-info--content {
+  background: var(--modal-content-bg);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.vtx-business-info--main {
+  width: calc(100% - 140px);
+}
+.vtx-business-info--main-notab {
+  width: 100%;
+}
+.vtx-business-info .vtx-modal-tabs {
+  --tabs-bg-color: #fcfcfc;
+  --tabs-btn-color: #666;
+  --tabs-btn-active-color: #1890ff;
+  --border-left: #1890ff;
+  width: 140px;
+  font-size: 18px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  color: var(--tabs-btn-color);
+  text-align: center;
+  background: var(--modal-content-bg);
+  border-left: 1px solid rgba(255, 255, 255, 0.2);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.vtx-business-info .vtx-modal-tabs--tab {
+  width: 140px;
+  height: 64px;
+  line-height: 64px;
+  cursor: pointer;
+  color: var(--tabs-btn-color);
+}
+.vtx-business-info .vtx-modal-tabs--tab_active {
+  color: var(--tabs-btn-active-color);
+  background-image: url('../imgs/tab_bg_light.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}

package/lib/vtx-base-info/style/index.js

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

package/lib/vtx-base-info/style/index.js.map

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

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

@@ -0,0 +1,62 @@
+html,
+body,
+p {
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+.overHiddenScroll {
+    height: 100%;
+    overflow: hidden;
+}
+
+.vtx-business-info {
+    .background {
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+    }
+    width: 100%;
+    height: 100%;
+
+    &--content {
+        background: var(--modal-content-bg);
+        display: flex;
+        justify-content: space-between;
+    }
+    &--main {
+        width: calc(~'100% - 140px');
+    }
+    &--main-notab {
+        width: 100%;
+    }
+
+    .vtx-modal-tabs {
+        --tabs-bg-color: #fcfcfc;
+        --tabs-btn-color: #666;
+        --tabs-btn-active-color: #1890ff;
+        --border-left: #1890ff;
+
+        width: 140px;
+        font-size: 18px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: var(--tabs-btn-color);
+        text-align: center;
+        background: var(--modal-content-bg);
+        border-left: 1px solid rgba(255, 255, 255, 0.2);
+        display: flex;
+        flex-flow: column;
+        justify-content: center;
+        &--tab {
+            width: 140px;
+            height: 64px;
+            line-height: 64px;
+            cursor: pointer;
+            color: var(--tabs-btn-color);
+            &_active {
+                color: var(--tabs-btn-active-color);
+                background-image: url('../imgs/tab_bg_light.png');
+                .background();
+            }
+        }
+    }
+}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.saveFavoriter = exports.getTenantById = 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;
+var getTenantById = function getTenantById(id) {
+  return _utils.request.get('/cloud/management/rest/np/tenant/getTenantById', {
+    data: {
+      parameters: JSON.stringify({
+        id: id
+      })
+    }
+  });
+};
+exports.getTenantById = getTenantById;
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":["_utils","require","saveFavoriter","objectIds","type","request","post","data","collectionType","exports","delFavoriter","fetchFavoriter","get","collectionTypes","getTenantById","id","parameters","JSON","stringify"],"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};\nexport const getTenantById = (id) => {\n    return request.get('/cloud/management/rest/np/tenant/getTenantById', {\n        data: { parameters: JSON.stringify({ id }) },\n    });\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,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;AAACK,OAAA,CAAAP,aAAA,GAAAA,aAAA;AACK,IAAMQ,YAAY,GAAG,SAAfA,YAAYA,CAAIP,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;AAACK,OAAA,CAAAC,YAAA,GAAAA,YAAA;AACK,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIR,SAAS,EAAEC,IAAI,EAAK;EAC/C,OAAOC,cAAO,CAACO,GAAG,CAAC,+DAA+D,EAAE;IAChFL,IAAI,EAAE;MAAEJ,SAAS,EAATA,SAAS;MAAEU,eAAe,EAAET;IAAK;EAC7C,CAAC,CAAC;AACN,CAAC;AAACK,OAAA,CAAAE,cAAA,GAAAA,cAAA;AACK,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,EAAE,EAAK;EACjC,OAAOV,cAAO,CAACO,GAAG,CAAC,gDAAgD,EAAE;IACjEL,IAAI,EAAE;MAAES,UAAU,EAAEC,IAAI,CAACC,SAAS,CAAC;QAAEH,EAAE,EAAFA;MAAG,CAAC;IAAE;EAC/C,CAAC,CAAC;AACN,CAAC;AAACN,OAAA,CAAAK,aAAA,GAAAA,aAAA"}

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

@@ -0,0 +1,293 @@
+"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 _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _vtxThemeProvider = _interopRequireDefault(require("../vtx-theme-provider"));
+var _vmIframeModal = _interopRequireDefault(require("../vm-iframe-modal"));
+var _utils = require("@vtx/utils");
+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"));
+var _ahooks = require("ahooks");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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; }
+var getDetail = function getDetail(params) {
+  return _utils.request.get('/cloud/zhgc-reborn/api/gis/pop/getById', {
+    data: params
+  });
+};
+// 弹框内容最大高度：document高度--弹框头高度
+var MAX_CONTENT_HEIGHT = document.body.clientHeight - 60 - 10;
+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 ? 1437 : _props$width,
+    _props$top = props.top,
+    top = _props$top === void 0 ? 50 : _props$top,
+    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,
+    source = props.source,
+    startDate = props.startDate,
+    endDate = props.endDate,
+    date = props.date,
+    wrType = props.wrType,
+    _props$defaultTabInde = props.defaultTabIndex,
+    defaultTabIndex = _props$defaultTabInde === void 0 ? 0 : _props$defaultTabInde;
+  var _useState5 = (0, _react.useState)(tabs[defaultTabIndex].key),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabKey = _useState6[0],
+    setTabKey = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    newDetail = _useState8[0],
+    setNewDetail = _useState8[1];
+  var _useState9 = (0, _react.useState)({}),
+    _useState10 = _slicedToArray(_useState9, 2),
+    mapInfo = _useState10[0],
+    setMapInfo = _useState10[1];
+  var _useSetState = (0, _ahooks.useSetState)({
+      src: '',
+      visible: false,
+      title: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    iframeModalInfo = _useSetState2[0],
+    setIframeModalInfo = _useSetState2[1];
+  (0, _react.useEffect)(function () {
+    if (!visible) setTabKey(tabs[0].key);
+  }, [visible]);
+  (0, _react.useEffect)(function () {
+    (0, _api.getTenantById)((0, _utils.getUrlParam)('tenantId')).then(function (res) {
+      var _a;
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setMapInfo((_a = JSON.parse(res.data.mapDefJson)) === null || _a === void 0 ? void 0 : _a[0]);
+      } else {
+        setMapInfo({});
+      }
+    });
+  }, []);
+  (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,
+        overflowY: 'auto'
+      });
+    } else {
+      setContentStyle({});
+    }
+  }, [contents[tabKey], contentRef === null || contentRef === void 0 ? void 0 : contentRef.current, id]);
+  (0, _react.useEffect)(function () {
+    if (id && type && (!wrType || wrType !== 'new')) {
+      (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));
+        }
+      });
+    }
+    if (wrType && wrType === 'new') {
+      getDetail({
+        id: id
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+          setNewDetail(res.data);
+        }
+      });
+    }
+  }, [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() {
+    var src = '';
+    if (type === 'car') {
+      var path = 'index';
+      switch (source) {
+        case 'LJSY':
+          path = 'indexLight';
+          break;
+        case 'business':
+          // 今后维护应统一把LJSY相关判断逻辑淘汰换成business
+          path = 'indexLight';
+          break;
+        case 'CC':
+          path = 'ccCarHistory';
+          break;
+      }
+      src = "".concat(location.protocol, "//").concat(location.host, "/carHistory/#/").concat(path, "?carId=").concat(id, "&theme=").concat(theme, "&").concat(location.href.split('?')[1]);
+    }
+    if (type === 'staff') {
+      src = "".concat(location.protocol, "//").concat(location.host, "/carHistory/#/staffIndex?staffId=").concat(id, "&").concat(location.href.split('?')[1]);
+    }
+    setIframeModalInfo({
+      title: '车辆轨迹',
+      visible: true,
+      src: src
+    });
+  };
+  var chartFontColor = theme === 'dark' ? '#fff' : '#000';
+  var chartColor = ['#73A0FA', '#73DEB3', '#29A634', '#9CBF30', '#F3B825', '#EB532E', '#DB2C6F', '#9179F2'];
+  var contentWidth;
+  var clientWidth = document.body.clientWidth;
+  if (wrType === 'new') {
+    contentWidth = 1352;
+  } else if (clientWidth > 1440) {
+    contentWidth = width;
+  } else if (clientWidth > 1366) {
+    contentWidth = 1300;
+  } else {
+    contentWidth = '100%';
+  }
+  return !visible ? null : /*#__PURE__*/_react["default"].createElement(_vtxThemeProvider["default"], {
+    value: {
+      theme: theme,
+      chartFontColor: chartFontColor,
+      chartColor: chartColor,
+      startDate: startDate,
+      endDate: endDate,
+      date: date,
+      mapInfo: mapInfo
+    }
+  }, /*#__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: contentWidth,
+      top: top
+    }
+  }, /*#__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, newDetail.panoramaLinkAddress && /*#__PURE__*/_react["default"].createElement("img", {
+    style: {
+      width: '28px',
+      height: '28px',
+      marginLeft: '20px'
+    },
+    src: require('./imgs/panoramaLink.png'),
+    alt: "panoramaLink"
+  }), newDetail.facilityGradeName && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "gradeTip"
+  }, newDetail.facilityGradeName), newDetail.facilityClassName && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "classTip"
+  }, newDetail.facilityClassName)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-btns"
+  }, source !== 'business' && type && wrType !== 'new' && /*#__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);
+  }))))), /*#__PURE__*/_react["default"].createElement(_vmIframeModal["default"], Object.assign({}, iframeModalInfo, {
+    theme: theme,
+    onCancel: function onCancel() {
+      return setIframeModalInfo({
+        visible: false
+      });
+    }
+  })));
+};
+var _default = VtxBaseModal;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map