@zgfe/business-lib 1.2.58-ljy.0 → 1.2.70-hxd.1

package/es/chart/demo/index.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useRef, useState } from 'react';
 import { BizChart } from '@zgfe/business-lib';
-import chartData, { showCharts } from './data/data';
+import chartData from './data/data';
 import { Button, Image } from 'antd';
 export default (function () {
   var chartRef = useRef();
@@ -30,8 +30,7 @@ export default (function () {
     data: chartData,
     type: "line",
     legendPosition: "bottom",
-    ref: chartRef,
-    showList: show ? showCharts : []
+    ref: chartRef
   }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
     onClick: onClick
   }, "\u83B7\u53D6\u56FE\u8868\u56FE\u7247"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Image, {

package/es/chart/demo/stack.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/chart/demo/stack.js

@@ -0,0 +1,31 @@
+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); }
+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 React, { useRef, useState } from 'react';
+import { BizChart } from '@zgfe/business-lib';
+import chartData from './data/data7';
+import { Button } from 'antd';
+export default (function () {
+  var chartRef = useRef();
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return setShow(!show);
+    }
+  }, show ? '隐藏' : '显示'), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(BizChart, {
+    data: chartData,
+    type: "pie",
+    legendPosition: "bottom",
+    isHideLegend: true,
+    ref: chartRef,
+    showList: undefined,
+    showAll: true,
+    colors: undefined
+  }));
+});

package/es/chart/index.js

@@ -13,9 +13,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useImperativeHandle, useState } from 'react';
 import ReactEChartsCore from 'echarts-for-react/lib/core';
 import * as echarts from 'echarts';
-import { getChartOption, getPieOption, getMapOption } from './util/chartOptionConfig';
+import { getChartOption, getPieOption, getMapOption, getStackingOption } from './util/chartOptionConfig';
 import { provinceSeries, citySeries, maxMinValue } from './util/mapUtil';
-import { formatPieData, formatChartData } from './util/formatData';
+import { formatPieData, formatChartData, formatStackChartData } from './util/formatData';
 import './util/data/china.js';
 import moment from 'moment';
 import _ from 'lodash';
@@ -44,7 +44,10 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tooltipTrigger = props.tooltipTrigger,
     muit_yAxis = props.muit_yAxis,
     unContainLabel = props.unContainLabel,
