npm - @vtx/modals2 - Versions diffs - 4.0.7 → 5.0.1 - Mend

@vtx/modals2 4.0.7 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (753) hide show

package/lib/vtx-base-modal/imgs/assets/light/weigui_active.svg ADDED Viewed

@@ -0,0 +1 @@

package/lib/vtx-base-modal/imgs/assets/light/weigui_light.svg ADDED Viewed

@@ -0,0 +1 @@

package/lib/vtx-base-modal/imgs/assets/light/yichang_active.svg ADDED Viewed

@@ -0,0 +1 @@

package/lib/vtx-base-modal/imgs/assets/light/yichang_light.svg ADDED Viewed

@@ -0,0 +1 @@

package/lib/vtx-base-modal/imgs/assets/light/yunwei_active.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 26 26"><defs><clipPath id="master_svg0_1201_00479"><rect x="0" y="0" width="26" height="26" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1201_00479)"><g><path d="M25.05621875,19.068944921875C25.06191875,19.146744921875,25.05461875,19.224944921875,25.03461875,19.300344921875L25.03581875,19.300344921875C24.97711875,19.540344921875,24.80471875,19.736544921875,24.57411875,19.825544921875L13.51501875,25.910844921875C13.28411875,26.035344921875,13.00751875,26.041144921875,12.77161875,25.926444921875L12.76321875,25.921644921875L12.74161875,25.913244921875L12.73081875,25.907344921875L1.60091175,19.779944921875C1.53196975,19.741344921875,1.46930275,19.692344921875,1.41505375,19.634844921875C1.27955745,19.502944921875,1.19921875,19.321944921875,1.19921875,19.127644921875L1.19921875,6.795094921875C1.20401494,6.787894921875,1.20401494,6.781904921875,1.20401494,6.775904921875L1.20641315,6.760314921875L1.21001045,6.739934921875L1.21240865,6.727944921875C1.21240865,6.721944921875,1.21240865,6.711154921875,1.21720485,6.706354921875L1.21840395,6.693164921875L1.22559835,6.671584921875C1.22919575,6.665584921875,1.22919575,6.657194921875,1.23159395,6.650004921875L1.23639015,6.640404921875C1.29782105,6.461284921875,1.42398675,6.311594921875,1.59011975,6.220724921875L1.86111275,6.068444921875C1.9116357499999999,6.032304921875,1.96640375,6.002504921875,2.02418875,5.979714921875L12.68521875,0.112593921875C12.80611875,0.045342021875,12.94261875,0.011409521875,13.08091875,0.014268801875C13.24821875,-0.005729678125,13.41751875,0.026966021875,13.56541875,0.107797521875L24.65691875,6.212334921875C24.86561875,6.324684921875,25.00781875,6.530224921875,25.03941875,6.765114921875C25.04981875,6.813604921875,25.05541875,6.863004921875,25.05621875,6.912594921875L25.05621875,19.068944921875ZM22.41461875,6.687174921875L13.13011875,1.580274921875L13.13011875,1.579074921875L3.88876875,6.663184921875L8.81340875,9.368324921875L12.65761875,7.254334921875C12.80091875,7.176664921875,12.96441875,7.144064921875,13.12651875,7.160814921875C13.28911875,7.142974921875,13.45321875,7.175624921875,13.59651875,7.254334921875L17.48881875,9.399494921875L22.41461875,6.687174921875ZM12.84071875,4.148554921875C12.58051875,4.055034921875,12.39101875,3.835594921875,12.34551875,3.575394921875L12.34551875,3.576594921875C12.30131875,3.311824921875,12.40691875,3.044294921875,12.62011875,2.881124921875C12.83831875,2.712174921875,13.12781875,2.666494921875,13.38751875,2.760024921875C13.64691875,2.840344921875,13.83941875,3.059264921875,13.88601875,3.326824921875C13.93251875,3.594384921875,13.82521875,3.865454921875,13.60811875,4.028654921875C13.39351875,4.196524921875,13.10091875,4.242084921875,12.84071875,4.148554921875ZM12.84071875,6.370464921875C12.58051875,6.276934921875,12.39101875,6.057504921875,12.34551875,5.797304921875C12.30171875,5.532664921875,12.40791875,5.265524921875,12.62131875,5.103034921875C12.83941875,4.934924921875,13.12811875,4.889294921875,13.38751875,4.981924921875C13.64631875,5.062974921875,13.83811875,5.281804921875,13.88461875,5.548974921875C13.93101875,5.816144921875,13.82431875,6.086894921875,13.60811875,6.250554921875C13.39351875,6.418424921875,13.10091875,6.462794921875,12.84071875,6.370464921875ZM7.85892875,10.560244921875L2.76042875,7.751954921875L2.76042875,18.705544921875L12.33871875,23.975544921875L12.33871875,18.157644921875L8.32776875,15.951344921875C8.18841875,15.872844921875,8.07693875,15.753044921875,8.00881875,15.608344921875C7.91288875,15.486044921875,7.85892875,15.337344921875,7.85892875,15.171844921875L7.85892875,10.560244921875ZM17.91921875,15.952544921875L13.89631875,18.166044921875L13.89391875,18.166044921875L13.89391875,23.991144921875L23.50101875,18.707944921875L23.50101875,7.805914921875L18.38931875,10.617744921875L18.38931875,15.176644921875C18.38811875,15.333844921875,18.33541875,15.486344921875,18.23941875,15.610744921875C18.17231875,15.756244921875,18.06001875,15.876144921875,17.91921875,15.952544921875ZM15.93111875,10.255644921875L13.11931875,8.711224921875L13.12051875,8.711224921875L13.12051875,8.708824921875L10.36621875,10.228044921875L13.17571875,11.774844921875L15.93111875,10.255644921875ZM12.33871875,13.024344921875L9.40934875,11.413944921875L9.40934875,14.838544921875L12.33871875,16.447744921875L12.33871875,13.024344921875ZM13.95391875,13.056744921875C13.93761875,13.086744921875,13.91741875,13.114644921875,13.89391875,13.139444921875L13.89391875,16.452544921875L16.83171875,14.833744921875L16.83171875,11.470344921875L13.95391875,13.056744921875ZM6.57908875,17.270144921875C6.15064875,17.270144921875,5.80462875,16.941644921875,5.80327875,16.530344921875L5.80327875,16.530144921875C5.81254875,16.110944921875,6.15990875,15.778744921875,6.57908875,15.788044921875C6.99970875,15.776644921875,7.34933875,16.109644921875,7.35848875,16.530344921875C7.34803875,16.950044921875,6.99879875,17.281544921875,6.57908875,17.270144921875ZM20.42971875,16.686144921875C20.35701875,17.100344921875,19.96631875,17.380144921875,19.55081875,17.315744921875C19.13391875,17.270744921875,18.83541875,16.892144921875,18.88891875,16.476344921875C18.96161875,16.062244921875,19.35231875,15.782344921875,19.76781875,15.846844921875C20.18461875,15.891744921875,20.48321875,16.270344921875,20.42971875,16.686144921875ZM22.54011875,17.625044921875C22.46741875,18.039244921875,22.07671875,18.319044921875,21.66231875,18.254544921875C21.24551875,18.209644921875,20.94701875,17.831044921875,21.00051875,17.415244921875C21.07321875,17.000544921875,21.46471875,16.720544921875,21.88061875,16.785744921875C22.29641875,16.831844921875,22.59361875,17.210144921875,22.54011875,17.625044921875ZM3.74564875,17.574644921875L3.74564875,17.573544921875C3.75480875,17.152944921875,4.10436875,16.819844921875,4.5250587499999995,16.831244921875C4.94475875,16.821244921875,5.29289875,17.153744921875,5.30205875,17.573544921875C5.29289875,17.993244921875,4.94475875,18.325744921875,4.5250587499999995,18.315744921875C4.09380875,18.315744921875,3.74632875,17.984244921875,3.74564875,17.574744921875L3.74564875,17.574644921875Z" fill-rule="evenodd" fill="#1890ff" fill-opacity="1"/></g></g></svg>

