@vtx/modals2 3.3.17 → 3.3.18

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-case-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport Picture from './Picture';\nexport { BaseInfo, Picture, };\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAAgC"}

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":["getWidth","clientWidth","document","body","contentWidth","VtxCaseModal","props","caseId","title","theme","visible","onCancel","subTitle","closeBtn","light","closeImg","dark","closeImgDark","blue","closeImgBlue","React","createElement","VtxThemeProvider","value","chartFontColor","chartColor","startDate","moment","format","endDate","defaultGrid","className","style","width","src","alt","onClick","height","overflow","Picture","BaseInfo"],"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":[],"sources":["vm-case-modal/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}