-    markArea = props.markArea;
+    markArea = props.markArea,
+    mergeOption = props.mergeOption,
+    mergeSeries = props.mergeSeries,
+    emphasisFocus = props.emphasisFocus;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     chartOption = _useState2[0],
@@ -123,10 +126,11 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!data) return eOption;
     if (type === 'pie') {
       var rData = formatPieData(data, showAll, showList, props.showOther);
-      eOption = getPieOption(rData, legendPosition, legendOrient, props.showLabel, props.radius, props.center, tooltipFormatter);
+      eOption = getPieOption(rData, legendPosition, legendOrient, props.showLabel, props.radius, props.center, tooltipFormatter, undefined, mergeSeries, isHideLegend);
+      eOption.legend.padding = [20, 0, 0, 0];
     } else if (type === 'line' || type === 'bar' || type === 'line_bar' || type === 'muit_y') {
       var _rData = formatChartData(data, showAll, showList, reverseXAxis, colors, type === 'line_bar' || type === 'muit_y');
-      eOption = getChartOption(type, _rData, legendPosition, legendOrient, valueUnit, xRotate, yRotate, tooltipFormatter, xAxisFormatter, yAxisFormatter, legendFormatter, reverseXAxis, seriesName, isHideLegend, tooltipTrigger, muit_yAxis);
+      eOption = getChartOption(type, _rData, legendPosition, legendOrient, valueUnit, xRotate, yRotate, tooltipFormatter, xAxisFormatter, yAxisFormatter, legendFormatter, reverseXAxis, seriesName, isHideLegend, tooltipTrigger, muit_yAxis, mergeSeries);
       if (type === 'line_bar' || type === 'muit_y') {
         eOption.grid.right = '1%';
         eOption.grid.left = '1%';
@@ -147,6 +151,9 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var maxMin = maxMinValue(series[0]);
       var showVisualMap = !(userGroup && userGroup.split(',').length > 1);
       eOption = getMapOption(series, maxMin, showVisualMap, tooltipFormatter, isCity);
+    } else if (type === 'stack') {
+      formatStackChartData(data, showList, showAll);
+      eOption = getStackingOption(data, legendPosition, emphasisFocus);
     }
     if (colors) {
       eOption.color = colors;
@@ -157,10 +164,13 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (data === null || data === void 0 ? void 0 : data.grid) {
       eOption.grid = _objectSpread(_objectSpread({}, eOption.grid), data === null || data === void 0 ? void 0 : data.grid);
     }
+    if (mergeOption) {
+      eOption = Object.assign(eOption, mergeOption);
+    }
     setChartOption(function () {
       return _objectSpread({}, eOption);
     });
-  }, [data, showAll, showList, reverseXAxis, option]);
+  }, [data, showAll, showList, reverseXAxis, option, emphasisFocus]);
   useImperativeHandle(ref, function () {
     return {
       instance: instance

package/es/chart/types.d.ts

@@ -1,4 +1,4 @@
-import { EChartsOption } from 'echarts';
+import { EChartsOption, SeriesOption } from 'echarts';
 import { GridOption } from 'echarts/types/dist/shared';
 export interface ChartItmProps {
     names: Array<string>;
@@ -59,5 +59,8 @@ export declare namespace ChartTypes {
         muit_yAxis?: {}[];
         unContainLabel?: boolean;
         markArea?: boolean;
+        mergeOption?: EChartsOption;
+        mergeSeries?: SeriesOption;
+        emphasisFocus?: null | string;
     }
 }

package/es/chart/util/chartOptionConfig.d.ts

@@ -1,4 +1,4 @@
-import { GridComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/types/dist/echarts';
+import { GridComponentOption, SeriesOption, TitleComponentOption, TooltipComponentOption } from 'echarts/types/dist/echarts';
 import { BarSeriesOption, GridOption, LegendComponentOption, LineSeriesOption, PieSeriesOption, ToolboxComponentOption, XAXisOption, YAXisOption } from 'echarts/types/dist/shared';
 import '../styles/index.less';
 import { ChartTypes } from '../types';
@@ -10,10 +10,11 @@ export declare const gridConfig: GridOption;
 export declare const xAxisConfig: XAXisOption;
 export declare const yAxisConfig: YAXisOption;
 export declare const tooltipConfig: TooltipComponentOption;
+export declare const getStackingOption: (data: ChartTypes.Value, legendPosition?: 'top' | 'bottom' | 'middle', emphasisFocus?: null | string) => any;
 export declare const getChartOption: (chartType: string, data: ChartTypes.Value, legendPosition?: 'top' | 'bottom' | 'middle', legendOrient?: 'horizontal' | 'vertical', unit?: string, xRotate?: number, yRotate?: number, tooltipFormatter?: ((value: any) => string) | undefined, xAxisFormatter?: ((value: any) => string) | undefined, yAxisFormatter?: ((value: any) => string) | undefined, legendFormatter?: ((value: any) => string) | undefined, reverseXAxis?: boolean, seriesName?: string, isHideLegend?: boolean, tooltipTrigger?: string, muit_yAxis?: {
     name?: string;
-}[]) => EChartsOption;
-export declare const getPieOption: (seriesData?: object[], legendPosition?: 'top' | 'bottom' | 'middle', legendOrient?: 'horizontal' | 'vertical', showLabel?: boolean, radius?: string | number | Array<string | number>, center?: Array<string | number>, tooltipFormatter?: ((value: any) => string) | undefined, legendFormatter?: ((value: any) => string) | undefined) => EChartsOption;
+}[], mergeSeries?: SeriesOption) => EChartsOption;
+export declare const getPieOption: (seriesData?: object[], legendPosition?: 'top' | 'bottom' | 'middle', legendOrient?: 'horizontal' | 'vertical', showLabel?: boolean, radius?: string | number | Array<string | number>, center?: Array<string | number>, tooltipFormatter?: ((value: any) => string) | undefined, legendFormatter?: ((value: any) => string) | undefined, mergeSeries?: SeriesOption, isHideLegend?: boolean) => EChartsOption;
 export declare const getMapOption: (seriesData: object[] | undefined, maxMinValue: {
     min: number;
     max: number;

package/es/chart/util/chartOptionConfig.js

@@ -101,7 +101,7 @@ export var tooltipConfig = {
   padding: 8,
   extraCssText: '0px 4px 10px rgba(0, 0, 0, 0.1)',
   className: 'biz-chart-tooltip',
-  appendToBody: true,
+  appendToBody: util.isMobile() ? false : true,
   axisPointer: {
     type: 'shadow',
     z: 0,
@@ -110,6 +110,77 @@ export var tooltipConfig = {
     }
   }
 };
+export var getStackingOption = function getStackingOption(data) {
+  var legendPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'bottom';
+  var emphasisFocus = arguments.length > 2 ? arguments[2] : undefined;
+  var tooltip = JSON.parse(JSON.stringify(tooltipConfig));
+  var xAxis = [{
+    type: 'category',
+    data: data.xAxis
+  }];
+  var yAxis = [{
+    type: 'value'
+  }];
+  var grid = {
+    left: '1%',
+    right: '1%',
+    bottom: 45,
+    top: 24,
+    containLabel: true
+  };
+  var legend = {
+    icon: 'circle',
+    type: 'scroll',
+    itemHeight: 10,
+    itemWidth: 10,
+    itemGap: 21,
+    itemStyle: {
+      borderCap: 'round'
+    },
+    z: 10,
+    textStyle: {
+      color: '#5F6085',
+      height: 10,
+      rich: {
+        a: {
+          verticalAlign: 'bottom'
+        }
+      }
+    },
+    pageTextStyle: {
+      color: '#5F6085'
+    },
+    tooltip: {
+      show: true
+    },
+    top: 'bottom',
+    orient: 'horizontal'
+  };
+  var series = data.series.map(function (item) {
+    return {
+      name: item.names.join(','),
+      type: 'bar',
+      barMaxWidth: 40,
+      barWidth: 'auto',
+      stack: 'all',
+      emphasis: {
+        focus: emphasisFocus !== undefined ? emphasisFocus : 'series'
+      },
+      data: item.values
+    };
+  });
+  legend.top = legendPosition || 'bottom';
+  legend.icon = 'circle';
+  var _data = _objectSpread(_objectSpread({}, baseConfig), {}, {
+    legend: legend,
+    xAxis: xAxis,
+    yAxis: yAxis,
+    tooltip: tooltip,
+    grid: grid,
+    series: series
+  });
+  return _data;
+};
 export var getChartOption = function getChartOption(chartType, data) {
   var legendPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'bottom';
   var legendOrient = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'horizontal';
@@ -125,6 +196,7 @@ export var getChartOption = function getChartOption(chartType, data) {
   var isHideLegend = arguments.length > 13 ? arguments[13] : undefined;
   var tooltipTrigger = arguments.length > 14 ? arguments[14] : undefined;
   var muit_yAxis = arguments.length > 15 ? arguments[15] : undefined;
+  var mergeSeries = arguments.length > 16 ? arguments[16] : undefined;
   var xAxis = JSON.parse(JSON.stringify(xAxisConfig)),
     tooltip = JSON.parse(JSON.stringify(tooltipConfig)),
     yAxis = _objectSpread({}, yAxisConfig),
@@ -167,13 +239,13 @@ export var getChartOption = function getChartOption(chartType, data) {
   }
   if (!reverseXAxis) {
     series = data.series.map(function (item) {
-      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, item), seriesItem), {}, {
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, item), seriesItem), {}, {
         type: chartType === 'line_bar' || chartType === 'muit_y' ? item.type : chartType
       }, chartType === 'line_bar' ? {
         yAxisIndex: item.type === 'line' ? 1 : 0
       } : {}), chartType === 'muit_y' ? {
         yAxisIndex: item.yAxisIndex
-      } : {});
+      } : {}), mergeSeries ? mergeSeries : {});
     });
     series.map(function (item) {
       seriesObject[item.name] = item;
@@ -250,6 +322,8 @@ export var getPieOption = function getPieOption() {
   var center = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : ['50%', '50%'];
   var tooltipFormatter = arguments.length > 6 ? arguments[6] : undefined;
   var legendFormatter = arguments.length > 7 ? arguments[7] : undefined;
+  var mergeSeries = arguments.length > 8 ? arguments[8] : undefined;
+  var isHideLegend = arguments.length > 9 ? arguments[9] : undefined;
   var series = [{
     type: 'pie',
     data: seriesData,
@@ -301,10 +375,16 @@ export var getPieOption = function getPieOption() {
       }
     }
   }];
+  if (mergeSeries) {
+    series[0] = _objectSpread(_objectSpread({}, series[0]), mergeSeries);
+  }
   var tooltip = JSON.parse(JSON.stringify(tooltipConfig)),
     legend = _objectSpread({}, legendConfig),
     grid = _objectSpread({}, gridConfig);
   legend.top = legendPosition;
+  if (isHideLegend) {
+    legend.show = false;
+  }
   legend.orient = legendOrient;
   legend.icon = 'circle';
   if (legendOrient === 'vertical') {
@@ -384,7 +464,7 @@ export var getMapOption = function getMapOption() {
       bottom: '20',
       feature: {
         saveAsImage: {
-          show: true,
+          show: util.isMobile() ? false : true,
           title: '保存为图片'
         }
       }

package/es/chart/util/formatData.d.ts

@@ -13,3 +13,4 @@ export declare const formatChartData: (data: ChartTypes.Value, showAll?: boolean
         [key: string]: string;
     };
 };
+export declare const formatStackChartData: (data: ChartTypes.Value, showList?: Array<any>, showAll?: boolean) => void;

package/es/chart/util/formatData.js

@@ -84,6 +84,19 @@ export var formatChartData = function formatChartData(data, showAll, showList, r
     resultFormatMap: resultFormatMap
   };
 };
+export var formatStackChartData = function formatStackChartData(data, showList, showAll) {
+  var showMap = getShowMap(showList);
+  var _seriesData = [];
+  data.series.forEach(function (seriesItem) {
+    var name = seriesItem.names.join(',');
+    var showName = "".concat(name).concat(seriesItem.orderNum ? '|:|' + seriesItem.orderNum : '');
+    if (showAll || showList && showMap[showName] || (!showList || showList.length <= 0) && _seriesData.length < 10) {
+      _seriesData.push(seriesItem);
+    }
+  });
+  data.series = _seriesData;
+  return;
+};
 var getShowMap = function getShowMap(showList) {
   var data = {};
   if (showList) {

package/es/chart/util/formatOption.js

@@ -43,7 +43,7 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params, resultFor
     var nameArr = name.split('|:|');
     name = nameArr[0];
     var orderNum = nameArr[1];
-    if (item.minValues === null && item.maxValues === null) {
+    if (item.minValues === null && item.maxValues === null || item.minValues === undefined && item.maxValues === undefined) {
       htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n          <div class=\"biz-chart-tooltip-content\">\n              <span class=\"".concat(orderNum ? 'biz-tooltip-order' : 'biz-tooltip-marker', "\" style=\"background:").concat(item.color, "\">").concat(orderNum || '', "</span>\n              <div class=\"biz-tooltip-name\">").concat(name, "</div>\n          </div> \n          <span class=\"biz-chart-tooltip-value\">").concat(lineLabel, "</span>\n        </div>"));
     } else {
       htmlArray.push("<div class=\"biz-chart-tooltip-item-new\">\n            <div class=\"biz-chart-tooltip-content\">\n                <span class=\"".concat(orderNum ? 'biz-tooltip-order' : 'biz-tooltip-marker', "\" style=\"background:").concat(item.color, "\">").concat(orderNum || '', "</span>\n                <div class=\"biz-tooltip-name\">").concat(name, "</div>\n            </div> \n            <div>\n                <div>\n                  <span>\u9884\u6D4B\u503C\uFF1A</span>\n                  <span class=\"biz-chart-tooltip-item-new-value\">").concat(lineLabel, "</span>\n                </div>\n                <div>\n                  <span>\u9884\u6D4B\u6700\u5927\u503C\uFF1A</span>\n                  <span class=\"biz-chart-tooltip-item-new-value\">").concat(maxValues, "</span>\n                </div>\n                <div>\n                  <span>\u9884\u6D4B\u6700\u5C0F\u503C\uFF1A</span>\n                  <span class=\"biz-chart-tooltip-item-new-value\">").concat(minValues, "</span>\n                </div>\n            </div>\n        </div>"));

package/es/constants/apis.d.ts

@@ -26,5 +26,8 @@ declare const Apis: {
     queryPanels: string;
     queryMetaDatasetList: string;
     queryDatasetTableNames: string;
+    queryPlatformList: string;
+    queryRelationResult: string;
+    queryEventRemoved: string;
 };
 export default Apis;

package/es/constants/apis.js

@@ -25,6 +25,9 @@ var Apis = {
   querySubjectList: '/zg/web/v2/analysisSubject/queryAllSubject',
   queryPanels: '/zg/web/v2/apppanel/panels',
   queryMetaDatasetList: '/zg/web/v2/meta/dataset/list',
-  queryDatasetTableNames: '/zg/web/cdp/dataset/manager/datasetList'
+  queryDatasetTableNames: '/zg/web/cdp/dataset/manager/datasetList',
+  queryPlatformList: '/zg/web/v2/data/dynamicPlatformByAppid',
+  queryRelationResult: '/zg/web/v2/event/queryRelationResult',
+  queryEventRemoved: '/zg/web/v2/event/queryEventRemoved'
 };
 export default Apis;

package/es/cycleTime/index.js

@@ -151,7 +151,7 @@ var BizCycleTime = function BizCycleTime(props) {
     disable: disable,
     onChange: function onChange(v) {
       setDay([]);
-      setTime(showHour && v.value !== CycleTimeUnit.custom ? '00' : undefined);
+      setTime(showHour && (v === null || v === void 0 ? void 0 : v.value) !== CycleTimeUnit.custom ? '00' : undefined);
       setUnit(v);
     }
   }), unit.value === CycleTimeUnit.week && /*#__PURE__*/React.createElement(BizSelect, {

package/es/datePicker/index.js

@@ -136,25 +136,25 @@ var BizDatePicker = function BizDatePicker(_ref) {
     options: typeList,
     onChange: function onChange(type) {
       setCurrentType(type);
-      if (type.value === 'custom') {
+      if ((type === null || type === void 0 ? void 0 : type.value) === 'custom') {
         setDateRange(getDateRange(DatePickerTypes.Unit.day, 7, includeToday));
       }
-      if (type.value === 'hour') {
+      if ((type === null || type === void 0 ? void 0 : type.value) === 'hour') {
         setDateRange(getDateRange(DatePickerTypes.Unit.day, 1, includeToday));
       }
-      if (type.value === 'day') {
+      if ((type === null || type === void 0 ? void 0 : type.value) === 'day') {
         setDateRange(getDateRange(DatePickerTypes.Unit.day, 7, includeToday));
         setRelative([7, includeToday ? 0 : 1]);
       }
-      if (type.value === 'week') {
+      if ((type === null || type === void 0 ? void 0 : type.value) === 'week') {
         setDateRange(getDateRange(DatePickerTypes.Unit.week, 4, includeToday));
         setRelative([4, includeToday ? 0 : 1]);
       }
-      if (type.value === 'month') {
+      if ((type === null || type === void 0 ? void 0 : type.value) === 'month') {
         setDateRange(getDateRange(DatePickerTypes.Unit.month, 1, includeToday));
         setRelative([1, includeToday ? 0 : 1]);
       }
-      if (type.value === 'quarter') {
+      if ((type === null || type === void 0 ? void 0 : type.value) === 'quarter') {
         setDateRange(getDateRange(DatePickerTypes.Unit.quarter, 1, includeToday));
         setRelative([1, includeToday ? 0 : 1]);
       }

package/es/datePickerV2/index.js

@@ -38,7 +38,9 @@ var BizDatePicker = function BizDatePicker(_ref) {
     onChange = _ref.onChange,
     selectRange = _ref.selectRange,
     selectRangeUnit = _ref.selectRangeUnit,
-    timeRangeOpen = _ref.timeRangeOpen;
+    timeRangeOpen = _ref.timeRangeOpen,
+    hiddenUnitType = _ref.hiddenUnitType,
+    shortcuts = _ref.shortcuts;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     ready = _useState2[0],
@@ -170,7 +172,7 @@ var BizDatePicker = function BizDatePicker(_ref) {
       setRelative: setRelative,
       setOpen: setOpen
     }
-  }, /*#__PURE__*/React.createElement(BizSelect, {
+  }, !hiddenUnitType && /*#__PURE__*/React.createElement(BizSelect, {
     className: "".concat(classPrefix, "-type"),
     theme: "secondary",
     keyField: "value",
@@ -216,7 +218,8 @@ var BizDatePicker = function BizDatePicker(_ref) {
       selectRangeUnit: selectRangeUnit,
       timeRangeOpen: timeRangeOpen,
       currentType: currentType.value,
-      relative: relative
+      relative: relative,
+      shortcuts: shortcuts
     }),
     onOpenChange: function onOpenChange() {
       return setOpen(!open);

package/es/datePickerV2/popoverContent.d.ts

@@ -8,6 +8,7 @@ interface PopoverContent {
     currentType?: DatePickerTypes.Unit;
     relative?: any[];
     selectRangeUnit?: 'days' | 'weeks' | 'months' | 'quarter';
+    shortcuts?: DatePickerTypes.Option[];
 }
 declare const _default: (props: PopoverContent) => React.JSX.Element;
 export default _default;

package/es/datePickerV2/popoverContent.js

@@ -16,7 +16,8 @@ export default (function (props) {
     setOpen = props.setOpen,
     currentType = props.currentType,
     relative = props.relative,
-    selectRangeUnit = props.selectRangeUnit;
+    selectRangeUnit = props.selectRangeUnit,
+    shortcuts = props.shortcuts;
   var ref = useRef();
   return /*#__PURE__*/React.createElement(Tabs, {
     defaultActiveKey: relative ? '1' : '2'
@@ -24,6 +25,7 @@ export default (function (props) {
     tab: "\u6700\u8FD1",
     key: "1"
   }, /*#__PURE__*/React.createElement(PickerShortcut, {
+    shortcuts: shortcuts,
     selectRange: selectRange,
     selectRangeUnit: selectRangeUnit
   })), /*#__PURE__*/React.createElement(Tabs.TabPane, {

package/es/datePickerV2/shortcut.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { DatePickerTypes } from './types';
 declare const PickerShortcut: React.FC<{
     selectRange?: number;
     selectRangeUnit?: string;
     timeRangeOpen?: number;
+    shortcuts?: DatePickerTypes.Option[];
 }>;
 export default PickerShortcut;

package/es/datePickerV2/shortcut.js

@@ -15,7 +15,8 @@ import moment from 'moment';
 var PickerShortcut = function PickerShortcut(_ref) {
   var selectRange = _ref.selectRange,
     selectRangeUnit = _ref.selectRangeUnit,
-    timeRangeOpen = _ref.timeRangeOpen;
+    timeRangeOpen = _ref.timeRangeOpen,
+    shortcuts = _ref.shortcuts;
   var _useContext = useContext(DatePickerContext),
     currentType = _useContext.currentType,
     includeToday = _useContext.includeToday,
@@ -25,7 +26,7 @@ var PickerShortcut = function PickerShortcut(_ref) {
     setOpen = _useContext.setOpen;
   var _useContext2 = useContext(BizGlobalDataContext),
     envs = _useContext2.envs;
-  var list = getTypeList(currentType, includeToday);
+  var list = getTypeList(currentType, includeToday, shortcuts);
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
@@ -39,7 +40,7 @@ var PickerShortcut = function PickerShortcut(_ref) {
     isError = _useState6[0],
     setIsError = _useState6[1];
   useEffect(function () {
-    list = getTypeList(currentType, includeToday);
+    list = getTypeList(currentType, includeToday, shortcuts);
     if (relative) {
       setActive(relative[0]);
       setNumbers(relative[0]);

package/es/datePickerV2/types.d.ts

@@ -25,6 +25,8 @@ export declare namespace DatePickerTypes {
         onChange?: (data: Value) => void;
         onOpenChange?: (data: boolean) => void;
         dateTypeList?: Unit[];
+        hiddenUnitType?: boolean;
+        shortcuts?: DatePickerTypes.Option[];
     }
     interface Option {
         label: string;

package/es/datePickerV2/utils.d.ts

@@ -5,7 +5,7 @@ export declare const getDateRange: (type: DatePickerTypes.Unit, count: number, i
     end: string;
 };
 export declare const isTodayInRange: (_startDate: moment.Moment, _endDate: moment.Moment) => boolean;
-export declare const getTypeList: (currentType: DatePickerTypes.Unit, includeToday: boolean) => DatePickerTypes.ListOption[];
+export declare const getTypeList: (currentType: DatePickerTypes.Unit, includeToday: boolean, shortcuts?: DatePickerTypes.Option[]) => DatePickerTypes.ListOption[];
 export declare const DateOptionMap: {
     day: string;
     week: string;

package/es/datePickerV2/utils.js

@@ -39,9 +39,9 @@ export var isTodayInRange = function isTodayInRange(_startDate, _endDate) {
   var dateToCheck = moment(new Date()).format('x');
   return dateToCheck >= startDate && dateToCheck <= endDate;
 };
-export var getTypeList = function getTypeList(currentType, includeToday) {
-  var _shortcuts$find;
-  var shortcuts = [{
+export var getTypeList = function getTypeList(currentType, includeToday, shortcuts) {
+  var _find;
+  var defaultShortcuts = [{
     label: '按小时',
     value: DatePickerTypes.Unit.hour,
     children: [{
@@ -104,9 +104,9 @@ export var getTypeList = function getTypeList(currentType, includeToday) {
       count: 4
     }]
   }];
-  var list = (((_shortcuts$find = shortcuts.find(function (item) {
+  var list = (((_find = (shortcuts ? shortcuts : defaultShortcuts).find(function (item) {
     return item.value === currentType;
-  })) === null || _shortcuts$find === void 0 ? void 0 : _shortcuts$find.children) || []).filter(function (item) {
+  })) === null || _find === void 0 ? void 0 : _find.children) || []).filter(function (item) {
     if (currentType === 'day') {
       if (!includeToday && (item.count === 0 || item.count === 1)) return false;
       return true;

package/es/empty/demo/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/empty/demo/index.js

@@ -0,0 +1,16 @@
+import { BizEmpty } from '@zgfe/business-lib';
+import React from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(BizEmpty, {
+    image: 'attention',
+    imageStyle: {
+      height: 58
+    },
+    description: '事件已被删除无法查看，请重新设置'
+  }));
+});

package/es/empty/index.d.ts

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

package/es/empty/index.js

@@ -0,0 +1,19 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { Empty } from 'antd';
+import attention from './../assets/images/attention.png';
+var keyToImg = {
+  attention: attention
+};
+var BizEmpty = function BizEmpty(props) {
+  return /*#__PURE__*/React.createElement(Empty, _objectSpread(_objectSpread({}, props), {}, {
+    image: keyToImg['attention'] || props.image,
+    description: props.description
+  }));
+};
+export default BizEmpty;

package/es/empty/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface EmptyTypes {
+    children?: React.ReactNode;
+    description?: React.ReactNode;
+    image?: React.ReactNode;
+    imageStyle?: React.CSSProperties;
+}

package/es/empty/types.js

@@ -0,0 +1 @@
+export {};

package/es/hooks/useBizStore.d.ts

@@ -1,13 +1,15 @@
 import { UserTagsSelectorTypes } from '../userTagsSelector/types';
 import { UserGroupTypes } from '../userGroup/types';
-declare function useBizStore(appId: any): {
+import { AppInfoProps } from '../context';
+declare function useBizStore({ currentApp }: {
+    currentApp: AppInfoProps;
+}): {
     eventGroupList?: import("../attributeSelector/types").EventGroup[] | undefined;
     userPropList?: import("../attributeSelector/types").UserProp[] | undefined;
     envPropList?: import("../attributeSelector/types").EnvProp[] | undefined;
     eventNameMap?: Record<string, import("../attributeSelector/types").AnalysisEvent> | undefined;
     eventIdMap?: Record<number, import("../attributeSelector/types").AnalysisEvent> | undefined;
     useBizStoreLoading: boolean;
-    setUseBizStoreLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     groupLoading: boolean;
     userGroupList: UserGroupTypes.Group[];
     tagList: UserTagsSelectorTypes.Tag[];