@vtx/modals2 3.3.10 → 3.3.12

package/lib/vm-case-modal/components/Picture/index.less

@@ -0,0 +1,106 @@
+.case-pic{
+    width: 100%;
+    height:  100%;
+    padding: 6px 10px;
+    .tabs{
+        width: 100%;
+        height: 52px;
+        line-height: 52px;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;        
+        align-items: center;
+        .tab{
+            width: 90px;
+            height: 26px;
+            line-height: 26px;
+            text-align: center;
+            margin-right: 12px;
+            background-image: url(../../imgs/tab_unsel.png);
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            font-size: 16px;
+            font-family: PingFang;
+            font-weight: 400;
+            color: #ffffff;
+            cursor: pointer;
+        }
+        .active{
+            width: 90px;
+            height: 26px;
+            line-height: 26px;
+            text-align: center;
+            margin-right: 12px;
+            background-image: url(../../imgs/tab_selected.png);
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            font-size: 16px;
+            font-family: PingFang;
+            font-weight: 400;
+            color: #00FFEC; 
+            cursor: pointer;
+        }
+    }
+    h4{
+        color: #fff;
+    }
+    .piclist{
+        height: e('calc(100% - 70px)');
+        width: 100%;
+        overflow: auto;
+        .ant-empty-description{
+            color: #fff !important;
+        }
+        .picItem{
+            height: 200px;
+            width: 80%;
+            padding-left: 50px;
+            position: relative;
+            // :global {
+                .slick-list {
+                    width: 100%;
+                    height: 100% !important;
+                }
+                .slick-slider {
+                    width: 100%;
+                    height: 100%;
+                    position: relative;
+                    text-align: center;
+                    overflow: hidden;
+                }
+                .slick-slide > div {
+                    height: 100%;
+                }
+                .slick-slide > div > div {
+                    height: 100%;
+                }
+                .slick-track {
+                    width: 100%;
+                    height: 100%;
+                }
+                .slick-prev {
+                    left: 15px !important;
+                    top: 50%;
+                    z-index: 400;
+                    width: 30px;
+                    height: 30px;
+                }
+                .slick-next {
+                    right: 15px !important;
+                    top: 50%;
+                    z-index: 400;
+                    width: 30px;
+                    height: 30px;
+                }
+                .slick-prev:before,
+                .slick-next:before {
+                    font-size: 30px;
+                    backdrop-filter: invert(20%);
+                }
+            // }
+        }   
+        // .vtx-image-aspectFit {
+        //     background: transparent !important;
+        // }
+    }
+}

