@vtx/modals2 5.0.2 → 5.0.3

package/lib/_components/vm-wrapper/index.js

@@ -0,0 +1,161 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Tooltip } from 'antd';
+import _ from 'lodash';
+import { useEffect, useState } from 'react';
+import useSettings from "../../_hooks/useSettings";
+import { ChartIcon, DateIcon, ListIcon } from "../../_util/iconSvgHtml";
+import VmFilter from "../vm-filter";
+import "./style";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var VMDatePicker = VmFilter.VMDatePicker,
+  VMMonthPicker = VmFilter.VMMonthPicker,
+  VMYearPicker = VmFilter.VMYearPicker,
+  VMRangePicker = VmFilter.VMRangePicker;
+export default function VmWrapper(props) {
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  var _props$title = props.title,
+    title = _props$title === void 0 ? '基本信息' : _props$title,
+    extra = props.extra,
+    _props$extraStyle = props.extraStyle,
+    extraStyle = _props$extraStyle === void 0 ? {} : _props$extraStyle,
+    _props$needChange = props.needChange,
+    needChange = _props$needChange === void 0 ? false : _props$needChange,
+    _props$filterType = props.filterType,
+    filterType = _props$filterType === void 0 ? '' : _props$filterType,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? null : _props$defaultValue,
+    _props$dateValue = props.dateValue,
+    dateValue = _props$dateValue === void 0 ? null : _props$dateValue,
+    disabledDate = props.disabledDate,
+    _props$headerStyle = props.headerStyle,
+    headerStyle = _props$headerStyle === void 0 ? {} : _props$headerStyle,
+    _props$contentStyle = props.contentStyle,
+    contentStyle = _props$contentStyle === void 0 ? {} : _props$contentStyle,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$showList = props.showList,
+    showList = _props$showList === void 0 ? true : _props$showList,
+    _props$showChart = props.showChart,
+    showChart = _props$showChart === void 0 ? true : _props$showChart,
+    _props$showCalendar = props.showCalendar,
+    showCalendar = _props$showCalendar === void 0 ? false : _props$showCalendar,
+    _props$showTitle = props.showTitle,
+    showTitle = _props$showTitle === void 0 ? true : _props$showTitle,
+    _props$showContent = props.showContent,
+    showContent = _props$showContent === void 0 ? true : _props$showContent;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    changeList = _useState2[0],
+    setChangeList = _useState2[1];
+  var _useState3 = useState('chart'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    setActive = _useState4[1];
+  useEffect(function () {
+    (props === null || props === void 0 ? void 0 : props.onChange) && props.onChange(active);
+  }, [active]);
+  useEffect(function () {
+    var changeList = [];
+    if (showCalendar) {
+      changeList.push({
+        key: 'calendar',
+        icon: DateIcon,
+        name: '日历'
+      });
+    }
+    if (showChart) {
+      changeList.push({
+        key: 'chart',
+        icon: ListIcon,
+        name: '图表'
+      });
+    }
+    if (showList) {
+      changeList.push({
+        key: 'list',
+        icon: ChartIcon,
+        name: '列表'
+      });
+    }
+    setChangeList(changeList);
+    if (!_.isEmpty(changeList)) {
+      setActive(changeList[0].key);
+    }
+  }, [showChart, showList, showCalendar]);
+  var fill = {
+    true: '#1670ff',
+    false: '#8c8c8c'
+  };
+  var fillDark = {
+    true: '#009DFF',
+    false: '#ffffff'
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "div-wrapper ".concat(isDark ? 'dark' : ''),
+    style: style,
+    children: [showTitle && /*#__PURE__*/_jsxs("div", {
+      className: "div-wrapper-head",
+      style: _objectSpread({}, headerStyle),
+      children: [title, /*#__PURE__*/_jsxs("div", {
+        className: "extra",
+        style: _objectSpread({}, extraStyle),
+        children: [needChange && /*#__PURE__*/_jsx("div", {
+          className: "extra-type",
+          children: changeList.map(function (item) {
+            var Icon = item.icon;
+            return /*#__PURE__*/_jsx("div", {
+              className: "extra-type-item ".concat(active === item.key ? 'active' : '', " ").concat(isDark ? 'dark' : ''),
+              onClick: function onClick() {
+                return setActive(item.key);
+              },
+              children: /*#__PURE__*/_jsx(Tooltip, {
+                title: item.name,
+                children: /*#__PURE__*/_jsx(Icon, {
+                  width: 14,
+                  height: 14,
+                  fill: isDark ? fillDark["".concat(active === item.key)] : fill["".concat(active === item.key)]
+                })
+              })
+            }, item.key);
+          })
+        }), filterType === 'datePicker' ? /*#__PURE__*/_jsx(VMDatePicker, {
+          defaultValue: defaultValue,
+          value: dateValue,
+          onChange: props.filterChange,
+          disabledDate: disabledDate
+        }) : filterType === 'rangePicker' ? /*#__PURE__*/_jsx(VMRangePicker, {
+          defaultValue: defaultValue || [],
+          value: dateValue || [],
+          onChange: props.filterChange,
+          disabledDate: disabledDate
+        }) : filterType === 'monthPicker' ? /*#__PURE__*/_jsx(VMMonthPicker, {
+          defaultValue: defaultValue,
+          value: dateValue,
+          onChange: props.filterChange,
+          disabledDate: disabledDate
+        }) : filterType === 'yearPicker' ? /*#__PURE__*/_jsx(VMYearPicker, {
+          defaultValue: defaultValue,
+          value: dateValue,
+          onChange: props.filterChange,
+          disabledDate: disabledDate
+        }) : null, extra ? extra : null]
+      })]
+    }), showContent && /*#__PURE__*/_jsx("div", {
+      className: "div-wrapper-content",
+      style: contentStyle,
+      children: props === null || props === void 0 ? void 0 : props.children
+    })]
+  });
+}

package/lib/_components/vm-wrapper/resource/ICON_CONFIG.js

@@ -0,0 +1,127 @@
+export var ICON_CONFIG = {
+  list: {
+    title: '列表',
+    draw: function draw(ctx) {
+      ctx.save();
+      ctx.strokeStyle = 'rgba(0,0,0,0)';
+      ctx.miterLimit = 4;
+      ctx.font = "15px ''";
+      ctx.fillStyle = 'rgba(0,0,0,0)';
+      ctx.font = "   15px ''";
+      ctx.save();
+      ctx.fillStyle = 'rgba(0,0,0,0)';
+      ctx.font = "   15px ''";
+      ctx.save();
+      ctx.fillStyle = 'rgba(0,0,0,0)';
+      ctx.font = "   15px ''";
+      ctx.beginPath();
+      ctx.moveTo(0.162774, 6.49927);
+      ctx.bezierCurveTo(0.0583284, 6.39498, 0, 6.25599, 0, 6.1114);
+      ctx.bezierCurveTo(0, 5.96681, 0.0583284, 5.82782, 0.162774, 5.72354);
+      ctx.lineTo(5.08991, 1.06916);
+      ctx.bezierCurveTo(5.13581, 1.01896, 5.19235, 0.978742, 5.25577, 0.951188);
+      ctx.bezierCurveTo(5.31918, 0.923634, 5.38799, 0.90938, 5.45761, 0.90938);
+      ctx.bezierCurveTo(5.52722, 0.90938, 5.59604, 0.923634, 5.65945, 0.951188);
+      ctx.bezierCurveTo(5.72286, 0.978742, 5.77941, 1.01896, 5.8253, 1.06916);
+      ctx.lineTo(8.9875, 3.96051);
+      ctx.lineTo(13.0322, 0.152384);
+      ctx.bezierCurveTo(13.1402, 0.0531681, 13.2845, -0.0015216, 13.4341, 0.0000322263);
+      ctx.bezierCurveTo(13.5836, 0.00158605, 13.7266, 0.0592598, 13.8324, 0.160697);
+      ctx.bezierCurveTo(13.9382, 0.262134, 13.9983, 0.399265, 14, 0.54271);
+      ctx.bezierCurveTo(14.0016, 0.686155, 13.9446, 0.824504, 13.8411, 0.928114);
+      ctx.lineTo(9.42873, 5.15937);
+      ctx.bezierCurveTo(9.32052, 5.26051, 9.17538, 5.31712, 9.02427, 5.31712);
+      ctx.bezierCurveTo(8.87315, 5.31712, 8.72802, 5.26051, 8.6198, 5.15937);
+      ctx.lineTo(5.46128, 2.26801);
+      ctx.lineTo(0.898168, 6.56979);
+      ctx.bezierCurveTo(0.783132, 6.62082, 0.657125, 6.64498, 0.530471, 6.64031);
+      ctx.bezierCurveTo(0.391635, 6.64015, 0.257969, 6.58978, 0.156156, 6.49927);
+      ctx.lineTo(0.162774, 6.49927);
+      ctx.closePath();
+      ctx.fill();
+      ctx.stroke();
+      ctx.restore();
+      ctx.save();
+      ctx.fillStyle = 'rgba(0,0,0,0)';
+      ctx.font = "   15px ''";
+      ctx.beginPath();
+      ctx.moveTo(12.6278, 13.418);
+      ctx.lineTo(12.6278, 6.58393);
+      ctx.bezierCurveTo(12.6266, 6.50719, 12.641, 6.43099, 12.6699, 6.35985);
+      ctx.bezierCurveTo(12.6989, 6.28872, 12.742, 6.2241, 12.7966, 6.16982);
+      ctx.bezierCurveTo(12.8511, 6.11555, 12.9161, 6.07273, 12.9876, 6.0439);
+      ctx.bezierCurveTo(13.0591, 6.01507, 13.1357, 6.00083, 13.2129, 6.002);
+      ctx.bezierCurveTo(13.2915, 5.99524, 13.3705, 6.00565, 13.4446, 6.0325);
+      ctx.bezierCurveTo(13.5187, 6.05935, 13.586, 6.102, 13.6417, 6.15745);
+      ctx.bezierCurveTo(13.6974, 6.2129, 13.7403, 6.2798, 13.7673, 6.35348);
+      ctx.bezierCurveTo(13.7943, 6.42715, 13.8048, 6.50581, 13.798, 6.58393);
+      ctx.lineTo(13.798, 13.418);
+      ctx.bezierCurveTo(13.7864, 13.5685, 13.721, 13.7099, 13.6137, 13.8166);
+      ctx.bezierCurveTo(13.5064, 13.9233, 13.3642, 13.9884, 13.2129, 13.9999);
+      ctx.bezierCurveTo(13.1358, 14.001, 13.0592, 13.9867, 12.9877, 13.9578);
+      ctx.bezierCurveTo(12.9163, 13.9289, 12.8513, 13.8861, 12.7968, 13.8319);
+      ctx.bezierCurveTo(12.7422, 13.7776, 12.6992, 13.713, 12.6702, 13.6419);
+      ctx.bezierCurveTo(12.6411, 13.5708, 12.6267, 13.4947, 12.6278, 13.418);
+      ctx.closePath();
+      ctx.moveTo(8.75166, 13.418);
+      ctx.lineTo(8.75166, 9.70817);
+      ctx.bezierCurveTo(8.75057, 9.63145, 8.76497, 9.55529, 8.79399, 9.4842);
+      ctx.bezierCurveTo(8.82301, 9.41311, 8.86606, 9.34853, 8.92061, 9.29428);
+      ctx.bezierCurveTo(8.97516, 9.24003, 9.04009, 9.1972, 9.11156, 9.16834);
+      ctx.bezierCurveTo(9.18304, 9.13948, 9.2596, 9.12516, 9.33674, 9.12624);
+      ctx.bezierCurveTo(9.41537, 9.11908, 9.49463, 9.12922, 9.56888, 9.15593);
+      ctx.bezierCurveTo(9.64313, 9.18265, 9.71057, 9.22528, 9.7664, 9.28082);
+      ctx.bezierCurveTo(9.82224, 9.33635, 9.8651, 9.40342, 9.89196, 9.47728);
+      ctx.bezierCurveTo(9.91882, 9.55113, 9.92902, 9.62996, 9.92182, 9.70817);
+      ctx.lineTo(9.92182, 13.418);
+      ctx.bezierCurveTo(9.84869, 13.7089, 9.62928, 13.9999, 9.33674, 13.9999);
+      ctx.bezierCurveTo(9.2595, 14.001, 9.18283, 13.9867, 9.11124, 13.9578);
+      ctx.bezierCurveTo(9.03964, 13.929, 8.97457, 13.8862, 8.91985, 13.832);
+      ctx.bezierCurveTo(8.86513, 13.7778, 8.82187, 13.7132, 8.79261, 13.6421);
+      ctx.bezierCurveTo(8.76334, 13.571, 8.74867, 13.4948, 8.74946, 13.418);
+      ctx.lineTo(8.75166, 13.418);
+      ctx.closePath();
+      ctx.moveTo(4.87549, 13.418);
+      ctx.lineTo(4.87549, 7.23497);
+      ctx.bezierCurveTo(4.87441, 7.15825, 4.8888, 7.08209, 4.91782, 7.011);
+      ctx.bezierCurveTo(4.94684, 6.93991, 4.9899, 6.87533, 5.04444, 6.82108);
+      ctx.bezierCurveTo(5.09899, 6.76683, 5.16392, 6.724, 5.2354, 6.69514);
+      ctx.bezierCurveTo(5.30687, 6.66628, 5.38344, 6.65196, 5.46057, 6.65304);
+      ctx.bezierCurveTo(5.53932, 6.64535, 5.61881, 6.65512, 5.6933, 6.68165);
+      ctx.bezierCurveTo(5.7678, 6.70817, 5.83546, 6.7508, 5.89141, 6.80645);
+      ctx.bezierCurveTo(5.94737, 6.8621, 5.99022, 6.92939, 6.01689, 7.00349);
+      ctx.bezierCurveTo(6.04356, 7.07759, 6.05338, 7.15664, 6.04565, 7.23497);
+      ctx.lineTo(6.04565, 13.418);
+      ctx.bezierCurveTo(5.97252, 13.7089, 5.75311, 13.9999, 5.46057, 13.9999);
+      ctx.bezierCurveTo(5.38333, 14.0009, 5.30667, 13.9865, 5.23508, 13.9576);
+      ctx.bezierCurveTo(5.16349, 13.9288, 5.09841, 13.886, 5.04366, 13.8318);
+      ctx.bezierCurveTo(4.9889, 13.7776, 4.94556, 13.7131, 4.91618, 13.642);
+      ctx.bezierCurveTo(4.8868, 13.571, 4.87198, 13.4948, 4.87257, 13.418);
+      ctx.lineTo(4.87549, 13.418);
+      ctx.closePath();
+      ctx.moveTo(1.00298, 13.418);
+      ctx.lineTo(1.00298, 10.7993);
+      ctx.bezierCurveTo(1.00149, 10.7225, 1.01561, 10.6461, 1.04448, 10.5748);
+      ctx.bezierCurveTo(1.07336, 10.5036, 1.1164, 10.4388, 1.17103, 10.3845);
+      ctx.bezierCurveTo(1.22566, 10.3302, 1.29075, 10.2874, 1.36241, 10.2586);
+      ctx.bezierCurveTo(1.43407, 10.2299, 1.51082, 10.2159, 1.58806, 10.2174);
+      ctx.bezierCurveTo(1.66667, 10.2103, 1.74587, 10.2206, 1.82006, 10.2473);
+      ctx.bezierCurveTo(1.89425, 10.2741, 1.96163, 10.3167, 2.01744, 10.3722);
+      ctx.bezierCurveTo(2.07324, 10.4277, 2.11611, 10.4947, 2.14302, 10.5685);
+      ctx.bezierCurveTo(2.16992, 10.6423, 2.18021, 10.7211, 2.17315, 10.7993);
+      ctx.lineTo(2.17315, 13.418);
+      ctx.bezierCurveTo(2.10001, 13.7089, 1.88061, 13.9999, 1.58806, 13.9999);
+      ctx.bezierCurveTo(1.51069, 14.0014, 1.4338, 13.9873, 1.36199, 13.9587);
+      ctx.bezierCurveTo(1.29017, 13.93, 1.22489, 13.8872, 1.17003, 13.8329);
+      ctx.bezierCurveTo(1.11517, 13.7786, 1.07185, 13.7139, 1.04265, 13.6426);
+      ctx.bezierCurveTo(1.01345, 13.5713, 0.998964, 13.4949, 1.00006, 13.418);
+      ctx.lineTo(1.00298, 13.418);
+      ctx.closePath();
+      ctx.fill();
+      ctx.stroke();
+      ctx.restore();
+      ctx.restore();
+      ctx.restore();
+    }
+  }
+};

package/lib/_components/vm-wrapper/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/lib/_components/vm-wrapper/style/index.less

@@ -0,0 +1,81 @@
+.div-wrapper {
+  --wbg-color: #fff;
+  --w-color: #1f1f1f;
+  --wborder-color: #f1f0f0;
+  --wfilter-bg: #f5f5f5;
+  --wtype-bg: #fff;
+
+  &.dark {
+    --wbg-color: rgba(0, 155, 233, 10%);
+    --w-color: #fff;
+    --wborder-color: #1064a7;
+    --wfilter-bg: #0b588e;
+    --wtype-bg: #0168b0;
+  }
+
+  width: 100%;
+  background: var(--wbg-color);
+  border-radius: 8px;
+  color: var(--w-color);
+  position: relative;
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
+  border: 1px solid var(--wborder-color);
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  &-head {
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--wborder-color);
+  }
+
+  .extra {
+    position: absolute;
+    right: 16px;
+    top: 8px;
+    display: flex;
+    justify-content: end;
+    align-items: center;
+    gap: 14px;
+
+    .extra-type {
+      height: 32px;
+      background: var(--wfilter-bg);
+      border-radius: 8px;
+      padding: 2px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 4px;
+      &-item {
+        width: 28px;
+        height: 100%;
+        border-radius: 6px;
+        padding-left: 8px;
+        cursor: pointer;
+        svg {
+          width: 14px;
+          height: 14px;
+          margin-bottom: -2px;
+        }
+
+        &.active {
+          background: var(--wtype-bg);
+          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 20%);
+        }
+      }
+    }
+  }
+
+  &-content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    padding: 16px;
+    font-size: 14px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}

package/lib/_hooks/useGetChannels.js

@@ -0,0 +1,19 @@
+import { useRequest } from 'ahooks';
+import http from "../_util/http";
+export default (function (billId, ready) {
+  var _useRequest = useRequest(function () {
+      return http.get("".concat(process.env.PREFIX || '', "/cloud/vis/base/np/videoDevice/loadVideoChannelByBillId.smvc"), {
+        body: {
+          billId: billId
+        }
+      });
+    }, {
+      ready: ready,
+      refreshDeps: [billId]
+    }),
+    channelRes = _useRequest.data;
+  var channels = channelRes !== null && channelRes !== void 0 && channelRes.data ? JSON.parse(channelRes.data) : [];
+  return {
+    channels: channels
+  };
+});

package/lib/_hooks/useGetConfig.js

@@ -0,0 +1,52 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { request } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+import { useEffect, useState } from 'react';
+export default (function (code, tabs) {
+  var _data$data;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tabsData = _useState2[0],
+    setTabsData = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return request.get('/cloud/jcss-reborn/facility/type/config/getByCode', {
+        data: {
+          code: code
+        }
+      });
+    }, {
+      ready: !!code,
+      refreshDeps: [code]
+    }),
+    data = _useRequest.data;
+  var tabConfig = (data === null || data === void 0 || (_data$data = data.data) === null || _data$data === void 0 || (_data$data = _data$data.popupConfigJson) === null || _data$data === void 0 ? void 0 : _data$data.filter(function (ele) {
+    return ele.display;
+  }).map(function (ele) {
+    return _objectSpread(_objectSpread({}, ele), {}, {
+      key: ele.code,
+      title: ele.name
+    });
+  })) || [];
+  var visited = !!data;
+  useEffect(function () {
+    var tabsC = tabs || [];
+    if (visited) {
+      tabsC = (tabConfig === null || tabConfig === void 0 ? void 0 : tabConfig.length) > 0 ? tabConfig : tabs;
+    }
+    setTabsData(tabsC);
+  }, [JSON.stringify(tabConfig), visited, JSON.stringify(tabs)]);
+  return {
+    tabsData: tabsData
+  };
+});

package/lib/_hooks/useSettings.js

@@ -0,0 +1,31 @@
+import { useContext } from 'react';
+import { VtxThemeContext } from "../_components/vm-theme-provider";
+
+/**
+ * 获取配置信息
+ * @returns
+ */
+var useSettings = function useSettings() {
+  var _useContext = useContext(VtxThemeContext),
+    theme = _useContext.theme,
+    chartFontColor = _useContext.chartFontColor,
+    chartLineColor = _useContext.chartLineColor,
+    startDate = _useContext.startDate,
+    endDate = _useContext.endDate,
+    date = _useContext.date,
+    mapInfo = _useContext.mapInfo,
+    contentStyle = _useContext.contentStyle;
+  return {
+    theme: theme,
+    tabPosition: 'top',
+    isDark: theme === 'dark' || theme === 'blue',
+    chartFontColor: chartFontColor,
+    chartLineColor: chartLineColor,
+    startDate: startDate,
+    endDate: endDate,
+    date: date,
+    mapInfo: mapInfo,
+    contentStyle: contentStyle
+  };
+};
+export default useSettings;

package/lib/_service/index.js

@@ -0,0 +1,99 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { request } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+var CommonService = {
+  useBaseInfo: function useBaseInfo(id) {
+    var _baseInfoRes$data, _baseInfoRes$data2, _tabConfig$data;
+    var _useRequest = useRequest(function () {
+        return request.get('/cloud/jcss-reborn/facility/get', {
+          data: {
+            id: id,
+            coordType: 'wgs84'
+          }
+        });
+      }, {
+        refreshDeps: [id]
+      }),
+      baseInfoRes = _useRequest.data;
+    var info = baseInfoRes === null || baseInfoRes === void 0 ? void 0 : baseInfoRes.data;
+    var _useRequest2 = useRequest(function () {
+        return request.get('/cloud/jcss-reborn/facility/type/config/getByCode', {
+          data: {
+            code: baseInfoRes.data.typeCode
+          }
+        });
+      }, {
+        ready: !!(baseInfoRes !== null && baseInfoRes !== void 0 && (_baseInfoRes$data = baseInfoRes.data) !== null && _baseInfoRes$data !== void 0 && _baseInfoRes$data.typeCode),
+        refreshDeps: [baseInfoRes === null || baseInfoRes === void 0 || (_baseInfoRes$data2 = baseInfoRes.data) === null || _baseInfoRes$data2 === void 0 ? void 0 : _baseInfoRes$data2.typeCode]
+      }),
+      tabConfig = _useRequest2.data;
+    var photos = info !== null && info !== void 0 && info.photoIds ? JSON.parse(info.photoIds) : info !== null && info !== void 0 && info.typePhotoIds ? JSON.parse(info.typePhotoIds) : [];
+    return {
+      photos: photos,
+      code: info === null || info === void 0 ? void 0 : info.code,
+      info: info,
+      tabConfig: (tabConfig === null || tabConfig === void 0 || (_tabConfig$data = tabConfig.data) === null || _tabConfig$data === void 0 || (_tabConfig$data = _tabConfig$data.popupConfigJson) === null || _tabConfig$data === void 0 ? void 0 : _tabConfig$data.filter(function (ele) {
+        return ele.display;
+      }).map(function (ele) {
+        return _objectSpread(_objectSpread({}, ele), {}, {
+          key: ele.code,
+          title: ele.name
+        });
+      })) || []
+    };
+  },
+  //基础设施详情展示字段
+  useGetFields: function useGetFields(code) {
+    var _data$data$baseFields;
+    var _useRequest3 = useRequest(function () {
+        return request.get('/cloud/jcss-reborn/facility/type/view/detail', {
+          data: {
+            code: code
+          }
+        });
+      }, {
+        refreshDeps: [code],
+        ready: !!code
+      }),
+      data = _useRequest3.data;
+    return data !== null && data !== void 0 && data.data ? ((_data$data$baseFields = data.data.baseFields) === null || _data$data$baseFields === void 0 ? void 0 : _data$data$baseFields.filter(function (ele) {
+      return !['photoIds', 'geometryInfo', 'orderIndex', 'geoPointLocation', 'geoLineLocation', 'geoPolygonLocation'].includes(ele.key);
+    }).concat(data.data.customFields)) || [] : [];
+  },
+  // 计量详情
+  useLmDetail: function useLmDetail(id, hasConfig) {
+    var _useRequest4 = useRequest(function () {
+        return request.get('/cloud/zd/base/api/cp/commonFactory/getCommonFactoryById.smvc', {
+          data: {
+            factoryId: id
+          }
+        });
+      }, {
+        refreshDeps: [id],
+        ready: hasConfig
+      }),
+      res = _useRequest4.data;
+    return {
+      detail: (res === null || res === void 0 ? void 0 : res.data) || {}
+    };
+  }
+};
+export { CommonService };
+export var getPreviewUrl = function getPreviewUrl(params) {
+  return request.get('/cloud/vis/base/np/artemis/previewUrl.smvc', {
+    data: params
+  });
+};
+export var execute = function execute(code, parameters) {
+  return request.post('/cloud/sjzt-reborn/api/v101/dataSet/execute', {
+    data: JSON.stringify({
+      code: code,
+      parameters: parameters
+    })
+  });
+};