@vtx/modals2 3.1.4 → 3.1.5

package/lib/vtx-housing-estate-modal/components/Alarm/index.js

@@ -0,0 +1,104 @@
+"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"] = exports.Empty = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Rank = _interopRequireDefault(require("./Rank"));
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _LDB = _interopRequireDefault(require("./LDB"));
+var _MY = _interopRequireDefault(require("./MY"));
+var _FLZL = _interopRequireDefault(require("./FLZL"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _api = require("../../api");
+require("./index.less");
+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; }
+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 Empty = function Empty() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      width: 265,
+      height: 187
+    }
+  }));
+};
+exports.Empty = Empty;
+var Alarm = function Alarm(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id;
+  var prefix = "".concat(classPrefix, "-alarm");
+  var _useState = (0, _react.useState)('LANDING'),
+    _useState2 = _slicedToArray(_useState, 2),
+    tab = _useState2[0],
+    setTab = _useState2[1];
+  var onTabChange = function onTabChange(value) {
+    var tab = value;
+    setTab(tab);
+  };
+  var tabs = _api.alarmService.tabs({
+    housingEstateId: id
+  }) || [];
+  // useEffect(() => {
+  //     const tab = tabs?.[0];
+  //     tab && setTab(tab);
+  // }, [JSON.stringify(tabs)]);
+  var blackRank = _api.alarmService.blackRank({
+    thisAreaId: id,
+    businessPackage: tab,
+    areaDimension: 'COMMUNITY'
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    size: "large",
+    activeKey: tab,
+    onChange: onTabChange,
+    tabBarExtraContent: /*#__PURE__*/_react["default"].createElement(_Rank["default"], {
+      name: "\u9ED1\u699C\u6392\u540D",
+      rank: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.ranking) || 0,
+      total: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.total) || 0
+    })
+  }, tabs.includes('LANDING') && /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "LANDING",
+    key: "LANDING",
+    tab: "\u843D\u5730\u5305\u5206\u6790"
+  }, /*#__PURE__*/_react["default"].createElement(_LDB["default"], {
+    classPrefix: prefix,
+    id: id
+  })), tabs.includes('CHUYU_QUALITY') && /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "THROW",
+    key: "THROW",
+    tab: "\u5206\u7C7B\u8D28\u91CF\u5206\u6790"
+  }, /*#__PURE__*/_react["default"].createElement(_FLZL["default"], {
+    classPrefix: prefix,
+    id: id
+  })), tabs.includes('OVERFLOW') && /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "OVERFLOW",
+    key: "OVERFLOW",
+    tab: "\u6EE1\u6EA2\u5206\u6790"
+  }, /*#__PURE__*/_react["default"].createElement(_MY["default"], {
+    classPrefix: prefix,
+    id: id
+  }))));
+};
+var _default = Alarm;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-housing-estate-modal/components/Alarm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Empty","React","createElement","style","height","display","justifyContent","alignItems","NoData","width","Alarm","classPrefix","id","prefix","useState","tab","setTab","onTabChange","value","tabs","alarmService","housingEstateId","blackRank","thisAreaId","businessPackage","areaDimension","className","SubTabsLine","size","activeKey","onChange","tabBarExtraContent","Rank","name","rank","ranking","total","includes","SubTabPane","subKey","key","LDB","FLZL","MY"],"sources":["vtx-housing-estate-modal/components/Alarm/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Rank from './Rank';\nimport { SubTabsLine, SubTabPane } from '../../../vm-sub-tabs';\nimport LDB from './LDB';\nimport MY from './MY';\nimport FLZL from './FLZL';\nimport NoData from '../../../vm-nodata';\nimport { alarmService } from '../../api';\nimport './index.less';\nexport const Empty = () => (React.createElement(\"div\", { style: {\n        height: '100%',\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n    } },\n    React.createElement(NoData, { style: { width: 265, height: 187 } })));\nconst Alarm = ({ classPrefix = '', id = '' }) => {\n    const prefix = `${classPrefix}-alarm`;\n    const [tab, setTab] = useState('LANDING');\n    const onTabChange = (value) => {\n        const tab = value;\n        setTab(tab);\n    };\n    const tabs = alarmService.tabs({ housingEstateId: id }) || [];\n    // useEffect(() => {\n    //     const tab = tabs?.[0];\n    //     tab && setTab(tab);\n    // }, [JSON.stringify(tabs)]);\n    const blackRank = alarmService.blackRank({\n        thisAreaId: id,\n        businessPackage: tab,\n        areaDimension: 'COMMUNITY',\n    });\n    return (React.createElement(\"div\", { className: prefix },\n        React.createElement(SubTabsLine, { size: \"large\", activeKey: tab, onChange: onTabChange, tabBarExtraContent: React.createElement(Rank, { name: \"\\u9ED1\\u699C\\u6392\\u540D\", rank: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.ranking) || 0, total: (blackRank === null || blackRank === void 0 ? void 0 : blackRank.total) || 0 }) },\n            tabs.includes('LANDING') && (React.createElement(SubTabPane, { subKey: \"LANDING\", key: \"LANDING\", tab: \"\\u843D\\u5730\\u5305\\u5206\\u6790\" },\n                React.createElement(LDB, { classPrefix: prefix, id: id }))),\n            tabs.includes('CHUYU_QUALITY') && (React.createElement(SubTabPane, { subKey: \"THROW\", key: \"THROW\", tab: \"\\u5206\\u7C7B\\u8D28\\u91CF\\u5206\\u6790\" },\n                React.createElement(FLZL, { classPrefix: prefix, id: id }))),\n            tabs.includes('OVERFLOW') && (React.createElement(SubTabPane, { subKey: \"OVERFLOW\", key: \"OVERFLOW\", tab: \"\\u6EE1\\u6EA2\\u5206\\u6790\" },\n                React.createElement(MY, { classPrefix: prefix, id: id }))))));\n};\nexport default Alarm;\n"],"mappings":"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"}

