@zgfe/business-lib 1.2.66-hxd.2 → 1.2.70-hxd.1

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/styles/index.less

@@ -1,113 +1,113 @@
-@import '../../assets/styles/variable.less';
-
-.biz-chart-tooltip {
-  max-height: 324px;
-  overflow: auto;
-  border-radius: 10px !important;
-
-  .biz-chart-tooltip-title {
-    margin-bottom: @margin-xss;
-    color: @text-color;
-    font-weight: 600;
-    font-size: @font-size-sm;
-    line-height: 17px;
-  }
-
-  .biz-chart-tooltip-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    min-height: @height-sm;
-    padding: 0px @padding-xs;
-    font-size: @font-size-sm;
-    background: @white;
-    border-radius: @border-radius-small;
-    box-shadow: @box-shadow-small;
-    &:not(:last-child) {
-      margin-bottom: @margin-xss;
-    }
-
-    .biz-chart-tooltip-content {
-      display: flex;
-      align-items: center;
-      color: @text-color-secondary;
-
-      .biz-tooltip-marker {
-        width: 8px;
-        height: 8px;
-        margin-right: @margin-xs;
-        border-radius: 50%;
-      }
-      .biz-tooltip-order {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 12.8px;
-        height: 12.8px;
-        margin-right: @margin-xs;
-        color: #fff;
-        font-weight: 500;
-        font-size: 8.96px;
-        background: #457dff;
-        border-radius: 50%;
-      }
-      .biz-tooltip-name {
-        max-width: 300px;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-        word-break: break-all;
-      }
-    }
-
-    .biz-chart-tooltip-value {
-      margin-left: @margin-xs;
-      color: @text-color;
-      font-weight: 500;
-    }
-  }
-
-  .biz-chart-tooltip-item-new {
-    min-height: @height-sm;
-    margin-bottom: 4px;
-    padding: 0px @padding-xs;
-    font-size: @font-size-sm;
-    background: @white;
-    border-radius: @border-radius-small;
-    box-shadow: @box-shadow-small;
-    .biz-chart-tooltip-content {
-      display: flex;
-      align-items: center;
-      color: @text-color-secondary;
-
-      .biz-tooltip-marker {
-        width: 8px;
-        height: 8px;
-        margin-right: @margin-xs;
-        border-radius: 50%;
-      }
-      .biz-tooltip-order {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 12.8px;
-        height: 12.8px;
-        margin-right: @margin-xs;
-        color: #fff;
-        font-weight: 500;
-        font-size: 8.96px;
-        background: #457dff;
-        border-radius: 50%;
-      }
-      .biz-tooltip-name {
-        max-width: 300px;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-        word-break: break-all;
-      }
-    }
-    &-value {
-      font-weight: 700;
-      //  font-size: 14px;
-    }
-  }
-}
+@import '../../assets/styles/variable.less';
+
+.biz-chart-tooltip {
+  max-height: 324px;
+  overflow: auto;
+  border-radius: 10px !important;
+
+  .biz-chart-tooltip-title {
+    margin-bottom: @margin-xss;
+    color: @text-color;
+    font-weight: 600;
+    font-size: @font-size-sm;
+    line-height: 17px;
+  }
+
+  .biz-chart-tooltip-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: @height-sm;
+    padding: 0px @padding-xs;
+    font-size: @font-size-sm;
+    background: @white;
+    border-radius: @border-radius-small;
+    box-shadow: @box-shadow-small;
+    &:not(:last-child) {
+      margin-bottom: @margin-xss;
+    }
+
+    .biz-chart-tooltip-content {
+      display: flex;
+      align-items: center;
+      color: @text-color-secondary;
+
+      .biz-tooltip-marker {
+        width: 8px;
+        height: 8px;
+        margin-right: @margin-xs;
+        border-radius: 50%;
+      }
+      .biz-tooltip-order {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 12.8px;
+        height: 12.8px;
+        margin-right: @margin-xs;
+        color: #fff;
+        font-weight: 500;
+        font-size: 8.96px;
+        background: #457dff;
+        border-radius: 50%;
+      }
+      .biz-tooltip-name {
+        max-width: 300px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        word-break: break-all;
+      }
+    }
+
+    .biz-chart-tooltip-value {
+      margin-left: @margin-xs;
+      color: @text-color;
+      font-weight: 500;
+    }
+  }
+
+  .biz-chart-tooltip-item-new {
+    min-height: @height-sm;
+    margin-bottom: 4px;
+    padding: 0px @padding-xs;
+    font-size: @font-size-sm;
+    background: @white;
+    border-radius: @border-radius-small;
+    box-shadow: @box-shadow-small;
+    .biz-chart-tooltip-content {
+      display: flex;
+      align-items: center;
+      color: @text-color-secondary;
+
+      .biz-tooltip-marker {
+        width: 8px;
+        height: 8px;
+        margin-right: @margin-xs;
+        border-radius: 50%;
+      }
+      .biz-tooltip-order {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 12.8px;
+        height: 12.8px;
+        margin-right: @margin-xs;
+        color: #fff;
+        font-weight: 500;
+        font-size: 8.96px;
+        background: #457dff;
+        border-radius: 50%;
+      }
+      .biz-tooltip-name {
+        max-width: 300px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        word-break: break-all;
+      }
+    }
+    &-value {
+      font-weight: 700;
+      //  font-size: 14px;
+    }
+  }
+}

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/data/china.js

@@ -1,21 +1,21 @@
 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); }
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
  */
 
 (function (root, factory) {

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/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/cycleTime/styles/index.less

@@ -1,24 +1,24 @@
-@import '../../assets//styles/inner.less';
-.biz-cycle-time {
-  display: flex;
-  gap: 12px;
-  &-unit {
-    width: 129px;
-  }
-  &-day {
-    width: 280px;
-    vertical-align: top;
-    &.multi {
-      width: 470px;
-    }
-  }
-  &-unit,
-  &-day,
-  &-hour {
-    display: inline-block;
-  }
-  &-hour {
-    width: 220px;
-    vertical-align: top;
-  }
-}
+@import '../../assets//styles/inner.less';
+.biz-cycle-time {
+  display: flex;
+  gap: 12px;
+  &-unit {
+    width: 129px;
+  }
+  &-day {
+    width: 280px;
+    vertical-align: top;
+    &.multi {
+      width: 470px;
+    }
+  }
+  &-unit,
+  &-day,
+  &-hour {
+    display: inline-block;
+  }
+  &-hour {
+    width: 220px;
+    vertical-align: top;
+  }
+}