@vtx/modals2 2.10.39 → 2.10.41

package/lib/vm-common-components/components/TimePeriodSwitch/style/index.css

@@ -0,0 +1,70 @@
+.timePeriodSwitchList {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.timePeriodSwitchList .button-common {
+  display: inline-block;
+  padding: 5px 15px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+  text-align: center;
+  width: 100px;
+}
+.timePeriodSwitchList.dark .timePeriodSwitch {
+  display: inline-block;
+  padding: 5px 15px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+  text-align: center;
+  width: 100px;
+  background: url(../assets/normal.png) no-repeat;
+  background-size: 100% 100%;
+  color: rgba(255, 255, 255, 0.6);
+}
+.timePeriodSwitchList.dark .timePeriodSwitch--active {
+  display: inline-block;
+  padding: 5px 15px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+  text-align: center;
+  width: 100px;
+  background: url(../assets/active.png) no-repeat;
+  background-size: 100% 100%;
+  color: #fff;
+}
+.timePeriodSwitchList.light .timePeriodSwitch {
+  display: inline-block;
+  padding: 5px 15px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+  text-align: center;
+  width: 100px;
+  background-color: #ffffff;
+  border: 1px solid #d9d9d9;
+  color: rgba(0, 0, 0, 0.88);
+  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
+          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
+}
+.timePeriodSwitchList.light .timePeriodSwitch--active {
+  display: inline-block;
+  padding: 5px 15px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+  text-align: center;
+  width: 100px;
+  color: #fff;
+  background-color: #1677ff;
+  -webkit-box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
+          box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
+}

package/lib/vm-common-components/components/TimePeriodSwitch/style/index.less

@@ -0,0 +1,44 @@
+.timePeriodSwitchList {
+    display: flex;
+    .button-common {
+        display: inline-block;
+        padding: 5px 15px;
+        border-radius: 2px;
+        cursor: pointer;
+        font-weight: 500;
+        font-size: 16px;
+        text-align: center;
+        width: 100px;
+    }
+    &.dark {
+        .timePeriodSwitch {
+            .button-common();
+            background: url(../assets/normal.png) no-repeat;
+            background-size: 100% 100%;
+            color: rgba(255, 255, 255, 0.6);
+        }
+
+        .timePeriodSwitch--active {
+            .button-common();
+            background: url(../assets/active.png) no-repeat;
+            background-size: 100% 100%;
+            color: #fff;
+        }
+    }
+    &.light {
+        .timePeriodSwitch {
+            .button-common();
+            background-color: #ffffff;
+            border: 1px solid #d9d9d9;
+            color: rgba(0, 0, 0, 0.88);
+            box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
+        }
+
+        .timePeriodSwitch--active {
+            .button-common();
+            color: #fff;
+            background-color: #1677ff;
+            box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
+        }
+    }
+}

package/lib/vm-common-components/components/index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AlarmTitle", {
+  enumerable: true,
+  get: function get() {
+    return _vmAlarmTitle.AlarmTitle;
+  }
+});
+Object.defineProperty(exports, "Chart", {
+  enumerable: true,
+  get: function get() {
+    return _vmChart["default"];
+  }
+});
+Object.defineProperty(exports, "Compare", {
+  enumerable: true,
+  get: function get() {
+    return _Compare["default"];
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function get() {
+    return _vmContainer["default"];
+  }
+});
+Object.defineProperty(exports, "ImagesGroup", {
+  enumerable: true,
+  get: function get() {
+    return _ImagesGroup["default"];
+  }
+});
+Object.defineProperty(exports, "LinePortrait", {
+  enumerable: true,
+  get: function get() {
+    return _LinePortrait["default"];
+  }
+});
+Object.defineProperty(exports, "NoData", {
+  enumerable: true,
+  get: function get() {
+    return _vmNodata["default"];
+  }
+});
+Object.defineProperty(exports, "PointPortrait", {
+  enumerable: true,
+  get: function get() {
+    return _PointPortrait["default"];
+  }
+});
+Object.defineProperty(exports, "Radar", {
+  enumerable: true,
+  get: function get() {
+    return _vmRadar["default"];
+  }
+});
+Object.defineProperty(exports, "RadionButton", {
+  enumerable: true,
+  get: function get() {
+    return _RadionButton["default"];
+  }
+});
+Object.defineProperty(exports, "Statistics", {
+  enumerable: true,
+  get: function get() {
+    return _Statistics["default"];
+  }
+});
+Object.defineProperty(exports, "SubTitle", {
+  enumerable: true,
+  get: function get() {
+    return _SubTitle["default"];
+  }
+});
+Object.defineProperty(exports, "TimePeriodSwitch", {
+  enumerable: true,
+  get: function get() {
+    return _TimePeriodSwitch["default"];
+  }
+});
+Object.defineProperty(exports, "VmDefects", {
+  enumerable: true,
+  get: function get() {
+    return _vmDefects["default"];
+  }
+});
+Object.defineProperty(exports, "Wrap", {
+  enumerable: true,
+  get: function get() {
+    return _vmContainer.Wrap;
+  }
+});
+var _Statistics = _interopRequireDefault(require("./Statistics"));
+var _Compare = _interopRequireDefault(require("./Compare"));
+var _vmChart = _interopRequireDefault(require("./vm-chart"));
+var _vmNodata = _interopRequireDefault(require("./vm-nodata"));
+var _RadionButton = _interopRequireDefault(require("./RadionButton"));
+var _SubTitle = _interopRequireDefault(require("./SubTitle"));
+var _TimePeriodSwitch = _interopRequireDefault(require("./TimePeriodSwitch"));
+var _vmContainer = _interopRequireWildcard(require("./vm-container"));
+var _vmAlarmTitle = require("./vm-alarm-title");
+var _ImagesGroup = _interopRequireDefault(require("./ImagesGroup"));
+var _vmDefects = _interopRequireDefault(require("./vm-defects"));
+var _LinePortrait = _interopRequireDefault(require("./Portrait/LinePortrait"));
+var _PointPortrait = _interopRequireDefault(require("./Portrait/PointPortrait"));
+var _vmRadar = _interopRequireDefault(require("./vm-radar"));
+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 }; }
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Statistics","_interopRequireDefault","require","_Compare","_vmChart","_vmNodata","_RadionButton","_SubTitle","_TimePeriodSwitch","_vmContainer","_interopRequireWildcard","_vmAlarmTitle","_ImagesGroup","_vmDefects","_LinePortrait","_PointPortrait","_vmRadar","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["vm-common-components/components/index.js"],"sourcesContent":["import Statistics from './Statistics';\nimport Compare from './Compare';\nimport Chart from './vm-chart';\nimport NoData from './vm-nodata';\nimport RadionButton from './RadionButton';\nimport SubTitle from './SubTitle';\nimport TimePeriodSwitch from './TimePeriodSwitch';\nimport Container, { Wrap } from './vm-container';\nimport { AlarmTitle } from './vm-alarm-title';\nimport ImagesGroup from './ImagesGroup';\nimport VmDefects from './vm-defects';\nimport LinePortrait from './Portrait/LinePortrait';\nimport PointPortrait from './Portrait/PointPortrait';\nimport Radar from './vm-radar';\nexport { Statistics, Chart, NoData, Compare, RadionButton, SubTitle, TimePeriodSwitch, Container, Wrap, AlarmTitle, ImagesGroup, VmDefects, LinePortrait, PointPortrait, Radar, };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAC,uBAAA,CAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,UAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,aAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,cAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,QAAA,GAAAf,sBAAA,CAAAC,OAAA;AAA+B,SAAAe,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAY,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAA3B,uBAAAqB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA"}