package/lib/vtx-base-modal/imgs/assets/light/yunwei_light.svg ADDED Viewed

@@ -0,0 +1 @@

package/lib/vtx-base-modal/imgs/assets/light/zijian_active.svg ADDED Viewed

@@ -0,0 +1 @@

package/lib/vtx-base-modal/imgs/assets/light/zijian_light.svg ADDED Viewed

@@ -0,0 +1 @@

package/lib/vtx-base-modal/imgs/bg_blue.png ADDED Viewed

Binary file

package/lib/vtx-base-modal/imgs/close-blue-new.png ADDED Viewed

Binary file

package/lib/vtx-base-modal/imgs/close-blue.png ADDED Viewed

Binary file

package/lib/vtx-base-modal/imgs/collect-blue.png ADDED Viewed

Binary file

package/lib/vtx-base-modal/imgs/collect_light.png CHANGED Viewed

Binary file

package/lib/vtx-base-modal/imgs/tab_bg_blue.png ADDED Viewed

Binary file

package/lib/vtx-base-modal/imgs/title_bg_blue.png ADDED Viewed

Binary file

package/lib/vtx-base-modal/imgs/track_blue.png ADDED Viewed

Binary file

package/lib/vtx-base-modal/imgs/track_light.png CHANGED Viewed

