@zgfe/modules-interval 1.0.0-interval.9 → 1.0.1

package/dist/esm/modules/chart/demo/data.js

@@ -1,495 +1,43 @@
-// 趋势图结果
-export var result = {
-  xAxis: ['2023-06-14', '2023-06-15', '2023-06-16', '2023-06-17', '2023-06-18', '2023-06-19', '2023-06-20', '2023-06-21'],
-  series: [{
-    duration: [],
-    index: '人数',
-    names: ['崩溃1（人数）'],
-    values: [20, 20, 20, 20, 20, 20, 20, 20]
-  }, {
-    duration: [],
-    index: null,
-    names: ['访问次数'],
-    values: [170, 170, 170, 170, 170, 170, 170, 170]
-  }, {
-    duration: [],
-    index: null,
-    names: ['活跃用户'],
-    values: [80, 80, 80, 80, 80, 80, 80, 80]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['间隔事件-01（人数）'],
-    values: [10, 10, 10, 10, 10, 10, 10, 10]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['间隔事件-02（人数）'],
-    values: [10, 10, 10, 10, 10, 10, 10, 10]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-01（人数）'],
-    values: [70, 70, 70, 70, 70, 70, 70, 70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-02（人数）'],
-    values: [60, 60, 60, 60, 60, 60, 60, 60]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-03（人数）'],
-    values: [60, 60, 60, 60, 60, 60, 60, 60]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-04（人数）'],
-    values: [60, 60, 60, 60, 60, 60, 60, 60]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-05（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-06（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-07（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-08（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-09（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-10（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-11（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-12（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-13（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-14（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-15（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-16（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-17（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-18（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-19（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['埋点事件-20（人数）'],
-    values: [40, 40, 40, 40, 40, 40, 40, 40]
-  }, {
-    duration: [],
-    index: null,
-    names: ['平均使用时长（s）'],
-    values: [2.04, 2.04, 2.02, 944.18, 944.18, 944.18, 944.18, 0]
-  }, {
-    duration: [{
-      name: '1-5秒',
-      values: [163, 164, 164, 10, 10, 10, 10, 0]
-    }, {
-      name: '6-30秒',
-      values: [7, 6, 6, 0, 0, 0, 0, 0]
-    }, {
-      name: '31-60秒',
-      values: [0, 0, 0, 0, 0, 0, 0, 0]
-    }, {
-      name: '1-3分',
-      values: [0, 0, 0, 2, 2, 2, 2, 0]
-    }, {
-      name: '3-10分',
-      values: [0, 0, 0, 27, 27, 27, 27, 0]
-    }, {
-      name: '10-30分',
-      values: [0, 0, 0, 131, 131, 131, 131, 0]
-    }, {
-      name: '30-60分',
-      values: [0, 0, 0, 0, 0, 0, 0, 0]
-    }, {
-      name: '1小时以上',
-      values: [0, 0, 0, 0, 0, 0, 0, 0]
-    }],
-    index: null,
-    names: ['使用时长分布（访问次数）'],
-    values: [170, 170, 170, 170, 170, 170, 170, 0]
-  }, {
-    duration: [{
-      name: '1-5秒',
-      values: [73, 74, 74, 10, 10, 10, 10, 0]
-    }, {
-      name: '6-30秒',
-      values: [7, 6, 6, 0, 0, 0, 0, 0]
-    }, {
-      name: '31-60秒',
-      values: [0, 0, 0, 0, 0, 0, 0, 0]
-    }, {
-      name: '1-3分',
-      values: [0, 0, 0, 2, 2, 2, 2, 0]
-    }, {
-      name: '3-10分',
-      values: [0, 0, 0, 27, 27, 27, 27, 0]
-    }, {
-      name: '10-30分',
-      values: [0, 0, 0, 41, 41, 41, 41, 0]
-    }, {
-      name: '30-60分',
-      values: [0, 0, 0, 0, 0, 0, 0, 0]
-    }, {
-      name: '1小时以上',
-      values: [0, 0, 0, 0, 0, 0, 0, 0]
-    }],
-    index: null,
-    names: ['使用时长分布（活跃用户）'],
-    values: [80, 80, 80, 80, 80, 80, 80, 0]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['收入（人数）'],
-    values: [10, 10, 10, 10, 10, 10, 10, 10]
-  }, {
-    duration: [],
-    index: null,
-    names: ['新增用户'],
-    values: [70, 70, 70, 70, 70, 70, 70, 0]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['页面访问（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['页面停留时长（人数）'],
-    values: [50, 50, 50, 50, 50, 50, 50, 50]
-  }]
-};
-
-// 柱图/饼图
-export var totalResult = {
-  xAxis: ['2023-06-22|2023-06-29'],
-  series: [{
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-01'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [130]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-04'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [110]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-03'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [110]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-02'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [110]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '页面访问'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '页面停留时长'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-06'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-07'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-09'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-08'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-10'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-05'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [90]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-14'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-12'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-19'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-18'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-15'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-11'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-16'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-20'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-17'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '埋点事件-13'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [70]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '崩溃'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [40]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '收入'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [20]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '间隔事件-02'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [20]
-  }, {
-    duration: [],
-    index: '人数',
-    names: ['所有用户', '间隔事件-01'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [20]
-  }, {
-    duration: [],
-    index: null,
-    names: ['所有用户', '新增用户'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [0]
-  }, {
-    duration: [],
-    index: null,
-    names: ['所有用户', '活跃用户'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [150]
-  }, {
-    duration: [],
-    index: null,
-    names: ['所有用户', '访问次数'],
-    original_names: [],
-    p_total: [],
-    total: [],
-    values: [340]
-  }]
-};
-// 趋势图查询条件
+// 盒须图查询条件
 export var searchData = {
-  targets: [{
-    type: 'event',
-    alias: '事件概览',
-    eventId: -100,
-    eventName: '事件概览',
-    eventGroupId: 0,
-    analysisDimension: {
-      analysisIndex: 'number'
-    }
-  }],
-  userGroup: [0],
+  appId: 225,
   time: {
-    unit: 'day',
-    relative: [7, 0],
-    begin: '2023-06-14',
-    end: '2023-06-21'
+    dimensionDate: 'day',
+    beginDate: '2023-08-14',
+    endDate: '2023-09-13'
   },
-  chartType: 'line'
-};
-// 柱图/饼图 查询条件
-export var totalSearchData = {
-  appId: 96,
   platform: 0,
-  targets: [{
-    type: 'event',
-    alias: '事件概览',
-    eventId: -100,
-    eventName: '事件概览',
-    eventGroupId: 0,
-    analysisDimension: {
-      analysisIndex: 'number'
-    }
-  }],
   userGroup: [0],
-  time: {
-    unit: 'day',
-    relative: [7, 0],
-    begin: '2023-06-22',
-    end: '2023-06-29'
+  start: {
+    operator: 'and',
+    eventId: 16704,
+    eventName: '搜索商品'
+  },
+  end: {
+    operator: 'and',
+    eventId: 16706,
+    eventName: '加购商品'
   },
-  chartType: 'bar,grid'
+  dimension: null
+};
+export var searchDataParams = {
+  appData: {
+    huanbi: [],
+    series: [{
+      diyTarget: false,
+      duration: [],
+      index: null,
+      names: [],
+      originalNames: [],
+      pNext: [],
+      pTotal: [],
+      resultFormat: null,
+      total: [],
+      values: [[0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [1, 2, 1, 1, 2, 1, 102], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0]]
+    }],
+    tongbi: [],
+    total: [],
+    xAxis: ['2023-08-14', '2023-08-15', '2023-08-16', '2023-08-17', '2023-08-18', '2023-08-19', '2023-08-20', '2023-08-21', '2023-08-22', '2023-08-23', '2023-08-24', '2023-08-25', '2023-08-26', '2023-08-27', '2023-08-28', '2023-08-29', '2023-08-30', '2023-08-31', '2023-09-01', '2023-09-02', '2023-09-03', '2023-09-04', '2023-09-05', '2023-09-06', '2023-09-07', '2023-09-08', '2023-09-09', '2023-09-10', '2023-09-11', '2023-09-12', '2023-09-13'],
+    yesterDay: []
+  }
 };

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

@@ -5,47 +5,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, { useState } from 'react';
-import { EventChart } from '@zgfe/modules-interval';
-import { result, searchData, totalResult } from "./data";
-import { BizSelect, DemoWrapper } from '@zgfe/business-lib';
-import { chartTypeOptions } from "../../../constants";
+import { IntervalEventChart } from '@zgfe/modules-interval';
+import { searchData } from "./data";
+import { DemoWrapper } from '@zgfe/business-lib';
 export default (function () {
   var _useState = useState({
-      label: '趋势图',
-      value: 'line'
+      label: '盒须图',
+      value: 'boxplot'
     }),
-    _useState2 = _slicedToArray(_useState, 2),
-    chart = _useState2[0],
-    setChart = _useState2[1];
-  var _useState3 = useState(result),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchResult = _useState4[0],
-    setSearchResult = _useState4[1];
-  var onChange = function onChange(val) {
-    setChart(val);
-    setSearchResult(val.value === 'bar' || val.value === 'pie' ? totalResult : result);
-  };
-  return /*#__PURE__*/React.createElement(DemoWrapper, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'row-reverse',
-      marginBottom: 20
-    }
-  }, /*#__PURE__*/React.createElement(BizSelect, {
-    overlayWidth: 120,
-    options: chartTypeOptions,
-    defaultValue: chart,
-    value: chart,
-    labelField: "label",
-    keyField: "value",
-    theme: "secondary",
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement(EventChart, {
+    _useState2 = _slicedToArray(_useState, 1),
+    chart = _useState2[0];
+  return /*#__PURE__*/React.createElement(DemoWrapper, null, /*#__PURE__*/React.createElement(IntervalEventChart, {
     type: chart.value,
     params: searchData
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(EventChart, {
-    type: "grid",
-    dataSource: searchResult,
-    params: searchData
   }));
 });

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

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