@zgfe/modules-event 0.0.2-alpha.6 → 0.0.2-event.0

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];
@@ -40,14 +44,22 @@ var EventFilter = function EventFilter(props) {
     setBizAttributeSelectorValue = _useState12[1];
   useEffect(function () {
     if (props.value) {
-      var _data = props.value[0];
-      setEvent({
-        id: _data.id,
-        name: _data.name
-      });
-      setFilter(_data.filters);
-      setBizAttributeSelectorValue(_data.eventAttr);
-      setEventOverview(false);
+      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() {
@@ -71,10 +83,11 @@ var EventFilter = function EventFilter(props) {
     }
   };
   var onChangeEvent = function onChangeEvent(event) {
+    console.log('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);
@@ -88,13 +101,12 @@ var EventFilter = function EventFilter(props) {
     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
       });
     }
   };
@@ -107,8 +119,11 @@ var EventFilter = function EventFilter(props) {
       _event.filters = filter;
     }
     if (bizAttributeSelectorValue) {
-      _event.eventAttr = bizAttributeSelectorValue;
+      var _dimension = _.cloneDeep(bizAttributeSelectorValue);
+      delete _dimension.key;
+      _event.dimension = _dimension;
     }
+    console.log('变更searchData', _event);
     props.onChange && props.onChange(_event);
   }, [bizAttributeSelectorValue, filter, event]);
   return /*#__PURE__*/React.createElement("div", {
@@ -123,7 +138,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

@@ -7,17 +7,19 @@ 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { ajax, BizGlobalDataContext, BizTable, IconFont } from '@zgfe/business-lib';
+import { ajax, BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import Highlight from 'react-highlight';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import 'highlight.js/styles/vs.css';
 import base64 from '../../utils/base64';
 import { Apis } from '../../constants';
-import { Modal, message } from 'antd';
+import { Modal, message, Table, ConfigProvider } from 'antd';
 import { formTableData, getColumns } from '../../utils/formData';
 import './styles/index.less';
+import { getValue } from '../../modules/content/utils';
 import { EventContext } from '../../types';
+import emptyImg from './images/empty.png';
 var classPrefix = 'mi-table';
 var EventTable = function EventTable(props) {
   var dataSource = props.dataSource,
@@ -30,34 +32,40 @@ 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,
     defaultSearch = _useContext2$defaultS === void 0 ? {} : _useContext2$defaultS,
     panelName = _useContext2.panelName;
-  var _useState3 = useState([]),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    sortTable = _useState4[0],
-    setSortTable = _useState4[1];
-  var _useState5 = useState([]),
+    sqlModal = _useState4[0],
+    setSqlModal = _useState4[1];
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
-    searchTable = _useState6[0],
-    setSearchTable = _useState6[1];
-  var _useState7 = useState(false),
+    sqlText = _useState6[0],
+    setSqlText = _useState6[1];
+  var _useState7 = useState(1),
     _useState8 = _slicedToArray(_useState7, 2),
-    sqlModal = _useState8[0],
-    setSqlModal = _useState8[1];
-  var _useState9 = useState(''),
+    current = _useState8[0],
+    setCurrent = _useState8[1];
+  var _useState9 = useState(10),
     _useState10 = _slicedToArray(_useState9, 2),
-    sqlText = _useState10[0],
-    setSqlText = _useState10[1];
+    pageSize = _useState10[0],
+    setPageSize = _useState10[1];
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    total = _useState12[0],
+    setTotal = _useState12[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);
-    setSearchTable(sortData);
-    setSortTable(sortData);
-    setTableData(sortData.slice(0, 10));
+    var gLen = (searchData === null || searchData === void 0 ? void 0 : searchData.dimension) ? 1 : 0;
+    var _data = formTableData(dataSource, searchData.userGroup || [0], gLen);
+    console.log(111, _data);
+    setTotal(_data.length);
+    setTableData(_data);
   }, []);
   var columns = useMemo(function () {
     var _searchData$userGroup = searchData.userGroup,
@@ -66,46 +74,40 @@ var EventTable = function EventTable(props) {
       props.changeShowByName(nameGroup);
     };
     var onClickToDetail = function onClickToDetail(item, time, count) {
-      var _searchData$time;
-      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), {}, {
@@ -113,25 +115,22 @@ 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) {
-    var startNum = (pagination.current - 1) * pagination.pageSize;
-    var endNum = pagination.current * pagination.pageSize;
-    setTableData(searchTable.slice(startNum, endNum));
-  };
+  }, [dataSource.xAxis, showList, panelName]);
   var seeSql = function seeSql() {
     ajax(Apis.getEventDataSql, {
       method: 'post',
       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() {
@@ -139,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({
@@ -164,6 +163,18 @@ var EventTable = function EventTable(props) {
       message.success('下载成功！');
     });
   };
+  var pageChange = function pageChange(page, pageSize) {
+    console.log('切页码', page, pageSize);
+    setCurrent(page);
+    setPageSize(pageSize);
+  };
+  var tableEmptyRender = function tableEmptyRender() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-table-empty")
+    }, /*#__PURE__*/React.createElement("img", {
+      src: emptyImg
+    }), /*#__PURE__*/React.createElement("p", null, "\u6682\u65E0\u6570\u636E"));
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
@@ -174,16 +185,31 @@ var EventTable = function EventTable(props) {
     onClick: download
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "xiazai1"
-  }), "\u4E0B\u8F7D\u6570\u636E"))), /*#__PURE__*/React.createElement(BizTable, {
-    total: searchTable.length,
-    columns: columns,
-    dataSource: tableData,
-    rowKey: "id",
+  }), "\u4E0B\u8F7D\u6570\u636E"))), /*#__PURE__*/React.createElement("div", {
+    className: "table-area"
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    renderEmpty: tableEmptyRender
+  }, /*#__PURE__*/React.createElement(Table, {
+    className: "table",
     scroll: {
-      x: true
+      y: '380px'
     },
-    onChange: onChangeTable
-  }), /*#__PURE__*/React.createElement(Modal, {
+    rowKey: 'id',
+    columns: columns,
+    dataSource: tableData,
+    pagination: {
+      showQuickJumper: true,
+      total: total,
+      defaultPageSize: 10,
+      defaultCurrent: 1,
+      current: current,
+      pageSize: pageSize,
+      onChange: pageChange,
+      showTotal: function showTotal(total) {
+        return "\u603B\u6761\u6570\uFF1A".concat(total, " ");
+      }
+    }
+  }))), /*#__PURE__*/React.createElement(Modal, {
     open: sqlModal,
     wrapClassName: "event-table-sql-modal",
     okText: "\u786E\u5B9A",
@@ -203,8 +229,7 @@ var EventTable = function EventTable(props) {
   }, /*#__PURE__*/React.createElement(Highlight, {
     languageName: "sql",
     style: {
-      whiteSpace: 'pre-wrap',
-      background: 'red'
+      whiteSpace: 'pre-wrap'
     }
   }, sqlText), /*#__PURE__*/React.createElement(CopyToClipboard, {
     text: JSON.stringify(sqlText, null, 2),

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

@@ -40,6 +40,41 @@
       margin-top: 0;
     }
   }
+  .event-name-box {
+    display: flex;
+    justify-content: space-between;
+    &-market {
+      display: flex;
+      .shoucang {
+        color: #fd9f41;
+        font-size: 16px !important;
+      }
+    }
+
+    .fuzhi1 {
+      display: none;
+    }
+    .fuzhi1:hover {
+      color: #165dff;
+    }
+  }
+  .event-name-box:hover {
+    .fuzhi1 {
+      display: block;
+    }
+  }
+
+  &-table-empty {
+    img {
+      width: 50px !important;
+      height: auto;
+      margin-top: 30px;
+      margin-bottom: 10px;
+    }
+    p {
+      color: rgba(0, 0, 0, 0.25);
+    }
+  }
 }
 .event-table-sql-modal {
   .ant-modal-header {

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

@@ -8,7 +8,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Button } from 'antd';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useState, useEffect } from 'react';
 import { BizAddToPanel, BizAddToScene, BizGlobalDataContext } from '@zgfe/business-lib';
 import './styles/index.less';
 import { EventContext } from '../../types';
@@ -31,10 +31,35 @@ var TopBar = function TopBar(props) {
     currentApp = _useContext2.currentApp;
   var searchData = props.searchData,
     platformChange = props.platformChange;
-  var _useState5 = useState(),
+  var _useState5 = useState(chartTypes),
     _useState6 = _slicedToArray(_useState5, 2),
-    panelType = _useState6[0],
-    setPanelType = _useState6[1];
+    options = _useState6[0],
+    setOptions = _useState6[1];
+  var _useState7 = useState((searchData === null || searchData === void 0 ? void 0 : searchData.platform) === undefined ? 0 : searchData.platform),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectPlatform = _useState8[0],
+    setselectPlatform = _useState8[1];
+  useEffect(function () {
+    if (searchData === null || searchData === void 0 ? void 0 : searchData.id) {
+      setOptions(chartTypes.map(function (item) {
+        if (item.value == 'number') {
+          item.disabled = false;
+        }
+        return item;
+      }));
+    } else {
+      setOptions(chartTypes.map(function (item) {
+        if (item.value == 'number') {
+          item.disabled = true;
+        }
+        return item;
+      }));
+    }
+  }, [searchData]);
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    panelType = _useState10[0],
+    setPanelType = _useState10[1];
   var closeHandle = function closeHandle(type) {
     if (type === 'panel') {
       setPanelType(undefined);
@@ -58,10 +83,10 @@ var TopBar = function TopBar(props) {
   }, "\u6DFB\u52A0\u5230\u770B\u677F"), showPanel && /*#__PURE__*/React.createElement(BizAddToPanel, {
     type: panelType,
     params: _objectSpread({
-      app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
       module: 'event'
     }, searchData),
-    styleOptions: chartTypes,
+    styleOptions: options,
     onCancel: function onCancel() {
       return closeHandle('panel');
     },
@@ -76,7 +101,7 @@ var TopBar = function TopBar(props) {
     }
   }, "\u6DFB\u52A0\u5E38\u7528\u573A\u666F"), showScene && /*#__PURE__*/React.createElement(BizAddToScene, {
     params: _objectSpread({
-      app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
       module: 'event'
     }, searchData),
     onOk: function onOk(data) {
@@ -95,9 +120,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;