@zgfe/modules-event 0.0.2-alpha.2 → 0.0.2-alpha.22

package/es/components/eventFilter/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import './styles/index.less';
-declare const EventFilter: React.FC<any>;
+import { EventFilterProps } from './types';
+declare const EventFilter: React.FC<EventFilterProps>;
 export default EventFilter;

package/es/components/eventFilter/index.js

@@ -1,3 +1,6 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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); }
@@ -8,6 +11,7 @@ import { Tooltip } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
 import { BizEventSelector, BizAttributeSelector, IconFont, BizAttrConditionGroup } from '@zgfe/business-lib';
 import './styles/index.less';
+import _ from 'lodash';
 var classPrefix = 'eventfilter-box';
 var EventFilter = function EventFilter(props) {
   var _useState = useState(0),
@@ -26,7 +30,7 @@ var EventFilter = function EventFilter(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     event = _useState6[0],
     setEvent = _useState6[1];
-  var _useState7 = useState(true),
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     eventOverview = _useState8[0],
     setEventOverview = _useState8[1];
@@ -39,15 +43,23 @@ var EventFilter = function EventFilter(props) {
     bizAttributeSelectorValue = _useState12[0],
     setBizAttributeSelectorValue = _useState12[1];
   useEffect(function () {
-    if (props.value !== null) {
-      var _data = props.value[0];
-      setEvent({
-        id: _data.id,
-        name: _data.name
-      });
-      setFilter(_data.filters);
-      setBizAttributeSelectorValue(_data.eventAttr);
-      setEventOverview(false);
+    if (props.value) {
+      var _data = props.value;
+      if (_data && _data.id) {
+        setEvent({
+          id: _data.id,
+          name: _data.name
+        });
+        setEventOverview(true);
+      }
+      if (_data.filters) {
+        setFilter(_data.filters);
+      }
+      if (_data.dimension) {
+        setBizAttributeSelectorValue(_objectSpread(_objectSpread({}, _data.dimension), {}, {
+          key: _data.dimension.propCategory === 'eventProp' ? _data.dimension.value : _data.dimension.propCategory + '-' + _data.dimension.value
+        }));
+      }
     }
   }, []);
   var onAdd = function onAdd() {
@@ -72,9 +84,9 @@ var EventFilter = function EventFilter(props) {
   };
   var onChangeEvent = function onChangeEvent(event) {
     if (event && event.event && event.event.id === -100) {
-      setEventOverview(true);
-    } else {
       setEventOverview(false);
+    } else {
+      setEventOverview(true);
     }
     if (event && event.event) {
       setEvent(event.event);
@@ -85,17 +97,15 @@ var EventFilter = function EventFilter(props) {
     setCount(0);
   };
   var onChangeAttr = function onChangeAttr(attr) {
-    console.log('细分属性', attr);
     if (attr === undefined) {
       setBizAttributeSelectorValue(undefined);
     } else {
+      var _value = attr.propCategory === 'eventProp' ? attr.id : attr.name;
       setBizAttributeSelectorValue({
-        id: attr.id,
         propCategory: attr.propCategory,
-        name: attr.name,
         category: attr.category,
-        label: attr.label,
-        dimensionSub: attr.dimensionSub
+        value: _value,
+        key: attr.propCategory === 'eventProp' ? attr.id : attr.propCategory + '-' + _value
       });
     }
   };
@@ -108,7 +118,9 @@ var EventFilter = function EventFilter(props) {
       _event.filters = filter;
     }
     if (bizAttributeSelectorValue) {
-      _event.eventAttr = bizAttributeSelectorValue;
+      var _dimension = _.cloneDeep(bizAttributeSelectorValue);
+      delete _dimension.key;
+      _event.dimension = _dimension;
     }
     props.onChange && props.onChange(_event);
   }, [bizAttributeSelectorValue, filter, event]);
@@ -124,7 +136,7 @@ var EventFilter = function EventFilter(props) {
     },
     onChange: onChangeEvent,
     placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
-  }), !eventOverview && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+  }), eventOverview && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
     enableEventProp: true,
     enableUserProp: true,
     enableEnvProp: true,

package/es/components/eventFilter/styles/index.less

@@ -9,6 +9,7 @@
     }
     .shaixuan {
       margin-top: 2px;
+      margin-left: 20px;
       color: #9aa1a9;
       font-size: 20px !important;
       cursor: pointer;

package/es/components/eventFilter/types.d.ts

@@ -1,3 +1,4 @@
+import { eventProps } from '../../types';
 export interface ConditionsnProps {
     attrId: number | undefined;
     propCategory: string | undefined;
@@ -9,3 +10,7 @@ export interface ConditionsnProps {
     label?: string | undefined;
     dimensionSub?: string | undefined;
 }
+export interface EventFilterProps {
+    value?: eventProps;
+    onChange?: (event: eventProps) => {};
+}

package/es/components/renderContent/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { RenderContentProps } from './types';
 import './styles/index.less';
-declare const ContentPanel: React.ForwardRefExoticComponent<RenderContentProps & React.RefAttributes<any>>;
+declare const ContentPanel: React.FC<RenderContentProps>;
 export default ContentPanel;

package/es/components/renderContent/index.js

@@ -10,7 +10,7 @@ import { MiNone, MiSpin } from '..';
 import './styles/index.less';
 import EventChart from '../../modules/chart';
 var classPrefix = 'render-content';
-var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ContentPanel = function ContentPanel(props) {
   var loading = props.loading,
     eventData = props.eventData,
     searchData = props.searchData;
@@ -37,7 +37,6 @@ var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-chart-container")
   }, eventData ? /*#__PURE__*/React.createElement(EventChart, {
-    ref: ref,
     dataSource: eventData,
     params: searchData,
     showList: showList
@@ -50,5 +49,5 @@ var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showList: showList,
     onChangeShow: onChangeShow
   }) : null);
-});
+};
 export default ContentPanel;