package/lib/vm-case-modal/components/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseInfo", {
+  enumerable: true,
+  get: function get() {
+    return _BaseInfo["default"];
+  }
+});
+Object.defineProperty(exports, "Picture", {
+  enumerable: true,
+  get: function get() {
+    return _Picture["default"];
+  }
+});
+var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+var _Picture = _interopRequireDefault(require("./Picture"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/lib/vm-case-modal/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_BaseInfo","_interopRequireDefault","require","_Picture","obj","__esModule"],"sources":["vm-case-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport Picture from './Picture';\nexport { BaseInfo, Picture, };\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA"}

package/lib/vm-case-modal/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _vtxThemeProvider = _interopRequireDefault(require("../vtx-theme-provider"));
+var _moment = _interopRequireDefault(require("moment"));
+var _closeDark = _interopRequireDefault(require("./imgs/close-dark.png"));
+var _closeBlue = _interopRequireDefault(require("./imgs/close-blue.png"));
+var _close = _interopRequireDefault(require("./imgs/close.png"));
+var _components = require("./components");
+require("../style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var getWidth = function getWidth() {
+  var clientWidth = document.body.clientWidth;
+  var contentWidth;
+  if (clientWidth > 1440) {
+    contentWidth = 1440;
+  } else if (clientWidth > 1366) {
+    contentWidth = 1300;
+  } else {
+    contentWidth = '100%';
+  }
+  return contentWidth;
+};
+var VtxCaseModal = function VtxCaseModal(props) {
+  var caseId = props.caseId,
+    title = props.title,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'blue' : _props$theme,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    subTitle = props.subTitle;
+  var closeBtn = {
+    light: _close["default"],
+    dark: _closeDark["default"],
+    blue: _closeBlue["default"]
+  };
+  // const height = document.body?.offsetHeight - 150 || 600;
+  return !visible ? null : /*#__PURE__*/_react["default"].createElement(_vtxThemeProvider["default"], {
+    value: {
+      theme: theme,
+      chartFontColor: '#fff',
+      chartColor: [''],
+      startDate: (0, _moment["default"])().format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD'),
+      defaultGrid: 9
+    }
+  }, /*#__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: getWidth()
+    }
+  }, /*#__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"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "close-btn ".concat(theme),
+    src: closeBtn[theme],
+    alt: "",
+    onClick: function onClick() {
+      return onCancel && onCancel();
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'vtx-business-modal--content',
+    style: {
+      height: '580px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'left',
+    style: {
+      width: '40%',
+      height: '100%',
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.Picture, {
+    caseId: caseId
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'right',
+    style: {
+      width: '60%',
+      height: '100%',
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
+    caseId: caseId
+  }))))));
+};
+var _default = VtxCaseModal;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-case-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_vtxThemeProvider","_moment","_closeDark","_closeBlue","_close","_components","obj","__esModule","getWidth","clientWidth","document","body","contentWidth","VtxCaseModal","props","caseId","title","_props$theme","theme","visible","onCancel","subTitle","closeBtn","light","closeImg","dark","closeImgDark","blue","closeImgBlue","React","createElement","VtxThemeProvider","value","chartFontColor","chartColor","startDate","moment","format","endDate","defaultGrid","className","concat","style","width","src","alt","onClick","height","overflow","Picture","BaseInfo","_default","exports"],"sources":["vm-case-modal/index.js"],"sourcesContent":["import React from 'react';\nimport VtxThemeProvider from '../vtx-theme-provider';\nimport moment from 'moment';\nimport closeImgDark from './imgs/close-dark.png';\nimport closeImgBlue from './imgs/close-blue.png';\nimport closeImg from './imgs/close.png';\nimport { BaseInfo, Picture, } from './components';\nimport '../style';\nconst getWidth = () => {\n    const clientWidth = document.body.clientWidth;\n    let contentWidth;\n    if (clientWidth > 1440) {\n        contentWidth = 1440;\n    }\n    else if (clientWidth > 1366) {\n        contentWidth = 1300;\n    }\n    else {\n        contentWidth = '100%';\n    }\n    return contentWidth;\n};\nconst VtxCaseModal = (props) => {\n    const { caseId, title, theme = 'blue', visible, onCancel, subTitle } = props;\n    const closeBtn = {\n        light: closeImg,\n        dark: closeImgDark,\n        blue: closeImgBlue,\n    };\n    // const height = document.body?.offsetHeight - 150 || 600;\n    return !visible ? null : (React.createElement(VtxThemeProvider, { value: {\n            theme,\n            chartFontColor: '#fff',\n            chartColor: [''],\n            startDate: moment().format('YYYY-MM-DD'),\n            endDate: moment().format('YYYY-MM-DD'),\n            defaultGrid: 9,\n        } },\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: getWidth(),\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                        React.createElement(\"img\", { className: `close-btn ${theme}`, src: closeBtn[theme], alt: \"\", onClick: () => onCancel && onCancel() }))),\n                React.createElement(\"div\", { className: 'vtx-business-modal--content', style: { height: '580px' } },\n                    React.createElement(\"div\", { className: 'left', style: { width: '40%', height: '100%', overflow: 'auto' } },\n                        React.createElement(Picture, { caseId: caseId })),\n                    React.createElement(\"div\", { className: 'right', style: { width: '60%', height: '100%', overflow: 'auto' } },\n                        React.createElement(BaseInfo, { caseId: caseId })))))));\n};\nexport default VtxCaseModal;\n"],"mappings":"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"}

package/lib/vm-case-modal/style/css.js

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

package/lib/vm-case-modal/style/css.js.map

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