package/lib/vm-common-components/components/vm-alarm-title/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlarmTitle = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./style");
+var _alarm = _interopRequireDefault(require("./imgs/alarm.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 当前报警的标题
+ * @param props
+ * @returns {JSX.Element}
+ * @constructor
+ */
+var AlarmTitle = function AlarmTitle(props) {
+  var title = props.title,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'red' : _props$color;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "box",
+    style: {
+      color: color
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _alarm["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", null, title));
+};
+exports.AlarmTitle = AlarmTitle;
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/vm-alarm-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_alarm","obj","__esModule","AlarmTitle","props","title","_props$color","color","React","createElement","className","style","src","AlarmImg","exports"],"sources":["vm-common-components/components/vm-alarm-title/index.js"],"sourcesContent":["import React from 'react';\nimport './style';\nimport AlarmImg from './imgs/alarm.png';\n/**\n * 当前报警的标题\n * @param props\n * @returns {JSX.Element}\n * @constructor\n */\nexport const AlarmTitle = (props) => {\n    const { title, color = 'red' } = props;\n    return (React.createElement(\"div\", { className: \"box\", style: { color } },\n        React.createElement(\"img\", { src: AlarmImg }),\n        React.createElement(\"span\", null, title)));\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACxC;AACA;AACA;AACA;AACA;AACA;AACO,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAK,EAAK;EACjC,IAAQC,KAAK,GAAoBD,KAAK,CAA9BC,KAAK;IAAAC,YAAA,GAAoBF,KAAK,CAAvBG,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAC5B,oBAAQE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,KAAK;IAAEC,KAAK,EAAE;MAAEJ,KAAK,EAALA;IAAM;EAAE,CAAC,eACrEC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEG,GAAG,EAAEC;EAAS,CAAC,CAAC,eAC7CL,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEJ,KAAK,CAAC,CAAC;AACjD,CAAC;AAACS,OAAA,CAAAX,UAAA,GAAAA,UAAA"}

package/lib/vm-common-components/components/vm-alarm-title/style/css.js

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

package/lib/vm-common-components/components/vm-alarm-title/style/css.js.map

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

package/lib/vm-common-components/components/vm-alarm-title/style/index.css

@@ -0,0 +1,25 @@
+.box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 20px;
+}
+.box img {
+  width: 40px;
+  height: 40px;
+  margin-right: 10px;
+}
+.box span {
+  padding-right: 10px;
+  font-size: 22px;
+  font-weight: bold;
+  font-style: italic;
+  font-family: HiraginoSansGB-W3, HiraginoSansGB;
+  background: -webkit-gradient(linear, left bottom, left top, from(currentColor), color-stop(70%, var(--title-color)), to(var(--title-color)));
+  background: linear-gradient(0deg, currentColor 0%, var(--title-color) 70%, var(--title-color) 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}

package/lib/vm-common-components/components/vm-alarm-title/style/index.js

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

package/lib/vm-common-components/components/vm-alarm-title/style/index.js.map

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

package/lib/vm-common-components/components/vm-alarm-title/style/index.less

@@ -0,0 +1,25 @@
+.box {
+    display: flex;
+    align-items: center;
+    padding: 0 20px;
+    img {
+        width: 40px;
+        height: 40px;
+        margin-right: 10px;
+    }
+    span {
+        padding-right: 10px;
+        font-size: 22px;
+        font-weight: bold;
+        font-style: italic;
+        font-family: HiraginoSansGB-W3, HiraginoSansGB;
+        background: linear-gradient(
+            0deg,
+            currentColor 0%,
+            var(--title-color) 70%,
+            var(--title-color) 100%
+        );
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+}

package/lib/vm-common-components/components/vm-chart/index.css

@@ -0,0 +1,9 @@
+.chartWrap {
+  height: 100%;
+}
+.chartWrap :global .ant-spin-nested-loading {
+  height: 100%;
+}
+.chartWrap :global .ant-spin-nested-loading .ant-spin-container {
+  height: 100%;
+}