@vtx/modals2 2.10.15 → 2.10.17

package/lib/vm-alarm-info/Components/AlarmStatistics.js

@@ -11,7 +11,7 @@ var _vmCharts = require("../../vm-charts");
 var _api = require("../api");
 var _moment = _interopRequireDefault(require("moment"));
 require("./index.less");
-var _components = require("@/vm-common-components/components");
+var _components = require("../../vm-common-components/components");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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; }

package/lib/vm-alarm-info/Components/AlarmStatistics.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlarmStatistics.js","names":["defaultDate","moment","AlarmStatistics","props","useState","date","setDate","radioKey","setRadioKey","id","publicUrlJCSS","filterParams","items","type","defaultValue","itemProps","options","label","value","onChange","e","dateObj","format","target","typeObj","start","Service","UseAlarmData","startTime","startOf","endTime","timeType","alarmData","React","createElement","className","VmFilterItem","length","Pie","data","name","style","height","exportShow","NoData"],"sources":["vm-alarm-info/Components/AlarmStatistics.js"],"sourcesContent":["/**\n * 报警统计\n */\nimport React, { useState } from 'react';\nimport { VmFilterItem } from '../../vm-filter';\nimport { Pie } from '../../vm-charts';\nimport { Service } from '../api';\nimport moment from 'moment';\nimport './index.less';\nimport { NoData } from '@/vm-common-components/components';\nconst defaultDate = moment();\nfunction AlarmStatistics(props) {\n    const [date, setDate] = useState(defaultDate);\n    const [radioKey, setRadioKey] = useState(1);\n    const { id, publicUrlJCSS, filterParams } = props;\n    const items = [\n        {\n            type: 'radio',\n            defaultValue: 1,\n            itemProps: {\n                options: [\n                    { label: '日', value: 1 },\n                    { label: '月', value: 2 },\n                    { label: '年', value: 3 },\n                ],\n                onChange: (e) => {\n                    const dateObj = {\n                        1: moment().format('YYYY-MM-DD'),\n                        2: moment().format('YYYY-MM'),\n                        3: moment().format('YYYY'),\n                    };\n                    setRadioKey(e.target.value);\n                    // @ts-ignore\n                    setDate(dateObj[e.target.value]);\n                },\n            },\n        },\n    ];\n    const typeObj = {\n        1: 'day',\n        2: 'month',\n        3: 'year',\n    };\n    // @ts-ignore\n    const start = typeObj[radioKey];\n    const { alarmData } = Service.UseAlarmData({\n        id,\n        publicUrlJCSS,\n        startTime: moment(date)\n            .startOf(start)\n            .format('YYYY-MM-DD HH:mm:ss'),\n        endTime: moment().format('YYYY-MM-DD HH:mm:ss'),\n        timeType: radioKey,\n        filterParams,\n    });\n    return (React.createElement(\"div\", { className: \"alarm-trend\" },\n        React.createElement(VmFilterItem, { items: items }),\n        (alarmData === null || alarmData === void 0 ? void 0 : alarmData.length) ? (React.createElement(Pie, { data: alarmData, name: \"\", style: { height: 180 }, exportShow: false })) : (React.createElement(NoData, { type: \"NO_CHART\", style: { height: 180 } }))));\n}\nexport default AlarmStatistics;\n"],"mappings":"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"}
+{"version":3,"file":"AlarmStatistics.js","names":["defaultDate","moment","AlarmStatistics","props","useState","date","setDate","radioKey","setRadioKey","id","publicUrlJCSS","filterParams","items","type","defaultValue","itemProps","options","label","value","onChange","e","dateObj","format","target","typeObj","start","Service","UseAlarmData","startTime","startOf","endTime","timeType","alarmData","React","createElement","className","VmFilterItem","length","Pie","data","name","style","height","exportShow","NoData"],"sources":["vm-alarm-info/Components/AlarmStatistics.js"],"sourcesContent":["/**\n * 报警统计\n */\nimport React, { useState } from 'react';\nimport { VmFilterItem } from '../../vm-filter';\nimport { Pie } from '../../vm-charts';\nimport { Service } from '../api';\nimport moment from 'moment';\nimport './index.less';\nimport { NoData } from '../../vm-common-components/components';\nconst defaultDate = moment();\nfunction AlarmStatistics(props) {\n    const [date, setDate] = useState(defaultDate);\n    const [radioKey, setRadioKey] = useState(1);\n    const { id, publicUrlJCSS, filterParams } = props;\n    const items = [\n        {\n            type: 'radio',\n            defaultValue: 1,\n            itemProps: {\n                options: [\n                    { label: '日', value: 1 },\n                    { label: '月', value: 2 },\n                    { label: '年', value: 3 },\n                ],\n                onChange: (e) => {\n                    const dateObj = {\n                        1: moment().format('YYYY-MM-DD'),\n                        2: moment().format('YYYY-MM'),\n                        3: moment().format('YYYY'),\n                    };\n                    setRadioKey(e.target.value);\n                    // @ts-ignore\n                    setDate(dateObj[e.target.value]);\n                },\n            },\n        },\n    ];\n    const typeObj = {\n        1: 'day',\n        2: 'month',\n        3: 'year',\n    };\n    // @ts-ignore\n    const start = typeObj[radioKey];\n    const { alarmData } = Service.UseAlarmData({\n        id,\n        publicUrlJCSS,\n        startTime: moment(date)\n            .startOf(start)\n            .format('YYYY-MM-DD HH:mm:ss'),\n        endTime: moment().format('YYYY-MM-DD HH:mm:ss'),\n        timeType: radioKey,\n        filterParams,\n    });\n    return (React.createElement(\"div\", { className: \"alarm-trend\" },\n        React.createElement(VmFilterItem, { items: items }),\n        (alarmData === null || alarmData === void 0 ? void 0 : alarmData.length) ? (React.createElement(Pie, { data: alarmData, name: \"\", style: { height: 180 }, exportShow: false })) : (React.createElement(NoData, { type: \"NO_CHART\", style: { height: 180 } }))));\n}\nexport default AlarmStatistics;\n"],"mappings":"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"}

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

@@ -17,13 +17,16 @@ function _default(props) {
     width = _props$width === void 0 ? 1300 : _props$width,
     onCancel = props.onCancel,
     children = props.children,
-    otherProps = (0, _tslib.__rest)(props, ["title", "visible", "width", "onCancel", "children"]);
+    extraHeader = props.extraHeader,
+    otherProps = (0, _tslib.__rest)(props, ["title", "visible", "width", "onCancel", "children", "extraHeader"]);
   var _useSettings = (0, _useSettings2["default"])(),
     theme = _useSettings.theme;
   return /*#__PURE__*/_react["default"].createElement(_antd.Modal, Object.assign({
     className: "vm-modal-hz ".concat(theme),
     width: width,
-    title: title,
+    title: /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'title'
+    }, title, extraHeader),
     open: visible,
     onCancel: onCancel,
     footer: null

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["props","title","visible","width","onCancel","children","otherProps","__rest","useSettings","theme","React","createElement","Modal","Object","assign","className","open","footer"],"sources":["vm-common-components/common/vm-modal/index.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport React from 'react';\nimport { Modal } from 'antd';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './style';\nexport default function (props) {\n    const { title, visible, width = 1300, onCancel, children } = props, otherProps = __rest(props, [\"title\", \"visible\", \"width\", \"onCancel\", \"children\"]);\n    const { theme } = useSettings();\n    return (React.createElement(Modal, Object.assign({ className: `vm-modal-hz ${theme}`, width: width, title: title, open: visible, onCancel: onCancel, footer: null }, otherProps), children));\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAiB;AACF,kBAAUA,KAAK,EAAE;EAC5B,IAAQC,KAAK,GAAgDD,KAAK,CAA1DC,KAAK;IAAEC,OAAO,GAAuCF,KAAK,CAAnDE,OAAO;IAAA,eAAuCF,KAAK,CAA1CG,KAAK;IAALA,KAAK,6BAAG,IAAI;IAAEC,QAAQ,GAAeJ,KAAK,CAA5BI,QAAQ;IAAEC,QAAQ,GAAKL,KAAK,CAAlBK,QAAQ;IAAYC,UAAU,GAAG,IAAAC,aAAM,EAACP,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;EACrJ,mBAAkB,IAAAQ,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACC,WAAK,EAAEC,MAAM,CAACC,MAAM,CAAC;IAAEC,SAAS,wBAAiBN,KAAK,CAAE;IAAEN,KAAK,EAAEA,KAAK;IAAEF,KAAK,EAAEA,KAAK;IAAEe,IAAI,EAAEd,OAAO;IAAEE,QAAQ,EAAEA,QAAQ;IAAEa,MAAM,EAAE;EAAK,CAAC,EAAEX,UAAU,CAAC,EAAED,QAAQ,CAAC;AAC/L"}
+{"version":3,"file":"index.js","names":["props","title","visible","width","onCancel","children","extraHeader","otherProps","__rest","useSettings","theme","React","createElement","Modal","Object","assign","className","open","footer"],"sources":["vm-common-components/common/vm-modal/index.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport React from 'react';\nimport { Modal } from 'antd';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './style';\nexport default function (props) {\n    const { title, visible, width = 1300, onCancel, children, extraHeader } = props, otherProps = __rest(props, [\"title\", \"visible\", \"width\", \"onCancel\", \"children\", \"extraHeader\"]);\n    const { theme } = useSettings();\n    return (React.createElement(Modal, Object.assign({ className: `vm-modal-hz ${theme}`, width: width, title: React.createElement(\"div\", { className: 'title' },\n            title,\n            extraHeader), open: visible, onCancel: onCancel, footer: null }, otherProps), children));\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAiB;AACF,kBAAUA,KAAK,EAAE;EAC5B,IAAQC,KAAK,GAA6DD,KAAK,CAAvEC,KAAK;IAAEC,OAAO,GAAoDF,KAAK,CAAhEE,OAAO;IAAA,eAAoDF,KAAK,CAAvDG,KAAK;IAALA,KAAK,6BAAG,IAAI;IAAEC,QAAQ,GAA4BJ,KAAK,CAAzCI,QAAQ;IAAEC,QAAQ,GAAkBL,KAAK,CAA/BK,QAAQ;IAAEC,WAAW,GAAKN,KAAK,CAArBM,WAAW;IAAYC,UAAU,GAAG,IAAAC,aAAM,EAACR,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;EACjL,mBAAkB,IAAAS,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACC,WAAK,EAAEC,MAAM,CAACC,MAAM,CAAC;IAAEC,SAAS,wBAAiBN,KAAK,CAAE;IAAEP,KAAK,EAAEA,KAAK;IAAEF,KAAK,eAAEU,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEI,SAAS,EAAE;IAAQ,CAAC,EACpJf,KAAK,EACLK,WAAW,CAAC;IAAEW,IAAI,EAAEf,OAAO;IAAEE,QAAQ,EAAEA,QAAQ;IAAEc,MAAM,EAAE;EAAK,CAAC,EAAEX,UAAU,CAAC,EAAEF,QAAQ,CAAC;AACnG"}

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

@@ -78,3 +78,13 @@
   border: 1px solid #cbeaff;
   color: #cbeaff;
 }
+.vm-modal-hz .title {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-right: 30px;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}

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

@@ -92,4 +92,11 @@
             color: #cbeaff;
         }
     }
+
+    .title {
+        width: 100%;
+        display: flex;
+        padding-right: 30px;
+        justify-content: space-between;
+    }
 }

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

@@ -0,0 +1,86 @@
+"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
+});
+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, "NoData", {
+  enumerable: true,
+  get: function get() {
+    return _vmNodata["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, "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"));
+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":[],"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';\nexport { Statistics, Chart, NoData, Compare, RadionButton, SubTitle, TimePeriodSwitch, Container, Wrap, AlarmTitle, ImagesGroup };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAwC;AAAA;AAAA"}

package/lib/vm-common-components/components/vm-collect/api.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.saveFavoriter = exports.fetchFavoriter = exports.delFavoriter = void 0;
+var _utils = require("@vtx/utils");
+var saveFavoriter = function saveFavoriter(objectIds, type) {
+  return _utils.request.post('/cloud/management/api/v101/user/favorites/saveUserFavorites', {
+    data: {
+      objectIds: objectIds,
+      collectionType: type
+    }
+  });
+};
+exports.saveFavoriter = saveFavoriter;
+var delFavoriter = function delFavoriter(objectIds, type) {
+  return _utils.request.post('/cloud/management/api/v101/user/favorites/deleteUserFavorites', {
+    data: {
+      objectIds: objectIds,
+      collectionType: type
+    }
+  });
+};
+exports.delFavoriter = delFavoriter;
+var fetchFavoriter = function fetchFavoriter(objectIds, type) {
+  return _utils.request.get('/cloud/management/api/v101/user/favorites/getUserFavoritesIds', {
+    data: {
+      objectIds: objectIds,
+      collectionTypes: type
+    }
+  });
+};
+exports.fetchFavoriter = fetchFavoriter;
+//# sourceMappingURL=api.js.map

package/lib/vm-common-components/components/vm-collect/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":["saveFavoriter","objectIds","type","request","post","data","collectionType","delFavoriter","fetchFavoriter","get","collectionTypes"],"sources":["vm-common-components/components/vm-collect/api.js"],"sourcesContent":["import { request } from '@vtx/utils';\nexport const saveFavoriter = (objectIds, type) => {\n    return request.post('/cloud/management/api/v101/user/favorites/saveUserFavorites', {\n        data: { objectIds, collectionType: type },\n    });\n};\nexport const delFavoriter = (objectIds, type) => {\n    return request.post('/cloud/management/api/v101/user/favorites/deleteUserFavorites', {\n        data: { objectIds, collectionType: type },\n    });\n};\nexport const fetchFavoriter = (objectIds, type) => {\n    return request.get('/cloud/management/api/v101/user/favorites/getUserFavoritesIds', {\n        data: { objectIds, collectionTypes: type },\n    });\n};\n"],"mappings":";;;;;;AAAA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,SAAS,EAAEC,IAAI,EAAK;EAC9C,OAAOC,cAAO,CAACC,IAAI,CAAC,6DAA6D,EAAE;IAC/EC,IAAI,EAAE;MAAEJ,SAAS,EAATA,SAAS;MAAEK,cAAc,EAAEJ;IAAK;EAC5C,CAAC,CAAC;AACN,CAAC;AAAC;AACK,IAAMK,YAAY,GAAG,SAAfA,YAAY,CAAIN,SAAS,EAAEC,IAAI,EAAK;EAC7C,OAAOC,cAAO,CAACC,IAAI,CAAC,+DAA+D,EAAE;IACjFC,IAAI,EAAE;MAAEJ,SAAS,EAATA,SAAS;MAAEK,cAAc,EAAEJ;IAAK;EAC5C,CAAC,CAAC;AACN,CAAC;AAAC;AACK,IAAMM,cAAc,GAAG,SAAjBA,cAAc,CAAIP,SAAS,EAAEC,IAAI,EAAK;EAC/C,OAAOC,cAAO,CAACM,GAAG,CAAC,+DAA+D,EAAE;IAChFJ,IAAI,EAAE;MAAEJ,SAAS,EAATA,SAAS;MAAES,eAAe,EAAER;IAAK;EAC7C,CAAC,CAAC;AACN,CAAC;AAAC"}

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

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _collect = _interopRequireDefault(require("./imgs/collect.png"));
 var _collect_light = _interopRequireDefault(require("./imgs/collect_light.png"));
+var _api = require("./api");
 require("./style/index");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
@@ -19,15 +20,37 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 Collect = function Collect(_ref) {
-  var onClick = _ref.onClick;
+  var id = _ref.id,
+    type = _ref.type;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     hasCollect = _useState2[0],
     setHasCollect = _useState2[1];
-  // 收藏-取消收藏
+  (0, _react.useEffect)(function () {
+    if (id && type) {
+      (0, _api.fetchFavoriter)(id, type).then(function (res) {
+        var _a;
+        if (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          setHasCollect(res.data.includes(id));
+        }
+      });
+    }
+  }, [id, type]);
+  // 关注-取消关注
   var toggleCollect = function toggleCollect() {
-    setHasCollect(!hasCollect);
-    onClick && onClick(!hasCollect);
+    if (hasCollect) {
+      (0, _api.delFavoriter)(id, type).then(function (res) {
+        if (res.result === 0) {
+          setHasCollect(false);
+        }
+      });
+    } else {
+      (0, _api.saveFavoriter)(id, type).then(function (res) {
+        if (res.result === 0) {
+          setHasCollect(true);
+        }
+      });
+    }
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "btn",
@@ -36,7 +59,7 @@ var Collect = function Collect(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: !hasCollect ? _collect["default"] : _collect_light["default"]
-  }), hasCollect ? '已收藏' : '收藏');
+  }), hasCollect ? '已关注' : '关注');
 };
 var _default = Collect;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Collect","onClick","useState","hasCollect","setHasCollect","toggleCollect","React","createElement","className","src","collect","collectLight"],"sources":["vm-common-components/components/vm-collect/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport collect from './imgs/collect.png';\nimport collectLight from './imgs/collect_light.png';\nimport './style/index';\nconst Collect = ({ onClick }) => {\n    const [hasCollect, setHasCollect] = useState(false);\n    // 收藏-取消收藏\n    const toggleCollect = () => {\n        setHasCollect(!hasCollect);\n        onClick && onClick(!hasCollect);\n    };\n    return (React.createElement(\"div\", { className: \"btn\", onClick: () => {\n            toggleCollect();\n        } },\n        React.createElement(\"img\", { src: !hasCollect ? collect : collectLight }),\n        hasCollect ? '已收藏' : '收藏'));\n};\nexport default Collect;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACvB,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EACtB,gBAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5CC,UAAU;IAAEC,aAAa;EAChC;EACA,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IACxBD,aAAa,CAAC,CAACD,UAAU,CAAC;IAC1BF,OAAO,IAAIA,OAAO,CAAC,CAACE,UAAU,CAAC;EACnC,CAAC;EACD,oBAAQG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,KAAK;IAAEP,OAAO,EAAE,mBAAM;MAC9DI,aAAa,EAAE;IACnB;EAAE,CAAC,eACHC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,GAAG,EAAE,CAACN,UAAU,GAAGO,mBAAO,GAAGC;EAAa,CAAC,CAAC,EACzER,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;AAClC,CAAC;AAAC,eACaH,OAAO;AAAA"}
+{"version":3,"file":"index.js","names":["Collect","id","type","useState","hasCollect","setHasCollect","useEffect","fetchFavoriter","then","res","_a","data","length","includes","toggleCollect","delFavoriter","result","saveFavoriter","React","createElement","className","onClick","src","collect","collectLight"],"sources":["vm-common-components/components/vm-collect/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport collect from './imgs/collect.png';\nimport collectLight from './imgs/collect_light.png';\nimport { delFavoriter, fetchFavoriter, saveFavoriter } from './api';\nimport './style/index';\nconst Collect = ({ id, type }) => {\n    const [hasCollect, setHasCollect] = useState(false);\n    useEffect(() => {\n        if (id && type) {\n            fetchFavoriter(id, type).then((res) => {\n                var _a;\n                if (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                    setHasCollect(res.data.includes(id));\n                }\n            });\n        }\n    }, [id, type]);\n    // 关注-取消关注\n    const toggleCollect = () => {\n        if (hasCollect) {\n            delFavoriter(id, type).then((res) => {\n                if (res.result === 0) {\n                    setHasCollect(false);\n                }\n            });\n        }\n        else {\n            saveFavoriter(id, type).then((res) => {\n                if (res.result === 0) {\n                    setHasCollect(true);\n                }\n            });\n        }\n    };\n    return (React.createElement(\"div\", { className: \"btn\", onClick: () => {\n            toggleCollect();\n        } },\n        React.createElement(\"img\", { src: !hasCollect ? collect : collectLight }),\n        hasCollect ? '已关注' : '关注'));\n};\nexport default Collect;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACvB,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAAqB;EAAA,IAAfC,EAAE,QAAFA,EAAE;IAAEC,IAAI,QAAJA,IAAI;EACvB,gBAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5CC,UAAU;IAAEC,aAAa;EAChC,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAIL,EAAE,IAAIC,IAAI,EAAE;MACZ,IAAAK,mBAAc,EAACN,EAAE,EAAEC,IAAI,CAAC,CAACM,IAAI,CAAC,UAACC,GAAG,EAAK;QACnC,IAAIC,EAAE;QACN,IAAI,CAAC,CAACA,EAAE,GAAGD,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACE,IAAI,MAAM,IAAI,IAAID,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACE,MAAM,IAAI,CAAC,EAAE;UAChHP,aAAa,CAACI,GAAG,CAACE,IAAI,CAACE,QAAQ,CAACZ,EAAE,CAAC,CAAC;QACxC;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACA,EAAE,EAAEC,IAAI,CAAC,CAAC;EACd;EACA,IAAMY,aAAa,GAAG,SAAhBA,aAAa,GAAS;IACxB,IAAIV,UAAU,EAAE;MACZ,IAAAW,iBAAY,EAACd,EAAE,EAAEC,IAAI,CAAC,CAACM,IAAI,CAAC,UAACC,GAAG,EAAK;QACjC,IAAIA,GAAG,CAACO,MAAM,KAAK,CAAC,EAAE;UAClBX,aAAa,CAAC,KAAK,CAAC;QACxB;MACJ,CAAC,CAAC;IACN,CAAC,MACI;MACD,IAAAY,kBAAa,EAAChB,EAAE,EAAEC,IAAI,CAAC,CAACM,IAAI,CAAC,UAACC,GAAG,EAAK;QAClC,IAAIA,GAAG,CAACO,MAAM,KAAK,CAAC,EAAE;UAClBX,aAAa,CAAC,IAAI,CAAC;QACvB;MACJ,CAAC,CAAC;IACN;EACJ,CAAC;EACD,oBAAQa,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,KAAK;IAAEC,OAAO,EAAE,mBAAM;MAC9DP,aAAa,EAAE;IACnB;EAAE,CAAC,eACHI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEG,GAAG,EAAE,CAAClB,UAAU,GAAGmB,mBAAO,GAAGC;EAAa,CAAC,CAAC,EACzEpB,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;AAClC,CAAC;AAAC,eACaJ,OAAO;AAAA"}

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

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
 require("echarts-liquidfill");
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
-var _index = _interopRequireDefault(require("./index.less"));
+require("./index.less");
 var _Compare = _interopRequireDefault(require("../Compare"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**
@@ -126,7 +126,7 @@ var WaterBallEcharts = function WaterBallEcharts(_ref) {
     })
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _index["default"].chart,
+    className: 'chart',
     style: {
       height: height,
       width: width,
@@ -141,9 +141,9 @@ var WaterBallEcharts = function WaterBallEcharts(_ref) {
       width: '100%'
     }
   }), showOutline ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: _index["default"].bg
+    className: 'bg'
   }) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: _index["default"].bg1
+    className: 'bg1'
   }));
 };
 var _default = WaterBallEcharts; // 水球图+环比
@@ -152,9 +152,9 @@ var SewageStastics = function SewageStastics(props) {
   var chartData = props.chartData,
     compareList = props.compareList;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _index["default"].stastics
+    className: 'stastics'
   }, /*#__PURE__*/_react["default"].createElement(WaterBallEcharts, Object.assign({}, chartData)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _index["default"].stasticsright
+    className: 'stasticsright'
   }, /*#__PURE__*/_react["default"].createElement(_Compare["default"], Object.assign({}, compareList))));
 };
 exports.SewageStastics = SewageStastics;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTitle","props","isDark","percent","unit","percentStyle","unitStyle","text","textStyle","rich","a","Object","assign","fontSize","color","fontFamily","fonWeight","b","left","top","getGraphic","type","children","z","style","fill","getSeries","value","showOutline","seriesProps","radius","center","backgroundStyle","borderWidth","data","label","show","outline","borderDistance","itemStyle","borderColor","WaterBallEcharts","height","width","showNumber","title","useSettings","theme","option","graphic","series","React","createElement","className","styles","chart","ReactEcharts","notMerge","lazyUpdate","bg","bg1","SewageStastics","chartData","compareList","stastics","stasticsright","Compare"],"sources":["vm-common-components/components/vm-water-wave/index.js"],"sourcesContent":["/**\n * 水滴球组件\n * 百分比数值：percent<float>\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport 'echarts-liquidfill';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport styles from './index.less';\nimport Compare from '../Compare';\n/**\n * title\n * @param title 参数：\"{percent, unit, percentStyle, unitStyle}\"\n * @returns {*[]}\n */\nconst getTitle = (props, isDark) => {\n    const { percent, unit, percentStyle, unitStyle } = props;\n    return {\n        text: `{a|${percent}}{b|${unit || ''}}`,\n        textStyle: {\n            rich: {\n                a: Object.assign({ fontSize: 14, color: isDark ? '#fff' : '#000', fontFamily: 'PangMenZhengDao', fonWeight: 400 }, percentStyle),\n                b: Object.assign({ fontSize: 12, color: isDark ? '#fff' : '#000', fontFamily: 'PangMenZhengDao', fonWeight: 400 }, unitStyle),\n            },\n        },\n        left: 'center',\n        top: '15%',\n    };\n};\nconst getGraphic = (text, isDark) => {\n    return text\n        ? [\n            {\n                type: 'group',\n                left: 'center',\n                top: '65%',\n                children: [\n                    {\n                        type: 'text',\n                        z: 100,\n                        left: '10',\n                        top: 'middle',\n                        style: {\n                            fill: isDark ? '#fff' : '#000',\n                            text,\n                        },\n                    },\n                ],\n            },\n        ]\n        : [];\n};\nconst getSeries = (props) => {\n    const { color, value, showOutline, seriesProps } = props;\n    return [\n        Object.assign({ type: 'liquidFill', radius: '98%', center: ['50%', '50%'], color, backgroundStyle: {\n                borderWidth: 0,\n                color: 'transparent',\n            }, data: [value, value], label: {\n                show: false,\n            }, outline: {\n                show: showOutline,\n                borderDistance: 3,\n                itemStyle: {\n                    borderWidth: 2,\n                    borderColor: 'rgba(167,167,167, 0.4)',\n                },\n            } }, seriesProps),\n    ];\n};\n// 水球图\nconst WaterBallEcharts = ({ height = '28rem', // 图表高度\nwidth = '28rem', showNumber = false, // 是否显示图表中的title\ntitle, text = '', color = ['rgba(35, 179, 206, 1)'], // 波浪颜色\nshowOutline = false, // 是否显示外围线\nseriesProps = {}, // 可设置series属性\n }) => {\n    const { theme } = useSettings();\n    const isDark = theme == 'dark';\n    let percent = (title === null || title === void 0 ? void 0 : title.percent) || 0;\n    let value = percent / 100 || 0;\n    const option = {\n        title: showNumber && title ? getTitle(title, isDark) : {},\n        graphic: getGraphic(text, isDark),\n        series: getSeries({ color, value, showOutline, seriesProps }),\n    };\n    return (React.createElement(\"div\", { className: styles.chart, style: { height, width, color: color === null || color === void 0 ? void 0 : color[0] } },\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }),\n        showOutline ? React.createElement(\"div\", { className: styles.bg }) : React.createElement(\"div\", { className: styles.bg1 })));\n};\nexport default WaterBallEcharts;\n// 水球图+环比\nexport const SewageStastics = (props) => {\n    const { chartData, compareList } = props;\n    return (React.createElement(\"div\", { className: styles.stastics },\n        React.createElement(WaterBallEcharts, Object.assign({}, chartData)),\n        React.createElement(\"div\", { className: styles.stasticsright },\n            React.createElement(Compare, Object.assign({}, compareList)))));\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getTitle","props","isDark","percent","unit","percentStyle","unitStyle","text","textStyle","rich","a","Object","assign","fontSize","color","fontFamily","fonWeight","b","left","top","getGraphic","type","children","z","style","fill","getSeries","value","showOutline","seriesProps","radius","center","backgroundStyle","borderWidth","data","label","show","outline","borderDistance","itemStyle","borderColor","WaterBallEcharts","height","width","showNumber","title","useSettings","theme","option","graphic","series","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","SewageStastics","chartData","compareList","Compare"],"sources":["vm-common-components/components/vm-water-wave/index.js"],"sourcesContent":["/**\n * 水滴球组件\n * 百分比数值：percent<float>\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport 'echarts-liquidfill';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nimport Compare from '../Compare';\n/**\n * title\n * @param title 参数：\"{percent, unit, percentStyle, unitStyle}\"\n * @returns {*[]}\n */\nconst getTitle = (props, isDark) => {\n    const { percent, unit, percentStyle, unitStyle } = props;\n    return {\n        text: `{a|${percent}}{b|${unit || ''}}`,\n        textStyle: {\n            rich: {\n                a: Object.assign({ fontSize: 14, color: isDark ? '#fff' : '#000', fontFamily: 'PangMenZhengDao', fonWeight: 400 }, percentStyle),\n                b: Object.assign({ fontSize: 12, color: isDark ? '#fff' : '#000', fontFamily: 'PangMenZhengDao', fonWeight: 400 }, unitStyle),\n            },\n        },\n        left: 'center',\n        top: '15%',\n    };\n};\nconst getGraphic = (text, isDark) => {\n    return text\n        ? [\n            {\n                type: 'group',\n                left: 'center',\n                top: '65%',\n                children: [\n                    {\n                        type: 'text',\n                        z: 100,\n                        left: '10',\n                        top: 'middle',\n                        style: {\n                            fill: isDark ? '#fff' : '#000',\n                            text,\n                        },\n                    },\n                ],\n            },\n        ]\n        : [];\n};\nconst getSeries = (props) => {\n    const { color, value, showOutline, seriesProps } = props;\n    return [\n        Object.assign({ type: 'liquidFill', radius: '98%', center: ['50%', '50%'], color, backgroundStyle: {\n                borderWidth: 0,\n                color: 'transparent',\n            }, data: [value, value], label: {\n                show: false,\n            }, outline: {\n                show: showOutline,\n                borderDistance: 3,\n                itemStyle: {\n                    borderWidth: 2,\n                    borderColor: 'rgba(167,167,167, 0.4)',\n                },\n            } }, seriesProps),\n    ];\n};\n// 水球图\nconst WaterBallEcharts = ({ height = '28rem', // 图表高度\nwidth = '28rem', showNumber = false, // 是否显示图表中的title\ntitle, text = '', color = ['rgba(35, 179, 206, 1)'], // 波浪颜色\nshowOutline = false, // 是否显示外围线\nseriesProps = {}, // 可设置series属性\n }) => {\n    const { theme } = useSettings();\n    const isDark = theme == 'dark';\n    let percent = (title === null || title === void 0 ? void 0 : title.percent) || 0;\n    let value = percent / 100 || 0;\n    const option = {\n        title: showNumber && title ? getTitle(title, isDark) : {},\n        graphic: getGraphic(text, isDark),\n        series: getSeries({ color, value, showOutline, seriesProps }),\n    };\n    return (React.createElement(\"div\", { className: 'chart', style: { height, width, color: color === null || color === void 0 ? void 0 : color[0] } },\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }),\n        showOutline ? React.createElement(\"div\", { className: 'bg' }) : React.createElement(\"div\", { className: 'bg1' })));\n};\nexport default WaterBallEcharts;\n// 水球图+环比\nexport const SewageStastics = (props) => {\n    const { chartData, compareList } = props;\n    return (React.createElement(\"div\", { className: 'stastics' },\n        React.createElement(WaterBallEcharts, Object.assign({}, chartData)),\n        React.createElement(\"div\", { className: 'stasticsright' },\n            React.createElement(Compare, Object.assign({}, compareList)))));\n};\n"],"mappings":"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"}

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