Binary file

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

@@ -7,18 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
 var _vtxThemeProvider = _interopRequireDefault(require("../vtx-theme-provider"));
 var _vmIframeModal = _interopRequireDefault(require("../vm-iframe-modal"));
 var _utils = require("@vtx/utils");
+var _moment = _interopRequireDefault(require("moment"));
 var _api = require("./api");
 require("./style");
 var _closeDark = _interopRequireDefault(require("./imgs/close-dark.png"));
 var _close = _interopRequireDefault(require("./imgs/close.png"));
+var _closeBlueNew = _interopRequireDefault(require("./imgs/close-blue-new.png"));
 var _collect = _interopRequireDefault(require("./imgs/collect.png"));
 var _collect_light = _interopRequireDefault(require("./imgs/collect_light.png"));
+var _collectBlue = _interopRequireDefault(require("./imgs/collect-blue.png"));
 var _track = _interopRequireDefault(require("./imgs/track.png"));
 var _track_light = _interopRequireDefault(require("./imgs/track_light.png"));
+var _track_blue = _interopRequireDefault(require("./imgs/track_blue.png"));
 var _ahooks = require("ahooks");
+var _config = require("./config");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -36,8 +42,6 @@ var getDetail = function getDetail(params) {
     data: params
   });
 };
-// 弹框内容最大高度：document高度--弹框头高度
-var MAX_CONTENT_HEIGHT = document.body.clientHeight - 60 - 70;
 var VtxBaseModal = function VtxBaseModal(props) {
   var _a;
   var contentRef = (0, _react.useRef)(null);
@@ -49,6 +53,8 @@ var VtxBaseModal = function VtxBaseModal(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     hasCollect = _useState4[0],
     setHasCollect = _useState4[1];
+  // 弹框内容最大高度：document高度--弹框头高度
+  var MAX_CONTENT_HEIGHT = document.body.clientHeight - 100;
   var _props$id = props.id,
     id = _props$id === void 0 ? '' : _props$id,
     _props$type = props.type,
@@ -73,9 +79,15 @@ var VtxBaseModal = function VtxBaseModal(props) {
     endDate = props.endDate,
     date = props.date,
     wrType = props.wrType,
+    wrVer = props.wrVer,
     _props$defaultTabInde = props.defaultTabIndex,
-    defaultTabIndex = _props$defaultTabInde === void 0 ? 0 : _props$defaultTabInde;
-  var _useState5 = (0, _react.useState)(tabs[defaultTabIndex].key),
+    defaultTabIndex = _props$defaultTabInde === void 0 ? 0 : _props$defaultTabInde,
+    tabChose = props.tabChose,
+    _props$tabPosition = props.tabPosition,
+    tabPosition = _props$tabPosition === void 0 ? 'top' : _props$tabPosition,
+    _props$showCollect = props.showCollect,
+    showCollect = _props$showCollect === void 0 ? true : _props$showCollect;
+  var _useState5 = (0, _react.useState)((_a = tabs === null || tabs === void 0 ? void 0 : tabs[defaultTabIndex]) === null || _a === void 0 ? void 0 : _a.key),
     _useState6 = _slicedToArray(_useState5, 2),
     tabKey = _useState6[0],
     setTabKey = _useState6[1];
@@ -87,6 +99,10 @@ var VtxBaseModal = function VtxBaseModal(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     mapInfo = _useState10[0],
     setMapInfo = _useState10[1];
+  var _useState11 = (0, _react.useState)(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    actionType = _useState12[0],
+    setActionType = _useState12[1];
   var _useSetState = (0, _ahooks.useSetState)({
       src: '',
       visible: false,
@@ -96,13 +112,25 @@ var VtxBaseModal = function VtxBaseModal(props) {
     iframeModalInfo = _useSetState2[0],
     setIframeModalInfo = _useSetState2[1];
   (0, _react.useEffect)(function () {
-    if (!visible) setTabKey(tabs[0].key);
-  }, [visible]);
+    var _a;
+    if (visible) if (tabChose) {
+      setTabKey(tabChose);
+    } else {
+      setTabKey((_a = tabs === null || tabs === void 0 ? void 0 : tabs[0]) === null || _a === void 0 ? void 0 : _a.key);
+    }
+  }, [visible, tabChose, JSON.stringify(tabs || [])]);
   (0, _react.useEffect)(function () {
     (0, _api.getTenantById)((0, _utils.getVtxToken)('tenantId')).then(function (res) {
-      var _a;
+      var _a, _b;
       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]);
+        var data = ((_a = JSON.parse(res.data.mapDefJson)) === null || _a === void 0 ? void 0 : _a.find(function (ele) {
+          return ele.defaultMap;
+        })) || {};
+        if ((_b = res.data) === null || _b === void 0 ? void 0 : _b.longitudeDone) {
+          data.longitude = res.data.longitudeDone;
+          data.latitude = res.data.latitudeDone;
+        }
+        setMapInfo(data);
       } else {
         setMapInfo({});
       }
@@ -119,7 +147,7 @@ var VtxBaseModal = function VtxBaseModal(props) {
   (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) {
+    if (contentHeight >= (tabPosition === 'top' ? MAX_CONTENT_HEIGHT - 60 : MAX_CONTENT_HEIGHT)) {
       setContentStyle({
         maxHeight: MAX_CONTENT_HEIGHT,
         overflowY: 'auto'
@@ -127,7 +155,7 @@ var VtxBaseModal = function VtxBaseModal(props) {
     } else {
       setContentStyle({});
     }
-  }, [contents[tabKey], contentRef === null || contentRef === void 0 ? void 0 : contentRef.current, id]);
+  }, [contents[tabKey], contentRef === null || contentRef === void 0 ? void 0 : contentRef.current, id, tabPosition]);
   (0, _react.useEffect)(function () {
     if (id && type && (!wrType || wrType !== 'new')) {
       (0, _api.fetchFavoriter)(id, type).then(function (res) {
@@ -146,6 +174,16 @@ var VtxBaseModal = function VtxBaseModal(props) {
         }
       });
     }
+    if (id && type === 'car') {
+      (0, _api.getCarInfoByProductType)(id).then(function (res) {
+        var _a;
+        if (res === null || res === void 0 ? void 0 : res.data) {
+          setActionType((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.actionType);
+        } else {
+          setActionType('');
+        }
+      });
+    }
   }, [id, type]);
   // 收藏-取消收藏
   var toggleCollect = function toggleCollect() {
@@ -164,11 +202,11 @@ var VtxBaseModal = function VtxBaseModal(props) {
     }
   };
   // 历史轨迹
-  var clickTract = function clickTract() {
+  var clickTract = function clickTract(props) {
     var src = '';
     if (type === 'car') {
       var path = 'index';
-      switch (source) {
+      switch (props.source || source) {
         case 'JXH':
           path = 'zyqsHistory';
           break;
@@ -180,13 +218,13 @@ var VtxBaseModal = function VtxBaseModal(props) {
           path = 'ccCarHistory';
           break;
       }
-      src = "".concat(location.protocol, "//").concat(location.host, "/carHistory/#/").concat(path, "?carId=").concat(id, "&theme=").concat(theme);
+      src = "".concat(location.protocol, "//").concat(location.host, "/carHistory/#/").concat(path, "?carId=").concat(id, "&theme=").concat(theme == 'blue' ? 'dark' : theme, "&startTime=").concat(startDate ? (0, _moment["default"])(startDate).format('YYYY-MM-DD 00:00:00') : '', "&endTime=").concat(endDate ? (0, _moment["default"])(endDate).format('YYYY-MM-DD 23:59:59') : '');
     }
     if (type === 'staff') {
-      src = "".concat(location.protocol, "//").concat(location.host, "/carHistory/#/staffIndex?staffId=").concat(id, "&theme=").concat(source === 'business' ? 'light' : 'dark', "\n");
+      src = "".concat(location.protocol, "//").concat(location.host, "/carHistory/#/staffIndex?staffId=").concat(id, "&theme=").concat(source === 'business' ? 'light' : 'dark');
     }
     setIframeModalInfo({
-      title: '车辆轨迹',
+      title: type === 'staff' ? '人员轨迹' : '车辆轨迹',
       visible: true,
       src: src
     });
@@ -196,8 +234,8 @@ var VtxBaseModal = function VtxBaseModal(props) {
   var contentWidth;
   var modalTop = top;
   var clientWidth = document.body.clientWidth;
-  if (wrType === 'new') {
-    contentWidth = 1352;
+  if (wrType === 'new' && wrVer === '1.0') {
+    contentWidth = 1500;
   } else if (clientWidth > 1440) {
     contentWidth = width;
   } else if (clientWidth > 1366) {
@@ -222,15 +260,15 @@ var VtxBaseModal = function VtxBaseModal(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "mask"
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "vtx-business-modal ".concat(theme),
+    className: "vtx-business-modal ".concat(theme, " ").concat(tabPosition),
     style: {
       width: contentWidth,
       top: modalTop,
-      marginLeft: (_a = -contentWidth / 2) !== null && _a !== void 0 ? _a : '-50%',
+      transform: "translateX(-".concat(left, ")"),
       left: left
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "vtx-business-modal--head"
+    className: "vtx-business-modal--head ".concat(theme)
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-business-modal--head-title ".concat(theme)
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -247,36 +285,124 @@ var VtxBaseModal = function VtxBaseModal(props) {
     className: "gradeTip"
   }, newDetail.facilityGradeName)), newDetail.facilityClassName && ( /*#__PURE__*/_react["default"].createElement("span", {
     className: "classTip"
-  }, newDetail.facilityClassName))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, newDetail.facilityClassName)), wrVer && newDetail.id && ( /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      color: '#faad14'
+    }
+  }, "\u2003", /*#__PURE__*/_react["default"].createElement(_antd.Rate, {
+    disabled: true,
+    allowHalf: true,
+    value: newDetail.score || 0,
+    style: {
+      color: '#faad14 '
+    }
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "ant-rate-text"
+  }, newDetail.score || 0)))), /*#__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",
+  }, (type === 'car' || type === 'staff') && ( /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-btn ".concat(theme),
     onClick: function onClick() {
-      toggleCollect();
+      var source = '';
+      if (actionType == 'ACTION_JXH') {
+        source = 'JXH';
+      }
+      clickTract({
+        source: source
+      });
     }
   }, /*#__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",
+    src: theme === 'dark' ? _track["default"] : theme === 'blue' ? _track_blue["default"] : _track_light["default"],
+    style: theme === 'blue' || theme === 'light' ? {
+      height: 14,
+      width: 14
+    } : {}
+  }), "\u5386\u53F2\u8F68\u8FF9")), source !== 'business' && type && wrType !== 'new' && showCollect && ( /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-business-modal--head-btn ".concat(theme),
     onClick: function onClick() {
-      clickTract();
+      toggleCollect();
     }
   }, /*#__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"],
+    src: theme === 'dark' ? _collect["default"] : theme === 'blue' ? _collectBlue["default"] : _collect_light["default"],
+    style: theme === 'blue' || theme === 'light' ? {
+      height: 14,
+      width: 14
+    } : {}
+  }), hasCollect ? '已收藏' : '收藏')), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "close-btn ".concat(theme),
+    src: theme === 'dark' ? _closeDark["default"] : theme === 'blue' ? _closeBlueNew["default"] : _close["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',
+    className: "vtx-business-modal--content-".concat(tabPosition, " ").concat(theme)
+  }, (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && tabPosition == 'top' && (theme == 'light' || theme == 'blue') && ( /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-modal-tabs-".concat(tabPosition, " ").concat(theme, " ")
+  }, tabs.map(function (ele, index) {
+    var _a, _b;
+    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), theme),
+      onClick: function onClick() {
+        setTabKey(ele.key);
+        onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: ((_a = _config.tabsImgBlueList.find(function (item) {
+        return item.title == ele.title;
+      })) === null || _a === void 0 ? void 0 : _a[tabKey === ele.key ? "img_".concat(theme, "_active") : "img_".concat(theme)]) || ((_b = _config.tabsImgBlueList.find(function (item) {
+        return item.title == '默认';
+      })) === null || _b === void 0 ? void 0 : _b[tabKey === ele.key ? "img_".concat(theme, "_active") : "img_".concat(theme)])
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "vtx-modal-tabs--title ".concat(theme)
+    }, ele.title));
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat((tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 ? 'vtx-business-modal--main' : 'vtx-business-modal--main-notab', " ").concat(tabPosition),
     ref: contentRef,
     style: contentStyle
-  }, contents[tabKey]), (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && ( /*#__PURE__*/_react["default"].createElement("div", {
+  }, contents[tabKey]), (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && tabPosition == 'right' && (theme == 'light' || theme == 'blue') && ( /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-modal-tabs-".concat(tabPosition, " ").concat(theme)
+  }, tabs.map(function (ele, index) {
+    var _a, _b;
+    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), theme),
+      onClick: function onClick() {
+        setTabKey(ele.key);
+        onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: ((_a = _config.tabsImgBlueList.find(function (item) {
+        return item.title == ele.title;
+      })) === null || _a === void 0 ? void 0 : _a[tabKey === ele.key ? "img_".concat(theme, "_active") : "img_".concat(theme)]) || ((_b = _config.tabsImgBlueList.find(function (item) {
+        return item.title == '默认';
+      })) === null || _b === void 0 ? void 0 : _b[tabKey === ele.key ? "img_".concat(theme, "_active") : "img_".concat(theme)])
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "vtx-modal-tabs--title ".concat(theme)
+    }, ele.title));
+  }))), (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && tabPosition == 'bottom' && (theme == 'light' || theme == 'blue') && ( /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-modal-tabs-".concat(tabPosition, " ").concat(theme, " ")
+  }, tabs.map(function (ele, index) {
+    var _a, _b;
+    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), theme),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setTabKey(ele.key);
+        onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: ((_a = _config.tabsImgBlueList.find(function (item) {
+        return item.title == ele.title;
+      })) === null || _a === void 0 ? void 0 : _a[tabKey === ele.key ? "img_".concat(theme, "_active") : "img_".concat(theme)]) || ((_b = _config.tabsImgBlueList.find(function (item) {
+        return item.title == '默认';
+      })) === null || _b === void 0 ? void 0 : _b[tabKey === ele.key ? "img_".concat(theme, "_active") : "img_".concat(theme)])
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "vtx-modal-tabs--title ".concat(theme)
+    }, ele.title));
+  }))), (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && theme == 'dark' && ( /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-modal-tabs ".concat(theme)
   }, tabs.map(function (ele, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {