@zgfe/modules-interval 1.0.23-zhongyuan.1 → 1.0.23-zhongyuan.10

package/dist/esm/components/eventFilter/index.js

@@ -18,7 +18,8 @@ import _ from 'lodash';
 var classPrefix = 'interval-box';
 var EventFilter = function EventFilter(props) {
   var _useContext = useContext(BizGlobalDataContext),
-    eventIdMap = _useContext.eventIdMap;
+    eventIdMap = _useContext.eventIdMap,
+    envs = _useContext.envs;
   // 筛选条件个数
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -95,8 +96,8 @@ var EventFilter = function EventFilter(props) {
       return;
     }
     // 最多可添加10条属性筛选
-    if (count >= 10) {
-      message.error('最多可添加 10 条属性筛选');
+    if (count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10)) {
+      message.error("\u6700\u591A\u53EF\u6DFB\u52A0 ".concat((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10, " \u6761\u5C5E\u6027\u7B5B\u9009"));
       return;
     }
     setIsAdd(true);
@@ -169,9 +170,9 @@ var EventFilter = function EventFilter(props) {
     placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
   }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     placement: "top",
-    title: !eventOverview ? '请先选择目标事件' : count < 10 ? '添加属性筛选' : '最多可添加 10 条属性筛选'
+    title: !eventOverview ? '请先选择目标事件' : count < ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10) ? '添加属性筛选' : "\u6700\u591A\u53EF\u6DFB\u52A0 ".concat((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10, " \u6761\u5C5E\u6027\u7B5B\u9009")
   }, /*#__PURE__*/React.createElement(IconFont, {
-    className: "".concat(count >= 10 || event.id === -1 || !eventOverview ? 'disable' : ''),
+    className: "".concat(count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 10) || event.id === -1 || !eventOverview ? 'disable' : ''),
     type: "shaixuan",
     onClick: function onClick() {
       return onAdd();

package/dist/esm/components/renderContent/styles/index.css

@@ -0,0 +1,32 @@
+.render-content-interval-chart-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+}
+.render-content-interval-chart-container .echarts-for-react {
+  width: 100%;
+  background: #fff;
+  border: 1px solid var(--unnamed, #ecedf0);
+  border-radius: 8px;
+}
+.render-content-interval-MiNone {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 368px;
+  padding: 24px 16px;
+  border: 1px solid #ecedf0;
+  border-radius: 8px;
+}
+.render-content-interval-spin-container {
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+}
+.render-content-interval-spin-container .biz-loading-wrapper {
+  width: 100%;
+}

package/dist/esm/components/renderContent/styles/index.less

@@ -1,36 +1,37 @@
-.render-content-interval {
-  &-chart-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-
-    .echarts-for-react {
-      width: 100%;
-      background: #fff;
-      border: 1px solid var(--unnamed, #ecedf0);
-      border-radius: 8px;
-    }
-  }
-
-  &-MiNone {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 368px;
-    padding: 24px 16px;
-    border: 1px solid #ecedf0;
-    border-radius: 8px;
-  }
-
-  &-spin-container {
-    display: flex !important;
-    align-items: center;
-    justify-content: center;
-    min-height: 300px;
-    .biz-loading-wrapper {
-      width: 100%;
-    }
-  }
-}
+.render-content-interval {
+  &-chart-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 300px;
+
+    .echarts-for-react {
+      width: 100%;
+      background: #fff;
+      border: 1px solid var(--unnamed, #ecedf0);
+      border-radius: 8px;
+    }
+  }
+
+  &-MiNone {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 368px;
+    padding: 24px 16px;
+    border: 1px solid #ecedf0;
+    border-radius: 8px;
+  }
+
+  &-spin-container {
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    min-height: 300px;
+    .biz-loading-wrapper {
+      width: 100%;
+    }
+  }
+}

package/dist/esm/components/searchPanel/index.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
-import { BizSelect, IconFont, BizDatePickerV2 } from '@zgfe/business-lib';
+import { BizSelect, IconFont, BizDatePickerV2, BizGlobalDataContext } from '@zgfe/business-lib';
 import { DatePickerTypes } from '@zgfe/business-lib/es/datePickerV2/types';
 import React, { useContext, useEffect, useState } from 'react';
 import { chartTypeOptions, getInitDate } from "../../constants";
@@ -24,6 +24,8 @@ var SearchPanel = function SearchPanel(props) {
     includeToday = _useContext.includeToday,
     searchData = _useContext.searchData,
     refreshLoading = _useContext.refreshLoading;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    envs = _useContext2.envs;
   // 当前时间段
   var _useState = useState(props.time || getInitDate(includeToday)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -108,6 +110,9 @@ var SearchPanel = function SearchPanel(props) {
     dateTypeList: [DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month, DatePickerTypes.Unit.custom],
     value: time,
     includeToday: true,
+    selectRange: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 36,
+    timeRangeOpen: envs && envs.timeRangeOpen ? envs.timeRangeOpen : 36,
+    selectRangeUnit: envs && envs.timeRangeOpen ? 'months' : 'days',
     onChange: onChangeTime
   }), /*#__PURE__*/React.createElement(BizSelect, {
     multiple: true,

package/dist/esm/components/table/index.js

@@ -35,7 +35,8 @@ var EventTable = function EventTable(props) {
     eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
     eventEnvList = _useContext.eventEnvList,
     userPropList = _useContext.userPropList,
-    authority = _useContext.authority;
+    authority = _useContext.authority,
+    showProdDownload = _useContext.showProdDownload;
   var _useContext2 = useContext(IntervalContext),
     panelName = _useContext2.panelName,
     onUserDrill = _useContext2.onUserDrill;
@@ -107,7 +108,7 @@ var EventTable = function EventTable(props) {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-table-header")
-  }, /*#__PURE__*/React.createElement("span", null, "\u6307\u6807\u8BE6\u60C5"), authority[100059] && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, "\u6307\u6807\u8BE6\u60C5"), authority[100059] && showProdDownload && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     onClick: download
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "xiazai1"

package/dist/esm/constants/code.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @description 异常状态码
+ */
+export declare const ERROR_RESPONESE_CODE: {
+    /**
+     * @description 刷新失败
+     */
+    REFRESH_FAIL: string;
+    /**
+     * @description 用户群或标签查询异常
+     */
+    EXCEPTION: string;
+};

package/dist/esm/constants/code.js

@@ -0,0 +1,13 @@
+/**
+ * @description 异常状态码
+ */
+export var ERROR_RESPONESE_CODE = {
+  /**
+   * @description 刷新失败
+   */
+  REFRESH_FAIL: '100080',
+  /**
+   * @description 用户群或标签查询异常
+   */
+  EXCEPTION: '100081'
+};

package/dist/esm/modules/chart/customTooltip.js

@@ -3,6 +3,8 @@ import "./index.less";
 var CustomTooltip = function CustomTooltip(_ref) {
   var payload = _ref.payload,
     series = _ref.series;
+  console.log(payload, series, 'payload, series');
+
   // 初始化，判断showList是否有值，如果没值，取结果的前10条
   useEffect(function () {}, []);
   function convertToHMS(seconds) {
@@ -13,14 +15,14 @@ var CustomTooltip = function CustomTooltip(_ref) {
   }
   // 根据payload中的数据定义弹窗内容
   var marker = payload === null || payload === void 0 ? void 0 : payload.marker;
-  var value = payload === null || payload === void 0 ? void 0 : payload.value;
+  var value = payload === null || payload === void 0 ? void 0 : payload.data;
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-tooltip-chart"
   }, /*#__PURE__*/React.createElement("div", {
     className: "custom-tooltip-name"
   }, payload.name, " "), /*#__PURE__*/React.createElement("div", {
     className: "custom-tooltip-div"
-  }, (series === null || series === void 0 ? void 0 : series.names[0]) && /*#__PURE__*/React.createElement("div", {
+  }, payload.seriesName && /*#__PURE__*/React.createElement("div", {
     className: "tooltip-marker"
   }, /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
@@ -28,7 +30,7 @@ var CustomTooltip = function CustomTooltip(_ref) {
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: "tooltip-span"
-  }, series.names[0])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+  }, payload.seriesName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
     className: "tooltip-span"
   }, "\u6700\u5927\u503C\uFF1A"), /*#__PURE__*/React.createElement("div", null, convertToHMS(value[5]))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
     className: "tooltip-span"

package/dist/esm/modules/chart/customTooltip1.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+declare const CustomTooltip: React.FC<{
+    payload: any[];
+    series: any[];
+}>;
+export default CustomTooltip;

package/dist/esm/modules/chart/customTooltip1.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import "./index.less";
+var CustomTooltip = function CustomTooltip(_ref) {
+  var payload = _ref.payload,
+    series = _ref.series;
+  // 初始化，判断showList是否有值，如果没值，取结果的前10条
+  function convertToHMS(seconds) {
+    var hours = Math.floor(seconds / 3600);
+    var minutes = Math.floor(seconds % 3600 / 60);
+    var remainingSeconds = seconds % 60;
+    return ('00' + hours).slice(-2) + ':' + ('00' + minutes).slice(-2) + ':' + ('00' + remainingSeconds).slice(-2);
+  }
+  // 根据payload中的数据定义弹窗内容
+  // const marker = payload?.marker;
+
+  // const value = payload?.value;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, payload.map(function (o, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "custom-tooltip-chart",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "custom-tooltip-name"
+    }, o.name, " "), /*#__PURE__*/React.createElement("div", {
+      className: "custom-tooltip-div"
+    }, o.seriesName && /*#__PURE__*/React.createElement("div", {
+      className: "tooltip-marker"
+    }, /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: o === null || o === void 0 ? void 0 : o.marker
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "tooltip-span"
+    }, o.seriesName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: "tooltip-span"
+    }, "\u6700\u5927\u503C\uFF1A"), /*#__PURE__*/React.createElement("div", null, convertToHMS(o.value[5]))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: "tooltip-span"
+    }, "\u4E0A\u56DB\u5206\u4F4D\uFF1A"), convertToHMS(o.value[2])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: "tooltip-span"
+    }, "\u4E2D\u4F4D\u6570\uFF1A"), convertToHMS(o.value[3])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: "tooltip-span"
+    }, "\u4E0B\u56DB\u5206\u4F4D\uFF1A"), convertToHMS(o.value[4])), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: "tooltip-span"
+    }, "\u6700\u5C0F\u503C\uFF1A"), convertToHMS(o.value[1]))));
+  }));
+};
+export default CustomTooltip;

package/dist/esm/modules/chart/index.css

@@ -0,0 +1,52 @@
+.custom-tooltip-chart {
+  display: inline-block;
+  flex-direction: column;
+  flex-shrink: 0;
+  gap: 4px;
+  align-items: flex-start;
+  width: 146px;
+  height: 100%;
+  padding: 8px;
+  color: var(--io-n, #021429);
+  font-weight: 500;
+  font-size: 12px;
+  font-style: normal;
+  border-radius: 10px;
+  box-shadow: 0px 4px 10px 0px #0000001a;
+}
+.custom-tooltip-chart .custom-tooltip-name {
+  color: var(--io-n, #021429);
+  font-weight: 500;
+  font-size: 12px;
+  font-family: PingFang SC;
+  font-style: normal;
+  line-height: normal;
+}
+.custom-tooltip-chart .custom-tooltip-div {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
+  height: 100%;
+  padding: 0px 8px;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
+}
+.custom-tooltip-chart .custom-tooltip-div .tooltip-span {
+  display: block;
+  color: var(--3, #5f6085);
+  font-weight: 400;
+  font-size: 12px;
+  font-family: PingFang SC;
+  font-style: normal;
+  line-height: normal;
+}
+.custom-tooltip-chart .custom-tooltip-div > div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.custom-tooltip-chart .custom-tooltip-div .tooltip-marker {
+  justify-content: flex-start;
+}

package/dist/esm/modules/chart/index.js

@@ -11,15 +11,18 @@ 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; }
 import React, { useContext, useEffect, useState } from 'react';
-import { BizEmpty, BizGlobalDataContext, BizLoading, ajax } from '@zgfe/business-lib';
+import { BizEmpty, BizGlobalDataContext, ajax } from '@zgfe/business-lib';
 import { EventTable, MiNone } from "../../components";
 import { extractNames, getDefaultShow } from "../../utils/formData";
 import { Apis } from "../../constants";
 import IntervalChart from "./intervalChart";
 import { searchDataParams } from "../content/utils";
+import { ERROR_RESPONESE_CODE } from "../../constants/code";
+import { Spin } from 'antd';
 var IntervalEventChart = function IntervalEventChart(props) {
   var _dataSource$appData2;
-  var params = props.params;
+  var params = props.params,
+    onChangeException = props.onChangeException;
   // 显示内容
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -49,6 +52,7 @@ var IntervalEventChart = function IntervalEventChart(props) {
   // 初始化，判断showList是否有值，如果没值，取结果的前10条
   useEffect(function () {
     var _dataSource$appData, _dataSource$appData$s;
+    var dataSource = props.dataSource;
     if ((dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData = dataSource.appData) === null || _dataSource$appData === void 0 ? void 0 : (_dataSource$appData$s = _dataSource$appData.series) === null || _dataSource$appData$s === void 0 ? void 0 : _dataSource$appData$s.length) > 0) {
       var _extractNames;
       var arr = params !== null && params !== void 0 && params.displaySetup ? params === null || params === void 0 ? void 0 : params.displaySetup : (_extractNames = extractNames(dataSource)) === null || _extractNames === void 0 ? void 0 : _extractNames.splice(0, 4);
@@ -56,7 +60,8 @@ var IntervalEventChart = function IntervalEventChart(props) {
       setShowList(app);
       setDataSourceList(arr);
     }
-  }, [params === null || params === void 0 ? void 0 : params.displaySetup, dataSource]);
+    setDataSource(dataSource);
+  }, [params === null || params === void 0 ? void 0 : params.displaySetup, props.dataSource]);
   var fetchResult = function fetchResult() {
     var _obj$start, _obj$end, _params$start, _params$end;
     var obj = searchDataParams(params);
@@ -66,12 +71,17 @@ var IntervalEventChart = function IntervalEventChart(props) {
         method: 'post',
         data: _objectSpread(_objectSpread({
           appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
-        }, params), obj)
+        }, params), obj),
+        intercept: false
       }).then(function (res) {
+        setLoading(false);
         if (!res) {
           return;
         }
-        setLoading(false);
+        if (res.code == ERROR_RESPONESE_CODE.EXCEPTION) {
+          onChangeException === null || onChangeException === void 0 ? void 0 : onChangeException();
+          return;
+        }
         setDataSource(res.data);
       }).catch(function () {
         setLoading(false);
@@ -84,9 +94,10 @@ var IntervalEventChart = function IntervalEventChart(props) {
     if (props.onChangeShow) props.onChangeShow(names);
   };
   if (loading) {
-    return /*#__PURE__*/React.createElement(BizLoading, {
-      className: "mi-common-interval-content"
-    }, /*#__PURE__*/React.createElement("div", null));
+    return /*#__PURE__*/React.createElement(Spin, {
+      tip: "",
+      size: "default"
+    }, "\u6570\u636E\u6B63\u5728\u52AA\u529B\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u7A0D\u7B49~");
   }
   if (dataSource !== null && dataSource !== void 0 && dataSource.appData.delEvent) {
     return /*#__PURE__*/React.createElement("div", {

package/dist/esm/modules/chart/index.less

@@ -1,58 +1,58 @@
-.custom-tooltip-chart {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  gap: 4px;
-  align-items: flex-start;
-  width: 146px;
-  height: 100%;
-  padding: 8px;
-  color: var(--io-n, #021429);
-  font-weight: 500;
-  font-size: 12px;
-  font-style: normal;
-  // background: rgba(250, 251, 253, 0.8);
-  border-radius: 10px;
-  box-shadow: 0px 4px 10px 0px #0000001a;
-
-  .custom-tooltip-name {
-    color: var(--io-n, #021429);
-    font-weight: 500;
-    font-size: 12px;
-    font-family: PingFang SC;
-    font-style: normal;
-    line-height: normal;
-  }
-
-  .custom-tooltip-div {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    width: 100%;
-    height: 100%;
-    padding: 0px 8px;
-    background: #fff;
-    border-radius: 4px;
-    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
-
-    .tooltip-span {
-      display: block;
-      color: var(--3, #5f6085);
-      font-weight: 400;
-      font-size: 12px;
-      font-family: PingFang SC;
-      font-style: normal;
-      line-height: normal;
-    }
-
-    > div {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .tooltip-marker {
-      justify-content: flex-start;
-    }
-  }
-}
+.custom-tooltip-chart {
+  display: inline-block;
+  flex-direction: column;
+  flex-shrink: 0;
+  gap: 4px;
+  align-items: flex-start;
+  width: 146px;
+  height: 100%;
+  padding: 8px;
+  color: var(--io-n, #021429);
+  font-weight: 500;
+  font-size: 12px;
+  font-style: normal;
+  // background: rgba(250, 251, 253, 0.8);
+  border-radius: 10px;
+  box-shadow: 0px 4px 10px 0px #0000001a;
+
+  .custom-tooltip-name {
+    color: var(--io-n, #021429);
+    font-weight: 500;
+    font-size: 12px;
+    font-family: PingFang SC;
+    font-style: normal;
+    line-height: normal;
+  }
+
+  .custom-tooltip-div {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    width: 100%;
+    height: 100%;
+    padding: 0px 8px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
+
+    .tooltip-span {
+      display: block;
+      color: var(--3, #5f6085);
+      font-weight: 400;
+      font-size: 12px;
+      font-family: PingFang SC;
+      font-style: normal;
+      line-height: normal;
+    }
+
+    > div {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .tooltip-marker {
+      justify-content: flex-start;
+    }
+  }
+}

package/dist/esm/modules/chart/intervalChart copy.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { eventChartProps } from './types';
+declare const IntervalChart: React.FC<eventChartProps.Props>;
+export default IntervalChart;