@@ -249,7 +249,10 @@ var VmCommonComponents = function VmCommonComponents(props) {
         label: '同比',
         value: 0.76
       }]
-    }), /*#__PURE__*/_react["default"].createElement(_vmCollect["default"], null), /*#__PURE__*/_react["default"].createElement(_components.RadionButton, {
+    }), /*#__PURE__*/_react["default"].createElement(_vmCollect["default"], {
+      id: '',
+      type: 'facility'
+    }), /*#__PURE__*/_react["default"].createElement(_components.RadionButton, {
       defaultActiveKey: '1',
       options: [{
         name: '设施',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TABS_STATiSTICS","TABS_CHART","TABS_OTHER","VmCommonComponents","props","id","title","theme","visible","onCancel","tabs","key","React","createElement","VtxBaseModal","contents","className","Statistics","type","gap","list","label","value","unit","color","img","levelBg","imgStyle","width","height","timeBg","style","display","justifyContent","Tabs","data","content","Select","VmFilterItem","items","defaultValue","defaultTimeValue","moment","itemProps","options","overflowY","Chart","xAxis","yAxis","series","name","z","areaColor","NoData","WaterBallEcharts","percent","SewageStastics","chartData","showNumber","percentStyle","fontSize","text","seriesProps","amplitude","waveLength","compareList","Compare","Collect","RadionButton","defaultActiveKey","SubTitle","Wrap","Container","TimePeriodSwitch","AlarmTitle","ImagesGroup","photos","Table","columns","dataIndex","dataSource","timeDesc"],"sources":["vm-common-components/index.js"],"sourcesContent":["import React from 'react';\nimport { Chart, NoData, Statistics, Compare, RadionButton, SubTitle, TimePeriodSwitch, Wrap, Container, AlarmTitle, ImagesGroup, } from './components';\nimport VtxBaseModal from '../vtx-base-modal';\nimport { Tabs, Select } from './common';\n// import VtxThemeProvider from '../vtx-theme-provider';\nimport levelBg from './assets/levelBg.png';\nimport timeBg from './assets/timeBg.png';\nimport './style/index.less';\nimport WaterBallEcharts, { SewageStastics } from './components/vm-water-wave';\nimport Collect from './components/vm-collect';\nimport Table from '../vm-table';\nimport moment from 'moment';\nimport { VmFilterItem } from '../vm-filter';\nconst TABS_STATiSTICS = 'Statistics';\nconst TABS_CHART = 'chart';\nconst TABS_OTHER = 'other';\nconst VmCommonComponents = (props) => {\n    const { id, title, theme, visible, onCancel } = props;\n    // const [date, setDate] = useState(moment());\n    // const [radioKey, setRadioKey] = useState(1);\n    let tabs = [\n        { key: TABS_STATiSTICS, title: '统计信息' },\n        { key: TABS_CHART, title: '图表' },\n        { key: TABS_OTHER, title: '其他' },\n    ];\n    return (React.createElement(VtxBaseModal, { title: title, id: id, theme: theme, visible: visible, onCancel: onCancel, tabs: tabs, contents: {\n            [TABS_STATiSTICS]: (\n            // <VtxThemeProvider value={{ theme: 'dark', chartFontColor: '', chartColor: [] }}>\n            React.createElement(\"div\", { className: `vtx-modal-hz ${theme}` },\n                React.createElement(Statistics, { type: '1', gap: 20, list: [\n                        {\n                            label: '检测合格率',\n                            value: '99',\n                            unit: '%',\n                            color: '#03B3FD',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#4368E0',\n                        },\n                    ] }),\n                React.createElement(Statistics, { type: '2', img: levelBg, imgStyle: {\n                        width: '160px',\n                        height: '80px',\n                    }, list: [{ label: '当前水质', value: 'Ⅰ级', color: '#00FFEC' }] }),\n                React.createElement(Statistics, { type: '3', img: timeBg, imgStyle: {\n                        width: '129px',\n                        height: '67px',\n                    }, list: [\n                        {\n                            label: '最近检测时间',\n                            value: '2023-07-07 12:35:28',\n                            color: '#00FFEC',\n                        },\n                    ] }),\n                React.createElement(Statistics, { type: '4', style: { display: 'flex', justifyContent: 'space-around' }, list: [\n                        {\n                            label: '检测合格率',\n                            value: '99',\n                            unit: '%',\n                            color: '#03B3FD',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#C542F0',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#00E7AE',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#E86452',\n                        },\n                    ] }),\n                React.createElement(Tabs, { data: [\n                        {\n                            label: '总览信息',\n                            key: 'ZLXX',\n                            content: React.createElement(\"div\", null, \"\\u603B\\u89C8\\u4FE1\\u606F\"),\n                        },\n                        {\n                            label: '设施档案',\n                            key: 'SSDA',\n                            content: React.createElement(\"div\", null, \"\\u8BBE\\u65BD\\u6863\\u6848\"),\n                        },\n                    ] }),\n                React.createElement(Select, null),\n                React.createElement(VmFilterItem, { items: [\n                        {\n                            type: 'radioDate',\n                            defaultValue: '',\n                            defaultTimeValue: moment(),\n                            itemProps: {\n                                options: [\n                                    { label: '日', value: '' },\n                                    { label: '月', value: 'month' },\n                                    { label: '年', value: 'year' },\n                                ],\n                                // onChange: (e: any) => {\n                                //     const dateObj = {\n                                //         1: moment().format('YYYY-MM-DD'),\n                                //         2: moment().format('YYYY-MM'),\n                                //         3: moment().format('YYYY'),\n                                //     };\n                                //     setRadioKey(e.target.value);\n                                //     // @ts-ignore\n                                //     setDate(dateObj[e.target.value]);\n                                // },\n                            },\n                        },\n                    ] }))\n            // </VtxThemeProvider>\n            ),\n            [TABS_CHART]: (React.createElement(\"div\", { className: `vtx-modal-hz ${theme}`, style: { height: 500, overflowY: 'auto' } },\n                React.createElement(Chart, { height: 150, xAxis: ['2023-01', '2023-02', '2023-03', '2023-04'], yAxis: ['吨', '米'], series: [\n                        {\n                            name: '进水量',\n                            type: 'bar',\n                            data: [10, 20, 30, 40],\n                            z: 9,\n                            color: '#15b4e5',\n                        },\n                        {\n                            name: '液位高度',\n                            type: 'line',\n                            data: [10, 20, 30, 40],\n                            color: '#52FD03',\n                            areaColor: ['rgba(82, 253, 3, 0.7)', 'rgba(82, 253, 3, 0.1)'],\n                        },\n                    ] }),\n                React.createElement(NoData, null),\n                React.createElement(WaterBallEcharts, { height: \"100px\", width: \"100px\", title: { percent: 50.6 } }),\n                React.createElement(\"div\", { style: { width: 220 } },\n                    React.createElement(SewageStastics, { chartData: {\n                            height: '100px',\n                            width: '100px',\n                            showNumber: true,\n                            title: {\n                                percent: 50.6,\n                                unit: '吨',\n                                percentStyle: { color: '#30E96D', fontSize: 16 },\n                            },\n                            color: ['#579EFF'],\n                            text: '进水量',\n                            seriesProps: {\n                                amplitude: 3,\n                                waveLength: 30,\n                            },\n                        }, compareList: {\n                            list: [\n                                { label: '环比', value: 0.76 },\n                                { label: '同比', value: 0.76 },\n                            ],\n                        } })))),\n            [TABS_OTHER]: (React.createElement(\"div\", { className: `vtx-modal-hz ${theme}`, style: { height: 500, overflowY: 'auto' } },\n                React.createElement(Compare, { list: [\n                        { label: '环比', value: -0.76 },\n                        { label: '同比', value: 0.76 },\n                    ] }),\n                React.createElement(Compare, { style: { display: 'flex' }, list: [\n                        { label: '环比', value: -0.76 },\n                        { label: '同比', value: 0.76 },\n                    ] }),\n                React.createElement(Collect, null),\n                React.createElement(RadionButton, { defaultActiveKey: '1', options: [\n                        {\n                            name: '设施',\n                            value: '1',\n                        },\n                        {\n                            name: '设备',\n                            value: '2',\n                        },\n                    ] }),\n                React.createElement(SubTitle, { title: \"\\u8FD0\\u7EF4\\u8BB0\\u5F55\" }),\n                React.createElement(SubTitle, { title: \"\\u8FD0\\u7EF4\\u8BB0\\u5F55\", type: '2' }),\n                React.createElement(Wrap, { style: { height: 100 } }),\n                React.createElement(\"br\", null),\n                React.createElement(Container, { title: \"\\u516C\\u5171\\u5BB9\\u5668\", style: { height: 100 } }, \"xxxx\"),\n                React.createElement(TimePeriodSwitch, { defaultActiveKey: '1', options: [\n                        {\n                            name: '近1小时',\n                            value: '1',\n                        },\n                        {\n                            name: '24小时',\n                            value: '2',\n                        },\n                        {\n                            name: '3天',\n                            value: '3',\n                        },\n                        {\n                            name: '7天',\n                            value: '4',\n                        },\n                        {\n                            name: '自定义',\n                            value: '5',\n                        },\n                    ] }),\n                React.createElement(AlarmTitle, { title: \"\\u4ED9\\u6E38\\u7B2C\\u4E00\\u6C34\\u5382-\\u4E00\\u671F-\\u6E05\\u6C34\\u6C60\", color: \"red\" }),\n                React.createElement(ImagesGroup, null),\n                React.createElement(ImagesGroup, { photos: [\n                        { id: '6dfacbd458824775b9d809222fdc8369', name: 'ce' },\n                        { id: '6dfacbd458824775b9d809222fdc8369', name: 'ce' },\n                    ] }),\n                React.createElement(Table, { columns: [\n                        {\n                            title: '时间',\n                            dataIndex: 'timeDesc',\n                            key: 'timeDesc',\n                        },\n                        {\n                            title: '值',\n                            dataIndex: 'value',\n                            key: 'value',\n                        },\n                    ], dataSource: [\n                        { id: '1', timeDesc: '2023', value: '3333' },\n                        { id: '1', timeDesc: '2023', value: '3333' },\n                    ] }))),\n        } }));\n};\nexport default VmCommonComponents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["TABS_STATiSTICS","TABS_CHART","TABS_OTHER","VmCommonComponents","props","id","title","theme","visible","onCancel","tabs","key","React","createElement","VtxBaseModal","contents","className","Statistics","type","gap","list","label","value","unit","color","img","levelBg","imgStyle","width","height","timeBg","style","display","justifyContent","Tabs","data","content","Select","VmFilterItem","items","defaultValue","defaultTimeValue","moment","itemProps","options","overflowY","Chart","xAxis","yAxis","series","name","z","areaColor","NoData","WaterBallEcharts","percent","SewageStastics","chartData","showNumber","percentStyle","fontSize","text","seriesProps","amplitude","waveLength","compareList","Compare","Collect","RadionButton","defaultActiveKey","SubTitle","Wrap","Container","TimePeriodSwitch","AlarmTitle","ImagesGroup","photos","Table","columns","dataIndex","dataSource","timeDesc"],"sources":["vm-common-components/index.js"],"sourcesContent":["import React from 'react';\nimport { Chart, NoData, Statistics, Compare, RadionButton, SubTitle, TimePeriodSwitch, Wrap, Container, AlarmTitle, ImagesGroup, } from './components';\nimport VtxBaseModal from '../vtx-base-modal';\nimport { Tabs, Select } from './common';\n// import VtxThemeProvider from '../vtx-theme-provider';\nimport levelBg from './assets/levelBg.png';\nimport timeBg from './assets/timeBg.png';\nimport './style/index.less';\nimport WaterBallEcharts, { SewageStastics } from './components/vm-water-wave';\nimport Collect from './components/vm-collect';\nimport Table from '../vm-table';\nimport moment from 'moment';\nimport { VmFilterItem } from '../vm-filter';\nconst TABS_STATiSTICS = 'Statistics';\nconst TABS_CHART = 'chart';\nconst TABS_OTHER = 'other';\nconst VmCommonComponents = (props) => {\n    const { id, title, theme, visible, onCancel } = props;\n    // const [date, setDate] = useState(moment());\n    // const [radioKey, setRadioKey] = useState(1);\n    let tabs = [\n        { key: TABS_STATiSTICS, title: '统计信息' },\n        { key: TABS_CHART, title: '图表' },\n        { key: TABS_OTHER, title: '其他' },\n    ];\n    return (React.createElement(VtxBaseModal, { title: title, id: id, theme: theme, visible: visible, onCancel: onCancel, tabs: tabs, contents: {\n            [TABS_STATiSTICS]: (\n            // <VtxThemeProvider value={{ theme: 'dark', chartFontColor: '', chartColor: [] }}>\n            React.createElement(\"div\", { className: `vtx-modal-hz ${theme}` },\n                React.createElement(Statistics, { type: '1', gap: 20, list: [\n                        {\n                            label: '检测合格率',\n                            value: '99',\n                            unit: '%',\n                            color: '#03B3FD',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#4368E0',\n                        },\n                    ] }),\n                React.createElement(Statistics, { type: '2', img: levelBg, imgStyle: {\n                        width: '160px',\n                        height: '80px',\n                    }, list: [{ label: '当前水质', value: 'Ⅰ级', color: '#00FFEC' }] }),\n                React.createElement(Statistics, { type: '3', img: timeBg, imgStyle: {\n                        width: '129px',\n                        height: '67px',\n                    }, list: [\n                        {\n                            label: '最近检测时间',\n                            value: '2023-07-07 12:35:28',\n                            color: '#00FFEC',\n                        },\n                    ] }),\n                React.createElement(Statistics, { type: '4', style: { display: 'flex', justifyContent: 'space-around' }, list: [\n                        {\n                            label: '检测合格率',\n                            value: '99',\n                            unit: '%',\n                            color: '#03B3FD',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#C542F0',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#00E7AE',\n                        },\n                        {\n                            label: '历史检测次数',\n                            value: '9999',\n                            unit: '次',\n                            color: '#E86452',\n                        },\n                    ] }),\n                React.createElement(Tabs, { data: [\n                        {\n                            label: '总览信息',\n                            key: 'ZLXX',\n                            content: React.createElement(\"div\", null, \"\\u603B\\u89C8\\u4FE1\\u606F\"),\n                        },\n                        {\n                            label: '设施档案',\n                            key: 'SSDA',\n                            content: React.createElement(\"div\", null, \"\\u8BBE\\u65BD\\u6863\\u6848\"),\n                        },\n                    ] }),\n                React.createElement(Select, null),\n                React.createElement(VmFilterItem, { items: [\n                        {\n                            type: 'radioDate',\n                            defaultValue: '',\n                            defaultTimeValue: moment(),\n                            itemProps: {\n                                options: [\n                                    { label: '日', value: '' },\n                                    { label: '月', value: 'month' },\n                                    { label: '年', value: 'year' },\n                                ],\n                                // onChange: (e: any) => {\n                                //     const dateObj = {\n                                //         1: moment().format('YYYY-MM-DD'),\n                                //         2: moment().format('YYYY-MM'),\n                                //         3: moment().format('YYYY'),\n                                //     };\n                                //     setRadioKey(e.target.value);\n                                //     // @ts-ignore\n                                //     setDate(dateObj[e.target.value]);\n                                // },\n                            },\n                        },\n                    ] }))\n            // </VtxThemeProvider>\n            ),\n            [TABS_CHART]: (React.createElement(\"div\", { className: `vtx-modal-hz ${theme}`, style: { height: 500, overflowY: 'auto' } },\n                React.createElement(Chart, { height: 150, xAxis: ['2023-01', '2023-02', '2023-03', '2023-04'], yAxis: ['吨', '米'], series: [\n                        {\n                            name: '进水量',\n                            type: 'bar',\n                            data: [10, 20, 30, 40],\n                            z: 9,\n                            color: '#15b4e5',\n                        },\n                        {\n                            name: '液位高度',\n                            type: 'line',\n                            data: [10, 20, 30, 40],\n                            color: '#52FD03',\n                            areaColor: ['rgba(82, 253, 3, 0.7)', 'rgba(82, 253, 3, 0.1)'],\n                        },\n                    ] }),\n                React.createElement(NoData, null),\n                React.createElement(WaterBallEcharts, { height: \"100px\", width: \"100px\", title: { percent: 50.6 } }),\n                React.createElement(\"div\", { style: { width: 220 } },\n                    React.createElement(SewageStastics, { chartData: {\n                            height: '100px',\n                            width: '100px',\n                            showNumber: true,\n                            title: {\n                                percent: 50.6,\n                                unit: '吨',\n                                percentStyle: { color: '#30E96D', fontSize: 16 },\n                            },\n                            color: ['#579EFF'],\n                            text: '进水量',\n                            seriesProps: {\n                                amplitude: 3,\n                                waveLength: 30,\n                            },\n                        }, compareList: {\n                            list: [\n                                { label: '环比', value: 0.76 },\n                                { label: '同比', value: 0.76 },\n                            ],\n                        } })))),\n            [TABS_OTHER]: (React.createElement(\"div\", { className: `vtx-modal-hz ${theme}`, style: { height: 500, overflowY: 'auto' } },\n                React.createElement(Compare, { list: [\n                        { label: '环比', value: -0.76 },\n                        { label: '同比', value: 0.76 },\n                    ] }),\n                React.createElement(Compare, { style: { display: 'flex' }, list: [\n                        { label: '环比', value: -0.76 },\n                        { label: '同比', value: 0.76 },\n                    ] }),\n                React.createElement(Collect, { id: '', type: 'facility' }),\n                React.createElement(RadionButton, { defaultActiveKey: '1', options: [\n                        {\n                            name: '设施',\n                            value: '1',\n                        },\n                        {\n                            name: '设备',\n                            value: '2',\n                        },\n                    ] }),\n                React.createElement(SubTitle, { title: \"\\u8FD0\\u7EF4\\u8BB0\\u5F55\" }),\n                React.createElement(SubTitle, { title: \"\\u8FD0\\u7EF4\\u8BB0\\u5F55\", type: '2' }),\n                React.createElement(Wrap, { style: { height: 100 } }),\n                React.createElement(\"br\", null),\n                React.createElement(Container, { title: \"\\u516C\\u5171\\u5BB9\\u5668\", style: { height: 100 } }, \"xxxx\"),\n                React.createElement(TimePeriodSwitch, { defaultActiveKey: '1', options: [\n                        {\n                            name: '近1小时',\n                            value: '1',\n                        },\n                        {\n                            name: '24小时',\n                            value: '2',\n                        },\n                        {\n                            name: '3天',\n                            value: '3',\n                        },\n                        {\n                            name: '7天',\n                            value: '4',\n                        },\n                        {\n                            name: '自定义',\n                            value: '5',\n                        },\n                    ] }),\n                React.createElement(AlarmTitle, { title: \"\\u4ED9\\u6E38\\u7B2C\\u4E00\\u6C34\\u5382-\\u4E00\\u671F-\\u6E05\\u6C34\\u6C60\", color: \"red\" }),\n                React.createElement(ImagesGroup, null),\n                React.createElement(ImagesGroup, { photos: [\n                        { id: '6dfacbd458824775b9d809222fdc8369', name: 'ce' },\n                        { id: '6dfacbd458824775b9d809222fdc8369', name: 'ce' },\n                    ] }),\n                React.createElement(Table, { columns: [\n                        {\n                            title: '时间',\n                            dataIndex: 'timeDesc',\n                            key: 'timeDesc',\n                        },\n                        {\n                            title: '值',\n                            dataIndex: 'value',\n                            key: 'value',\n                        },\n                    ], dataSource: [\n                        { id: '1', timeDesc: '2023', value: '3333' },\n                        { id: '1', timeDesc: '2023', value: '3333' },\n                    ] }))),\n        } }));\n};\nexport default VmCommonComponents;\n"],"mappings":"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"}

package/lib/vtx-base-modal-hz/index.js

@@ -16,7 +16,8 @@ var VtxHzBaseModal = function VtxHzBaseModal(props) {
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'dark' : _props$theme,
     _props$list = props.list,
-    list = _props$list === void 0 ? [] : _props$list;
+    list = _props$list === void 0 ? [] : _props$list,
+    extraHeader = props.extraHeader;
   var chartFontColor = theme === 'dark' ? '#fff' : '#000';
   var chartColor = ['#73A0FA', '#73DEB3', '#29A634', '#9CBF30', '#F3B825', '#EB532E', '#DB2C6F', '#9179F2'];
   return !visible ? null : /*#__PURE__*/_react["default"].createElement(_vtxThemeProvider["default"], {
@@ -28,7 +29,8 @@ var VtxHzBaseModal = function VtxHzBaseModal(props) {
   }, /*#__PURE__*/_react["default"].createElement(_vmModal["default"], {
     title: title,
     visible: visible,
-    onCancel: onCancel
+    onCancel: onCancel,
+    extraHeader: extraHeader
   }, /*#__PURE__*/_react["default"].createElement(_vmTabs["default"], {
     data: list
   })));

package/lib/vtx-base-modal-hz/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VtxHzBaseModal","props","title","visible","onCancel","theme","list","chartFontColor","chartColor","React","createElement","VtxThemeProvider","value","VmModal","Tabs","data"],"sources":["vtx-base-modal-hz/index.js"],"sourcesContent":["import React from 'react';\nimport VtxThemeProvider from '../vtx-theme-provider';\nimport VmModal from '../vm-common-components/common/vm-modal';\nimport Tabs from '../vm-common-components/common/vm-tabs';\nconst VtxHzBaseModal = props => {\n    const { title, visible, onCancel, theme = 'dark', list = [] } = props;\n    const chartFontColor = theme === 'dark' ? '#fff' : '#000';\n    const chartColor = [\n        '#73A0FA',\n        '#73DEB3',\n        '#29A634',\n        '#9CBF30',\n        '#F3B825',\n        '#EB532E',\n        '#DB2C6F',\n        '#9179F2',\n    ];\n    return !visible ? null : (React.createElement(VtxThemeProvider, { value: { theme, chartFontColor, chartColor } },\n        React.createElement(VmModal, { title: title, visible: visible, onCancel: onCancel },\n            React.createElement(Tabs, { data: list }))));\n};\nexport default VtxHzBaseModal;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA0D;AAC1D,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAGC,KAAK,EAAI;EAC5B,IAAQC,KAAK,GAAmDD,KAAK,CAA7DC,KAAK;IAAEC,OAAO,GAA0CF,KAAK,CAAtDE,OAAO;IAAEC,QAAQ,GAAgCH,KAAK,CAA7CG,QAAQ;IAAA,eAAgCH,KAAK,CAAnCI,KAAK;IAALA,KAAK,6BAAG,MAAM;IAAA,cAAgBJ,KAAK,CAAnBK,IAAI;IAAJA,IAAI,4BAAG,EAAE;EAC3D,IAAMC,cAAc,GAAGF,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM;EACzD,IAAMG,UAAU,GAAG,CACf,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACZ;EACD,OAAO,CAACL,OAAO,GAAG,IAAI,gBAAIM,iBAAK,CAACC,aAAa,CAACC,4BAAgB,EAAE;IAAEC,KAAK,EAAE;MAAEP,KAAK,EAALA,KAAK;MAAEE,cAAc,EAAdA,cAAc;MAAEC,UAAU,EAAVA;IAAW;EAAE,CAAC,eAC5GC,iBAAK,CAACC,aAAa,CAACG,mBAAO,EAAE;IAAEX,KAAK,EAAEA,KAAK;IAAEC,OAAO,EAAEA,OAAO;IAAEC,QAAQ,EAAEA;EAAS,CAAC,eAC/EK,iBAAK,CAACC,aAAa,CAACI,kBAAI,EAAE;IAAEC,IAAI,EAAET;EAAK,CAAC,CAAC,CAAC,CAAE;AACxD,CAAC;AAAC,eACaN,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["VtxHzBaseModal","props","title","visible","onCancel","theme","list","extraHeader","chartFontColor","chartColor","React","createElement","VtxThemeProvider","value","VmModal","Tabs","data"],"sources":["vtx-base-modal-hz/index.js"],"sourcesContent":["import React from 'react';\nimport VtxThemeProvider from '../vtx-theme-provider';\nimport VmModal from '../vm-common-components/common/vm-modal';\nimport Tabs from '../vm-common-components/common/vm-tabs';\nconst VtxHzBaseModal = props => {\n    const { title, visible, onCancel, theme = 'dark', list = [], extraHeader } = props;\n    const chartFontColor = theme === 'dark' ? '#fff' : '#000';\n    const chartColor = [\n        '#73A0FA',\n        '#73DEB3',\n        '#29A634',\n        '#9CBF30',\n        '#F3B825',\n        '#EB532E',\n        '#DB2C6F',\n        '#9179F2',\n    ];\n    return !visible ? null : (React.createElement(VtxThemeProvider, { value: { theme, chartFontColor, chartColor } },\n        React.createElement(VmModal, { title: title, visible: visible, onCancel: onCancel, extraHeader: extraHeader },\n            React.createElement(Tabs, { data: list }))));\n};\nexport default VtxHzBaseModal;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA0D;AAC1D,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAGC,KAAK,EAAI;EAC5B,IAAQC,KAAK,GAAgED,KAAK,CAA1EC,KAAK;IAAEC,OAAO,GAAuDF,KAAK,CAAnEE,OAAO;IAAEC,QAAQ,GAA6CH,KAAK,CAA1DG,QAAQ;IAAA,eAA6CH,KAAK,CAAhDI,KAAK;IAALA,KAAK,6BAAG,MAAM;IAAA,cAA6BJ,KAAK,CAAhCK,IAAI;IAAJA,IAAI,4BAAG,EAAE;IAAEC,WAAW,GAAKN,KAAK,CAArBM,WAAW;EACxE,IAAMC,cAAc,GAAGH,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM;EACzD,IAAMI,UAAU,GAAG,CACf,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACZ;EACD,OAAO,CAACN,OAAO,GAAG,IAAI,gBAAIO,iBAAK,CAACC,aAAa,CAACC,4BAAgB,EAAE;IAAEC,KAAK,EAAE;MAAER,KAAK,EAALA,KAAK;MAAEG,cAAc,EAAdA,cAAc;MAAEC,UAAU,EAAVA;IAAW;EAAE,CAAC,eAC5GC,iBAAK,CAACC,aAAa,CAACG,mBAAO,EAAE;IAAEZ,KAAK,EAAEA,KAAK;IAAEC,OAAO,EAAEA,OAAO;IAAEC,QAAQ,EAAEA,QAAQ;IAAEG,WAAW,EAAEA;EAAY,CAAC,eACzGG,iBAAK,CAACC,aAAa,CAACI,kBAAI,EAAE;IAAEC,IAAI,EAAEV;EAAK,CAAC,CAAC,CAAC,CAAE;AACxD,CAAC;AAAC,eACaN,cAAc;AAAA"}