package/lib/vtx-housing-estate-modal/components/OverView/Hot.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.getDistributeChartData = getDistributeChartData;
+var _react = _interopRequireDefault(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _api = require("../../api");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmFilter = require("../../../vm-filter");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+function getBarOption(data) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor,
+    chartColor = _useSettings.chartColor,
+    isDark = _useSettings.isDark;
+  var total = 0;
+  if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
+    total = data === null || data === void 0 ? void 0 : data.reduce(function (pre, next) {
+      return pre + ((next === null || next === void 0 ? void 0 : next.throwSum) || 0);
+    }, 0);
+  }
+  return {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    title: {
+      zlevel: 0,
+      text: '投放总数',
+      top: '40%',
+      left: '27%',
+      textAlign: 'center',
+      textStyle: {
+        color: !isDark ? '#D4D4D4' : '#000',
+        fontSize: 14
+      },
+      subtext: "".concat(total),
+      subtextStyle: {
+        color: !isDark ? '#fafafa' : '#000',
+        fontSize: 28
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      type: 'scroll',
+      left: '50%',
+      top: 'center',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = data.find(function (item) {
+          return item.garbageTypeName === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.throwSum, "\u5428\t\t").concat(value.throwSum ? (value.throwSum / total).toFixed(2) : 0, "%");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        color: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['50%', '70%'],
+      center: ['28%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      label: {
+        show: false
+      },
+      data: data === null || data === void 0 ? void 0 : data.map(function (item) {
+        return {
+          name: item.garbageTypeName,
+          value: item.throwSum
+        };
+      }),
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+}
+function getDistributeChartData(data) {
+  return data.filter(function (item) {
+    return item.date;
+  }).map(function (item) {
+    var _split = (item.date || '').split(' '),
+      _split2 = _slicedToArray(_split, 2),
+      date = _split2[0],
+      hour = _split2[1];
+    return {
+      date: date,
+      hour: hour,
+      value: item.throwSum || 0
+    };
+  });
+}
+var Left = function Left(_ref) {
+  var classPrefix = _ref.classPrefix,
+    id = _ref.id,
+    state = _ref.state,
+    setState = _ref.setState;
+  // 投放情况统计
+  var sumByPoint = _api.overViewService.throwSumByPointOneWeek({
+    housingEstateId: id,
+    day: state.date,
+    code: state.code
+  });
+  // 选择日期后的回调
+  var handleCallBack = function handleCallBack(data) {
+    // 需要根据勾选的code,去获取数据中台相关数据
+    setState(Object.assign({}, data));
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot-title")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6295\u653E\u60C5\u51B5\u7EDF\u8BA1"
+  })), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMChangeDatePicker, {
+    callBack: handleCallBack
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-hot-summary")
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: getBarOption(sumByPoint || []),
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  })));
+};
+var _default = Left;
+exports["default"] = _default;
+//# sourceMappingURL=Hot.js.map

