@zgfe/modules-interval 1.0.0-interval.2 → 1.0.0-interval.21

package/dist/esm/assets/business/iconfont.json

@@ -5,6 +5,55 @@
   "css_prefix_text": "",
   "description": "诸葛业务平台",
   "glyphs": [
+    {
+      "icon_id": "37343412",
+      "name": "盒须图",
+      "font_class": "hexutu",
+      "unicode": "e796",
+      "unicode_decimal": 59286
+    },
+    {
+      "icon_id": "37316029",
+      "name": "全屏展示",
+      "font_class": "quanpingzhanshi",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "37316033",
+      "name": "流向图",
+      "font_class": "liuxiangtu",
+      "unicode": "e78f",
+      "unicode_decimal": 59279
+    },
+    {
+      "icon_id": "37316032",
+      "name": "旭日图",
+      "font_class": "xuritu",
+      "unicode": "e790",
+      "unicode_decimal": 59280
+    },
+    {
+      "icon_id": "37316031",
+      "name": "桑基图",
+      "font_class": "sangjitu",
+      "unicode": "e791",
+      "unicode_decimal": 59281
+    },
+    {
+      "icon_id": "37316030",
+      "name": "树形图",
+      "font_class": "shuxingtu",
+      "unicode": "e792",
+      "unicode_decimal": 59282
+    },
+    {
+      "icon_id": "37316028",
+      "name": "全屏收起",
+      "font_class": "quanpingshouqi",
+      "unicode": "e793",
+      "unicode_decimal": 59283
+    },
     {
       "icon_id": "36957204",
       "name": "对勾",
@@ -656,13 +705,6 @@
       "unicode": "e6a5",
       "unicode_decimal": 59045
     },
-    {
-      "icon_id": "31389407",
-      "name": "全屏展示",
-      "font_class": "quanpingzhanshi",
-      "unicode": "e6a3",
-      "unicode_decimal": 59043
-    },
     {
       "icon_id": "31360676",
       "name": "收藏",

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import "./styles/index.less";
-var classPrefix = 'mi-common';
+var classPrefix = 'mi-common-interval';
 
 // 加载按钮
 export var MiSpin = function MiSpin() {

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

@@ -1,6 +1,6 @@
 @import '~@zgfe/business-lib/es/assets/styles/inner.less';
 
-.mi-common {
+.mi-common-interval {
   &-loading-icon {
     z-index: 1000;
     display: inline-block;
@@ -11,17 +11,21 @@
   }
 
   &-none-text {
-    color: @text-color;
-    font-size: 16px;
+    color: #354354;
+    font-size: 14px;
   }
 
   &-none {
-    width: 348px;
-    height: 132px;
-    background: url('../../../style/image/noData.png') no-repeat;
+    width: 88px;
+    height: 88px;
+    background-image: url('../../../style/image/empty.png');
+    background-repeat: no-repeat;
+    background-size: cover;
   }
 
   &-none-container {
-    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
 }

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

@@ -10,12 +10,12 @@ 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 { Switch, Tooltip } from 'antd';
+import { Switch, Tooltip, message } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
 import { BizEventSelector, IconFont, BizAttrConditionGroup } from '@zgfe/business-lib';
 import "./styles/index.less";
 import _ from 'lodash';
-var classPrefix = 'eventfilter-box';
+var classPrefix = 'interval-box';
 var EventFilter = function EventFilter(props) {
   // 筛选条件个数
   var _useState = useState(0),
@@ -31,8 +31,8 @@ var EventFilter = function EventFilter(props) {
   var conditionRef = useRef(null);
   // 当前选中的事件
   var _useState5 = useState({
-      id: -100,
-      name: '事件概览'
+      id: null,
+      name: ''
     }),
     _useState6 = _slicedToArray(_useState5, 2),
     event = _useState6[0],
@@ -82,31 +82,30 @@ var EventFilter = function EventFilter(props) {
 
   // 添加筛选
   var onAdd = function onAdd() {
+    if (!eventOverview) {
+      message.error('请先选择目标事件');
+      return;
+    }
     if (event.id === -1) {
       return;
     }
     // 最多可添加10条属性筛选
     if (count >= 10) {
+      message.error('最多可添加 10 条属性筛选');
       return;
     }
     setIsAdd(true);
     setTimeout(function () {
       conditionRef.current.add();
-      console.log(333331111, conditionRef, conditionRef.current);
     }, 0);
   };
 
   // 筛选条件改变
   var onChangeFilters = function onChangeFilters(data) {
-    if (data && data.conditions && data.conditions.length > 0) {
-      setFilter(data);
-    } else {
-      setFilter(undefined);
-      setIsAdd(false);
-    }
+    setFilter(data);
   };
   var onChangeEvent = function onChangeEvent(event) {
-    if (event && event.event && event.event.id === -100) {
+    if (event && event.event && event.event.id === null) {
       setEventOverview(false);
     } else {
       setEventOverview(true);
@@ -143,7 +142,7 @@ var EventFilter = function EventFilter(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizEventSelector, {
-    showAllEvent: true,
+    showAllEvent: false,
     showBuiltInTarget: false,
     popupContainer: false,
     defaultSelectAble: false,
@@ -152,25 +151,29 @@ var EventFilter = function EventFilter(props) {
     },
     onChange: onChangeEvent,
     placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
-  }), eventOverview && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     placement: "top",
-    title: '添加属性筛选'
+    title: !eventOverview ? '请先选择目标事件' : count < 10 ? '添加属性筛选' : '最多可添加 10 条属性筛选'
   }, /*#__PURE__*/React.createElement(IconFont, {
-    className: "".concat(count >= 10 || event.id === -1 ? 'disable' : ''),
+    className: "".concat(count >= 10 || event.id === -1 || !eventOverview ? 'disable' : ''),
     type: "shaixuan",
     onClick: function onClick() {
       return onAdd();
     }
-  }))), props !== null && props !== void 0 && props.relevancy && eventOverview ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Switch, {
+  }))), props !== null && props !== void 0 && props.relevancy ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: props.relevancyFl ? '请选择开始和结束事件' : ''
+  }, /*#__PURE__*/React.createElement(Switch, {
     size: "default",
     style: {
       marginLeft: 24
     },
     checked: relevancy,
+    disabled: props.relevancyFl,
     onChange: function onChange(checked) {
       return setRelevancy(checked);
     }
-  }), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: "switch-title"
   }, "\u8BBE\u7F6E\u5173\u8054\u5C5E\u6027")) : ''), (filter || isAdd) && /*#__PURE__*/React.createElement("div", {
     className: "".concat(count > 0 ? 'attr-box-show' : '', " top")

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

@@ -1,11 +1,8 @@
-.eventfilter-box {
+.interval-box {
   > :nth-child(1) {
-    display: flex;
     display: flex;
     gap: 16px;
     align-items: center;
-    margin-bottom: 12px;
-    margin-bottom: 12px;
 
     .biz-event-select,
     .biz-attr-select {

package/dist/esm/components/eventFilter/types.d.ts

@@ -44,7 +44,9 @@ export interface ConditionsnProps {
  *  EventFilter组件
  */
 export interface EventFilterProps {
+    id?: string;
     value?: eventProps;
+    relevancyFl?: boolean;
     relevancy?: boolean;
     onChange?: (event: eventProps) => {};
 }

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

@@ -8,10 +8,10 @@ import { Spin } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { MiNone, MiSpin } from '..';
 import "./styles/index.less";
-import EventChart from "../../modules/chart";
-var classPrefix = 'render-content';
+import IntervalEventChart from "../../modules/chart";
+var classPrefix = 'render-content-interval';
 var ContentPanel = function ContentPanel(props) {
-  var _eventData$app_data, _eventData$app_data$s;
+  var _eventData$appData, _eventData$appData$se;
   var loading = props.loading,
     eventData = props.eventData,
     searchData = props.searchData;
@@ -41,16 +41,15 @@ var ContentPanel = function ContentPanel(props) {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-chart-container")
-  }, eventData ? /*#__PURE__*/React.createElement(EventChart, {
-    dataSource: eventData,
-    params: searchData
-  }) : /*#__PURE__*/React.createElement(MiNone, {
-    label: "\u6682\u65E0\u6570\u636E"
-  })), eventData && (_eventData$app_data = eventData.app_data) !== null && _eventData$app_data !== void 0 && (_eventData$app_data$s = _eventData$app_data.series) !== null && _eventData$app_data$s !== void 0 && _eventData$app_data$s.length ? /*#__PURE__*/React.createElement(EventChart, {
-    type: "grid",
+  }, eventData && (_eventData$appData = eventData.appData) !== null && _eventData$appData !== void 0 && (_eventData$appData$se = _eventData$appData.series) !== null && _eventData$appData$se !== void 0 && _eventData$appData$se.length ? /*#__PURE__*/React.createElement(IntervalEventChart, {
+    type: "boxplot",
     dataSource: eventData,
     params: searchData,
     onChangeShow: onChangeShow
-  }) : null);
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-MiNone")
+  }, /*#__PURE__*/React.createElement(MiNone, {
+    label: !eventData ? '请选择条件进行查询' : '暂无数据'
+  }))));
 };
 export default ContentPanel;

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

@@ -1,4 +1,4 @@
-.render-content {
+.render-content-interval {
   &-chart-container {
     display: flex;
     flex-direction: column;
@@ -13,10 +13,21 @@
     }
   }
 
-  &-spin-container {
+  &-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;
   }
 }

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

@@ -16,7 +16,7 @@ import { chartTypeOptions, getInitDate } from "../../constants";
 import { EventContext } from "../../types";
 import "./styles/index.less";
 import { extractNames } from "../../utils/formData";
-var classPrefix = 'search-panel';
+var classPrefix = 'search-panel-interval';
 var SearchPanel = function SearchPanel(props) {
   var _useContext = useContext(EventContext),
     includeToday = _useContext.includeToday;
@@ -105,12 +105,17 @@ var SearchPanel = function SearchPanel(props) {
       display: 'flex'
     }
   }, /*#__PURE__*/React.createElement(BizDatePicker, {
-    dateTypeList: ['week', 'month'],
-    defaultValue: time,
-    onChange: onChangeTime
+    dateTypeList: ['day', 'week', 'month'],
+    value: time,
+    mode: "simple",
+    includeToday: true,
+    onChange: onChangeTime,
+    selectRange: 365
   }), /*#__PURE__*/React.createElement(BizSelect, {
     multiple: true,
+    disable: displaySetupList.length === 0,
     onChange: onDimensionChange,
+    overlayClassName: "interval-select-overlay",
     className: "".concat(classPrefix, "-select"),
     placeholder: "\u8BF7\u9009\u62E9\u663E\u793A\u8BBE\u7F6E",
     enableSearch: true,

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

@@ -1,10 +1,14 @@
-.search-panel {
+.search-panel-interval {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 32px;
   margin-bottom: 24px;
 
+  .biz-date-picker-wrap-list {
+    font-size: 14px;
+  }
+
   &-search-right {
     display: flex;
   }
@@ -21,38 +25,40 @@
   }
 }
 
-.biz-select-option.biz-select-option-multiple:hover:not(.disabled) {
-  color: var(--1, #021429);
-  background: var(--io-i-1, #e8efff);
-}
+.interval-select-overlay {
+  .biz-select-option.biz-select-option-multiple:hover:not(.disabled) {
+    color: var(--1, #021429);
+    background: var(--io-i-1, #e8efff);
+  }
 
-.biz-select-overlay {
-  padding: 0;
-}
+  .biz-select-overlay {
+    padding: 0;
+  }
 
-.biz-select-list-panel {
-  display: grid;
-  gap: 8px;
-}
+  .biz-select-list-panel {
+    display: grid;
+    gap: 8px;
+  }
 
-.biz-select-option {
-  padding: 0 16px;
-  border-radius: 0;
-}
+  .biz-select-option {
+    padding: 0 16px;
+    border-radius: 0;
+  }
 
-.biz-select-option.biz-select-option-multiple.active:not(.disabled) {
-  color: var(--1, #021429);
-}
+  .biz-select-option.biz-select-option-multiple.active:not(.disabled) {
+    color: var(--1, #021429);
+  }
 
-.biz-select-option.biz-select-option-multiple:hover:not(.disabled) .biz-select-checkbox {
-  color: #ccd0d4;
-}
+  .biz-select-option.biz-select-option-multiple:hover:not(.disabled) .biz-select-checkbox {
+    color: #ccd0d4;
+  }
 
-.biz-select-option.biz-select-option-multiple.active:hover:not(.disabled) .biz-select-checkbox {
-  color: #165dff;
-}
+  .biz-select-option.biz-select-option-multiple.active:hover:not(.disabled) .biz-select-checkbox {
+    color: #165dff;
+  }
 
-.biz-select-option.biz-select-option-multiple:active:not(.disabled) {
-  color: #165dff;
-  background: var(--io-i-1, #e8efff);
+  .biz-select-option.biz-select-option-multiple:active:not(.disabled) {
+    color: #165dff;
+    background: var(--io-i-1, #e8efff);
+  }
 }

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

@@ -10,19 +10,17 @@ 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 { ajax, BizGlobalDataContext, BizTable, IconFont } from '@zgfe/business-lib';
+import { ajax, base64, BizGlobalDataContext, BizTable, IconFont } from '@zgfe/business-lib';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
-// import 'highlight.js/styles/vs.css';
-import base64 from "../../utils/base64";
 import { Apis } from "../../constants";
 import { message } from 'antd';
 import { formTableData, getColumns } from "../../utils/formData";
 import "./styles/index.less";
-import { getValue, searchDataParams } from "../../modules/content/utils";
+import { searchDataParams } from "../../modules/content/utils";
 import { EventContext } from "../../types";
-var classPrefix = 'mi-table';
+var classPrefix = 'mi-interval-table';
 var EventTable = function EventTable(props) {
-  var _dataSource$app_data2;
+  var _dataSource$appData2;
   var dataSource = props.dataSource,
     searchData = props.searchData,
     showList = props.showList;
@@ -63,111 +61,39 @@ var EventTable = function EventTable(props) {
     var sortData = formTableData(dataSource);
     setSearchTable(sortData);
     setSortTable(sortData);
-    setTableData(sortData === null || sortData === void 0 ? void 0 : sortData.slice(0, 10));
+    setTableData(sortData);
   }, [dataSource]);
 
   // 表格column
   var columns = useMemo(function () {
-    var _dataSource$app_data;
+    var _dataSource$appData;
     var _searchData$userGroup = searchData.userGroup,
       userGroup = _searchData$userGroup === void 0 ? [0] : _searchData$userGroup;
-
-    // // 用户钻取
-    // const onClickToDetail = (item: EventProps.ColumnsDataType, time: string, count: number) => {
-    //   let _time = time.split('|');
-    //   let groupValue = '';
-    //   // 有细分属性
-    //   if (searchData.dimension && item.dimension) {
-    //     groupValue = item.dimension;
-    //   } else {
-    //     // 有事件，无细分属性 || 事件概览
-    //     eventGroupList?.forEach((group) => {
-    //       group.eventList?.forEach((event) => {
-    //         if (event.name === item.name) {
-    //           groupValue = event.id.toString();
-    //         }
-    //       });
-    //     });
-    //   }
-
-    //   onUserDrill &&
-    //     onUserDrill(
-    //       {
-    //         appId: currentApp?.appId,
-    //         platform: currentApp?.platform || 0,
-    //         count,
-    //         module: 'event',
-    //         params: {
-    //           groupValue,
-    //           id: searchData.id,
-    //           userGroup: searchData.userGroup,
-    //           chartType: searchData.chartType,
-    //           conditions: searchData.filters?.conditions,
-    //           dimension: searchData.dimension,
-    //           dataType: searchData.id ? 'event' : 'overview',
-    //           time: {
-    //             ...searchData.time,
-    //             begin: _time[0],
-    //             end: _time.length > 1 ? _time[1] : _time[0],
-    //           },
-    //         },
-    //         source: 'EVENT',
-    //         url: '/zg/web/v2/data/appEventBatch',
-    //       },
-    //       {
-    //         source: 'EVENT',
-    //         ...defaultSearch,
-    //         name: panelName,
-    //         data: searchData,
-    //       },
-    //     );
-    // };
-    var _getColumns = getColumns(eventGroupList, userPropList, eventEnvList, (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$app_data = dataSource.app_data) === null || _dataSource$app_data === void 0 ? void 0 : _dataSource$app_data.x_axis) || [], userGroup, searchData, showList
-    // onClickToDetail,
-    );
-
+    var _getColumns = getColumns(eventGroupList, userPropList, eventEnvList, (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData = dataSource.appData) === null || _dataSource$appData === void 0 ? void 0 : _dataSource$appData.x_axis) || [], dataSource, userGroup, searchData, showList);
     return _getColumns;
-  }, [dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$app_data2 = dataSource.app_data) === null || _dataSource$app_data2 === void 0 ? void 0 : _dataSource$app_data2.x_axis, showList, sortTable, panelName]);
+  }, [dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData2 = dataSource.appData) === null || _dataSource$appData2 === void 0 ? void 0 : _dataSource$appData2.x_axis, showList, sortTable, panelName]);
 
   // 监听分页变化，如果页码发生变化则调用合并行方法
   var onChangeTable = function onChangeTable(pagination) {
-    var startNum = (pagination.current - 1) * pagination.pageSize;
-    var endNum = pagination.current * pagination.pageSize;
     setPageData({
       pageSize: pagination.pageSize,
       current: pagination.current
     });
-    setTableData(searchTable === null || searchTable === void 0 ? void 0 : searchTable.slice(startNum, endNum));
   };
 
   // 下载数据
   var download = function download() {
-    var _searchData$userGroup2;
-    var seriesNames = [];
-    // 有用户群
-    if (searchData !== null && searchData !== void 0 && searchData.userGroup && (searchData === null || searchData === void 0 ? void 0 : (_searchData$userGroup2 = searchData.userGroup) === null || _searchData$userGroup2 === void 0 ? void 0 : _searchData$userGroup2.length) > 1) {
-      seriesNames.push(base64.encode('用户群'));
-    }
-    // 有细分属性
-    if (searchData !== null && searchData !== void 0 && searchData.dimension) {
-      seriesNames.push(base64.encode(getValue(searchData === null || searchData === void 0 ? void 0 : searchData.dimension, eventGroupList, eventEnvList, userPropList).label));
-    }
-    // 事件(有事件-无细分属性 || 事件概览)
-    if (searchData.id && !searchData.dimension || !searchData.id) {
-      seriesNames.push(base64.encode('事件'));
-    }
     var obj = searchDataParams(searchData);
     var params = _objectSpread(_objectSpread({
-      app_Id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-      platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
+      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
     }, obj), {}, {
       down: {
-        fname: base64.encode('间隔分析')
+        fname: base64.encode('间隔分析', false)
       }
     });
     ajax(Apis.eventDownloadReport, {
-      method: 'get',
-      params: params,
+      method: 'post',
+      data: params,
       responseType: 'blob',
       fileName: '间隔分析',
       getResponse: true
@@ -191,7 +117,7 @@ var EventTable = function EventTable(props) {
     rowKey: "key",
     scroll: {
       x: 800,
-      y: 200
+      y: 550
     },
     onChange: onChangeTable
   }));

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

@@ -1,4 +1,4 @@
-.mi-table {
+.mi-interval-table {
   width: 100%;
   margin-top: 16px;