@vtx/modals2 2.10.7 → 2.10.12

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

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+require("./style/index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var gradualStyle = function gradualStyle(color) {
+  return {
+    background: "linear-gradient(0deg, ".concat(color, " 0%, #FFFFFF 100%)"),
+    '-webkit-background-clip': 'text',
+    '-webkit-text-fill-color': 'transparent'
+  };
+};
+//检测数据检测合格率99%
+var Item_1 = function Item_1(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    unit = _ref.unit,
+    color = _ref.color,
+    style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statisticsInfo",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "label"
+  }, label, ":"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "value",
+    style: color ? gradualStyle(color) : null
+  }, value || '--', unit && /*#__PURE__*/_react["default"].createElement("span", null, unit)));
+};
+//检测数据当前水质等级
+var Item_2 = function Item_2(_ref2) {
+  var label = _ref2.label,
+    value = _ref2.value,
+    style = _ref2.style,
+    img = _ref2.img,
+    imgStyle = _ref2.imgStyle,
+    color = _ref2.color;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statisticsInfo2",
+    style: Object.assign(Object.assign({}, imgStyle), style)
+  }, img && /*#__PURE__*/_react["default"].createElement("img", {
+    src: img,
+    alt: "",
+    style: imgStyle
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "label"
+  }, label), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "value",
+    style: {
+      color: color
+    }
+  }, value || '--')));
+};
+//最近检测时间
+var Item_3 = function Item_3(_ref3) {
+  var label = _ref3.label,
+    value = _ref3.value,
+    style = _ref3.style,
+    img = _ref3.img,
+    imgStyle = _ref3.imgStyle,
+    color = _ref3.color;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statisticsInfo3",
+    style: Object.assign(Object.assign({}, imgStyle), style)
+  }, img && /*#__PURE__*/_react["default"].createElement("img", {
+    src: img,
+    alt: "",
+    style: imgStyle
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "label"
+  }, label), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "value",
+    style: {
+      color: color
+    }
+  }, value || '--')));
+};
+//运维记录列表
+var Item_4 = function Item_4(props) {
+  var label = props.label,
+    value = props.value,
+    code = props.code,
+    style = props.style,
+    unit = props.unit,
+    color = props.color,
+    _onClick = props.onClick,
+    defaultCode = props.defaultCode;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: defaultCode == code ? "statisticsInfo4 active" : "statisticsInfo4",
+    style: style,
+    onClick: function onClick() {
+      _onClick && _onClick(code);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "label"
+  }, label), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "value"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: color ? gradualStyle(color) : null
+  }, value !== null && value !== void 0 ? value : '--'), unit)));
+};
+//报警总数
+var Item_5 = function Item_5(_ref4) {
+  var label = _ref4.label,
+    value = _ref4.value,
+    unit = _ref4.unit,
+    color = _ref4.color,
+    style = _ref4.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statisticsInfo",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "label"
+  }, label), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "value"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "num",
+    style: color ? gradualStyle(color) : null
+  }, value), /*#__PURE__*/_react["default"].createElement("span", null, unit)));
+};
+var Components = {
+  '1': Item_1,
+  '2': Item_2,
+  '3': Item_3,
+  '4': Item_4,
+  '5': Item_5
+};
+var Statistics = function Statistics(props) {
+  var _props$list = props.list,
+    list = _props$list === void 0 ? [] : _props$list,
+    gap = props.gap,
+    style = props.style,
+    _props$type = props.type,
+    type = _props$type === void 0 ? '1' : _props$type,
+    img = props.img,
+    imgStyle = props.imgStyle,
+    onClick = props.onClick,
+    _props$column = props.column,
+    column = _props$column === void 0 ? 1 : _props$column,
+    _props$gutter = props.gutter,
+    gutter = _props$gutter === void 0 ? [6, 6] : _props$gutter,
+    defaultCode = props.defaultCode;
+  var Component = Components[type];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statistics",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: gutter
+  }, list === null || list === void 0 ? void 0 : list.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+      key: index,
+      span: item.span || 24 / column
+    }, /*#__PURE__*/_react["default"].createElement(Component, Object.assign({}, item, {
+      img: img,
+      imgStyle: imgStyle,
+      style: {
+        marginBottom: gap
+      },
+      onClick: onClick,
+      defaultCode: defaultCode
+    })));
+  })));
+};
+var _default = Statistics;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["gradualStyle","color","background","Item_1","label","value","unit","style","React","createElement","className","Item_2","img","imgStyle","Object","assign","src","alt","Item_3","Item_4","props","code","onClick","defaultCode","Item_5","Components","Statistics","list","gap","type","column","gutter","Component","Row","map","item","index","Col","key","span","marginBottom"],"sources":["vm-common-components/components/Statistics/index.js"],"sourcesContent":["import React from 'react';\nimport { Row, Col } from 'antd';\nimport './style/index.less';\nconst gradualStyle = (color) => {\n    return {\n        background: `linear-gradient(0deg, ${color} 0%, #FFFFFF 100%)`,\n        '-webkit-background-clip': 'text',\n        '-webkit-text-fill-color': 'transparent',\n    };\n};\n//检测数据检测合格率99%\nconst Item_1 = ({ label, value, unit, color, style }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo\", style: style },\n        React.createElement(\"div\", { className: \"label\" },\n            label,\n            \":\"),\n        React.createElement(\"div\", { className: \"value\", style: color ? gradualStyle(color) : null },\n            value || '--',\n            unit && React.createElement(\"span\", null, unit))));\n};\n//检测数据当前水质等级\nconst Item_2 = ({ label, value, style, img, imgStyle, color }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo2\", style: Object.assign(Object.assign({}, imgStyle), style) },\n        img && React.createElement(\"img\", { src: img, alt: \"\", style: imgStyle }),\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"label\" }, label),\n            React.createElement(\"div\", { className: \"value\", style: { color } }, value || '--'))));\n};\n//最近检测时间\nconst Item_3 = ({ label, value, style, img, imgStyle, color }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo3\", style: Object.assign(Object.assign({}, imgStyle), style) },\n        img && React.createElement(\"img\", { src: img, alt: \"\", style: imgStyle }),\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"label\" }, label),\n            React.createElement(\"div\", { className: \"value\", style: { color } }, value || '--'))));\n};\n//运维记录列表\nconst Item_4 = (props) => {\n    const { label, value, code, style, unit, color, onClick, defaultCode } = props;\n    return (React.createElement(\"div\", { className: defaultCode == code ? \"statisticsInfo4 active\" : \"statisticsInfo4\", style: style, onClick: () => {\n            onClick && onClick(code);\n        } },\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"label\" }, label),\n            React.createElement(\"div\", { className: \"value\" },\n                React.createElement(\"span\", { style: color ? gradualStyle(color) : null }, value !== null && value !== void 0 ? value : '--'),\n                unit))));\n};\n//报警总数\nconst Item_5 = ({ label, value, unit, color, style }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo\", style: style },\n        React.createElement(\"div\", { className: \"label\" }, label),\n        React.createElement(\"div\", { className: \"value\" },\n            React.createElement(\"span\", { className: \"num\", style: color ? gradualStyle(color) : null }, value),\n            React.createElement(\"span\", null, unit))));\n};\nconst Components = {\n    '1': Item_1,\n    '2': Item_2,\n    '3': Item_3,\n    '4': Item_4,\n    '5': Item_5,\n};\nconst Statistics = (props) => {\n    const { list = [], gap, style, type = '1', img, imgStyle, onClick, column = 1, gutter = [6, 6], defaultCode } = props;\n    const Component = Components[type];\n    return (React.createElement(\"div\", { className: \"statistics\", style: style },\n        React.createElement(Row, { gutter: gutter }, list === null || list === void 0 ? void 0 : list.map((item, index) => {\n            return (React.createElement(Col, { key: index, span: item.span || 24 / column },\n                React.createElement(Component, Object.assign({}, item, { img: img, imgStyle: imgStyle, style: { marginBottom: gap }, onClick: onClick, defaultCode: defaultCode }))));\n        }))));\n};\nexport default Statistics;\n"],"mappings":"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"}

package/lib/vm-common-components/components/Statistics/style/css.js

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

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

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

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

@@ -0,0 +1,71 @@
+.statisticsInfo {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.label {
+  color: var(--title-color);
+  white-space: nowrap;
+}
+.value {
+  color: var(--info-color);
+  min-width: 98px;
+  font-weight: 600;
+}
+.num {
+  font-size: 20px;
+  margin: 0 8px;
+  color: var(--info-color);
+}
+.statisticsInfo2 {
+  position: relative;
+}
+.statisticsInfo2 .info {
+  position: absolute;
+  left: 50%;
+  top: 35%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  text-align: center;
+}
+.statisticsInfo2 .value {
+  font-size: 16px;
+}
+.statisticsInfo3 {
+  position: relative;
+}
+.statisticsInfo3 .info {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  text-align: center;
+}
+.statisticsInfo3 .label {
+  color: #fff;
+  margin-bottom: 6px;
+}
+.statisticsInfo3 .value {
+  font-size: 16px;
+  line-height: 16px;
+}
+.statisticsInfo4 {
+  padding: 10px 0px;
+  background-color: var(--statisticsBg);
+  border-radius: 10px;
+  text-align: center;
+  cursor: pointer;
+}
+.statisticsInfo4 .label {
+  color: #fff;
+}
+.statisticsInfo4.active {
+  background-color: #fff;
+}
+.statisticsInfo4.active .label,
+.statisticsInfo4.active .value {
+  color: #222;
+}

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

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

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

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

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

@@ -0,0 +1,66 @@
+.statisticsInfo {
+    display: flex;
+}
+.label{
+    color: var(--title-color);
+    white-space: nowrap;
+}
+
+.value {
+    color: var(--info-color);
+    min-width: 98px;
+    font-weight: 600;
+}
+.num{
+    font-size: 20px;
+    margin: 0 8px;
+    color: var(--info-color);
+}
+.statisticsInfo2{
+    position: relative;
+    .info{
+        position: absolute;
+        left: 50%;
+        top: 35%;
+        transform: translate(-50%, -50%);
+        text-align: center;
+    }
+    .value{
+        font-size: 16px;
+    }
+}
+.statisticsInfo3{
+    position: relative;
+    .info{
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        text-align: center;
+    }
+    .label{
+        color: #fff;
+        margin-bottom: 6px;
+    }
+    .value{
+        font-size: 16px;
+        line-height: 16px;
+    }
+}
+.statisticsInfo4{
+    padding: 10px 0px;
+    background-color:var(--statisticsBg);
+    border-radius: 10px;
+    text-align: center;
+    cursor: pointer;
+    .label{
+        color: #fff;
+    }
+    &.active{
+        background-color:#fff;
+        .label,.value{
+            color: #222;
+        }
+        
+    }
+}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SubTitle2 = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSettings3 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./style/index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var SubTitle1 = function SubTitle1(props) {
+  var _useSettings = (0, _useSettings3["default"])(),
+    theme = _useSettings.theme;
+  var _props$title = props.title,
+    title = _props$title === void 0 ? '基本信息' : _props$title,
+    extra = props.extra,
+    _props$extraStyle = props.extraStyle,
+    extraStyle = _props$extraStyle === void 0 ? {} : _props$extraStyle;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mytitle ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: 'mytitleWrap'
+  }, " ", title), extra ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "extra",
+    style: Object.assign({}, extraStyle)
+  }, extra) : null);
+};
+var SubTitle2 = function SubTitle2(props) {
+  var title = props.title;
+  var _useSettings2 = (0, _useSettings3["default"])(),
+    theme = _useSettings2.theme;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mytitle2 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: 'mytitleWrap'
+  }, " ", title));
+};
+exports.SubTitle2 = SubTitle2;
+var SubTitle = function SubTitle(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 1 : _props$type,
+    _props$title2 = props.title,
+    title = _props$title2 === void 0 ? '基本信息' : _props$title2,
+    extra = props.extra,
+    _props$extraStyle2 = props.extraStyle,
+    extraStyle = _props$extraStyle2 === void 0 ? {} : _props$extraStyle2;
+  if (type == 1) {
+    return /*#__PURE__*/_react["default"].createElement(SubTitle1, {
+      title: title,
+      extra: extra,
+      extraStyle: extraStyle
+    });
+  } else {
+    return /*#__PURE__*/_react["default"].createElement(SubTitle2, {
+      title: title
+    });
+  }
+};
+var _default = SubTitle;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SubTitle1","props","useSettings","theme","title","extra","extraStyle","React","createElement","className","style","Object","assign","SubTitle2","SubTitle","type"],"sources":["vm-common-components/components/SubTitle/index.js"],"sourcesContent":["import React from 'react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './style/index.less';\nconst SubTitle1 = (props) => {\n    const { theme } = useSettings();\n    const { title = '基本信息', extra, extraStyle = {} } = props;\n    return (React.createElement(\"div\", { className: `mytitle ${theme}` },\n        React.createElement(\"span\", { className: 'mytitleWrap' },\n            \" \",\n            title),\n        extra ? (React.createElement(\"div\", { className: \"extra\", style: Object.assign({}, extraStyle) }, extra)) : null));\n};\nexport const SubTitle2 = (props) => {\n    const { title } = props;\n    const { theme } = useSettings();\n    return (React.createElement(\"div\", { className: `mytitle2 ${theme}` },\n        React.createElement(\"span\", { className: 'mytitleWrap' },\n            \" \",\n            title)));\n};\nconst SubTitle = (props) => {\n    const { type = 1, title = '基本信息', extra, extraStyle = {} } = props;\n    if (type == 1) {\n        return React.createElement(SubTitle1, { title: title, extra: extra, extraStyle: extraStyle });\n    }\n    else {\n        return React.createElement(SubTitle2, { title: title });\n    }\n};\nexport default SubTitle;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA4B;AAC5B,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAAK,EAAK;EACzB,mBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,mBAAmDF,KAAK,CAAhDG,KAAK;IAALA,KAAK,6BAAG,MAAM;IAAEC,KAAK,GAAsBJ,KAAK,CAAhCI,KAAK;IAAA,oBAAsBJ,KAAK,CAAzBK,UAAU;IAAVA,UAAU,kCAAG,CAAC,CAAC;EAC9C,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,oBAAaN,KAAK;EAAG,CAAC,eAChEI,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEC,SAAS,EAAE;EAAc,CAAC,EACpD,GAAG,EACHL,KAAK,CAAC,EACVC,KAAK,gBAAIE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,OAAO;IAAEC,KAAK,EAAEC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEN,UAAU;EAAE,CAAC,EAAED,KAAK,CAAC,GAAI,IAAI,CAAC;AACzH,CAAC;AACM,IAAMQ,SAAS,GAAG,SAAZA,SAAS,CAAIZ,KAAK,EAAK;EAChC,IAAQG,KAAK,GAAKH,KAAK,CAAfG,KAAK;EACb,oBAAkB,IAAAF,wBAAW,GAAE;IAAvBC,KAAK,iBAALA,KAAK;EACb,oBAAQI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,qBAAcN,KAAK;EAAG,CAAC,eACjEI,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEC,SAAS,EAAE;EAAc,CAAC,EACpD,GAAG,EACHL,KAAK,CAAC,CAAC;AACnB,CAAC;AAAC;AACF,IAAMU,QAAQ,GAAG,SAAXA,QAAQ,CAAIb,KAAK,EAAK;EACxB,kBAA6DA,KAAK,CAA1Dc,IAAI;IAAJA,IAAI,4BAAG,CAAC;IAAA,gBAA6Cd,KAAK,CAAhDG,KAAK;IAALA,KAAK,8BAAG,MAAM;IAAEC,KAAK,GAAsBJ,KAAK,CAAhCI,KAAK;IAAA,qBAAsBJ,KAAK,CAAzBK,UAAU;IAAVA,UAAU,mCAAG,CAAC,CAAC;EACxD,IAAIS,IAAI,IAAI,CAAC,EAAE;IACX,oBAAOR,iBAAK,CAACC,aAAa,CAACR,SAAS,EAAE;MAAEI,KAAK,EAAEA,KAAK;MAAEC,KAAK,EAAEA,KAAK;MAAEC,UAAU,EAAEA;IAAW,CAAC,CAAC;EACjG,CAAC,MACI;IACD,oBAAOC,iBAAK,CAACC,aAAa,CAACK,SAAS,EAAE;MAAET,KAAK,EAAEA;IAAM,CAAC,CAAC;EAC3D;AACJ,CAAC;AAAC,eACaU,QAAQ;AAAA"}

package/lib/vm-common-components/components/SubTitle/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-common-components/components/SubTitle/style/index.js"],"sourcesContent":["\"use strict\";\n"],"mappings":"AAAA,YAAY"}

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

@@ -0,0 +1,63 @@
+.mytitle {
+  color: #222;
+  font-size: 16px;
+  line-height: 20px;
+  margin-bottom: 16px;
+  position: relative;
+}
+.mytitle.dark {
+  font-size: 18px;
+  padding-left: 16px;
+  color: #fff;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
+  background-size: 147px 8px;
+  background-repeat: no-repeat;
+  background-position: 16px bottom;
+}
+.mytitle.dark::after {
+  content: '';
+  width: 4px;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background: -webkit-gradient(linear, left bottom, left top, from(#FFCA28), to(#FFFFFF));
+  background: linear-gradient(0deg, #FFCA28, #FFFFFF);
+}
+.mytitle.dark::before {
+  content: '';
+  width: 4px;
+  height: 100%;
+  position: absolute;
+  left: 4px;
+  top: 0;
+  background: rgba(255, 245, 157, 0.3);
+}
+.mytitle.dark .mytitleWrap {
+  font-weight: 600;
+  font-family: Microsoft YaHei;
+  background: -webkit-gradient(linear, left bottom, left top, from(#B2E0FF), to(#FFFFFF));
+  background: linear-gradient(0deg, #B2E0FF 0%, #FFFFFF 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.mytitle .extra {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.mytitle2 {
+  padding-left: 20px;
+  background: url('../assets/arrow.png') no-repeat;
+  background-size: 15px auto;
+  background-position: left 2px;
+  color: #222;
+}
+.mytitle2.dark .mytitleWrap {
+  font-family: Microsoft YaHei;
+  background: -webkit-gradient(linear, left bottom, left top, from(#B2E0FF), to(#FFFFFF));
+  background: linear-gradient(0deg, #B2E0FF 0%, #FFFFFF 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-common-components/components/SubTitle/style/index.js"],"sourcesContent":["\"use strict\";\n"],"mappings":"AAAA,YAAY"}

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

@@ -0,0 +1,63 @@
+.mytitle {
+    color: #222;
+    font-size: 16px;
+    line-height: 20px;
+    margin-bottom: 16px;
+    position: relative;
+  
+    &.dark {
+        font-size: 18px;
+        padding-left: 16px;
+        color: #fff;
+        background: linear-gradient(90deg, rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0));
+        background-size: 147px 8px;
+        background-repeat: no-repeat;
+        background-position: 16px bottom;
+        &::after{
+            content: '';
+            width: 4px;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            top:0;
+            background: linear-gradient(0deg, #FFCA28, #FFFFFF);
+        }
+        &::before{
+            content: '';
+            width: 4px;
+            height: 100%;
+            position: absolute;
+            left: 4px;
+            top:0;
+            background: rgba(255, 245, 157, 0.3);
+        }
+        .mytitleWrap{
+            font-weight: 600;
+            font-family: Microsoft YaHei;
+            background: linear-gradient(0deg, #B2E0FF 0%, #FFFFFF 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+    }
+    .extra {
+        position: absolute;
+        right: 0;
+        top: 0;
+    }
+}
+.mytitle2{
+    padding-left: 20px;
+    background: url('../assets/arrow.png') no-repeat;
+    background-size: 15px auto;
+    background-position: left 2px;
+    color:#222;
+    &.dark{
+        .mytitleWrap{
+            font-family: Microsoft YaHei;
+            background: linear-gradient(0deg, #B2E0FF 0%, #FFFFFF 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+    }
+    
+}

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

@@ -0,0 +1,44 @@
+"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"));
+require("./style/index.less");
+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 _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 TimePeriodSwitch = function TimePeriodSwitch(_ref) {
+  var options = _ref.options,
+    defaultActiveKey = _ref.defaultActiveKey,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _onClick = _ref.onClick;
+  var _useState = (0, _react.useState)(defaultActiveKey),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'timePeriodSwitchList'
+  }, options === null || options === void 0 ? void 0 : options.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.value,
+      onClick: function onClick() {
+        setActive(item.value);
+        _onClick && _onClick(item.value);
+      },
+      className: active == item.value ? 'timePeriodSwitch--active' : 'timePeriodSwitch',
+      style: style
+    }, item.name);
+  }));
+};
+var _default = TimePeriodSwitch;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TimePeriodSwitch","options","defaultActiveKey","style","onClick","useState","active","setActive","React","createElement","className","map","item","key","value","name"],"sources":["vm-common-components/components/TimePeriodSwitch/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport './style/index.less';\nconst TimePeriodSwitch = ({ options, defaultActiveKey, style = {}, onClick }) => {\n    const [active, setActive] = useState(defaultActiveKey);\n    return (React.createElement(\"div\", { className: 'timePeriodSwitchList' }, options === null || options === void 0 ? void 0 : options.map(item => {\n        return React.createElement(\"div\", { key: item.value, onClick: () => {\n                setActive(item.value);\n                onClick && onClick(item.value);\n            }, className: active == item.value ? 'timePeriodSwitch--active' : 'timePeriodSwitch', style: style }, item.name);\n    })));\n};\nexport default TimePeriodSwitch;\n"],"mappings":";;;;;;;AAAA;AACA;AAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAC5B,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA2D;EAAA,IAArDC,OAAO,QAAPA,OAAO;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC,CAAC;IAAEC,QAAO,QAAPA,OAAO;EACtE,gBAA4B,IAAAC,eAAQ,EAACH,gBAAgB,CAAC;IAAA;IAA/CI,MAAM;IAAEC,SAAS;EACxB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAuB,CAAC,EAAET,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,OAAO,CAACU,GAAG,CAAC,UAAAC,IAAI,EAAI;IAC5I,oBAAOJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEI,GAAG,EAAED,IAAI,CAACE,KAAK;MAAEV,OAAO,EAAE,mBAAM;QAC5DG,SAAS,CAACK,IAAI,CAACE,KAAK,CAAC;QACrBV,QAAO,IAAIA,QAAO,CAACQ,IAAI,CAACE,KAAK,CAAC;MAClC,CAAC;MAAEJ,SAAS,EAAEJ,MAAM,IAAIM,IAAI,CAACE,KAAK,GAAG,0BAA0B,GAAG,kBAAkB;MAAEX,KAAK,EAAEA;IAAM,CAAC,EAAES,IAAI,CAACG,IAAI,CAAC;EACxH,CAAC,CAAC,CAAC;AACP,CAAC;AAAC,eACaf,gBAAgB;AAAA"}

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

@@ -0,0 +1,41 @@
+.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 .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 .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;
+}