package/lib/vtx-housing-estate-modal/components/OverView/Hot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hot.js","names":["getBarOption","data","useSettings","chartFontColor","chartColor","isDark","total","length","reduce","pre","next","throwSum","color","backgroundColor","tooltip","show","trigger","title","zlevel","text","top","left","textAlign","textStyle","fontSize","subtext","subtextStyle","legend","orient","type","align","itemGap","itemWidth","itemHeight","formatter","name","value","find","item","garbageTypeName","toFixed","pageIconColor","pageIconInactiveColor","pageTextStyle","series","radius","center","hoverAnimation","z","label","map","labelLine","getDistributeChartData","filter","date","split","hour","Left","classPrefix","id","state","setState","sumByPoint","overViewService","throwSumByPointOneWeek","housingEstateId","day","code","handleCallBack","Object","assign","React","createElement","className","style","width","VmSubTitle","VMChangeDatePicker","callBack","ReactCharts","option","height"],"sources":["vtx-housing-estate-modal/components/OverView/Hot.js"],"sourcesContent":["import React from 'react';\nimport ReactCharts from 'echarts-for-react';\nimport { overViewService } from '../../api';\nimport VmSubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { VMChangeDatePicker } from '../../../vm-filter';\nfunction getBarOption(data) {\n    const { chartFontColor, chartColor, isDark } = useSettings();\n    let total = 0;\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n        total = data === null || data === void 0 ? void 0 : data.reduce((pre, next) => pre + ((next === null || next === void 0 ? void 0 : next.throwSum) || 0), 0);\n    }\n    return {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        title: {\n            zlevel: 0,\n            text: '投放总数',\n            top: '40%',\n            left: '27%',\n            textAlign: 'center',\n            textStyle: {\n                color: !isDark ? '#D4D4D4' : '#000',\n                fontSize: 14,\n            },\n            subtext: `${total}`,\n            subtextStyle: {\n                color: !isDark ? '#fafafa' : '#000',\n                fontSize: 28,\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            type: 'scroll',\n            left: '50%',\n            top: 'center',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = data.find((item) => item.garbageTypeName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.throwSum}吨\\t\\t${value.throwSum ? (value.throwSum / total).toFixed(2) : 0}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                color: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['50%', '70%'],\n                center: ['28%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                label: {\n                    show: false,\n                },\n                data: data === null || data === void 0 ? void 0 : data.map(item => ({ name: item.garbageTypeName, value: item.throwSum })),\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n}\nexport function getDistributeChartData(data) {\n    return data.filter(item => item.date).map(item => {\n        const [date, hour] = (item.date || '').split(' ');\n        return {\n            date,\n            hour,\n            value: item.throwSum || 0\n        };\n    });\n}\nconst Left = ({ classPrefix, id, state, setState }) => {\n    // 投放情况统计\n    const sumByPoint = overViewService.throwSumByPointOneWeek({\n        housingEstateId: id,\n        day: state.date,\n        code: state.code,\n    });\n    // 选择日期后的回调\n    const handleCallBack = (data) => {\n        // 需要根据勾选的code,去获取数据中台相关数据\n        setState(Object.assign({}, data));\n    };\n    return (React.createElement(\"div\", { className: `${classPrefix}-hot` },\n        React.createElement(\"div\", { className: `${classPrefix}-hot-title` },\n            React.createElement(\"div\", { style: { width: 400 } },\n                React.createElement(VmSubTitle, { title: \"\\u6295\\u653E\\u60C5\\u51B5\\u7EDF\\u8BA1\" })),\n            React.createElement(VMChangeDatePicker, { callBack: handleCallBack })),\n        React.createElement(\"div\", { className: `${classPrefix}-hot-summary` },\n            React.createElement(ReactCharts, { option: getBarOption(sumByPoint || []), style: { height: '100%', width: '100%' } }))));\n};\nexport default Left;\n"],"mappings":"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"}

package/lib/vtx-housing-estate-modal/components/OverView/Left.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _vmMap = _interopRequireDefault(require("../../../vm-map"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _config = require("../../config");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Left = function Left(_ref) {
+  var classPrefix = _ref.classPrefix,
+    _ref$throwPoints = _ref.throwPoints,
+    throwPoints = _ref$throwPoints === void 0 ? [] : _ref$throwPoints,
+    basicInfo = _ref.basicInfo,
+    _clickGraphic = _ref.clickGraphic;
+  var fieldsData = _config.OverViewLeftFields.map(function (item) {
+    return Object.assign(Object.assign({}, item), {
+      value: basicInfo === null || basicInfo === void 0 ? void 0 : basicInfo[item.key]
+    });
+  });
+  var points = throwPoints === null || throwPoints === void 0 ? void 0 : throwPoints.filter(function (item) {
+    var _a;
+    return (_a = item === null || item === void 0 ? void 0 : item.geoLocation) === null || _a === void 0 ? void 0 : _a.lngLats;
+  }).map(function (item) {
+    return {
+      id: item.id,
+      name: item.name,
+      lng: item.geoLocation.lngLats.split(',')[0],
+      lat: item.geoLocation.lngLats.split(',')[1],
+      url: require('../../imgs/tfd.png')
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-left")
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-left-map")
+  }, /*#__PURE__*/_react["default"].createElement(_vmMap["default"], {
+    mapPoints: points,
+    clickGraphic: function clickGraphic(_ref2) {
+      var item = _ref2.item;
+      return (item === null || item === void 0 ? void 0 : item.id) && _clickGraphic && _clickGraphic(item.id);
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-left-info")
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: fieldsData,
+    gap: 16
+  })));
+};
+var _default = Left;
+exports["default"] = _default;
+//# sourceMappingURL=Left.js.map

package/lib/vtx-housing-estate-modal/components/OverView/Left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Left.js","names":["Left","classPrefix","throwPoints","basicInfo","clickGraphic","fieldsData","OverViewLeftFields","map","item","Object","assign","value","key","points","filter","_a","geoLocation","lngLats","id","name","lng","split","lat","url","require","React","createElement","className","VmSubTitle","title","VmMap","mapPoints","VmInfoCollection","data","gap"],"sources":["vtx-housing-estate-modal/components/OverView/Left.js"],"sourcesContent":["import React from 'react';\nimport VmMap from '../../../vm-map';\nimport VmInfoCollection from '../../../vm-info-collection';\nimport VmSubTitle from '../../../vm-sub-title';\nimport { OverViewLeftFields } from '../../config';\nconst Left = ({ classPrefix, throwPoints = [], basicInfo, clickGraphic }) => {\n    const fieldsData = OverViewLeftFields.map(item => (Object.assign(Object.assign({}, item), { value: basicInfo === null || basicInfo === void 0 ? void 0 : basicInfo[item.key] })));\n    const points = throwPoints === null || throwPoints === void 0 ? void 0 : throwPoints.filter((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.geoLocation) === null || _a === void 0 ? void 0 : _a.lngLats; }).map((item) => ({\n        id: item.id,\n        name: item.name,\n        lng: item.geoLocation.lngLats.split(',')[0],\n        lat: item.geoLocation.lngLats.split(',')[1],\n        url: require('../../imgs/tfd.png'),\n    }));\n    return (React.createElement(\"div\", { className: `${classPrefix}-left` },\n        React.createElement(VmSubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n        React.createElement(\"div\", { className: `${classPrefix}-left-map` },\n            React.createElement(VmMap, { mapPoints: points, clickGraphic: ({ item }) => (item === null || item === void 0 ? void 0 : item.id) && clickGraphic && clickGraphic(item.id) })),\n        React.createElement(\"div\", { className: `${classPrefix}-left-info` },\n            React.createElement(VmInfoCollection, { data: fieldsData, gap: 16 }))));\n};\nexport default Left;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAkD;AAClD,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAmE;EAAA,IAA7DC,WAAW,QAAXA,WAAW;IAAA,wBAAEC,WAAW;IAAXA,WAAW,iCAAG,EAAE;IAAEC,SAAS,QAATA,SAAS;IAAEC,aAAY,QAAZA,YAAY;EAClE,IAAMC,UAAU,GAAGC,0BAAkB,CAACC,GAAG,CAAC,UAAAC,IAAI;IAAA,OAAKC,MAAM,CAACC,MAAM,CAACD,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEF,IAAI,CAAC,EAAE;MAAEG,KAAK,EAAER,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,SAAS,CAACK,IAAI,CAACI,GAAG;IAAE,CAAC,CAAC;EAAA,CAAC,CAAC;EACjL,IAAMC,MAAM,GAAGX,WAAW,KAAK,IAAI,IAAIA,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,WAAW,CAACY,MAAM,CAAC,UAACN,IAAI,EAAK;IAAE,IAAIO,EAAE;IAAE,OAAO,CAACA,EAAE,GAAGP,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACQ,WAAW,MAAM,IAAI,IAAID,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACE,OAAO;EAAE,CAAC,CAAC,CAACV,GAAG,CAAC,UAACC,IAAI;IAAA,OAAM;MAC1PU,EAAE,EAAEV,IAAI,CAACU,EAAE;MACXC,IAAI,EAAEX,IAAI,CAACW,IAAI;MACfC,GAAG,EAAEZ,IAAI,CAACQ,WAAW,CAACC,OAAO,CAACI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAC3CC,GAAG,EAAEd,IAAI,CAACQ,WAAW,CAACC,OAAO,CAACI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAC3CE,GAAG,EAAEC,OAAO,CAAC,oBAAoB;IACrC,CAAC;EAAA,CAAC,CAAC;EACH,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,YAAK1B,WAAW;EAAQ,CAAC,eACnEwB,iBAAK,CAACC,aAAa,CAACE,sBAAU,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACtEJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,YAAK1B,WAAW;EAAY,CAAC,eAC/DwB,iBAAK,CAACC,aAAa,CAACI,iBAAK,EAAE;IAAEC,SAAS,EAAElB,MAAM;IAAET,YAAY,EAAE;MAAA,IAAGI,IAAI,SAAJA,IAAI;MAAA,OAAO,CAACA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACU,EAAE,KAAKd,aAAY,IAAIA,aAAY,CAACI,IAAI,CAACU,EAAE,CAAC;IAAA;EAAC,CAAC,CAAC,CAAC,eAClLO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,YAAK1B,WAAW;EAAa,CAAC,eAChEwB,iBAAK,CAACC,aAAa,CAACM,4BAAgB,EAAE;IAAEC,IAAI,EAAE5B,UAAU;IAAE6B,GAAG,EAAE;EAAG,CAAC,CAAC,CAAC,CAAC;AAClF,CAAC;AAAC,eACalC,IAAI;AAAA"}

package/lib/vtx-housing-estate-modal/components/OverView/Manage.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SummaryItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+var _RightBottom = require("./RightBottom");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+var SummaryItem = function SummaryItem(_ref) {
+  var icon = _ref.icon,
+    name = _ref.name,
+    unit = _ref.unit,
+    num = _ref.num;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "summary-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: icon
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "summary-item-text"
+  }, /*#__PURE__*/_react["default"].createElement("p", null, name), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, num), unit)));
+};
+exports.SummaryItem = SummaryItem;
+var TopItem = function TopItem(_ref2) {
+  var name = _ref2.name,
+    content = _ref2.content,
+    icon = _ref2.icon,
+    textStyleType = _ref2.textStyleType;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "top-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "img"
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    className: "name--".concat(textStyleType)
+  }, name), /*#__PURE__*/_react["default"].createElement("img", {
+    src: icon
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "statistic"
+  }, content.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.text,
+      style: {
+        width: 240
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", null, item.text), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "statistic-value--".concat(textStyleType)
+    }, item.value));
+  })));
+};
+var Manage = function Manage(_ref3) {
+  var classPrefix = _ref3.classPrefix,
+    id = _ref3.id;
+  var data = _api.overViewService.managementData({
+    housingEstateId: id
+  });
+  var businessPackages = (0, _api.getDivisionBusinessPackages)(id) || [];
+  // 今日已过时常
+  var todayPastHour = Number((((0, _moment["default"])().valueOf() - (0, _moment["default"])().startOf('day').valueOf()) / 1000 / 60 / 60).toFixed(1));
+  var cleanGroundDuration = (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration) ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration) / 60).toFixed(1) : 0;
+  var noOverflowDuration = (data === null || data === void 0 ? void 0 : data.overflowDuration) ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.overflowDuration) / 60).toFixed(1) : 0;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-manage")
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8FD0\u8425\u7BA1\u7406"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-manage-top"),
+    style: businessPackages.includes('THROW') ? {
+      flexDirection: 'column'
+    } : {}
+  }, /*#__PURE__*/_react["default"].createElement(TopItem, {
+    name: "\u73AF\u5883\u7BA1\u7406\u6210\u6548",
+    icon: require('../../imgs/manage-hjgl.png'),
+    textStyleType: 1,
+    content: [].concat(_toConsumableArray(businessPackages.includes('LANDING') ? [{
+      text: '今日地面干净时长占比',
+      value: "".concat(cleanGroundDuration, "h/").concat(todayPastHour, "h")
+    }] : []), _toConsumableArray(businessPackages.includes('OVERFLOW') ? [{
+      text: '今日无爆桶状态时长占比',
+      value: "".concat(noOverflowDuration, "h/").concat(todayPastHour, "h")
+    }] : []))
+  }), /*#__PURE__*/_react["default"].createElement(TopItem, {
+    name: "\u516C\u4F17\u5BA3\u6559\u6210\u6548",
+    icon: require('../../imgs/manage-gzcx.png'),
+    textStyleType: 2,
+    content: [].concat(_toConsumableArray(businessPackages.includes('CHUYU_QUALITY') ? [{
+      text: '厨余准确率',
+      value: "".concat((0, _RightBottom.getPercent)(data === null || data === void 0 ? void 0 : data.chuyuAccuracy), "%")
+    }] : []), _toConsumableArray(businessPackages.includes('IDENTIFICATION') ? [{
+      text: '居民参与率',
+      value: "".concat((0, _RightBottom.getPercent)(data === null || data === void 0 ? void 0 : data.personParticipationRate), "%")
+    }] : []))
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-manage-bottom")
+  }, /*#__PURE__*/_react["default"].createElement(SummaryItem, {
+    icon: require('../../imgs/manage-yyxj.png'),
+    name: "\u8BED\u97F3\u5BA3\u6559",
+    unit: "\u6B21",
+    num: (data === null || data === void 0 ? void 0 : data.voiceEducateTimes) || 0
+  }), businessPackages.includes('IDENTIFICATION') && /*#__PURE__*/_react["default"].createElement(SummaryItem, {
+    icon: require('../../imgs/manage-wgmsr.png'),
+    name: "\u8FDD\u89C4\u964C\u751F\u4EBA",
+    unit: "\u4EBA",
+    num: (data === null || data === void 0 ? void 0 : data.strangerNum) || 0
+  }), businessPackages.includes('IDENTIFICATION') && /*#__PURE__*/_react["default"].createElement(SummaryItem, {
+    icon: require('../../imgs/manage-hmd.png'),
+    name: "\u7070\u540D\u5355",
+    unit: "\u4EBA",
+    num: (data === null || data === void 0 ? void 0 : data.badLabelPersonNum) || 0
+  })));
+};
+var _default = Manage;
+exports["default"] = _default;
+//# sourceMappingURL=Manage.js.map