package/es/components/renderContent/types.d.ts

@@ -1,12 +1,10 @@
-import { SearchValue } from '../../types';
-import { ChartTypes } from '@zgfe/business-lib/es/chart/types';
+import { SearchValue, ResponseDataProps } from '../../types';
 export interface RenderContentProps {
     loading?: boolean;
-    eventData?: ChartTypes.Value;
+    eventData?: ResponseDataProps;
     searchData?: SearchValue;
     showList: string[];
     isCity?: boolean;
-    onClickGenerateReport?: (value: any) => void;
     afterEditTarget?: (type: string, value?: any) => void;
     onChangeShow?: (data: string[]) => void;
 }

package/es/components/searchPanel/index.js

@@ -35,9 +35,9 @@ var SearchPanel = function SearchPanel(props) {
     dimension = _useState8[0],
     setDimension = _useState8[1];
   useEffect(function () {
-    if (props.chart && props.chart !== chart.value) {
+    if (props.chartType && props.chartType !== chart.value) {
       setChart({
-        value: props.chart
+        value: props.chartType
       });
     }
     var _dimension = {
@@ -52,12 +52,12 @@ var SearchPanel = function SearchPanel(props) {
       _dimension['analysisAttr'] = props.analysisAttr;
     }
     setDimension(_objectSpread({}, _dimension));
-  }, [props.chart]);
+  }, [props.chartType]);
   var onChangeTime = function onChangeTime(val) {
     if (timer) clearTimeout(timer);
     setTimer(setTimeout(function () {
       setTime(val);
-      props.onChange(_objectSpread({
+      props.onChange && props.onChange(_objectSpread({
         time: val,
         chartType: chart.value
       }, dimension));
@@ -65,14 +65,14 @@ var SearchPanel = function SearchPanel(props) {
   };
   var onChange = function onChange(val) {
     setChart(val);
-    props.onChange(_objectSpread({
+    props.onChange && props.onChange(_objectSpread({
       time: time,
       chartType: val.value
     }, dimension));
   };
   var onDimensionChange = function onDimensionChange(data) {
     setDimension(data);
-    props.onChange(_objectSpread({
+    props.onChange && props.onChange(_objectSpread({
       time: time,
       chartType: chart.value
     }, data));

package/es/components/searchPanel/types.d.ts

@@ -7,10 +7,7 @@ export interface SearchPanelProps {
     enableSelectChart?: boolean;
     time?: DatePickerTypes.Value;
     eventId?: number;
-    chart?: EventChartTypes;
+    chartType?: EventChartTypes;
     optionNode?: ReactNode;
-    onChange: (data: {
-        time: any;
-        chartType: string;
-    }) => void;
+    onChange?: (data: SearchPanelProps) => void;
 }

package/es/components/table/index.js

@@ -17,6 +17,7 @@ import { Apis } from '../../constants';
 import { Modal, message } from 'antd';
 import { formTableData, getColumns } from '../../utils/formData';
 import './styles/index.less';
+import { getValue } from '../../modules/content/utils';
 import { EventContext } from '../../types';
 var classPrefix = 'mi-table';
 var EventTable = function EventTable(props) {
@@ -30,7 +31,9 @@ var EventTable = function EventTable(props) {
   var _useContext = useContext(BizGlobalDataContext),
     currentApp = _useContext.currentApp,
     _useContext$eventGrou = _useContext.eventGroupList,
-    eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou;
+    eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
+    eventEnvList = _useContext.eventEnvList,
+    userPropList = _useContext.userPropList;
   var _useContext2 = useContext(EventContext),
     onUserDrill = _useContext2.onUserDrill,
     _useContext2$defaultS = _useContext2.defaultSearch,
@@ -53,8 +56,8 @@ var EventTable = function EventTable(props) {
     sqlText = _useState10[0],
     setSqlText = _useState10[1];
   useEffect(function () {
-    var gLen = (searchData === null || searchData === void 0 ? void 0 : searchData.filterConditions) && (searchData === null || searchData === void 0 ? void 0 : searchData.filterConditions[0].eventAttr) ? 1 : 0;
-    var sortData = formTableData(dataSource, searchData.userGroup || [0], gLen, eventGroupList);
+    var gLen = (searchData === null || searchData === void 0 ? void 0 : searchData.dimension) ? 1 : 0;
+    var sortData = formTableData(dataSource, searchData.userGroup || [0], gLen);
     setSearchTable(sortData);
     setSortTable(sortData);
     setTableData(sortData.slice(0, 10));
@@ -66,47 +69,40 @@ var EventTable = function EventTable(props) {
       props.changeShowByName(nameGroup);
     };
     var onClickToDetail = function onClickToDetail(item, time, count) {
-      var _searchData$time;
-      console.log('666', searchData);
-      var group_value = '';
-      if (searchData.filterConditions && searchData.filterConditions[0].eventAttr) {
-        group_value = item.eventAttr;
+      var _searchData$filters;
+      var _time = time.split('|');
+      var groupValue = '';
+      if (searchData.dimension && item.dimension) {
+        groupValue = item.dimension;
       } else {
         eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
           group.eventList.forEach(function (event) {
             if (event.name === item.name) {
-              group_value = event.id.toString();
+              groupValue = event.id.toString();
             }
           });
         });
       }
-      var group_by = [['bar', 'map', 'pie'].includes(searchData.chartType) ? 'total' : (_searchData$time = searchData.time) === null || _searchData$time === void 0 ? void 0 : _searchData$time.unit];
-      if (searchData.filterConditions && searchData.filterConditions[0].eventAttr) {
-        var _searchData$filterCon;
-        group_by.push((_searchData$filterCon = searchData.filterConditions[0].eventAttr) === null || _searchData$filterCon === void 0 ? void 0 : _searchData$filterCon.dimensionSub);
-      } else {
-        group_by.push('');
-      }
       onUserDrill && onUserDrill({
         appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
         platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
         count: count,
-        params: _objectSpread(_objectSpread({
-          appid: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-          plat: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
-          user_type: 0,
-          isTotal: false,
-          group_value: group_value,
-          group_by: group_by.join(','),
-          module: 'event'
-        }, searchData), {}, {
+        module: 'event',
+        params: {
+          groupValue: groupValue,
+          id: searchData.id,
+          userGroup: searchData.userGroup,
+          chartType: searchData.chartType,
+          conditions: (_searchData$filters = searchData.filters) === null || _searchData$filters === void 0 ? void 0 : _searchData$filters.conditions,
+          dimension: searchData.dimension,
+          dataType: searchData.id ? 'event' : 'overview',
           time: _objectSpread(_objectSpread({}, searchData.time), {}, {
-            begin: time[0],
-            end: time.length > 1 ? time[1] : time[0]
+            begin: _time[0],
+            end: _time.length > 1 ? _time[1] : _time[0]
           })
-        }),
+        },
         source: 'EVENT',
-        url: '/data/appEventBatch.jsp'
+        url: '/zg/web/v2/data/appEventBatch'
       }, _objectSpread(_objectSpread({
         source: 'EVENT'
       }, defaultSearch), {}, {
@@ -114,7 +110,7 @@ var EventTable = function EventTable(props) {
         data: searchData
       }));
     };
-    var _getColumns = getColumns(dataSource.xAxis || [], userGroup, searchData, showList, onShowClick, onClickToDetail);
+    var _getColumns = getColumns(eventGroupList, userPropList, eventEnvList, dataSource.xAxis || [], userGroup, searchData, showList, onShowClick, onClickToDetail);
     return _getColumns;
   }, [dataSource.xAxis, showList, sortTable, panelName]);
   var onChangeTable = function onChangeTable(pagination) {
@@ -128,11 +124,13 @@ var EventTable = function EventTable(props) {
       data: _objectSpread({
         appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
         platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
-        service: !searchData.filterConditions ? 'event/overview_sql' : 'event_sql'
+        service: !searchData.dimension ? 'event/overview_sql' : 'event_sql'
       }, searchData)
     }).then(function (res) {
-      setSqlText(res.data.sql);
-      setSqlModal(true);
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setSqlText(res.data.sql);
+        setSqlModal(true);
+      }
     });
   };
   var download = function download() {
@@ -140,10 +138,10 @@ var EventTable = function EventTable(props) {
     if (searchData.userGroup && searchData.userGroup.length > 1) {
       seriesNames.push(base64.encode('用户群'));
     }
-    if (searchData.filterConditions && searchData.filterConditions[0].eventAttr) {
-      seriesNames.push(base64.encode(searchData.filterConditions[0].eventAttr.label));
+    if (searchData.dimension) {
+      seriesNames.push(base64.encode(getValue(searchData.dimension, eventGroupList, eventEnvList, userPropList).label));
     }
-    if (searchData.filterConditions && !searchData.filterConditions[0].eventAttr || !searchData.filterConditions) {
+    if (searchData.id && !searchData.dimension || !searchData.id) {
       seriesNames.push(base64.encode('事件'));
     }
     var params = _objectSpread(_objectSpread({

package/es/components/topBar/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import './styles/index.less';
-declare const TopBar: React.FC<any>;
+import { TopBarProps } from './types';
+declare const TopBar: React.FC<TopBarProps>;
 export default TopBar;

package/es/components/topBar/index.js

@@ -17,7 +17,8 @@ var classPrefix = 'modules-event-topbar';
 var TopBar = function TopBar(props) {
   var _useContext = useContext(EventContext),
     panelId = _useContext.panelId,
-    afterEditTarget = _useContext.afterEditTarget;
+    afterEditTarget = _useContext.afterEditTarget,
+    enableAddScene = _useContext.enableAddScene;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showPanel = _useState2[0],
@@ -30,11 +31,14 @@ var TopBar = function TopBar(props) {
     currentApp = _useContext2.currentApp;
   var searchData = props.searchData,
     platformChange = props.platformChange;
-  console.log(123123, searchData);
-  var _useState5 = useState(),
+  var _useState5 = useState((searchData === null || searchData === void 0 ? void 0 : searchData.platform) === undefined ? 0 : searchData.platform),
     _useState6 = _slicedToArray(_useState5, 2),
-    panelType = _useState6[0],
-    setPanelType = _useState6[1];
+    selectPlatform = _useState6[0],
+    setselectPlatform = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    panelType = _useState8[0],
+    setPanelType = _useState8[1];
   var closeHandle = function closeHandle(type) {
     if (type === 'panel') {
       setPanelType(undefined);
@@ -68,7 +72,7 @@ var TopBar = function TopBar(props) {
     onOk: function onOk(data) {
       return _onOk('panel', data);
     }
-  })), !panelId && /*#__PURE__*/React.createElement("div", {
+  })), enableAddScene && /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-scene")
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
@@ -95,9 +99,11 @@ var TopBar = function TopBar(props) {
     className: "".concat(classPrefix, "-platform")
   }, platformOption.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(selectPlatform === item.key ? 'active' : ''),
       key: item.key,
       onClick: function onClick() {
-        return platformChange(item.key);
+        setselectPlatform(item.key);
+        platformChange(item.key);
       }
     }, item.value);
   })));

package/es/components/topBar/styles/index.less

@@ -25,7 +25,8 @@
       border: 1px solid #ecedf0;
       cursor: pointer;
     }
-    > div:hover {
+    > div:hover,
+    .active {
       z-index: 1;
       color: #165dff;
       background: #e8efff;

package/es/components/topBar/types.d.ts

@@ -1,7 +1,5 @@
+import { SearchValue } from '../../types';
 export interface TopBarProps {
-    title?: string;
-    type?: string;
-    onSave?: () => void;
-    onSaveAs?: () => void;
-    onEditTitle?: (val: string) => void;
+    searchData?: SearchValue;
+    platformChange: (data: number) => void;
 }

package/es/modules/chart/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { eventChartProps } from './types';
-declare const EventChart: React.ForwardRefExoticComponent<eventChartProps.Props & React.RefAttributes<any>>;
+declare const EventChart: React.FC<eventChartProps.Props>;
 export default EventChart;

package/es/modules/chart/index.js

@@ -11,11 +11,12 @@ import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { BizChart, BizGlobalDataContext, ajax } from '@zgfe/business-lib';
 import { EventTable, MiNone } from '../../components';
 import { judgeIsCity } from '../content/utils';
+import { getValue } from '../../modules/content/utils';
 import { getDefaultShow, getShowColor } from '../../utils/formData';
 import _ from 'lodash';
 import { Apis, chartColors } from '../../constants';
 import { Spin } from 'antd';
-var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var EventChart = function EventChart(props) {
   var params = props.params;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -34,7 +35,10 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     dataSource = _useState8[0],
     setDataSource = _useState8[1];
   var _useContext = useContext(BizGlobalDataContext),
-    currentApp = _useContext.currentApp;
+    currentApp = _useContext.currentApp,
+    eventGroupList = _useContext.eventGroupList,
+    eventEnvList = _useContext.eventEnvList,
+    userPropList = _useContext.userPropList;
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
     loading = _useState10[0],
@@ -70,10 +74,11 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var chartData = ((_params$chartType = params.chartType) === null || _params$chartType === void 0 ? void 0 : _params$chartType.split(',')) || ['line'];
     var type = (chartData === null || chartData === void 0 ? void 0 : chartData.length) > 1 ? chartData[chartData.length - 1] : chartData[0];
     setChartType(props.type || type);
-    if (params.filterConditions && params.filterConditions[0]) {
-      var dimensions = params.filterConditions[0].eventAttr;
-      if (type === 'map' && dimensions && dimensions.name) {
-        setIsCity(judgeIsCity(dimensions.name));
+    if (params.id) {
+      var dimensions = params.dimension;
+      if (type === 'map' && dimensions) {
+        var _getValue;
+        setIsCity(judgeIsCity((_getValue = getValue(dimensions, eventGroupList, eventEnvList, userPropList)) === null || _getValue === void 0 ? void 0 : _getValue.name));
       }
     }
   }, [params, props.type]);
@@ -123,7 +128,6 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     case 'pie':
     case 'map':
       return /*#__PURE__*/React.createElement(BizChart, {
-        ref: ref,
         key: chartType,
         type: chartType,
         data: chartData,
@@ -146,7 +150,7 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     default:
       return /*#__PURE__*/React.createElement("div", null, "\u6682\u4E0D\u652F\u6301\u8BE5\u56FE\u8868\u7C7B\u578B");
   }
-});
+};
 EventChart.defaultProps = {
   showList: []
 };