package/lib/vtx-housing-estate-modal/components/OverView/Manage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Manage.js","names":["SummaryItem","icon","name","unit","num","React","createElement","className","src","TopItem","content","textStyleType","map","item","key","text","style","width","value","Manage","classPrefix","id","data","overViewService","managementData","housingEstateId","businessPackages","getDivisionBusinessPackages","todayPastHour","Number","moment","valueOf","startOf","toFixed","cleanGroundDuration","dirtyGroundDuration","noOverflowDuration","overflowDuration","VmSubTitle","title","includes","flexDirection","require","getPercent","chuyuAccuracy","personParticipationRate","voiceEducateTimes","strangerNum","badLabelPersonNum"],"sources":["vtx-housing-estate-modal/components/OverView/Manage.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport VmSubTitle from '../../../vm-sub-title';\nimport { getDivisionBusinessPackages, overViewService } from '../../api';\nimport { getPercent } from './RightBottom';\nexport const SummaryItem = ({ icon, name, unit, num }) => {\n    return (React.createElement(\"div\", { className: \"summary-item\" },\n        React.createElement(\"img\", { src: icon }),\n        React.createElement(\"div\", { className: \"summary-item-text\" },\n            React.createElement(\"p\", null, name),\n            React.createElement(\"p\", null,\n                React.createElement(\"span\", null, num),\n                unit))));\n};\nconst TopItem = ({ name, content, icon, textStyleType }) => {\n    return (React.createElement(\"div\", { className: \"top-item\" },\n        React.createElement(\"div\", { className: \"img\" },\n            React.createElement(\"p\", { className: `name--${textStyleType}` }, name),\n            React.createElement(\"img\", { src: icon })),\n        React.createElement(\"div\", { className: \"statistic\" }, content.map(item => {\n            return (React.createElement(\"div\", { key: item.text, style: { width: 240 } },\n                React.createElement(\"span\", null, item.text),\n                React.createElement(\"span\", { className: `statistic-value--${textStyleType}` }, item.value)));\n        }))));\n};\nconst Manage = ({ classPrefix, id }) => {\n    const data = overViewService.managementData({\n        housingEstateId: id,\n    });\n    const businessPackages = getDivisionBusinessPackages(id) || [];\n    // 今日已过时常\n    const todayPastHour = Number(((moment().valueOf() -\n        moment()\n            .startOf('day')\n            .valueOf()) /\n        1000 /\n        60 /\n        60).toFixed(1));\n    const cleanGroundDuration = (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration)\n        ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.dirtyGroundDuration) / 60).toFixed(1)\n        : 0;\n    const noOverflowDuration = (data === null || data === void 0 ? void 0 : data.overflowDuration)\n        ? (todayPastHour - (data === null || data === void 0 ? void 0 : data.overflowDuration) / 60).toFixed(1)\n        : 0;\n    return (React.createElement(\"div\", { className: `${classPrefix}-manage` },\n        React.createElement(VmSubTitle, { title: \"\\u8FD0\\u8425\\u7BA1\\u7406\" }),\n        React.createElement(\"div\", { className: `${classPrefix}-manage-top`, style: businessPackages.includes('THROW') ? { flexDirection: 'column' } : {} },\n            React.createElement(TopItem, { name: \"\\u73AF\\u5883\\u7BA1\\u7406\\u6210\\u6548\", icon: require('../../imgs/manage-hjgl.png'), textStyleType: 1, content: [\n                    ...(businessPackages.includes('LANDING')\n                        ? [\n                            {\n                                text: '今日地面干净时长占比',\n                                value: `${cleanGroundDuration}h/${todayPastHour}h`,\n                            },\n                        ]\n                        : []),\n                    ...(businessPackages.includes('OVERFLOW')\n                        ? [\n                            {\n                                text: '今日无爆桶状态时长占比',\n                                value: `${noOverflowDuration}h/${todayPastHour}h`,\n                            },\n                        ]\n                        : []),\n                ] }),\n            React.createElement(TopItem, { name: \"\\u516C\\u4F17\\u5BA3\\u6559\\u6210\\u6548\", icon: require('../../imgs/manage-gzcx.png'), textStyleType: 2, content: [\n                    ...(businessPackages.includes('CHUYU_QUALITY')\n                        ? [{ text: '厨余准确率', value: `${getPercent(data === null || data === void 0 ? void 0 : data.chuyuAccuracy)}%` }]\n                        : []),\n                    ...(businessPackages.includes('IDENTIFICATION')\n                        ? [\n                            {\n                                text: '居民参与率',\n                                value: `${getPercent(data === null || data === void 0 ? void 0 : data.personParticipationRate)}%`,\n                            },\n                        ]\n                        : []),\n                ] })),\n        React.createElement(\"div\", { className: `${classPrefix}-manage-bottom` },\n            React.createElement(SummaryItem, { icon: require('../../imgs/manage-yyxj.png'), name: \"\\u8BED\\u97F3\\u5BA3\\u6559\", unit: \"\\u6B21\", num: (data === null || data === void 0 ? void 0 : data.voiceEducateTimes) || 0 }),\n            businessPackages.includes('IDENTIFICATION') && (React.createElement(SummaryItem, { icon: require('../../imgs/manage-wgmsr.png'), name: \"\\u8FDD\\u89C4\\u964C\\u751F\\u4EBA\", unit: \"\\u4EBA\", num: (data === null || data === void 0 ? void 0 : data.strangerNum) || 0 })),\n            businessPackages.includes('IDENTIFICATION') && (React.createElement(SummaryItem, { icon: require('../../imgs/manage-hmd.png'), name: \"\\u7070\\u540D\\u5355\", unit: \"\\u4EBA\", num: (data === null || data === void 0 ? void 0 : data.badLabelPersonNum) || 0 })))));\n};\nexport default Manage;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACpC,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAAkC;EAAA,IAA5BC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,GAAG,QAAHA,GAAG;EAC/C,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAe,CAAC,eAC5DF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,GAAG,EAAEP;EAAK,CAAC,CAAC,eACzCI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAoB,CAAC,eACzDF,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAEJ,IAAI,CAAC,eACpCG,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE,IAAI,eACzBD,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEF,GAAG,CAAC,EACtCD,IAAI,CAAC,CAAC,CAAC;AACvB,CAAC;AAAC;AACF,IAAMM,OAAO,GAAG,SAAVA,OAAO,QAA+C;EAAA,IAAzCP,IAAI,SAAJA,IAAI;IAAEQ,OAAO,SAAPA,OAAO;IAAET,IAAI,SAAJA,IAAI;IAAEU,aAAa,SAAbA,aAAa;EACjD,oBAAQN,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC,eACxDF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAM,CAAC,eAC3CF,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE;IAAEC,SAAS,kBAAWI,aAAa;EAAG,CAAC,EAAET,IAAI,CAAC,eACvEG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,GAAG,EAAEP;EAAK,CAAC,CAAC,CAAC,eAC9CI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAY,CAAC,EAAEG,OAAO,CAACE,GAAG,CAAC,UAAAC,IAAI,EAAI;IACvE,oBAAQR,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEQ,GAAG,EAAED,IAAI,CAACE,IAAI;MAAEC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAI;IAAE,CAAC,eACxEZ,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEO,IAAI,CAACE,IAAI,CAAC,eAC5CV,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;MAAEC,SAAS,6BAAsBI,aAAa;IAAG,CAAC,EAAEE,IAAI,CAACK,KAAK,CAAC,CAAC;EACpG,CAAC,CAAC,CAAC,CAAC;AACZ,CAAC;AACD,IAAMC,MAAM,GAAG,SAATA,MAAM,QAA4B;EAAA,IAAtBC,WAAW,SAAXA,WAAW;IAAEC,EAAE,SAAFA,EAAE;EAC7B,IAAMC,IAAI,GAAGC,oBAAe,CAACC,cAAc,CAAC;IACxCC,eAAe,EAAEJ;EACrB,CAAC,CAAC;EACF,IAAMK,gBAAgB,GAAG,IAAAC,gCAA2B,EAACN,EAAE,CAAC,IAAI,EAAE;EAC9D;EACA,IAAMO,aAAa,GAAGC,MAAM,CAAC,CAAC,CAAC,IAAAC,kBAAM,GAAE,CAACC,OAAO,EAAE,GAC7C,IAAAD,kBAAM,GAAE,CACHE,OAAO,CAAC,KAAK,CAAC,CACdD,OAAO,EAAE,IACd,IAAI,GACJ,EAAE,GACF,EAAE,EAAEE,OAAO,CAAC,CAAC,CAAC,CAAC;EACnB,IAAMC,mBAAmB,GAAG,CAACZ,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACa,mBAAmB,IAC3F,CAACP,aAAa,GAAG,CAACN,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACa,mBAAmB,IAAI,EAAE,EAAEF,OAAO,CAAC,CAAC,CAAC,GACxG,CAAC;EACP,IAAMG,kBAAkB,GAAG,CAACd,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACe,gBAAgB,IACvF,CAACT,aAAa,GAAG,CAACN,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACe,gBAAgB,IAAI,EAAE,EAAEJ,OAAO,CAAC,CAAC,CAAC,GACrG,CAAC;EACP,oBAAQ5B,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,YAAKa,WAAW;EAAU,CAAC,eACrEf,iBAAK,CAACC,aAAa,CAACgC,sBAAU,EAAE;IAAEC,KAAK,EAAE;EAA2B,CAAC,CAAC,eACtElC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,YAAKa,WAAW,gBAAa;IAAEJ,KAAK,EAAEU,gBAAgB,CAACc,QAAQ,CAAC,OAAO,CAAC,GAAG;MAAEC,aAAa,EAAE;IAAS,CAAC,GAAG,CAAC;EAAE,CAAC,eAC/IpC,iBAAK,CAACC,aAAa,CAACG,OAAO,EAAE;IAAEP,IAAI,EAAE,sCAAsC;IAAED,IAAI,EAAEyC,OAAO,CAAC,4BAA4B,CAAC;IAAE/B,aAAa,EAAE,CAAC;IAAED,OAAO,+BACvIgB,gBAAgB,CAACc,QAAQ,CAAC,SAAS,CAAC,GAClC,CACE;MACIzB,IAAI,EAAE,YAAY;MAClBG,KAAK,YAAKgB,mBAAmB,eAAKN,aAAa;IACnD,CAAC,CACJ,GACC,EAAE,sBACJF,gBAAgB,CAACc,QAAQ,CAAC,UAAU,CAAC,GACnC,CACE;MACIzB,IAAI,EAAE,aAAa;MACnBG,KAAK,YAAKkB,kBAAkB,eAAKR,aAAa;IAClD,CAAC,CACJ,GACC,EAAE;EACV,CAAC,CAAC,eACRvB,iBAAK,CAACC,aAAa,CAACG,OAAO,EAAE;IAAEP,IAAI,EAAE,sCAAsC;IAAED,IAAI,EAAEyC,OAAO,CAAC,4BAA4B,CAAC;IAAE/B,aAAa,EAAE,CAAC;IAAED,OAAO,+BACvIgB,gBAAgB,CAACc,QAAQ,CAAC,eAAe,CAAC,GACxC,CAAC;MAAEzB,IAAI,EAAE,OAAO;MAAEG,KAAK,YAAK,IAAAyB,uBAAU,EAACrB,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACsB,aAAa,CAAC;IAAI,CAAC,CAAC,GAC5G,EAAE,sBACJlB,gBAAgB,CAACc,QAAQ,CAAC,gBAAgB,CAAC,GACzC,CACE;MACIzB,IAAI,EAAE,OAAO;MACbG,KAAK,YAAK,IAAAyB,uBAAU,EAACrB,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACuB,uBAAuB,CAAC;IAClG,CAAC,CACJ,GACC,EAAE;EACV,CAAC,CAAC,CAAC,eACbxC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,YAAKa,WAAW;EAAiB,CAAC,eACpEf,iBAAK,CAACC,aAAa,CAACN,WAAW,EAAE;IAAEC,IAAI,EAAEyC,OAAO,CAAC,4BAA4B,CAAC;IAAExC,IAAI,EAAE,0BAA0B;IAAEC,IAAI,EAAE,QAAQ;IAAEC,GAAG,EAAE,CAACkB,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACwB,iBAAiB,KAAK;EAAE,CAAC,CAAC,EACnNpB,gBAAgB,CAACc,QAAQ,CAAC,gBAAgB,CAAC,iBAAKnC,iBAAK,CAACC,aAAa,CAACN,WAAW,EAAE;IAAEC,IAAI,EAAEyC,OAAO,CAAC,6BAA6B,CAAC;IAAExC,IAAI,EAAE,gCAAgC;IAAEC,IAAI,EAAE,QAAQ;IAAEC,GAAG,EAAE,CAACkB,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACyB,WAAW,KAAK;EAAE,CAAC,CAAE,EACrQrB,gBAAgB,CAACc,QAAQ,CAAC,gBAAgB,CAAC,iBAAKnC,iBAAK,CAACC,aAAa,CAACN,WAAW,EAAE;IAAEC,IAAI,EAAEyC,OAAO,CAAC,2BAA2B,CAAC;IAAExC,IAAI,EAAE,oBAAoB;IAAEC,IAAI,EAAE,QAAQ;IAAEC,GAAG,EAAE,CAACkB,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAAC0B,iBAAiB,KAAK;EAAE,CAAC,CAAE,CAAC,CAAC;AAC3Q,CAAC;AAAC,eACa7B,MAAM;AAAA"}